:root{--lime:#baff18;--dark:#0b0e0f;--ink:#15191a;--muted:#7d8587;--line:#e1e5e5}*{box-sizing:border-box}body{margin:0;background:#f3f5f4;color:var(--ink);font:12px Inter,Arial,sans-serif}button,a{cursor:pointer}a{text-decoration:none;color:inherit}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:#0b0d0e;color:#aeb4b5;padding:0 17px 18px;display:flex;flex-direction:column;z-index:10}.logo{height:82px;border-bottom:1px solid #ffffff10;display:flex;align-items:center;gap:12px;padding:0 8px}.logo img{width:116px;height:52px;object-fit:contain}.logo span{font-size:8px;font-weight:800;letter-spacing:.14em;color:var(--lime);border-left:1px solid #ffffff24;padding-left:10px}.sidebar nav{padding-top:22px;display:flex;flex-direction:column;gap:4px}.sidebar nav>small{font-size:8px;letter-spacing:.16em;color:#5f6769;padding:18px 12px 8px}.sidebar nav a{display:flex;align-items:center;gap:11px;padding:12px;border-radius:4px;font-size:11px;font-weight:600}.sidebar nav a i{font-style:normal;width:18px;text-align:center;color:#6f7779}.sidebar nav a>b{margin-left:auto;background:var(--lime);color:#111;border-radius:9px;padding:2px 6px;font-size:8px}.sidebar nav a:hover,.sidebar nav a.active{background:#baff1812;color:white}.sidebar nav a.active{border-left:3px solid var(--lime)}.sidebar nav a.active i{color:var(--lime)}.user{margin-top:auto;border-top:1px solid #ffffff13;padding:18px 7px 0;display:flex;align-items:center;gap:10px}.user>span{width:34px;height:34px;background:var(--lime);color:#111;display:grid;place-items:center;font-weight:900}.user strong,.user small{display:block}.user strong{color:white;font-size:10px}.user small{font-size:8px;margin-top:3px}.user button{margin-left:auto;background:none;border:0;color:#777}main{margin-left:238px;min-height:100vh}.topbar{height:62px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;color:#7a8183}.topbar>div{display:flex;align-items:center;gap:10px}.topbar b{color:#1c2021}.topbar button{display:none}.top-actions .bell{display:block;background:none;border:0;color:var(--lime)}.top-actions a{font-size:9px;font-weight:800;border:1px solid #d5d9da;padding:10px 13px}.content{max-width:1540px;margin:auto;padding:30px}.title{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:25px}.eyebrow{font-size:8px;font-weight:800;letter-spacing:.18em;color:#788082}.title h1{font:900 43px/.95 'Barlow Condensed';margin:7px 0 8px}.title h1 em,.panel h2 em{font-style:italic;color:#779c10}.title p{margin:0;color:#7e8587}.date-filter span{display:block;font-size:7px;font-weight:800;letter-spacing:.12em;color:#8a9193;margin-bottom:6px}.date-filter button{height:38px;border:1px solid #d7dbdc;background:white;padding:0 14px;font-size:9px;font-weight:700}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:16px}.kpis article,.panel{background:white;border:1px solid var(--line);box-shadow:0 4px 18px #1b202008}.kpis article{padding:18px;position:relative;min-height:160px;overflow:hidden}.kpi-top{display:flex;justify-content:space-between;align-items:center}.kpi-top>span{font-size:8px;font-weight:800;letter-spacing:.11em;color:#7d8486}.kpi-top i{font-style:normal;width:29px;height:29px;background:#111;color:var(--lime);display:grid;place-items:center;font-weight:800}.kpis article>strong{display:block;font:900 31px 'Barlow Condensed';margin:12px 0 5px}.kpis article>p{font-size:8px;color:#93999b;margin:0}.kpis article>p b{color:#749900}.spark{position:absolute;right:16px;bottom:15px;width:100px;height:36px;display:flex;align-items:end;gap:4px}.spark span{flex:1;background:#dfe8c8}.spark span:last-child{background:var(--lime)}.kpi-foot{display:flex;gap:18px;margin-top:21px;border-top:1px solid #eef0f0;padding-top:10px}.kpi-foot span{font-size:8px;color:#909698}.kpi-foot b{color:#242829;margin-left:3px}.goal{margin-top:19px}.goal>span{display:block;height:5px;background:#edf0f0}.goal i{display:block;height:100%;background:var(--lime)}.goal small{display:block;font-size:7px;color:#92989a;margin-top:7px}.main-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.5fr);gap:16px;margin-bottom:16px}.panel{padding:20px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.panel h2{font:800 23px 'Barlow Condensed';margin:5px 0 0}.panel-head>a{font-size:8px;font-weight:800;border-bottom:1px solid #c8cdce;padding-bottom:5px}.tabs{display:flex;border:1px solid #d9dddd;padding:3px}.tabs button{border:0;background:white;padding:7px 10px;font-size:7px;font-weight:800}.tabs button.active{background:#111;color:var(--lime)}.chart-summary{display:flex;align-items:flex-end;gap:17px;margin:3px 0 5px}.chart-summary>div{margin-right:auto}.chart-summary small{display:block;font-size:7px;color:#8a9193}.chart-summary strong{font:800 24px 'Barlow Condensed'}.chart-summary>span{font-size:7px;color:#8a9193}.chart-summary>span i{display:inline-block;width:7px;height:7px;background:var(--lime);margin-right:4px}.chart-summary>span .orders-dot{background:#222}.chart-wrap{position:relative;padding-left:41px}.axis{position:absolute;left:0;top:2px;bottom:23px;display:flex;flex-direction:column;justify-content:space-between;color:#9ba1a3;font-size:7px}.chart-wrap svg{display:block;width:100%;height:230px;overflow:visible}.grid-lines line{stroke:#e9ecec;stroke-width:1}.chart-labels{display:flex;justify-content:space-between;font-size:7px;color:#838a8c}.storage{text-align:left}.storage-ring{width:150px;height:150px;position:relative;margin:9px auto}.storage-ring svg{transform:rotate(-90deg)}.storage-ring circle{fill:none;stroke:#edf0f0;stroke-width:12}.storage-ring .used-ring{stroke:var(--lime);stroke-dasharray:130 352;stroke-linecap:round}.storage-ring>div{position:absolute;inset:0;display:grid;place-content:center;text-align:center}.storage-ring strong{font:900 30px 'Barlow Condensed'}.storage-ring span{font-size:7px;color:#898f91}.storage-total{text-align:center}.storage-total strong,.storage-total span{display:block}.storage-total strong{font:800 21px 'Barlow Condensed'}.storage-total span{font-size:8px;color:#909698}.storage-list{margin-top:17px;border-top:1px solid #edf0f0}.storage-list div{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid #edf0f0;font-size:8px}.storage-list i{width:7px;height:7px;background:#222}.storage-list i.lime{background:var(--lime)}.storage-list i.soft{background:#cdd2d3}.storage-alert{margin-top:14px;background:#f5f7f6;padding:11px}.storage-alert b,.storage-alert span{display:block}.storage-alert b{font-size:8px}.storage-alert span{font-size:7px;color:#8a9193;margin-top:3px}.lower-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:16px}.event-row{display:grid;grid-template-columns:25px 45px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-top:1px solid #edf0f0;position:relative}.event-row .rank{font:800 15px 'Barlow Condensed';color:#a0a6a8}.event-row img{width:45px;height:39px;object-fit:cover}.event-row b,.event-row small{display:block}.event-row>div b{font-size:9px}.event-row small{font-size:7px;color:#8a9193;margin-top:4px}.event-sales{text-align:right}.event-sales b{font:800 15px 'Barlow Condensed'}.event-bar{grid-column:3/5;height:3px;background:#edf0f0}.event-bar i{display:block;height:100%;background:var(--lime)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:600px}th{text-align:left;font-size:7px;letter-spacing:.08em;color:#92989a;padding:9px;border-bottom:1px solid #e5e8e8}td{padding:11px 9px;border-bottom:1px solid #edf0f0;font-size:8px}td b,td small{display:block}td small{font-size:7px;color:#9aa0a2;margin-top:4px}.status{display:inline-block;padding:5px 7px;font-size:7px;font-weight:800}.paid{background:#edfacd;color:#587600}.pending{background:#fff2d9;color:#a06b00}.quick{margin-top:16px;background:#111415;color:white;padding:17px 20px;display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:10px;align-items:center}.quick h2{font:800 20px 'Barlow Condensed';margin:4px 0}.quick .eyebrow{color:var(--lime)}.quick>a{border:1px solid #ffffff18;display:grid;grid-template-columns:32px 1fr auto;gap:10px;align-items:center;padding:11px}.quick>a>i{font-style:normal;width:30px;height:30px;background:var(--lime);color:#111;display:grid;place-items:center;font-size:17px}.quick>a b,.quick>a small{display:block}.quick>a b{font-size:8px}.quick>a small{font-size:7px;color:#8e9698;margin-top:4px}.quick>a>strong{color:var(--lime)}@media(max-width:1150px){.kpis{grid-template-columns:repeat(2,1fr)}.main-grid,.lower-grid{grid-template-columns:1fr}.quick{grid-template-columns:1fr 1fr}.quick>div{grid-column:span 2}}@media(max-width:720px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none}.topbar button{display:block;border:0;background:none}.topbar i,.topbar b{display:none}main{margin-left:0}.content{padding:20px}.title{align-items:flex-start}.title h1{font-size:35px}.date-filter{display:none}.kpis{grid-template-columns:1fr}.main-grid{display:block}.main-grid .panel{margin-bottom:15px}.quick{grid-template-columns:1fr}.quick>div{grid-column:auto}.chart-wrap{padding-left:32px}.lower-grid{display:block}.lower-grid .panel{margin-bottom:15px}}