:root{color:#171824;font-synthesis:none;--purple:#511dce;--border:#e6e7ed;background:#f5f6fa;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#f5f6fa;min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{min-height:100vh}.sidebar{color:#fff;z-index:30;background:#160849;flex-direction:column;width:230px;padding:24px 16px;display:flex;position:fixed;inset:0 auto 0 0}.logo{border-bottom:1px solid #ffffff1c;align-items:center;gap:11px;padding:0 8px 25px;display:flex}.logo>span,.brand-mark{background:linear-gradient(145deg,#7b43ff,var(--purple));color:#fff;border-radius:12px;place-items:center;width:39px;height:39px;font-size:22px;font-weight:800;display:grid;box-shadow:0 8px 18px #0003}.logo strong{letter-spacing:.02em;font-size:20px;display:block}.logo small{color:#bcaee9;font-size:11px}.sidebar nav{gap:6px;margin-top:24px;display:grid}.sidebar nav button{color:#beb2df;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;width:100%;padding:11px 12px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.sidebar nav button.active,.sidebar nav button:hover{color:#fff;background:#ffffff17}.sidebar-foot{color:#bcaee9;background:#ffffff0c;border-radius:9px;align-items:center;gap:8px;margin-top:auto;padding:12px;font-size:12px;display:flex}.live-dot{background:#3bd28b;border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 0 4px #3bd28b22}.dashboard{max-width:1800px;margin-left:230px;padding:30px}.topbar{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:22px;display:flex}.breadcrumb{text-transform:uppercase;letter-spacing:.12em;font-weight:700;color:var(--purple)!important;margin:0 0 7px!important;font-size:11px!important}.topbar h1{letter-spacing:-.04em;margin:0;font-size:29px}.topbar>div>p{color:#737687;margin:5px 0 0;font-size:14px}.top-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.updated{border-right:1px solid var(--border);align-items:center;gap:10px;padding-right:16px;display:flex}.updated div{gap:1px;display:grid}.updated small{color:#858797;text-transform:uppercase;letter-spacing:.05em;font-size:10px}.updated strong{white-space:nowrap;font-size:12px}.refresh,.primary{background:var(--purple);color:#fff;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-weight:600;display:flex;box-shadow:0 7px 18px #511dce28}.logout{border:1px solid var(--border);color:#555869;background:#fff;border-radius:9px;align-items:center;gap:7px;padding:9px 12px;font-weight:600;display:flex}.filter-card,.card{border:1px solid var(--border);background:#fff;border-radius:14px;box-shadow:0 3px 14px #191c2b08}.filter-card{margin-bottom:18px;overflow:visible}.filter-title{color:#272937;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;padding:15px 17px;font-size:13px;font-weight:600;display:flex}.filter-title span:first-child{align-items:center;gap:8px;display:flex}.filter-title span:last-child{color:#777a8c;font-size:11px}.filter-body{border-top:1px solid var(--border);padding:15px 17px 17px}.preset-row{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:13px;display:flex}.preset-row>span{color:#777a8c;margin-right:5px;font-size:11px}.preset-row button,.reset{border:1px solid var(--border);color:#555869;background:#fafafe;border-radius:7px;padding:6px 9px;font-size:11px}.preset-row button:hover{color:var(--purple);border-color:#cbbbf7}.filter-grid{grid-template-columns:repeat(5,minmax(135px,1fr));gap:9px;display:grid}.date-field,.select-field{min-width:0}.date-field>span,.select-field>span{color:#737687;margin-bottom:5px;font-size:10px;display:block}.date-field input,.select-field select,.multi-select summary{color:#272937;background:#fff;border:1px solid #dfe1e8;border-radius:8px;outline:none;width:100%;height:38px;padding:0 10px;font-size:12px}.date-field input:focus,.select-field select:focus,.multi-select[open] summary{border-color:#9c7bea;box-shadow:0 0 0 3px #511dce0d}.multi-select{min-width:0;position:relative}.multi-select summary{cursor:pointer;flex-direction:column;justify-content:center;line-height:1.2;list-style:none;display:flex}.multi-select summary::-webkit-details-marker{display:none}.multi-select summary span{color:#727586;font-size:9px}.multi-select summary strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.multi-menu{z-index:50;border:1px solid var(--border);background:#fff;border-radius:10px;width:max(230px,100%);max-width:300px;padding:9px;position:absolute;top:42px;left:0;box-shadow:0 14px 35px #2920471f}.mini-search,.search-field{border:1px solid var(--border);color:#858797;border-radius:8px;align-items:center;gap:7px;padding:0 9px;display:flex}.mini-search input,.search-field input{border:0;outline:0;width:100%;min-width:0;height:34px}.clear-selection{color:var(--purple);background:0 0;border:0;padding:7px 3px;font-size:11px}.option-list{max-height:190px;overflow:auto}.check-option{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:7px 5px;font-size:12px;display:flex}.check-option:hover{background:#f6f3ff}.check-option input{display:none}.fake-check{color:#0000;border:1px solid #cfd1db;border-radius:4px;place-items:center;width:16px;height:16px;display:grid}.check-option input:checked+.fake-check{background:var(--purple);border-color:var(--purple);color:#fff}.small{font-size:11px}.muted{color:#7b7e8e}.filter-footer{border-top:1px dashed var(--border);justify-content:space-between;align-items:center;gap:15px;margin-top:14px;padding-top:13px;display:flex}.toggle{color:#656879;align-items:center;gap:9px;font-size:11px;display:flex}.toggle input{display:none}.toggle>span{background:#d9dbe3;border-radius:20px;width:33px;height:19px;padding:3px;transition:all .2s}.toggle>span:after{content:"";background:#fff;border-radius:50%;width:13px;height:13px;transition:all .2s;display:block;box-shadow:0 1px 3px #0003}.toggle input:checked+span{background:var(--purple)}.toggle input:checked+span:after{transform:translate(14px)}.reset{align-items:center;gap:5px;display:flex}.kpi-grid{grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:18px;display:grid}.overview-kpis{grid-template-columns:repeat(4,1fr)}.kpi-card{border:1px solid var(--border);background:#fff;border-radius:13px;gap:12px;min-width:0;padding:16px;display:flex;box-shadow:0 3px 14px #191c2b07}.kpi-icon{width:38px;height:38px;color:var(--purple);background:#f0eaff;border-radius:10px;flex:none;place-items:center;display:grid}.kpi-icon.blue{color:#2970e6;background:#eaf2ff}.kpi-icon.pink{color:#b332ae;background:#fceafa}.kpi-icon.orange{color:#e27624;background:#fff1e5}.kpi-icon.green{color:#11895b;background:#e5f8f0}.eyebrow{color:#7b7e8e;text-transform:uppercase;letter-spacing:.05em;margin:0 0 5px;font-size:10px;font-weight:600}.kpi-card h3{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:19px;overflow:hidden}.kpi-note{color:#8b8e9d;white-space:nowrap;text-overflow:ellipsis;margin:4px 0 0;font-size:10px;overflow:hidden}.card{margin-bottom:18px;padding:18px;overflow:hidden}.card-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:15px;display:flex}.card-head h2,.section-heading h2{letter-spacing:-.01em;margin:0;font-size:15px}.card-head p,.section-heading p{color:#858797;margin:4px 0 0;font-size:11px}.segmented{background:#f2f2f7;border-radius:8px;padding:3px;display:flex}.segmented button{color:#6f7282;background:0 0;border:0;border-radius:6px;padding:6px 9px;font-size:10px}.segmented button.active{color:var(--purple);background:#fff;font-weight:600;box-shadow:0 1px 5px #00000012}.main-chart{width:100%;min-height:320px}.chart-tooltip{color:#fff;background:#19152a;border-radius:8px;padding:10px 12px;font-size:11px;box-shadow:0 10px 30px #0003}.chart-tooltip strong{margin-bottom:6px;display:block}.chart-tooltip p{color:#ded9ed!important;margin:3px 0!important}.chart-tooltip p span{border-radius:2px;width:7px;height:7px;margin-right:5px;display:inline-block}.empty-chart{color:#9295a4;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:220px;font-size:12px;display:flex}.two-col{grid-template-columns:1fr 1fr;gap:18px;display:grid}.donut-layout{grid-template-columns:minmax(210px,.9fr) 1fr;align-items:center;display:grid}.donut-wrap{min-height:225px;position:relative}.donut-center{text-align:center;pointer-events:none;display:grid;position:absolute;inset:84px 0 auto}.donut-center strong{font-size:21px}.donut-center span{color:#858797;font-size:10px}.analysis-stats{gap:0;display:grid}.analysis-stats div{border-bottom:1px solid #eff0f4;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;display:flex}.analysis-stats div:last-child{border-bottom:0}.analysis-stats span{color:#737687;font-size:11px}.analysis-stats strong{text-align:right;font-size:12px}.compact-select{border:1px solid var(--border);color:#515465;background:#fff;border-radius:8px;outline:none;height:33px;padding:0 9px}.customer-chart{width:100%;max-height:700px;overflow:auto}.table-actions{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.search-field{background:#fff;width:230px}.search-field input{font-size:11px}.table-actions>button,.column-menu>summary{border:1px solid var(--border);color:#555869;background:#fff;border-radius:8px;align-items:center;gap:6px;height:36px;padding:0 10px;font-size:11px;list-style:none;display:flex}.column-menu{position:relative}.column-menu>summary::-webkit-details-marker{display:none}.column-menu>div{z-index:45;border:1px solid var(--border);background:#fff;border-radius:10px;width:210px;max-height:310px;padding:10px;position:absolute;top:40px;right:0;overflow:auto;box-shadow:0 12px 30px #1613271f}.column-menu label{gap:8px;padding:6px;font-size:11px;display:flex}.table-wrap{border:1px solid var(--border);border-radius:10px;overflow:auto}.table-wrap table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:11px}.table-wrap th{color:#727586;text-align:left;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);background:#f8f8fb;padding:10px 12px;font-size:9px}.table-wrap th.sortable{cursor:pointer}.table-wrap td{color:#373947;border-bottom:1px solid #eff0f3;padding:11px 12px}.table-wrap tr:last-child td{border-bottom:0}.table-wrap tbody tr:hover{background:#fbfaff}.table-empty{color:#858797;place-items:center;min-height:100px;display:grid}.status-pill{color:#1a7c58;background:#ecf8f2;border-radius:20px;padding:3px 7px;font-size:9px;font-weight:600;display:inline-flex}.pagination{color:#7a7d8d;justify-content:space-between;align-items:center;margin-top:12px;font-size:10px;display:flex}.pagination>div{align-items:center;gap:7px;display:flex}.pagination select,.pagination button{border:1px solid var(--border);color:#555869;background:#fff;border-radius:7px;height:30px}.pagination button{place-items:center;width:30px;display:grid}.section-heading{justify-content:space-between;margin:23px 0 12px;display:flex}.breakdown-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.breakdown-grid .card{margin:0}.orders-card{margin-top:18px}footer{color:#9295a4;text-align:center;padding:5px 0 20px;font-size:10px}.state-screen,.empty-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100vh;padding:25px;display:flex}.state-screen h1,.empty-page h2{margin:5px 0 0;font-size:22px}.state-screen p,.empty-page p{color:#737687;max-width:480px;margin:0;font-size:13px}.error-icon{color:#c83737;background:#feecec;border-radius:50%;place-items:center;width:45px;height:45px;display:grid}.empty-page{border:1px solid var(--border);color:#5d6071;background:#fff;border-radius:14px;min-height:480px}.error-state{color:#bb3434}.inline-error{color:#8d2d2d;background:#fff7f7;border:1px solid #f1caca;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:14px 16px;display:flex}.inline-error div{gap:4px;display:grid}.inline-error span{color:#965b5b;font-size:12px}.inline-error button{color:#8d2d2d;background:#fff;border:1px solid #e6b7b7;border-radius:8px;align-items:center;gap:6px;padding:8px 11px;display:flex}.login-screen{background:radial-gradient(circle at 50% -15%,#7b4ce7 0,#511dce 27%,#17084a 70%);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fff;border-radius:20px;width:min(420px,100%);padding:30px;box-shadow:0 28px 80px #08021f66}.login-brand{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding-bottom:23px;display:flex}.login-brand>span{color:#fff;background:linear-gradient(145deg,#7b43ff,var(--purple));border-radius:12px;place-items:center;width:42px;height:42px;font-size:23px;font-weight:800;display:grid}.login-brand strong{font-size:22px;display:block}.login-brand small{color:#858797;font-size:11px;display:block}.login-icon{width:48px;height:48px;color:var(--purple);background:#f0eaff;border-radius:13px;place-items:center;margin:28px 0 16px;display:grid}.login-card h1{letter-spacing:-.03em;margin:0;font-size:27px}.login-card>p{color:#737687;margin:8px 0 22px;font-size:13px}.login-card form{gap:12px;display:grid}.login-card form label span{color:#5d6071;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.login-card form input{border:1px solid #dfe1e8;border-radius:9px;outline:none;width:100%;height:44px;padding:0 12px}.login-card form input:focus{border-color:#9c7bea;box-shadow:0 0 0 3px #511dce12}.login-card form .primary{width:100%;height:44px;margin-top:2px}.login-error{color:#a63434;background:#fff4f4;border:1px solid #f2c4c4;border-radius:8px;padding:9px 11px;font-size:11px}.secure-note{text-align:center;color:#9295a4;margin-top:20px;font-size:10px;display:block}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1280px){.filter-grid{grid-template-columns:repeat(4,1fr)}.kpi-grid,.overview-kpis{grid-template-columns:repeat(3,1fr)}.breakdown-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:980px){.sidebar{flex-direction:row;align-items:center;width:100%;height:auto;padding:14px 20px;position:static;overflow-x:auto}.logo{border:0;flex:none;padding:0}.sidebar nav{margin:0 0 0 auto;display:flex}.sidebar nav button{white-space:nowrap;width:auto;padding:9px 10px}.sidebar-foot{display:none}.dashboard{margin:0;padding:22px}.filter-grid{grid-template-columns:repeat(3,1fr)}.two-col{grid-template-columns:1fr}.breakdown-grid{grid-template-columns:1fr 1fr}}@media (max-width:720px){.dashboard{padding:15px}.topbar{flex-direction:column}.top-actions{justify-content:flex-start;width:100%}.updated{border:0;margin-right:auto;padding:0}.filter-grid,.kpi-grid,.overview-kpis{grid-template-columns:1fr 1fr}.breakdown-grid,.donut-layout{grid-template-columns:1fr}.donut-wrap{width:100%;max-width:320px;margin:auto}.card-head{flex-direction:column}.card-head>.table-actions{width:100%}.search-field{flex:180px;width:100%}.filter-footer{align-items:flex-start}.toggle{max-width:70%}.sidebar nav button{gap:0;font-size:0}.inline-error{flex-direction:column;align-items:flex-start}}@media (max-width:460px){.filter-grid,.kpi-grid{grid-template-columns:1fr}.kpi-card:first-child{grid-column:auto}.preset-row{grid-template-columns:1fr 1fr;display:grid}.preset-row>span{grid-column:1/-1}.top-actions{align-items:flex-end}.updated strong{white-space:normal}.refresh{padding:9px;font-size:11px}.filter-footer{flex-direction:column}.toggle{max-width:none}.pagination{flex-direction:column;align-items:flex-start;gap:9px}}