:root{--bg:#afb0b0;--card:#050607;--panel:#0a0b0d;--text:#f7f7f7;--muted:#929398;--violet:#a619ff;--magenta:#ef15ee;--cyan:#19daf3;--mint:#60efb8;--lime:#67f15f;--orange:#ff912b;--gold:#f3c85a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;font-size:14px}.dashboard{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:row dense;gap:10px;padding:8px;min-width:320px}.card{background:linear-gradient(145deg,#050606,#020303);border:1px solid #181a1d;border-radius:8px;box-shadow:0 2px 5px #0007;overflow:hidden;padding:15px;position:relative}.card h2{font-size:15px;line-height:1.05;margin:0;font-weight:700}.card h3{font-size:13px;margin:23px 0 2px}.card small,.muted{color:var(--muted);font-size:11px}.card strong,.card b{display:block}.title-row{display:flex;justify-content:space-between;align-items:flex-start}.brand{grid-column:span 1;grid-row:span 1;text-align:center;min-height:196px;padding:20px 7px}.mark{width:52px;height:75px;margin:5px auto 15px;position:relative}.mark span{position:absolute;width:10px;background:linear-gradient(#e7bd74,#89683d);transform:skewY(-38deg)}.mark span:nth-child(1){height:47px;left:8px;top:18px}.mark span:nth-child(2){height:64px;left:23px;top:2px}.mark span:nth-child(3){height:46px;left:38px;top:15px}.brand p{font-size:12px;line-height:1.03}.brand small{color:#e400f7}.earnings{grid-column:span 2}.coin{display:inline-grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#ffc81c;color:#fff;border:3px solid #ffe56d;font-size:18px}.up{color:#61e668}.big{font-size:20px;margin:8px 0 2px;white-space:nowrap}.earnings hr,.paid hr{border:0;border-top:1px solid #56575a;margin:12px 0}.label{display:block;color:#8f9094;font-weight:600}.call-row{display:flex;justify-content:space-between;align-items:center}.call-row strong{font-size:20px;margin-top:8px}.headset{font-size:26px;color:#aaa}.top-list{grid-column:span 2}.star{color:#ffda43;font-size:16px}.top-list ol{list-style:none;padding:7px 0 0;margin:0}.top-list li{display:flex;justify-content:space-between;gap:8px;padding:6px 0}.top-list li b{font-size:13px}.top-list li span{color:#8e8e93;font-size:12px}.revenue{grid-column:span 4}.chart{width:100%;height:102px;margin-top:3px}.trend{fill:none;stroke:url(#line);stroke-width:3}.area{fill:url(#area)}.values text{fill:#ddd;font-size:12px;font-weight:700}.revenue-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.revenue-summary>div{display:grid;grid-template-columns:auto 1fr;align-items:center}.revenue-summary i{font-style:normal;font-size:28px}.revenue-summary span{color:#9a9b9f}.revenue-summary small{display:block;font-size:8px}.revenue-summary b{grid-column:1/3;text-align:center;font-size:15px}.mint{color:var(--lime)}.cyan{color:var(--cyan)}.orange{color:var(--orange)}.paid{grid-column:span 2}.ring-row{display:flex;align-items:center;gap:15px}.ring-row b{font-size:17px;margin:5px 0}.ring{width:63px;height:63px;display:grid;place-items:center;border-radius:50%;font-weight:800;background:radial-gradient(circle,#050607 59%,transparent 61%),conic-gradient(var(--ring-color) calc(var(--p)*1%),#25282a 0)}.ring-green{--ring-color:#6df05a;--p:77}.ring-orange{--ring-color:#ff8c22;--p:23}.slicer,.team-slicer{grid-column:span 1;background:linear-gradient(135deg,#8511ea,#b51dff);min-width:135px}.slicer h2,.team-slicer h2{font-size:14px}.slicer small,.team-slicer small{color:#fff}.months{display:grid;grid-template-columns:repeat(3,1fr);gap:9px 5px;margin-top:18px}.months button,.team-slicer button{border:0;background:transparent;color:#fff;font-weight:700;padding:4px;cursor:pointer;border-radius:5px}.months button:hover,.months button.active,.team-slicer button:hover,.team-slicer button.active{background:#fff;color:#8912ee}.enrolled{grid-column:span 1}.enrolled>strong{font-size:24px;margin:8px 0 0}.purple{color:#933cff}.average{font-size:20px}.enrolled svg{width:100%;height:68px}.enrolled polyline{fill:none;stroke:#d835e2;stroke-width:3}.channels{grid-column:span 3;grid-row:span 2}.radial{width:205px;height:205px;position:relative;margin:12px auto}.arc{position:absolute;border-radius:50%;inset:0;background:conic-gradient(from 180deg,transparent 0 25%,var(--c) 25% 92%,transparent 92%);mask:radial-gradient(transparent 64%,#000 65% 71%,transparent 72%)}.a1{--c:#a61bff}.a2{--c:#19dff5;inset:12px}.a3{--c:#65f1b6;inset:24px}.a4{--c:#e7e7e7;inset:36px}.radial-center{position:absolute;inset:64px;display:flex;flex-direction:column;align-items:center;justify-content:center}.radial-center b{font-size:20px}.channel-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:5px 22px}.channel-grid span,.channel-grid b{display:block;margin-top:7px}.channel-grid span{color:#8d8e92;font-size:12px}.duration{grid-column:span 4;display:grid;grid-template-columns:2.1fr 1fr}.scatter-wrap svg{width:100%;height:100%}.gridlines path{stroke:#22272c;stroke-width:1;fill:none;stroke-dasharray:3 3}.dots circle{fill:#050607;stroke:#c926ef;stroke-width:3}.dots .orange-dot{fill:#ff8c22;stroke:#ff8c22}.dots .green-dot{fill:#63ef65;stroke:#63ef65}.axis text{fill:#aaa;font-size:12px}.duration-stats{padding-left:12px}.time{font-size:20px;margin:18px 0;background:linear-gradient(90deg,#13ccea,#397cf5);padding:10px;border-radius:3px}.time small{color:#fff}.minmax{display:flex;gap:16px;text-align:center}.minmax span>*{display:block}.minmax span{font-size:19px}.minmax b{font-size:13px}.minmax small{font-size:8px}.minmax strong{font-size:16px}.levels{grid-column:span 2}.fees{grid-column:span 2;grid-row:span 2}.hbars{margin-top:20px}.hbar{display:flex;align-items:center;margin:9px 0;gap:7px}.hbar i{height:6px;background:linear-gradient(90deg,#8715ea,#c91df8);display:block}.hbar span{font-size:11px;white-space:nowrap}.area{grid-column:span 2}.area svg{width:100%;height:172px}.radar-grid polygon{fill:none;stroke:#3b3d43}.radar-shape{fill:url(#area);stroke:#59eac8}.radar-labels text{fill:#fff;font-size:12px}.team-sales{grid-column:span 3}.team-head{display:flex;justify-content:space-between}.team-head>div{text-align:right}.team-head b{font-size:21px}.progress-list label{display:block;margin-top:10px;font-weight:700;position:relative}.progress-list label span{float:right}.progress-list i{display:block;width:var(--w);height:7px;background:var(--c);margin-top:5px}.consultant{grid-column:span 4}.consultant .title-row>div{text-align:right}.consultant .title-row b{font-size:21px}.vbars{height:125px;display:flex;align-items:flex-end;gap:8px;margin-top:8px;padding-left:5px}.vbar{height:calc(var(--v)*1%);min-width:13px;flex:1;background:linear-gradient(#fd1cdd,#d717ff);position:relative}.vbar span{position:absolute;bottom:calc(100% + 5px);left:50%;font-size:9px;transform:translateX(-50%) rotate(-90deg);transform-origin:center;white-space:nowrap}.vbar small{position:absolute;top:calc(100% + 5px);left:50%;transform:translateX(-50%) rotate(-50deg);font-size:8px;color:#aaa}.courses{grid-column:span 2}.courses svg{width:100%;height:143px}.course-line{fill:none;stroke:#d33bf3;stroke-width:3}.points circle{r:5;fill:#050607;stroke:#eee;stroke-width:2}.donut-card{grid-column:span 2;min-height:205px}.donut{width:115px;height:115px;margin:8px auto;border-radius:50%;display:grid;place-items:center;text-align:center;font-weight:700;background:radial-gradient(circle,#050607 59%,transparent 61%),conic-gradient(#18d8f1 0 24%,#ff8f25 24% 34%,#941fff 34% 83%,#5aebb2 83%)}.donut-labels{position:absolute;inset:0}.donut-labels span{position:absolute;font-weight:700}.donut-labels span:nth-child(1){top:16px;left:42%}.donut-labels span:nth-child(2){top:35px;right:18px}.donut-labels span:nth-child(3){top:112px;right:13px}.donut-labels span:nth-child(4){bottom:43px;left:17px}.legend{text-align:center;font-size:11px}.legend i{display:inline-block;width:8px;height:8px;margin-left:8px}.be{background:#19dff5}.cni{background:#ff912b}.gk{background:#a11fff}.fc{background:#61efb4}.avg-calls{grid-column:span 3;min-height:62px;display:flex;padding:9px 14px}.avg-calls>div{display:flex;justify-content:space-between;width:100%}.avg-calls strong{font-size:19px;color:#2bd5fb}.avg-calls strong small{font-weight:400}.avg-calls svg{position:absolute;left:120px;bottom:4px;width:55%;height:42px}.avg-calls path{fill:none;stroke:url(#spark);stroke-width:2}.consultant-lines{grid-column:span 4}.consultant-lines svg{width:100%;height:145px}.line{fill:none;stroke-width:2}.violet{stroke:#9b2ce9}.mint-line{stroke:#61ddb3}.amber-line{stroke:#d38a29}.chart-caption{display:flex;justify-content:space-between;align-items:center}.chart-caption i{display:inline-block;width:27px;height:2px;margin:0 5px}.violet-bg{background:#8e44df}.mint-bg{background:#62d9a9}.amber-bg{background:#d68c2e}.team-slicer{grid-column:span 2;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between}.team-slicer button{text-align:left;padding:8px}.grouped{grid-column:span 3}.group-bars{height:151px;display:flex;align-items:flex-end;justify-content:space-around;margin-top:7px}.group{display:flex;align-items:flex-end;gap:6px;height:125px;position:relative}.group i{width:8px;background:#59e5b7;height:calc(var(--v)*1%)}.group span{position:absolute;top:100%;width:100%;text-align:center;font-size:9px;color:#aaa}.ads{grid-column:span 4}.ads svg{width:82%;height:170px}.ad-head{display:flex;justify-content:space-between}.ad-head>div{display:flex;align-items:center;gap:8px;background:#242526;padding:6px 12px;border-radius:5px}.ad-head>div b{font-size:22px}.ad-legend{position:absolute;right:13px;bottom:31px;display:flex;flex-direction:column;gap:7px;color:#aaa;font-size:10px}.ad-legend span:nth-child(1){color:#4f9ecb}.ad-legend span:nth-child(3){color:#a43bd5}.ad-legend span:nth-child(4){color:#62c793}.ad-legend span:nth-child(5){color:#c8a642}.blue-line{stroke:#3aa6dc}.muted-line{stroke:#68727d}.purple{color:#8f2be5}@media(max-width:1200px){.dashboard{grid-template-columns:repeat(8,1fr)}.brand{grid-column:span 1}.earnings,.top-list,.paid,.area,.donut-card{grid-column:span 2}.revenue,.duration,.consultant,.consultant-lines,.ads{grid-column:span 4}.channels,.team-sales,.grouped{grid-column:span 3}.slicer,.enrolled{grid-column:span 1}}@media(max-width:760px){body{background:#070809}.dashboard{display:block;padding:10px}.card{margin-bottom:10px;min-height:auto}.brand{padding:15px}.mark{height:60px}.duration{display:block}.slicer,.team-slicer{min-height:210px}.channels{min-height:460px}.ads svg{width:100%}.ad-legend{position:static;display:grid;grid-template-columns:repeat(2,1fr)}.revenue-summary{gap:5px}.big{font-size:18px}.top-list li b{font-size:12px}}
/* Storage-location stock card */
.location-head{display:flex;justify-content:space-between;align-items:flex-start}.location-head h2 span{color:var(--cyan)}.location-head small{display:block;margin-top:5px}.location-head>b{font-size:18px;color:var(--cyan)}.location-donut{--location-segments:#19dff5 0 67.19%,#9f25ff 67.19% 86.28%,#ff5570 86.28% 94.37%,#ff9f2d 94.37% 99.77%,#63efb7 99.77% 99.90%,#f2d45c 99.90% 100%;width:190px;height:190px;margin:14px auto 18px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#050607 0 56%,transparent 57%),conic-gradient(from -90deg,var(--location-segments));box-shadow:0 0 22px #19dff51a}.location-donut>div{text-align:center}.location-donut small,.location-donut span{display:block;color:#929398}.location-donut b{font-size:23px;margin:3px 0}.location-list{display:grid;gap:9px}.location-row{display:grid;grid-template-columns:minmax(0,1fr) auto 43px;gap:8px;align-items:center}.location-row>span{display:grid;grid-template-columns:9px 1fr auto;gap:7px;align-items:center;min-width:0}.location-row span>i{width:8px;height:8px;border-radius:2px;background:var(--c)}.location-row span>b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.location-row span>small{font-size:9px}.location-row>strong{font-size:12px;text-align:right}.location-row>em{font-style:normal;font-size:10px;color:#9a9da2;text-align:right}.location-row>u{grid-column:1/4;height:4px;background:#20242a;border-radius:4px;overflow:hidden;text-decoration:none}.location-row>u i{display:block;width:var(--w);height:100%;background:var(--c);border-radius:4px}
/* H056 HALB storage-location chart */
.storage-card .title-row>div{text-align:right}.storage-card .title-row>div b{font-size:21px;color:var(--cyan);margin:2px 0}.storage-bars{display:grid;gap:5px;margin-top:12px}.storage-bar-row{display:grid;grid-template-columns:36px minmax(0,1fr) 78px;gap:8px;align-items:center;min-height:15px}.storage-bar-row>b{font-size:10px;color:#c9ccd1}.storage-bar-row>i{height:8px;background:#1b1f24;border-radius:5px;overflow:hidden}.storage-bar-row>i span{display:block;width:var(--w);height:100%;min-width:2px;background:linear-gradient(90deg,var(--c),color-mix(in srgb,var(--c) 72%,white));border-radius:5px;box-shadow:0 0 8px color-mix(in srgb,var(--c) 55%,transparent)}.storage-bar-row>strong{text-align:right;font-size:10px;font-variant-numeric:tabular-nums}
/* Compact customer heatmaps */
.heatmap-card{display:flex;flex-direction:column;min-width:0}.heatmap-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:8px}.heatmap-head h2 span{color:var(--cyan)}.heatmap-head small{display:block;margin-top:3px}.heatmap-legend{display:grid;grid-template-columns:auto auto;gap:2px 6px;align-items:center;color:#aeb3ba;font-size:9px;white-space:nowrap}.heatmap-legend i{grid-column:1/3;width:100%;height:7px;border-radius:8px;background:linear-gradient(90deg,#0f6f7b,#19daf3,#9f25ff,#ef15ee)}.ageing-legend i{background:linear-gradient(90deg,#19daf3,#60efb8,#ff912b,#ff4f6c)}.heatmap-legend span:last-child{text-align:right}.heatmap-wrap{min-height:0;flex:0 0 auto;overflow-x:auto;overflow-y:hidden;border:1px solid #1c252d;border-radius:6px;background:#07090b}.heatmap-table{width:100%;border-collapse:collapse;table-layout:fixed;font-variant-numeric:tabular-nums}.heatmap-table th,.heatmap-table td{height:21px;padding:3px 4px;border-right:1px solid #22303a;border-bottom:1px solid #1b252c;text-align:center;font-size:9px;line-height:1.05;white-space:nowrap}.heatmap-table thead th{position:sticky;top:0;z-index:1;background:#11151a;color:#afb7c3;font-size:8px;letter-spacing:.035em}.heatmap-table th:first-child{width:106px;text-align:left;padding-left:7px}.heatmap-table tbody th{color:#f4f6f8;font-weight:700;overflow:hidden;text-overflow:ellipsis;background:#090c0f}.location-heatmap-table th:not(:first-child){width:31px}.ageing-heatmap-table th:not(:first-child){width:54px}.heatmap-table th:last-child,.heatmap-table td:last-child{border-right:0}.heat-cell{background:var(--heat);color:#fff;font-weight:750;text-shadow:0 1px 1px #0008}.heat-zero{color:#59616a}.heat-total{background:#11161c;color:#fff;font-weight:800}.heatmap-table tfoot th,.heatmap-table tfoot td{background:#151b21;border-top:1px solid #4c5a67;border-bottom:0;font-weight:800}.heatmap-table tfoot th{color:var(--cyan)}.customer-ageing-card .heatmap-table tfoot th{color:#ff7185}@media(max-width:900px){.dashboard>.team-sales.heatmap-card,.dashboard>.consultant.heatmap-card{grid-column:1/-1;min-height:360px}.heatmap-table th,.heatmap-table td{font-size:10px;height:29px}.heatmap-table thead th{font-size:9px}.heatmap-wrap{overflow:auto}}
.current-period{overflow:hidden}.current-period .period-copy{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:13px;align-items:center;position:relative;z-index:2}.current-period .period-copy>span{grid-row:1/3;font-size:12px;line-height:1.12}.current-period .period-copy>strong{color:#20dff3;font-size:17px;letter-spacing:.02em;white-space:nowrap}.current-period .period-copy>small{font-size:9px;color:#a9c6ce;white-space:nowrap}.week-status{position:absolute;right:14px;top:11px;z-index:2;display:grid;grid-template-columns:7px auto;gap:1px 6px;align-items:center}.week-status i{grid-row:1/3;width:7px;height:7px;border-radius:50%;background:#65f1b6;box-shadow:0 0 0 0 #65f1b688;animation:week-pulse 1.8s ease-out infinite}.week-status b{font-size:10px;letter-spacing:.08em;color:#65f1b6}.week-status small{font-size:8px;color:#8e989f}.current-period svg{position:absolute;z-index:1;right:7px;bottom:1px;width:55%;height:38px}.current-period svg path{fill:none;stroke:url(#spark);stroke-width:2;stroke-linecap:round}@keyframes week-pulse{70%{box-shadow:0 0 0 7px #65f1b600}100%{box-shadow:0 0 0 0 #65f1b600}}@media(max-width:900px){.current-period{min-height:100px!important}.current-period .period-copy>strong{font-size:20px}.current-period svg{height:47px;width:48%}}