@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{box-sizing:border-box}*,:before,:after{box-sizing:inherit}html,body,#root{width:100%;min-height:100vh;margin:0;padding:0}:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#20283a;font-optical-sizing:auto;background:#f6f8fb;font-family:DM Sans,sans-serif;font-weight:400}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}#root{text-align:left;width:100%;min-height:100vh;margin:0;padding:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #7ea7ff}.app{--background:#f6f8fb;--surface:#fff;--surface-soft:#f8fafc;--text:#20283a;--muted:#8490a4;--border:#e9edf3;--primary:#3568e8;--primary-hover:#2858ce;--sidebar:#fff;--green:#16845c;--red:#d84a4a;--orange:#c7771a;background:var(--background);min-height:100vh;color:var(--text);transition:background .18s,color .18s;display:flex}.app-dark{--background:#141923;--surface:#1d2431;--surface-soft:#242c3b;--text:#edf1f8;--muted:#9aa6ba;--border:#30394a;--primary:#6b92ff;--primary-hover:#8eacff;--sidebar:#1a202c;--green:#53c59a;--red:#ff8383;--orange:#f3b65e}.sidebar{background:var(--sidebar);border-right:1px solid var(--border);z-index:30;flex-direction:column;flex:0 0 258px;width:258px;min-height:100vh;padding:25px 17px 15px;display:flex}.brand{align-items:center;gap:11px;margin-bottom:28px;padding:0 8px;display:flex}.brand-mark{color:#fff;background:#3568e8;border-radius:13px;justify-content:center;align-items:center;width:43px;height:43px;display:flex}.brand-copy{flex-direction:column;gap:2px;display:flex}.brand-copy strong{letter-spacing:-.9px;font-family:Manrope,sans-serif;font-size:20px;font-weight:800}.brand-copy strong span{color:#3568e8}.brand-copy small{color:var(--muted);font-size:11px}.icon-button{border:1px solid var(--border);background:var(--surface);width:39px;height:39px;color:var(--text);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,border-color .15s;display:inline-flex}.icon-button:hover{background:var(--surface-soft)}.sidebar-close,.mobile-menu{display:none}.store-switcher{border:1px solid var(--border);border-radius:12px;align-items:center;gap:10px;margin-bottom:31px;padding:12px 10px;display:flex}.store-avatar{color:#315ed3;background:#e7edff;border-radius:10px;justify-content:center;align-items:center;width:35px;height:35px;font-weight:800;display:flex}.store-details{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.store-details strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.store-details span{color:var(--muted);font-size:10px}.store-switcher>svg{color:var(--muted)}.nav-label{letter-spacing:1.1px;color:var(--muted);margin-bottom:12px;padding:0 10px;font-size:10px;font-weight:700}.navigation{flex-direction:column;gap:5px;display:flex}.nav-item{width:100%;min-height:44px;color:var(--muted);text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;padding:0 12px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.nav-item:hover{background:var(--surface-soft);color:var(--text)}.nav-item-active{color:#315ed3;background:#edf2ff;font-weight:700}.app-dark .nav-item-active{color:#a8beff;background:#29385a}.nav-badge{color:#315ed3;background:#dce6ff;border-radius:6px;justify-content:center;align-items:center;width:21px;height:21px;margin-left:auto;font-size:15px;display:flex}.sidebar-bottom{margin-top:auto;padding-top:30px}.help-card{border:1px solid var(--border);border-radius:13px;margin-bottom:18px;padding:15px}.help-icon{color:#16845c;background:#e6f7ef;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;margin-bottom:12px;display:flex}.help-card strong{font-size:12px;line-height:1.5;display:block}.help-card p{color:var(--muted);margin:7px 0 0;font-size:11px;line-height:1.7}.profile{border-top:1px solid var(--border);align-items:center;gap:10px;padding:15px 3px 3px;display:flex}.profile-avatar,.topbar-avatar{color:#a95a26;background:#fce7d7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:37px;height:37px;font-weight:700;display:flex}.profile-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.profile-info strong{font-size:12px}.profile-info span{color:var(--muted);font-size:10px}.profile>svg{color:var(--muted)}.main-content{flex:1;min-width:0}.topbar{z-index:10;background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:76px;padding:0 35px;display:flex;position:sticky;top:0}.topbar-left,.topbar-actions{align-items:center;gap:13px;display:flex}.breadcrumb{color:var(--muted);align-items:center;gap:9px;font-size:12px;display:flex}.breadcrumb strong{color:var(--text);font-weight:600}.topbar-actions{gap:11px}.demo-indicator{color:var(--muted);align-items:center;gap:7px;margin-right:8px;font-size:11px;display:flex}.demo-dot,.notification-dot{background:#e6a13a;border-radius:50%;width:7px;height:7px}.notification-button{position:relative}.notification-dot{background:#e45d5d;width:6px;height:6px;position:absolute;top:8px;right:8px}.topbar-avatar{width:35px;height:35px;font-size:13px}.page-container{width:100%;max-width:1600px;margin:0 auto;padding:34px 35px}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.eyebrow{color:var(--primary);letter-spacing:1.4px;margin-bottom:8px;font-size:10px;font-weight:800}.page-heading h1{letter-spacing:-1px;margin:0;font-family:Manrope,sans-serif;font-size:29px;font-weight:800}.page-subtitle{color:var(--muted);margin:8px 0 0;font-size:13px}.primary-button,.secondary-button{border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:9px;min-height:43px;padding:0 16px;font-size:12px;font-weight:700;transition:background .15s;display:inline-flex}.primary-button{color:#fff;background:#3568e8}.primary-button:hover{background:#2858ce}.secondary-button{background:var(--surface);border-color:var(--border);color:var(--text)}.secondary-button:hover{background:var(--surface-soft)}.demo-warning{color:#80591c;background:#fff9eb;border:1px solid #f0d7a7;border-radius:10px;align-items:center;gap:10px;margin-bottom:22px;padding:12px 15px;font-size:11px;line-height:1.6;display:flex}.app-dark .demo-warning{color:#f1d49d;background:#382f20;border-color:#66502d}.demo-warning svg{flex-shrink:0}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:23px;display:grid}.stat-card{border:1px solid var(--border);background:var(--surface);border-radius:13px;min-width:0;padding:19px}.stat-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.stat-label{color:var(--muted);font-size:11px;font-weight:500}.stat-icon{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:37px;height:37px;display:flex}.stat-icon.blue{color:#3568e8;background:#eaf0ff}.stat-icon.green{color:#16845c;background:#e5f7ee}.stat-icon.orange{color:#c7771a;background:#fff1df}.stat-icon.purple{color:#8056d8;background:#f0eaff}.app-dark .stat-icon.blue{color:#a8beff;background:#2b3a5e}.app-dark .stat-icon.green{color:#78d8b1;background:#25483d}.app-dark .stat-icon.orange{color:#f3bc76;background:#4b3826}.app-dark .stat-icon.purple{color:#c4a9ff;background:#3b3056}.stat-value{letter-spacing:-1px;overflow-wrap:anywhere;margin:19px 0 13px;font-family:Manrope,sans-serif;font-size:clamp(20px,2vw,26px);font-weight:800}.stat-bottom{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:7px;font-size:10px;display:flex}.stat-trend{color:var(--green);align-items:center;gap:3px;font-weight:700;display:inline-flex}.trend-down{color:var(--red)}.content-grid{grid-template-columns:minmax(0,1.65fr) minmax(310px,1fr);align-items:start;gap:20px;display:grid}.panel{border:1px solid var(--border);background:var(--surface);border-radius:13px;min-width:0;overflow:hidden}.panel-heading{justify-content:space-between;align-items:center;gap:14px;padding:21px 20px;display:flex}.panel-heading h2{letter-spacing:-.2px;margin:0;font-family:Manrope,sans-serif;font-size:13px;font-weight:800}.panel-heading p{color:var(--muted);margin:7px 0 0;font-size:11px}.text-button{color:var(--primary);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;gap:4px;padding:6px 0;font-size:11px;font-weight:700;display:inline-flex}.text-button:hover{opacity:.8}.table-wrapper{width:100%;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%}thead{background:var(--surface-soft)}th{color:var(--muted);letter-spacing:.5px;white-space:nowrap;padding:12px 13px;font-size:9px;font-weight:700}td{border-bottom:1px solid var(--border);white-space:nowrap;padding:14px 13px;font-size:11px}tbody tr:last-child td{border-bottom:none}.customer-cell{align-items:center;gap:9px;display:flex}.customer-cell>span{font-weight:600}.customer-avatar{background:var(--surface-soft);width:30px;height:30px;color:var(--text);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;font-size:9px;font-weight:800;display:flex}.money-cell{font-weight:700}.usage-cell{align-items:center;gap:7px;display:flex}.progress-track{background:var(--border);border-radius:10px;width:43px;height:5px;overflow:hidden}.progress-fill{border-radius:inherit;height:100%}.progress-fill.success{background:#26a875}.progress-fill.warning{background:#e8a43b}.progress-fill.danger{background:#df5b5b}.usage-cell>span{color:var(--muted);font-size:10px}.status-pill{border-radius:7px;align-items:center;gap:6px;padding:6px 8px;font-size:9px;font-weight:700;display:inline-flex}.status-pill.success{color:#16845c;background:#e6f7ee}.status-pill.warning{color:#a96814;background:#fff3df}.status-pill.danger{color:#c83f3f;background:#ffeded}.app-dark .status-pill.success{color:#78d8b1;background:#25483d}.app-dark .status-pill.warning{color:#f3bc76;background:#4b3826}.app-dark .status-pill.danger{color:#ff9b9b;background:#4c2c33}.status-dot{background:currentColor;border-radius:50%;width:5px;height:5px}.panel-footer{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;font-size:10px;display:flex}.activity-list{padding:0 20px}.activity-item{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:15px 0;display:flex}.activity-item:last-child{border-bottom:none}.activity-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.activity-payment{color:#16845c;background:#e5f7ee}.activity-debt{color:#3568e8;background:#eaf0ff}.app-dark .activity-payment{color:#78d8b1;background:#25483d}.app-dark .activity-debt{color:#a8beff;background:#2b3a5e}.activity-details{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.activity-details strong{text-overflow:ellipsis;font-size:11px;overflow:hidden}.activity-details span,.activity-details small{color:var(--muted);font-size:10px}.activity-amount{color:var(--text);flex-shrink:0;font-size:10px;font-weight:800}.amount-positive{color:var(--green)}.full-width{width:calc(100% - 40px);margin:16px 20px 20px;display:flex}.page-footer{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding:25px 0 5px;font-size:10px;display:flex}.sidebar-overlay{display:none}@media (width<=1250px){.sidebar{flex-basis:230px;width:230px}.page-container{padding:28px 23px}.topbar{padding:0 23px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid{grid-template-columns:1fr}}@media (width<=760px){.sidebar{width:280px;max-width:85vw;min-height:100dvh;transition:transform .18s;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-105%)}.sidebar.sidebar-open{transform:translate(0)}.sidebar-close,.mobile-menu{display:inline-flex}.sidebar-close{margin-left:auto}.sidebar-overlay{z-index:20;background:#0a0f1973;border:none;display:block;position:fixed;inset:0}.topbar{min-height:66px;padding:0 16px}.topbar-left,.topbar-actions{gap:8px}.breadcrumb{font-size:11px}.demo-indicator{display:none}.page-container{padding:25px 16px}.page-heading{align-items:flex-start}.page-heading h1{font-size:25px}.page-subtitle{max-width:240px;font-size:12px;line-height:1.6}.page-heading .primary-button{padding:0 10px;font-size:11px}.stats-grid{gap:11px}.stat-card{padding:14px}.stat-label{font-size:10px}.stat-value{margin:15px 0 12px;font-size:21px}.stat-bottom,.stat-trend{font-size:9px}.panel-heading{padding:17px 14px}.panel-heading h2{font-size:12px}.panel-heading p{font-size:10px;line-height:1.5}.text-button{font-size:10px}.panel-footer{padding:13px 14px}.activity-list{padding:0 14px}.page-footer{flex-direction:column;align-items:flex-start;line-height:1.6}}@media (width<=400px){.topbar-avatar{display:none}.page-heading{flex-direction:column}.stats-grid{grid-template-columns:1fr}.stat-value{font-size:25px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}