*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family-primary);font-weight:var(--font-weight-light);min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-hover)}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.sidebar{background:var(--bg-sidebar);color:var(--text-on-dark);display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;width:var(--sidebar-width);z-index:1000}.sidebar-header{border-bottom:1px solid #ffffff1a;padding:var(--spacing-lg)}.logo h2{color:var(--dsa-cta-green);font-family:var(--font-family-primary);font-size:24px;font-weight:var(--font-weight-medium);margin:0 0 var(--spacing-lg) 0}.user-info{gap:var(--spacing-md)}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:var(--dsa-cta-green);border-radius:50%;color:var(--text-primary);font-size:16px;font-weight:var(--font-weight-medium);height:40px;justify-content:center;width:40px}.user-details{flex:1 1}.user-name{font-size:14px;font-weight:var(--font-weight-medium);line-height:1.2}.user-name,.user-role{font-family:var(--font-family-primary)}.user-role{color:#ffffffb3;font-size:12px;font-weight:var(--font-weight-light);text-transform:capitalize}.store-info{background:#ffffff0d;border-bottom:1px solid #ffffff1a;padding:var(--spacing-md) var(--spacing-lg)}.store-name{color:var(--dsa-cta-green);font-size:14px;font-weight:var(--font-weight-medium)}.store-name,.store-type{font-family:var(--font-family-primary)}.store-type{color:#ffffffb3;font-size:12px;font-weight:var(--font-weight-light)}.sidebar-nav{flex:1 1;padding:var(--spacing-lg) 0}.nav-category{margin-bottom:var(--spacing-lg)}.category-header{color:#ffffff80;font-family:var(--font-family-primary);font-size:11px;font-weight:var(--font-weight-medium);letter-spacing:1px;padding:0 var(--spacing-lg) var(--spacing-sm) var(--spacing-lg);text-transform:uppercase}.nav-items{list-style:none;margin:0;padding:0}.nav-item{align-items:center;cursor:pointer;display:flex;font-family:var(--font-family-primary);font-size:14px;font-weight:var(--font-weight-light);gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-fast)}.nav-item:hover{background:#ffffff1a;color:var(--dsa-cta-green)}.nav-item.active{background:#d7fd721a;border-right:3px solid var(--dsa-cta-green);color:var(--dsa-cta-green);font-weight:var(--font-weight-medium)}.nav-icon{font-size:16px;text-align:center;width:20px}.nav-label{flex:1 1}@media (max-width:768px){.sidebar{transform:translateX(-100%);transition:transform var(--transition-medium)}.sidebar.open{transform:translateX(0)}}.breadcrumb{color:var(--text-secondary);font-family:var(--font-family-primary);font-size:14px;font-weight:var(--font-weight-light);margin-bottom:var(--spacing-lg);padding:var(--spacing-md) 0}.breadcrumb-base,.breadcrumb-separator{color:var(--text-light)}.breadcrumb-separator{margin:0 var(--spacing-sm)}.breadcrumb-section{color:var(--text-primary);font-weight:var(--font-weight-medium)}.breadcrumb-subsection{color:var(--dsa-gradient-start);font-weight:var(--font-weight-medium)}.stats-grid{grid-gap:var(--spacing-lg);gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:var(--spacing-lg) 0}.stats-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden;padding:var(--spacing-lg);position:relative;transition:all var(--transition-medium)}.stats-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.stats-card:before{background:var(--dsa-gradient-start);content:"";height:4px;left:0;position:absolute;right:0;top:0}.stats-card--primary:before{background:linear-gradient(90deg,var(--dsa-gradient-start),var(--dsa-gradient-end))}.stats-card--success:before{background:var(--dsa-cta-green)}.stats-card--warning:before{background:#ffc107}.stats-card--danger:before{background:#dc3545}.stats-card__header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.stats-card__icon{font-size:24px;opacity:.8}.stats-card__trend{align-items:center;border-radius:var(--radius-sm);display:flex;font-family:var(--font-family-primary);font-size:12px;font-weight:var(--font-weight-medium);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.stats-card__trend--up{background:#28a7451a;color:#28a745}.stats-card__trend--down{background:#dc35451a;color:#dc3545}.stats-card__trend--neutral{background:#6c757d1a;color:#6c757d}.trend-icon{font-size:10px}.stats-card__content{text-align:center}.stats-card__value{color:var(--text-primary);font-size:2.5rem;line-height:1.1;margin-bottom:var(--spacing-sm)}.stats-card__title,.stats-card__value{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium)}.stats-card__title{color:var(--text-secondary);font-size:14px;letter-spacing:.5px;margin-bottom:var(--spacing-xs);text-transform:uppercase}.stats-card__subtitle{color:var(--text-light);font-family:var(--font-family-primary);font-size:12px;font-weight:var(--font-weight-light)}@media (max-width:768px){.stats-grid{grid-template-columns:1fr}.stats-card__value{font-size:2rem}}.chart-container{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);margin:var(--spacing-lg) 0;padding:var(--spacing-lg)}.chart-title{color:var(--text-primary);font-family:var(--font-family-primary);font-size:18px;font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-lg);text-align:center}.bar-chart{display:flex;flex-direction:column;position:relative}.chart-area{align-items:flex-end;border-bottom:2px solid var(--border-light);border-left:2px solid var(--border-light);display:flex;height:calc(100% - 60px);justify-content:space-around;padding:var(--spacing-md)}.bar-group{align-items:center;display:flex;flex:1 1;flex-direction:column;max-width:80px}.bar-container{align-items:flex-end;display:flex;height:100%;justify-content:center;padding:0 var(--spacing-sm);width:100%}.bar{border-radius:var(--radius-sm) var(--radius-sm) 0 0;cursor:pointer;min-height:4px;transition:all var(--transition-fast);width:100%}.bar:hover{filter:brightness(1.1);opacity:.8}.bar-label{color:var(--text-secondary);font-size:11px;font-weight:var(--font-weight-light);text-align:center;word-break:break-word}.bar-label,.bar-value{font-family:var(--font-family-primary);margin-top:var(--spacing-xs)}.bar-value{color:var(--text-primary);font-size:12px;font-weight:var(--font-weight-medium)}.line-chart{position:relative}.chart-svg{background:linear-gradient(180deg,#667eea1a,#0000);border:1px solid var(--border-light);border-radius:var(--radius-sm);height:calc(100% - 40px);width:100%}.chart-labels{display:flex;justify-content:space-between;margin-top:var(--spacing-sm)}.chart-label{flex:1 1;text-align:center}.label-date{color:var(--text-secondary);font-size:10px;font-weight:var(--font-weight-light)}.label-date,.label-value{font-family:var(--font-family-primary)}.label-value{color:var(--text-primary);font-size:12px;font-weight:var(--font-weight-medium)}.chart-legend{border-top:1px solid var(--border-light);display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-top:var(--spacing-md);padding-top:var(--spacing-md)}.legend-item{align-items:center;display:flex;gap:var(--spacing-sm)}.legend-color{border-radius:50%;height:12px;width:12px}.legend-label{color:var(--text-secondary);font-family:var(--font-family-primary);font-size:12px;font-weight:var(--font-weight-light)}@media (max-width:768px){.chart-area{padding:var(--spacing-sm)}.bar-group{max-width:60px}.chart-legend{justify-content:center}}.dashboard-layout{background:var(--bg-primary);font-family:var(--font-family-primary);min-height:100vh}.dashboard-layout,.main-content{display:flex;height:100vh;overflow-x:auto;overflow-y:hidden}.main-content{flex:1 1;flex-direction:column;margin-left:var(--sidebar-width)}.dashboard-header{align-items:center;background:var(--bg-primary);border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-actions{display:flex;gap:var(--spacing-md)}.content-area{flex:1 1;height:calc(100vh - 80px);padding:var(--spacing-xl)}.content-area,.section-content{overflow-x:auto;overflow-y:hidden}.section-content{margin:0;max-width:none;min-width:1400px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-xl)}.section-title{color:var(--text-primary);font-family:var(--font-family-primary);font-size:28px;font-weight:var(--font-weight-medium);margin:0}.charts-section{margin:var(--spacing-xl) 0}.chart-row{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:1fr 1fr}.controls{align-items:center;display:flex;gap:var(--spacing-md)}.search-form{display:flex;gap:var(--spacing-sm)}.search-input{border:2px solid var(--border-light);border-radius:var(--radius-md);font-family:var(--font-family-primary);font-size:14px;font-weight:var(--font-weight-light);min-width:250px;padding:var(--spacing-sm) var(--spacing-md);transition:border-color var(--transition-fast)}.search-input:focus{border-color:var(--dsa-gradient-start);outline:none}.btn{align-items:center;border-radius:var(--radius-md);display:inline-flex;font-family:var(--font-family-primary);font-size:14px;font-weight:var(--font-weight-medium);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all var(--transition-fast)}.btn-primary{background:linear-gradient(135deg,var(--dsa-gradient-start),var(--dsa-gradient-end))}.btn-primary:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.btn-outline{background:#0000;border:2px solid var(--border-medium);color:var(--text-secondary)}.btn-outline:hover{background:var(--bg-hover);color:var(--text-primary)}.table-container{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);margin:var(--spacing-lg) 0}.data-table{border-collapse:collapse;font-family:var(--font-family-primary);min-width:1000px;white-space:nowrap;width:100%}.data-table th{background:var(--bg-hover);border-bottom:2px solid var(--border-light);color:var(--text-secondary);font-size:12px;font-weight:var(--font-weight-medium);letter-spacing:.5px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:10}.data-table td,.data-table th{min-width:120px;padding:var(--spacing-md) var(--spacing-lg)}.data-table td{border-bottom:1px solid var(--border-light);color:var(--text-primary);font-size:14px;font-weight:var(--font-weight-light);vertical-align:middle}.data-table tbody tr:hover{background:var(--bg-hover)}.data-table tbody tr:last-child td{border-bottom:none}.status-badge{align-items:center;border-radius:var(--radius-sm);display:inline-flex;font-family:var(--font-family-primary);font-size:11px;font-weight:var(--font-weight-medium);letter-spacing:.5px;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.status-fulfilled,.status-paid{background:#28a7451a;color:#28a745}.status-pending,.status-unfulfilled{background:#ffc1071a;color:#ffc107}.status-cancelled,.status-failed{background:#dc35451a;color:#dc3545}.status-refunded{background:#6c757d1a;color:#6c757d}.error-message{background:#dc35451a;border-radius:var(--radius-md);color:#dc3545;font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);margin:var(--spacing-lg) 0;padding:var(--spacing-md)}.empty-state,.loading-state{color:var(--text-secondary);font-family:var(--font-family-primary);font-weight:var(--font-weight-light);padding:var(--spacing-xl);text-align:center}.recent-orders-section{margin-top:var(--spacing-xl)}@media (max-width:1200px){.chart-row{grid-template-columns:1fr}}@media (max-width:768px){.main-content{margin-left:0}.content-area{padding:var(--spacing-lg)}.dashboard-header{padding:var(--spacing-md)}.section-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-md)}.controls{width:100%}.search-form{flex:1 1}.search-input{flex:1 1;min-width:0}.data-table{font-size:12px}.data-table td,.data-table th{padding:var(--spacing-sm)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section-content{animation:fadeIn .3s ease-out}.alert{border:1px solid;border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg)}.alert-warning{background-color:#ffc1071a;border-color:#ffeaa7;color:#856404}.overdue-row{background-color:#ff6b6b0d}.overdue-row:hover{background-color:#ff6b6b1a}.days-overdue{background:#e74c3c1a;border-radius:var(--border-radius-sm);color:#e74c3c;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:4px 8px}.status-overdue{background-color:#e74c3c!important;color:#fff!important}@font-face{font-display:swap;font-family:TWK Everett;font-style:normal;font-weight:300;src:url(/dsa/static/media/TWKEverett-Light.cb5dde0ee11fa45627d0.woff2) format("woff2"),url(/dsa/static/media/TWKEverett-Light.306c9c8e1dca68784c31.woff) format("woff"),url(/dsa/static/media/TWKEverett-Light.289c5523566bee11bd93.ttf) format("truetype")}@font-face{font-display:swap;font-family:TWK Everett;font-style:italic;font-weight:300;src:url(/dsa/static/media/TWKEverett-LightItalic.a41a70fca0c4110f58eb.woff2) format("woff2"),url(/dsa/static/media/TWKEverett-LightItalic.e0448c1b63abca370871.woff) format("woff"),url(/dsa/static/media/TWKEverett-LightItalic.729c272b6be32ed88a01.ttf) format("truetype")}@font-face{font-display:swap;font-family:TWK Everett;font-style:normal;font-weight:500;src:url(/dsa/static/media/TWKEverett-Medium.a3b59bb605361109d04e.woff2) format("woff2"),url(/dsa/static/media/TWKEverett-Medium.d11c3fc6d8e162327a40.woff) format("woff"),url(/dsa/static/media/TWKEverett-Medium.4ac34389a462b46ba6cb.ttf) format("truetype")}@font-face{font-display:swap;font-family:TWK Everett;font-style:italic;font-weight:500;src:url(/dsa/static/media/TWKEverett-MediumItalic.ef65361dade3a1e90584.woff2) format("woff2"),url(/dsa/static/media/TWKEverett-MediumItalic.29a8c8d2002a001ac860.woff) format("woff"),url(/dsa/static/media/TWKEverett-MediumItalic.b65e0524f0a45809bbb9.ttf) format("truetype")}:root{--dsa-primary-dark:#181727;--dsa-cta-green:#d7fd72;--dsa-gradient-start:#667eea;--dsa-gradient-end:#764ba2;--bg-primary:#fff;--bg-sidebar:#181727;--bg-card:#fff;--bg-hover:#f8f9fa;--text-primary:#181727;--text-secondary:#666;--text-light:#999;--text-on-dark:#fff;--border-light:#dee2e6;--border-medium:#ced4da;--shadow-card:0 4px 6px #1817271a;--shadow-hover:0 8px 15px #18172726;--font-family-primary:"TWK Everett",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-weight-light:300;--font-weight-medium:500;--sidebar-width:280px;--header-height:70px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--transition-fast:0.2s ease;--transition-medium:0.3s ease}.App{display:flex;flex-direction:column;min-height:100vh}.App,body,html{height:100vh;overflow-x:auto;overflow-y:hidden}body,html{margin:0;padding:0}.container{height:calc(100vh - 40px);margin:0 auto;max-width:none;min-width:1200px;overflow-x:auto;overflow-y:hidden;padding:20px}.card{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;margin:20px 0;padding:30px}.btn{border:none;border-radius:5px;cursor:pointer;font-size:16px;padding:10px 20px;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-secondary{background:#f0f0f0;color:#333}.btn-danger{background:#dc3545;color:#fff}.table-container{background:#fff;border:1px solid #dee2e6;border-radius:8px;height:auto;margin-top:20px;max-height:none;overflow-x:auto;overflow-y:hidden;width:100%}.data-table,.table,.tokens-table{border-collapse:collapse;margin:0;min-width:800px;white-space:nowrap;width:100%}.data-table th,.table th,.tokens-table th{background:#f8f9fa;border-bottom:2px solid #dee2e6;font-weight:600;min-width:120px;padding:12px 15px;position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:10}.data-table td,.table td,.tokens-table td{border-bottom:1px solid #dee2e6;min-width:120px;padding:12px 15px;vertical-align:middle}.data-table tbody tr:hover,.table tbody tr:hover,.tokens-table tbody tr:hover{background:#f8f9fa}.tokens-table{min-width:1200px}.tokens-table td:first-child,.tokens-table th:first-child{min-width:80px}.tokens-table td:nth-child(2),.tokens-table th:nth-child(2){min-width:150px}.tokens-table td:nth-child(3),.tokens-table th:nth-child(3){min-width:200px}.tokens-table td:nth-child(4),.tokens-table th:nth-child(4){min-width:150px}.tokens-table td:nth-child(5),.tokens-table th:nth-child(5){min-width:100px}.tokens-table td:nth-child(6),.tokens-table td:nth-child(7),.tokens-table td:nth-child(8),.tokens-table th:nth-child(6),.tokens-table th:nth-child(7),.tokens-table th:nth-child(8){min-width:130px}.tokens-table td:last-child,.tokens-table th:last-child{min-width:120px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:20px 0}.stat-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.stat-value{color:#667eea;font-size:2em;font-weight:700}.stat-label{color:#666;margin-top:5px}.error{color:#dc3545;margin:10px 0}.success{color:#28a745;margin:10px 0}.loading{color:#666;padding:40px;text-align:center}.header{background:#fff;box-shadow:0 2px 4px #0000001a;margin-bottom:30px;padding:15px 0}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.header h1{color:#333}.header-info{align-items:center;display:flex;gap:20px}.search-bar{border:1px solid #ddd;border-radius:5px;padding:10px;width:300px}.search-bar,.tabs{margin-bottom:20px}.tabs{border-bottom:2px solid #f0f0f0;display:flex;gap:10px}.tab{background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:16px;padding:10px 20px;transition:all .3s ease}.tab.active{border-bottom-color:#667eea}.tab.active,.tab:hover{color:#667eea}
/*# sourceMappingURL=main.759bea09.css.map*/