.overview-digital-pay9{--digital-ink:#133447;--digital-muted:#698291;--digital-surface:#fff;--digital-line:#dce8eb;--digital-aqua:#128d87}.overview-digital-pay9 .monitor-grid{gap:18px}.overview-digital-pay9 .stat-tile{background:var(--digital-surface)!important;color:var(--digital-ink)!important;border:1px solid var(--digital-line);border-radius:21px;padding:26px 23px 22px;min-height:179px;box-shadow:0 5px 20px #13344704;position:relative;overflow:hidden}.overview-digital-pay9 .stat-tile:after,.overview-digital-pay9 .stat-tile:before{display:none}.overview-digital-pay9 .stat-tile .stat-label{font-size:10px;letter-spacing:1.1px;color:var(--digital-muted)!important;font-weight:700;display:block;margin:20px 0 12px}.overview-digital-pay9 .stat-tile strong{font:700 clamp(26px,2.5vw,38px)/1.15 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:-1.4px;color:var(--digital-ink)!important;display:block;position:relative;z-index:1}.overview-digital-pay9 .stat-tile small{font-size:11px;line-height:1.6;color:var(--digital-muted)!important;margin-top:9px;display:block;max-width:95%}.metric-index-pay9{position:absolute;top:18px;left:23px;font:600 10px ui-monospace,monospace;color:var(--digital-muted);letter-spacing:2px}.overview-digital-pay9 .stat-icon{position:absolute;right:20px;top:18px;background:#edf7f5;color:#248c86;width:37px;height:37px;border-radius:12px;display:grid;place-items:center;opacity:1!important;font-size:20px}.overview-digital-pay9 .stat-icon svg{width:20px;height:20px;stroke-width:1.5}.overview-digital-pay9 .stat-tile[data-metric-pay9="3"]{background:#112c40!important;border-color:#112c40}.overview-digital-pay9 .stat-tile[data-metric-pay9="3"] strong{color:#d8fb9f!important}.overview-digital-pay9 .stat-tile[data-metric-pay9="3"] .stat-label,.overview-digital-pay9 .stat-tile[data-metric-pay9="3"] small,.overview-digital-pay9 .stat-tile[data-metric-pay9="3"] .metric-index-pay9{color:#bad0df!important}.overview-digital-pay9 .stat-tile[data-metric-pay9="3"] .stat-icon{background:#294356;color:#c1f190}.overview-digital-pay9 .stat-tile[data-metric-pay9="4"],.overview-digital-pay9 .stat-tile[data-metric-pay9="5"]{background:linear-gradient(135deg,#fff,#f1f8f8)!important}.overview-digital-pay9 .stat-tile[data-metric-pay9="6"]{background:#edf8f4!important}.overview-digital-pay9 .stat-tile[data-metric-pay9="7"]{background:#edf4fa!important}.overview-digital-pay9 .stat-tile[data-metric-pay9="4"] strong{max-width:60%}.cpu-dial-pay9{position:absolute;right:24px;bottom:29px;width:67px;height:67px;border-radius:50%;background:conic-gradient(#14998b var(--cpu),#deeceb 0);display:grid;place-items:center;transform:rotate(-90deg)}.cpu-dial-pay9 i{width:55px;height:55px;border-radius:50%;background:#f7fbfa}.overview-digital-pay9 .stat-tile[data-metric-pay9="4"] .stat-icon{display:none}.memory-meter-pay9{height:5px;background:#dceae7;border-radius:10px;margin-top:14px;overflow:hidden}.memory-meter-pay9 span{display:block;background:#238e83;height:100%;border-radius:inherit;transition:width .4s ease}.memory-caption-pay9{display:block;font-size:10px;color:#568078;margin-top:5px}.overview-digital-pay9 .bandwidth-card{border:1px solid var(--digital-line);border-radius:24px;box-shadow:0 5px 30px #122f4405;padding:25px}.overview-digital-pay9 .monitor-heading h2{font-size:27px;letter-spacing:-.6px}.overview-digital-pay9 .monitor-heading .eyebrow{font-size:10px}.view-switch-pay9{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid #dce8eb}.view-switch-pay9>span{font-size:9px;font-weight:700;letter-spacing:1.6px;margin-right:auto;color:#6f8993}.view-switch-pay9 button{font-size:12px;padding:9px 13px;background:#f4f8fa;color:#506d7d;border:1px solid #dce8eb;border-radius:10px}.view-switch-pay9 button[aria-pressed="true"]{background:#126d6c;border-color:#126d6c;color:white;box-shadow:0 3px 8px #126d6c20}.digital-time-pay9{position:relative;background:linear-gradient(120deg,#eaf8f4,#eff5fe);border:1px solid #dbefea;border-radius:17px;margin:16px 0;padding:17px 15px;min-height:140px;display:flex;align-items:center;gap:20px;overflow:hidden}.timer-body-pay9>small{color:#5a7d87;font:600 9px system-ui;letter-spacing:1.4px;display:block;margin-bottom:12px}.timer-digits-pay9{display:flex;gap:10px;align-items:flex-start;font-variant-numeric:tabular-nums}.timer-digits-pay9 span{display:grid;gap:5px;min-width:42px}.timer-digits-pay9 b{font:700 clamp(25px,2.4vw,38px)/1 ui-monospace,Consolas,monospace;letter-spacing:-1.5px;color:#143c50}.timer-digits-pay9 small{font-size:9px;letter-spacing:.8px;text-transform:uppercase;color:#547882}.timer-digits-pay9 i{font-style:normal;color:#5caa9f;font-size:25px;line-height:1}.timer-expiry-pay9{display:block;font-size:9px;color:#66888b;margin-top:12px}.timer-caption-pay9{font-size:28px;color:#143c50}.orbit-dial-pay9{display:none}.sessions-design-pay9 .session13{border-radius:23px;border-color:#d6e6e5;box-shadow:0 4px 18px #133e4605}.sessions-design-pay9 .session13.live13{border-color:#85cebb}.sessions-design-pay9 .session-person13 h3{letter-spacing:-.25px}.sessions-design-pay9[data-style="orbit"] .session13{background:radial-gradient(ellipse at 60% 0,#173344,#0d2031 70%);color:#dfedf4;border-color:#264456;box-shadow:0 8px 20px #102c3d17}.sessions-design-pay9[data-style="orbit"] .session-person13 h3,.sessions-design-pay9[data-style="orbit"] .timer-digits-pay9 b,.sessions-design-pay9[data-style="orbit"] .timer-caption-pay9{color:#e9f7f5}.sessions-design-pay9[data-style="orbit"] .session13 small,.sessions-design-pay9[data-style="orbit"] .session13 .session-person13>span{color:#95b5bd}.sessions-design-pay9[data-style="orbit"] .digital-time-pay9{background:none;border:0;border-radius:0;flex-direction:column;gap:16px;min-height:240px;padding:10px 0}.sessions-design-pay9[data-style="orbit"] .timer-body-pay9{text-align:center}.sessions-design-pay9[data-style="orbit"] .timer-digits-pay9{justify-content:center}.sessions-design-pay9[data-style="orbit"] .timer-body-pay9>small{margin-bottom:9px}.sessions-design-pay9[data-style="orbit"] .orbit-dial-pay9{position:relative;display:grid;place-items:center;width:105px;height:105px;border-radius:50%;background:conic-gradient(#5be5c5 var(--remaining),#2c4656 0)}.sessions-design-pay9[data-style="orbit"] .orbit-dial-pay9:before{content:"";position:absolute;inset:7px;border-radius:50%;background:#102837}.orbit-dial-pay9 span{position:relative;z-index:1;font:600 26px ui-monospace,monospace;color:#a0f4dc}.sessions-design-pay9[data-style="orbit"] .session-bottom13{border-color:#2d4658}.sessions-design-pay9[data-style="orbit"] .session-bottom13 button{background:#234351;color:#b7ede0}.sessions-design-pay9[data-style="orbit"] .progress-track{background:#294657}.sessions-design-pay9[data-style="compact"] .session-grid13{display:flex;flex-direction:column;gap:11px}.sessions-design-pay9[data-style="compact"] .session13{display:grid;grid-template-columns:minmax(180px,1.5fr) minmax(130px,1fr) minmax(180px,1.4fr) minmax(160px,1.2fr);align-items:center;gap:18px;padding:18px 20px;min-height:130px}.sessions-design-pay9[data-style="compact"] .session-card-head{grid-column:1;margin:0}.sessions-design-pay9[data-style="compact"] .session-status13{grid-column:1;margin:0;grid-row:2;flex-wrap:wrap;gap:5px}.sessions-design-pay9[data-style="compact"] .session-status13 small{display:none}.sessions-design-pay9[data-style="compact"] .digital-time-pay9{grid-column:2;grid-row:1 / span 2;margin:0;min-height:100px;padding:12px}.sessions-design-pay9[data-style="compact"] .timer-digits-pay9{gap:4px}.sessions-design-pay9[data-style="compact"] .timer-digits-pay9 b{font-size:26px}.sessions-design-pay9[data-style="compact"] .timer-digits-pay9 span{min-width:29px}.sessions-design-pay9[data-style="compact"] .timer-expiry-pay9{font-size:8px}.sessions-design-pay9[data-style="compact"] .usage-meter12{grid-column:3;margin:0}.sessions-design-pay9[data-style="compact"] .session-bottom13{grid-column:4;grid-row:1 / span 2;border:0;margin:0;padding:0;display:flex;gap:9px;flex-wrap:wrap}.sessions-design-pay9[data-style="compact"] .session-bottom13>span{flex-basis:100%}@media(max-width:1050px){.sessions-design-pay9[data-style="compact"] .session13{grid-template-columns:1fr 1fr}.sessions-design-pay9[data-style="compact"] .usage-meter12{grid-column:1}.sessions-design-pay9[data-style="compact"] .session-bottom13{grid-column:2;grid-row:auto}}@media(max-width:600px){.overview-digital-pay9 .monitor-grid{gap:10px;grid-template-columns:1fr 1fr}.overview-digital-pay9 .stat-tile{padding:24px 14px 16px;min-height:180px}.overview-digital-pay9 .stat-tile strong{font-size:26px}.overview-digital-pay9 .stat-tile .stat-label{font-size:8px}.overview-digital-pay9 .stat-tile small{font-size:9px}.overview-digital-pay9 .stat-icon{right:12px;width:29px;height:29px}.metric-index-pay9{left:14px}.cpu-dial-pay9{width:38px;height:38px;right:13px;bottom:45px}.cpu-dial-pay9 i{width:30px;height:30px}.view-switch-pay9>span{width:100%}.view-switch-pay9 button{padding:9px;font-size:10px}.sessions-design-pay9[data-style="compact"] .session13{gap:12px;padding:14px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.sessions-design-pay9[data-style="compact"] .device-mark12{width:32px;height:37px;flex-basis:32px}.sessions-design-pay9[data-style="compact"] .session-card-head{gap:7px}.sessions-design-pay9[data-style="compact"] .session-person13 h3{font-size:12px}.sessions-design-pay9[data-style="compact"] .session-person13>span{font-size:9px}.sessions-design-pay9[data-style="compact"] .session-card-head>button{display:none}.sessions-design-pay9[data-style="compact"] .timer-digits-pay9 b{font-size:22px}.sessions-design-pay9[data-style="compact"] .timer-digits-pay9 small{font-size:7px}.sessions-design-pay9[data-style="compact"] .timer-digits-pay9 span{min-width:24px}.sessions-design-pay9[data-style="compact"] .timer-digits-pay9{gap:2px}}html[data-appearance="night"] .overview-digital-pay9{--digital-ink:#e0eff7;--digital-muted:#99b0bd;--digital-surface:#152a3a;--digital-line:#2b4354}html[data-appearance="night"] .overview-digital-pay9 .stat-tile[data-metric-pay9]{background:#152a3a!important}html[data-appearance="night"] .cpu-dial-pay9 i{background:#152a3a}html[data-appearance="night"] .overview-digital-pay9 .stat-icon{background:#203e49;color:#7ed2c0}html[data-appearance="night"] .digital-time-pay9{background:#183b45;border-color:#2c5357}html[data-appearance="night"] .timer-digits-pay9 b,html[data-appearance="night"] .timer-caption-pay9{color:#ddf3ee}html[data-appearance="night"] .timer-body-pay9>small,html[data-appearance="night"] .timer-expiry-pay9,html[data-appearance="night"] .timer-digits-pay9 small{color:#9dc5c3}@media(prefers-reduced-motion:no-preference){.timer-digits-pay9 i{animation:digital-colon-pay9 3s ease-in-out infinite}.sessions-design-pay9 .session13.live13 .digital-time-pay9:after{content:"";position:absolute;top:0;left:-40%;width:30%;height:100%;background:linear-gradient(90deg,transparent,#8fe2cf15,transparent);transform:skewX(-15deg);animation:digital-sheen-pay9 9s linear infinite;pointer-events:none}@keyframes digital-colon-pay9{50%{opacity:.35}}@keyframes digital-sheen-pay9{0%,70%{left:-40%}100%{left:140%}}}.motion-paused1634 .sessions-design-pay9 *{animation-play-state:paused!important}

/* Discrete, trusted numeric classes work under the existing strict CSP. */
.percent-pay9-0{--remaining:0%;--cpu:0%}.fill-pay9-0{width:0%}.percent-pay9-1{--remaining:1%;--cpu:1%}.fill-pay9-1{width:1%}.percent-pay9-2{--remaining:2%;--cpu:2%}.fill-pay9-2{width:2%}.percent-pay9-3{--remaining:3%;--cpu:3%}.fill-pay9-3{width:3%}.percent-pay9-4{--remaining:4%;--cpu:4%}.fill-pay9-4{width:4%}.percent-pay9-5{--remaining:5%;--cpu:5%}.fill-pay9-5{width:5%}.percent-pay9-6{--remaining:6%;--cpu:6%}.fill-pay9-6{width:6%}.percent-pay9-7{--remaining:7%;--cpu:7%}.fill-pay9-7{width:7%}.percent-pay9-8{--remaining:8%;--cpu:8%}.fill-pay9-8{width:8%}.percent-pay9-9{--remaining:9%;--cpu:9%}.fill-pay9-9{width:9%}.percent-pay9-10{--remaining:10%;--cpu:10%}.fill-pay9-10{width:10%}.percent-pay9-11{--remaining:11%;--cpu:11%}.fill-pay9-11{width:11%}.percent-pay9-12{--remaining:12%;--cpu:12%}.fill-pay9-12{width:12%}.percent-pay9-13{--remaining:13%;--cpu:13%}.fill-pay9-13{width:13%}.percent-pay9-14{--remaining:14%;--cpu:14%}.fill-pay9-14{width:14%}.percent-pay9-15{--remaining:15%;--cpu:15%}.fill-pay9-15{width:15%}.percent-pay9-16{--remaining:16%;--cpu:16%}.fill-pay9-16{width:16%}.percent-pay9-17{--remaining:17%;--cpu:17%}.fill-pay9-17{width:17%}.percent-pay9-18{--remaining:18%;--cpu:18%}.fill-pay9-18{width:18%}.percent-pay9-19{--remaining:19%;--cpu:19%}.fill-pay9-19{width:19%}.percent-pay9-20{--remaining:20%;--cpu:20%}.fill-pay9-20{width:20%}.percent-pay9-21{--remaining:21%;--cpu:21%}.fill-pay9-21{width:21%}.percent-pay9-22{--remaining:22%;--cpu:22%}.fill-pay9-22{width:22%}.percent-pay9-23{--remaining:23%;--cpu:23%}.fill-pay9-23{width:23%}.percent-pay9-24{--remaining:24%;--cpu:24%}.fill-pay9-24{width:24%}.percent-pay9-25{--remaining:25%;--cpu:25%}.fill-pay9-25{width:25%}.percent-pay9-26{--remaining:26%;--cpu:26%}.fill-pay9-26{width:26%}.percent-pay9-27{--remaining:27%;--cpu:27%}.fill-pay9-27{width:27%}.percent-pay9-28{--remaining:28%;--cpu:28%}.fill-pay9-28{width:28%}.percent-pay9-29{--remaining:29%;--cpu:29%}.fill-pay9-29{width:29%}.percent-pay9-30{--remaining:30%;--cpu:30%}.fill-pay9-30{width:30%}.percent-pay9-31{--remaining:31%;--cpu:31%}.fill-pay9-31{width:31%}.percent-pay9-32{--remaining:32%;--cpu:32%}.fill-pay9-32{width:32%}.percent-pay9-33{--remaining:33%;--cpu:33%}.fill-pay9-33{width:33%}.percent-pay9-34{--remaining:34%;--cpu:34%}.fill-pay9-34{width:34%}.percent-pay9-35{--remaining:35%;--cpu:35%}.fill-pay9-35{width:35%}.percent-pay9-36{--remaining:36%;--cpu:36%}.fill-pay9-36{width:36%}.percent-pay9-37{--remaining:37%;--cpu:37%}.fill-pay9-37{width:37%}.percent-pay9-38{--remaining:38%;--cpu:38%}.fill-pay9-38{width:38%}.percent-pay9-39{--remaining:39%;--cpu:39%}.fill-pay9-39{width:39%}.percent-pay9-40{--remaining:40%;--cpu:40%}.fill-pay9-40{width:40%}.percent-pay9-41{--remaining:41%;--cpu:41%}.fill-pay9-41{width:41%}.percent-pay9-42{--remaining:42%;--cpu:42%}.fill-pay9-42{width:42%}.percent-pay9-43{--remaining:43%;--cpu:43%}.fill-pay9-43{width:43%}.percent-pay9-44{--remaining:44%;--cpu:44%}.fill-pay9-44{width:44%}.percent-pay9-45{--remaining:45%;--cpu:45%}.fill-pay9-45{width:45%}.percent-pay9-46{--remaining:46%;--cpu:46%}.fill-pay9-46{width:46%}.percent-pay9-47{--remaining:47%;--cpu:47%}.fill-pay9-47{width:47%}.percent-pay9-48{--remaining:48%;--cpu:48%}.fill-pay9-48{width:48%}.percent-pay9-49{--remaining:49%;--cpu:49%}.fill-pay9-49{width:49%}.percent-pay9-50{--remaining:50%;--cpu:50%}.fill-pay9-50{width:50%}.percent-pay9-51{--remaining:51%;--cpu:51%}.fill-pay9-51{width:51%}.percent-pay9-52{--remaining:52%;--cpu:52%}.fill-pay9-52{width:52%}.percent-pay9-53{--remaining:53%;--cpu:53%}.fill-pay9-53{width:53%}.percent-pay9-54{--remaining:54%;--cpu:54%}.fill-pay9-54{width:54%}.percent-pay9-55{--remaining:55%;--cpu:55%}.fill-pay9-55{width:55%}.percent-pay9-56{--remaining:56%;--cpu:56%}.fill-pay9-56{width:56%}.percent-pay9-57{--remaining:57%;--cpu:57%}.fill-pay9-57{width:57%}.percent-pay9-58{--remaining:58%;--cpu:58%}.fill-pay9-58{width:58%}.percent-pay9-59{--remaining:59%;--cpu:59%}.fill-pay9-59{width:59%}.percent-pay9-60{--remaining:60%;--cpu:60%}.fill-pay9-60{width:60%}.percent-pay9-61{--remaining:61%;--cpu:61%}.fill-pay9-61{width:61%}.percent-pay9-62{--remaining:62%;--cpu:62%}.fill-pay9-62{width:62%}.percent-pay9-63{--remaining:63%;--cpu:63%}.fill-pay9-63{width:63%}.percent-pay9-64{--remaining:64%;--cpu:64%}.fill-pay9-64{width:64%}.percent-pay9-65{--remaining:65%;--cpu:65%}.fill-pay9-65{width:65%}.percent-pay9-66{--remaining:66%;--cpu:66%}.fill-pay9-66{width:66%}.percent-pay9-67{--remaining:67%;--cpu:67%}.fill-pay9-67{width:67%}.percent-pay9-68{--remaining:68%;--cpu:68%}.fill-pay9-68{width:68%}.percent-pay9-69{--remaining:69%;--cpu:69%}.fill-pay9-69{width:69%}.percent-pay9-70{--remaining:70%;--cpu:70%}.fill-pay9-70{width:70%}.percent-pay9-71{--remaining:71%;--cpu:71%}.fill-pay9-71{width:71%}.percent-pay9-72{--remaining:72%;--cpu:72%}.fill-pay9-72{width:72%}.percent-pay9-73{--remaining:73%;--cpu:73%}.fill-pay9-73{width:73%}.percent-pay9-74{--remaining:74%;--cpu:74%}.fill-pay9-74{width:74%}.percent-pay9-75{--remaining:75%;--cpu:75%}.fill-pay9-75{width:75%}.percent-pay9-76{--remaining:76%;--cpu:76%}.fill-pay9-76{width:76%}.percent-pay9-77{--remaining:77%;--cpu:77%}.fill-pay9-77{width:77%}.percent-pay9-78{--remaining:78%;--cpu:78%}.fill-pay9-78{width:78%}.percent-pay9-79{--remaining:79%;--cpu:79%}.fill-pay9-79{width:79%}.percent-pay9-80{--remaining:80%;--cpu:80%}.fill-pay9-80{width:80%}.percent-pay9-81{--remaining:81%;--cpu:81%}.fill-pay9-81{width:81%}.percent-pay9-82{--remaining:82%;--cpu:82%}.fill-pay9-82{width:82%}.percent-pay9-83{--remaining:83%;--cpu:83%}.fill-pay9-83{width:83%}.percent-pay9-84{--remaining:84%;--cpu:84%}.fill-pay9-84{width:84%}.percent-pay9-85{--remaining:85%;--cpu:85%}.fill-pay9-85{width:85%}.percent-pay9-86{--remaining:86%;--cpu:86%}.fill-pay9-86{width:86%}.percent-pay9-87{--remaining:87%;--cpu:87%}.fill-pay9-87{width:87%}.percent-pay9-88{--remaining:88%;--cpu:88%}.fill-pay9-88{width:88%}.percent-pay9-89{--remaining:89%;--cpu:89%}.fill-pay9-89{width:89%}.percent-pay9-90{--remaining:90%;--cpu:90%}.fill-pay9-90{width:90%}.percent-pay9-91{--remaining:91%;--cpu:91%}.fill-pay9-91{width:91%}.percent-pay9-92{--remaining:92%;--cpu:92%}.fill-pay9-92{width:92%}.percent-pay9-93{--remaining:93%;--cpu:93%}.fill-pay9-93{width:93%}.percent-pay9-94{--remaining:94%;--cpu:94%}.fill-pay9-94{width:94%}.percent-pay9-95{--remaining:95%;--cpu:95%}.fill-pay9-95{width:95%}.percent-pay9-96{--remaining:96%;--cpu:96%}.fill-pay9-96{width:96%}.percent-pay9-97{--remaining:97%;--cpu:97%}.fill-pay9-97{width:97%}.percent-pay9-98{--remaining:98%;--cpu:98%}.fill-pay9-98{width:98%}.percent-pay9-99{--remaining:99%;--cpu:99%}.fill-pay9-99{width:99%}.percent-pay9-100{--remaining:100%;--cpu:100%}.fill-pay9-100{width:100%}
.sessions-design-pay9[data-style="orbit"] .usage-meter12>div,.sessions-design-pay9[data-style="orbit"] .usage-meter12>div>span,.sessions-design-pay9[data-style="orbit"] .session-bottom13>span{color:#a5c3d0}
.sessions-design-pay9[data-style="orbit"] .usage-meter12>div>strong{color:#d8eaf1}
.sessions-design-pay9[data-style="orbit"] .session-status13>span:last-child{color:#97b5c0}
.sessions-design-pay9[data-style="orbit"] .usage-meter12 progress{background:#294657}
.sessions-design-pay9[data-style="orbit"] .usage-meter12 progress::-webkit-progress-bar{background:#294657}
.sessions-design-pay9[data-style="orbit"] .usage-meter12 progress::-webkit-progress-value{background:#4dc8ab}
.sessions-design-pay9[data-style="orbit"] .usage-meter12 progress::-moz-progress-bar{background:#4dc8ab}
.overview-digital-pay9 .stat-tile[data-metric-pay9="4"] small{max-width:65%}

:root{--surface:#fff;--surface-soft:#f2f7fc;--ink:#17324b;--muted:#627990;--line:#dce6ef;--accent:#168fbc;color-scheme:light}
:root[data-appearance=night]{--surface:#142438;--surface-soft:#1b2e44;--paper:#0c1827;--ink:#e7eef7;--muted:#a0b4c9;--line:#2c4259;--mint:#183d37;color-scheme:dark}
body{color:var(--ink)}.ui-icon{width:21px;height:21px;flex:none;vertical-align:middle}.sidebar,.card,.plan-card,dialog,.session-count>span{background:var(--surface);color:var(--ink);border-color:var(--line)}.sidebar nav button{display:flex;gap:12px;color:var(--muted);min-height:44px}.sidebar nav button span{font-size:12px;width:auto;color:inherit}.sidebar nav button.active{color:var(--accent)}input,textarea,select{color:var(--ink);background:var(--surface);border-color:var(--line)}button{min-height:36px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #30a7d5;outline-offset:3px}.muted,.sync-text,.page-heading p,td small,.card-head p{color:var(--muted)}.workspace-utilities{display:flex;gap:6px}.workspace-utilities button{background:var(--surface);border:1px solid var(--line);color:var(--muted);display:flex;gap:7px;align-items:center}#appearance{width:100px;min-width:94px;font-size:11px;padding:8px 9px;border-radius:10px}.monitor-controls,.scope-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px;color:var(--muted);font-size:12px}.monitor-controls label,.scope-toolbar label{display:flex;align-items:center;gap:10px;margin:0}.monitor-controls select,.scope-toolbar select{max-width:250px;padding:9px}.router-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.router-card{border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:21px}.router-card .card-head{margin-bottom:16px}.router-card h3{font-size:17px;margin:0}.router-card p{font-size:11px;line-height:1.8}.router-kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0;padding:16px 0;border-block:1px solid var(--line)}.router-kpis span{font-size:10px;color:var(--muted)}.router-kpis strong{display:block;color:var(--ink);font-size:19px;margin-bottom:5px}.router-actions{display:flex;gap:7px;flex-wrap:wrap}.router-actions button{background:var(--surface-soft);font-size:10px}.danger-text{color:#d64d6d!important}.notification{display:block;text-align:left;width:100%;padding:16px;border:1px solid var(--line);background:var(--surface-soft);margin:8px 0}.notification small,#workspace-results small{display:block;margin-top:6px;color:var(--muted)}#workspace-results button{display:block;text-align:left;padding:14px;background:var(--surface-soft);width:100%;margin:6px 0}.detail-summary{display:flex;gap:12px;flex-wrap:wrap;margin:15px 0}.detail-summary>span:last-child{width:100%;color:var(--muted);font-size:12px}.detail-kpis{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.detail-kpis div{background:var(--surface-soft);padding:18px;border-radius:14px}.detail-kpis small{display:block;color:var(--muted);margin-bottom:8px}.detail-kpis strong{font-size:23px}.detail-list{display:grid;grid-template-columns:110px 1fr;gap:14px;font-size:12px}.detail-list dt{color:var(--muted)}.detail-list dd{margin:0;overflow-wrap:anywhere}.usage-meter{margin:20px 0;font-size:12px}.usage-meter>div{display:flex;justify-content:space-between;margin-bottom:7px}.usage-meter progress{width:100%;height:8px;accent-color:#26b58c}.theme-choices{display:grid;grid-template-columns:repeat(3,1fr)}.theme-choice{width:auto;color:var(--ink);background:var(--surface)}.theme-choice.animated>span{background:linear-gradient(120deg,#6553f8,#f748a1)}.theme-choice.modern>span{background:linear-gradient(120deg,#ffe657,#ff1680)}.theme-choice.light>span{background:linear-gradient(120deg,#e8f7f1,#58bba1)}.customizer-layout .card{background:var(--surface-soft)}.preview-phone.animated{background:#ede8ff}.preview-phone.animated .preview-top{background:#ddd3ff}.quick-voucher{background:linear-gradient(125deg,#d46170,#9c508e)}.quick-voucher.quick-bulk{background:linear-gradient(125deg,#217db5,#279eaa)}.quick-voucher label{font-size:10px}.quick-voucher input{color:white}.quick-voucher .form-grid{grid-template-columns:1fr 1fr}.stat-tile .stat-label{font-size:11px}.stat-tile>small{font-size:10px}.mobile-nav{display:none}.report-toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin-bottom:22px}.report-toolbar label{margin:0;min-width:140px}.report-toolbar button{padding:10px}.skeleton{height:200px;background:linear-gradient(90deg,var(--surface-soft),var(--surface),var(--surface-soft));background-size:200% 100%;border-radius:16px;animation:shimmer 1.5s ease infinite}@keyframes shimmer{to{background-position:-200% 0}}
:root[data-appearance=night] .hero-strip{background:linear-gradient(110deg,#17394b,#153932);border-color:var(--line)}:root[data-appearance=night] .bandwidth-card,:root[data-appearance=night] .session-card,:root[data-appearance=night] .chat-layout>aside,:root[data-appearance=night] thead{background:var(--surface-soft);border-color:var(--line)}:root[data-appearance=night] .sidebar .wordmark,:root[data-appearance=night] .session-card h3{color:var(--ink)}:root[data-appearance=night] .sidebar nav button.active,:root[data-appearance=night] .sidebar nav button:hover{background:#1c3d51}:root[data-appearance=night] .theme-section{background:var(--surface);border-color:var(--line)}:root[data-appearance=night] .chip{background:#153d32;color:#77dcba;border-color:#315747}:root[data-appearance=night] .chip.offline,:root[data-appearance=night] .chip.failed{background:#4b2737;color:#ff98b4;border-color:#6b3c4f}:root[data-appearance=night] .chip.unused,:root[data-appearance=night] .chip.disconnected{background:#243b51;color:#b7c9db;border-color:#3c536b}:root[data-appearance=night] .login-card{color:var(--ink)}:root[data-appearance=night] .callout{background:var(--surface-soft);border-color:var(--line)}
@media(max-width:650px){.workspace{padding-bottom:95px}.header-actions{flex-wrap:wrap;justify-content:flex-end}.workspace-utilities span{display:none}.header-actions .ui-icon{width:18px}.monitor-controls,.scope-toolbar{flex-wrap:wrap}.monitor-controls>span{width:100%}.theme-choice small{display:none}.theme-choice strong{font-size:11px}.theme-choices{gap:8px}.detail-kpis strong{font-size:20px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:20;justify-content:space-around;background:var(--surface);border-top:1px solid var(--line);padding:8px 8px calc(8px + env(safe-area-inset-bottom))}.mobile-nav button{display:flex;flex-direction:column;align-items:center;gap:5px;background:none;color:var(--muted);width:25%;font-size:10px;min-height:46px}.mobile-nav button.active{color:var(--accent)}.sidebar nav{display:none}.sidebar .wordmark{margin:0}.mobile-menu-open .sidebar nav{display:flex;position:fixed;inset:65px 12px 85px;z-index:30;background:var(--surface);padding:20px;border-radius:20px;border:1px solid var(--line);flex-direction:column;overflow-y:auto}.mobile-menu-open .sidebar nav button{min-height:44px}.report-toolbar{display:grid;grid-template-columns:1fr 1fr}.report-toolbar label{min-width:0}.router-grid{grid-template-columns:1fr}.detail-list{grid-template-columns:90px 1fr}}
@media(prefers-reduced-motion:reduce){.skeleton{animation:none}}
/* Print layout uses physical units; preview controls never reach paper. */
.printing-preview{overflow:hidden}#print-studio{position:fixed;inset:0;z-index:100;background:#0e1a2a;overflow:auto;color:#f3f7fc}.print-toolbar{position:sticky;top:0;z-index:2;background:#17283b;border-bottom:1px solid #30475c;display:flex;gap:14px;align-items:center;padding:16px 22px;flex-wrap:wrap}.print-toolbar>div:first-child{margin-right:auto}.print-toolbar small{display:block;color:#8acbdf;margin-top:6px}.print-toolbar label{font-size:10px;margin:0;color:#b8c9dc}.print-toolbar select{font-size:11px;min-width:85px;padding:8px}.print-toolbar button{padding:8px 12px}.print-hint{font-size:12px;color:#b5c8db;text-align:center;padding:0 18px}#print-area{display:block;width:max-content;margin:25px auto}.print-page{width:190mm;min-height:277mm;background:white;margin:0 auto 20px;color:#172c45;box-shadow:0 15px 50px #0006}.print-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(6,44mm)}.print-card{text-align:left;width:auto;min-width:0;height:44mm;box-sizing:border-box;padding:2.5mm;border:.15mm dashed #9a9a9a;overflow:hidden;break-inside:avoid;margin:0;border-radius:0;font-family:"Segoe UI",system-ui,sans-serif}.print-card header{font-size:9pt;font-weight:750;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.print-front{background:linear-gradient(120deg,#fff051 0 38%,#fb087a 38%);color:white}.print-front header{color:#322248;background:#fff8;display:inline-block;padding:.7mm;border-radius:1mm}.print-offer{display:flex;gap:4mm;align-items:center;height:25mm}.print-offer>strong{font-size:20pt;color:#ed0876;width:30%;flex:none}.print-offer h3{font-size:14pt;margin:0 0 2mm}.print-offer p{font-size:8pt;line-height:1.5;margin:0}.print-card footer{display:flex;justify-content:space-between;gap:2mm;font-size:6.5pt;color:inherit;line-height:1.2;margin:0}.print-back{background:#2d2056;color:#fff}.print-code{display:flex;flex-direction:column;margin:1.7mm 0}.print-code small{font-size:6.5pt}.print-code strong{font:700 12pt ui-monospace,monospace;letter-spacing:.4pt;color:#17283b;background:#fff;align-self:start;max-width:100%;overflow-wrap:anywhere;padding:.4mm 1mm}.print-instructions{display:flex;gap:2mm;align-items:center;min-height:20mm}.print-instructions ol{font-size:6.8pt;line-height:1.6;padding-left:3.5mm;margin:0;flex:1}.print-qr{width:21mm;flex:none;text-align:center}.print-qr svg{width:21mm;height:21mm;display:block;background:white}.print-qr small{display:block;font-size:4.5pt;margin-top:.5mm}.print-back footer{margin-top:1mm}.print-card.classic{background:#e8f4f7;color:#183c53}.print-card.classic .print-offer>strong{color:#1488aa}.print-card.light{background:#fff;color:#14243a}.print-card.light .print-offer>strong{color:#14243a}.print-choices button{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px;border:1px solid var(--line);background:var(--surface-soft);width:100%;margin:10px 0}.print-choices span{font-size:11px;color:var(--muted)}.blank-card{background:white}
@page{size:A4 portrait;margin:10mm}
@media print{html,body{background:white!important;color:#111!important;margin:0!important;padding:0!important;overflow:visible!important}body>*{display:none!important}#print-studio{display:block!important;position:static;overflow:visible;background:white;color:#111}#print-studio>*{display:none!important}#print-area{display:block!important;zoom:1!important;margin:0!important;width:190mm}.print-page{box-shadow:none;margin:0;width:190mm;height:277mm;min-height:0;break-after:page;page-break-after:always}.print-page:last-child{break-after:auto;page-break-after:auto}.print-card{print-color-adjust:exact;-webkit-print-color-adjust:exact}.print-card svg{display:block!important}.print-card footer{display:flex!important}}

@media(max-width:650px){.mobile-menu-open .sidebar nav button span{display:block;font-size:12px}.workspace footer{gap:10px}}

.print-code strong.long-code{font-size:8.5pt;letter-spacing:0}.stat-icon .ui-icon{width:60px;height:60px}

.print-card footer span{display:inline!important}.print-offer h3{color:inherit}.report-toolbar input{max-width:180px}.sidebar nav button b{margin-left:auto;background:#df4e71;color:white;border-radius:7px;padding:1px 5px}.sidebar nav button b:empty{display:none}


/* SAWDA pay.12 dashboard appearance system: Light (Design 1), Dark (Design 2), Soft (Design 3). */
:root[data-appearance=day]{--surface:#fff;--surface-soft:#f6f9fd;--paper:#f4f8fc;--ink:#102744;--muted:#7086a1;--line:#dce7f2;--accent:#2189dc;--teal:#113b5b;--green:#168f78;--mint:#e7f7f1;--orange:#a56b28;--red:#c34f68;--white:#fff;color-scheme:light}
:root[data-appearance=night]{--surface:#0f1e2e;--surface-soft:#142a3e;--paper:#07121f;--ink:#e8f2ff;--muted:#9ab0c6;--line:#294158;--accent:#4bb9ff;--teal:#123b46;--green:#43d6a6;--mint:#173e39;--orange:#f1c76c;--red:#ff7895;--white:#f7fbff;color-scheme:dark}
:root[data-appearance=soft]{--surface:#fff;--surface-soft:#f2efff;--paper:#f7f5ff;--ink:#252849;--muted:#7c7f9d;--line:#e3def5;--accent:#7466dc;--teal:#383e72;--green:#259d86;--mint:#e8f8f2;--orange:#aa772c;--red:#d95c78;--white:#fff;color-scheme:light}
body{color:var(--ink);background:var(--paper)}
:root[data-appearance=day] body{background:radial-gradient(900px 420px at 100% 0%,#dff1fb 0%,transparent 62%),var(--paper)}
:root[data-appearance=soft] body{background:radial-gradient(850px 430px at 100% 0%,#e9e4ff 0%,transparent 62%),radial-gradient(700px 350px at 0% 100%,#e4f8f1 0%,transparent 58%),var(--paper)}
:root[data-appearance=night] body{background:radial-gradient(900px 420px at 100% 0%,#10384a 0%,transparent 60%),var(--paper)}
:root[data-appearance=day] .sidebar,:root[data-appearance=soft] .sidebar{background:rgba(255,255,255,.94);color:var(--ink);border-right:1px solid var(--line);box-shadow:5px 0 24px #163b5b05;backdrop-filter:blur(14px)}
:root[data-appearance=day] .sidebar .wordmark,:root[data-appearance=soft] .sidebar .wordmark{color:var(--ink)}
:root[data-appearance=day] .sidebar nav button,:root[data-appearance=soft] .sidebar nav button{color:var(--muted)}
:root[data-appearance=day] .sidebar nav button.active{background:linear-gradient(110deg,#e5f2ff,#eaf9f5);color:#187ac4}
:root[data-appearance=soft] .sidebar nav button.active{background:linear-gradient(110deg,#ece9ff,#e6f8f1);color:#5d55c8}
:root[data-appearance=day] .sidebar nav button.active span{color:#2189dc}
:root[data-appearance=soft] .sidebar nav button.active span{color:#7466dc}
:root[data-appearance=day] .sidebar-bottom,:root[data-appearance=soft] .sidebar-bottom{color:var(--muted)}
:root[data-appearance=day] .sidebar-bottom button,:root[data-appearance=soft] .sidebar-bottom button{color:var(--red)}
:root[data-appearance=night] .sidebar{background:linear-gradient(180deg,#081522,#0b1c2c);color:var(--ink);border-right:1px solid #244155;box-shadow:8px 0 30px #0002}
:root[data-appearance=night] .sidebar .wordmark{color:var(--ink)}
:root[data-appearance=night] .sidebar nav button{color:#a7bfd4}
:root[data-appearance=night] .sidebar nav button.active{background:linear-gradient(105deg,#104a4b,#12384c);color:#8ff4d3;box-shadow:inset 0 0 0 1px #28d9b033}
:root[data-appearance=night] .sidebar nav button.active span{color:#5ce4c1}
:root[data-appearance=night] .sidebar nav button:hover{background:#132b3d}
:root[data-appearance=night] .sidebar-bottom{color:#91adbf}
:root[data-appearance=day] .primary{background:linear-gradient(120deg,#187fc5,#138e91);box-shadow:0 5px 15px #2189dc22}
:root[data-appearance=soft] .primary{background:linear-gradient(120deg,#6559d5,#299c90);box-shadow:0 5px 15px #7466dc20}
:root[data-appearance=night] .primary{background:linear-gradient(120deg,#087f83,#14795f);color:#eafff8;box-shadow:0 5px 20px #00c8a21c}
:root[data-appearance=day] .secondary,:root[data-appearance=day] .workspace-utilities button,:root[data-appearance=soft] .secondary,:root[data-appearance=soft] .workspace-utilities button{background:#fff;color:var(--ink);border-color:var(--line)}
:root[data-appearance=night] .secondary,:root[data-appearance=night] .workspace-utilities button{background:var(--surface-soft);color:var(--ink);border-color:var(--line)}
#appearance{width:100px;min-width:94px;color:var(--ink);background:var(--surface);border:1px solid var(--line);box-shadow:0 2px 8px #173d5a08}
:root[data-appearance=day] .monitor-heading h2,:root[data-appearance=soft] .monitor-heading h2{color:#102744;letter-spacing:-1.1px}
:root[data-appearance=night] .monitor-heading h2{color:#f0f7ff}
:root[data-appearance=day] .monitor-heading p,:root[data-appearance=soft] .monitor-heading p,:root[data-appearance=day] .monitor-controls,:root[data-appearance=soft] .monitor-controls{color:var(--muted)}
:root[data-appearance=night] .monitor-heading p,:root[data-appearance=night] .monitor-controls{color:var(--muted)}
:root[data-appearance=day] .monitor-online,:root[data-appearance=soft] .monitor-online{background:#fff;border-color:var(--line);color:var(--ink);box-shadow:0 6px 18px #153a5b08}
:root[data-appearance=night] .monitor-online{background:#102b3c;border-color:#28566a;color:#dffbf5;box-shadow:0 0 22px #00caa40b}
:root[data-appearance=day] .monitor-controls select,:root[data-appearance=soft] .monitor-controls select{background:#fff;color:var(--ink);border-color:var(--line);border-radius:11px}
:root[data-appearance=night] .monitor-controls select{background:var(--surface-soft);color:var(--ink);border-color:var(--line);border-radius:11px}
:root[data-appearance=day] .monitor-grid .stat-tile,:root[data-appearance=soft] .monitor-grid .stat-tile{color:var(--ink);border:1px solid var(--line);box-shadow:0 8px 24px #153b5c08;min-height:150px}
:root[data-appearance=day] .monitor-grid .stat-tile.blue{background:linear-gradient(145deg,#fff,#f1f7ff);border-color:#dce8fa}
:root[data-appearance=day] .monitor-grid .stat-tile.lime{background:linear-gradient(145deg,#fff,#effbf5);border-color:#d9efe5}
:root[data-appearance=day] .monitor-grid .stat-tile.coral{background:linear-gradient(145deg,#fff,#f7f4ff);border-color:#e7e0f6}
:root[data-appearance=day] .monitor-grid .stat-tile.amber{background:linear-gradient(135deg,#12384c,#086a6a);border-color:#1d7073;color:#d7ff9b;box-shadow:0 10px 26px #0b697018}
:root[data-appearance=day] .monitor-grid .stat-tile.violet{background:linear-gradient(145deg,#fff,#f0f5ff);border-color:#dfe8fb}
:root[data-appearance=day] .monitor-grid .stat-tile.teal{background:linear-gradient(145deg,#fff,#effaf8);border-color:#d7eee8}
:root[data-appearance=day] .monitor-grid .stat-tile.mint{background:linear-gradient(145deg,#fff,#eaf9f2);border-color:#d7efe3}
:root[data-appearance=day] .monitor-grid .stat-tile.azure{background:linear-gradient(145deg,#fff,#edf5ff);border-color:#dce9fb}
:root[data-appearance=day] .monitor-grid .stat-tile:not(.amber) .stat-label,:root[data-appearance=day] .monitor-grid .stat-tile:not(.amber)>small{color:#7186a0;opacity:1}
:root[data-appearance=day] .monitor-grid .stat-tile.amber .stat-label,:root[data-appearance=day] .monitor-grid .stat-tile.amber>small{color:#d9ecec;opacity:1}
:root[data-appearance=day] .monitor-grid .stat-tile.blue .stat-icon{color:#247fea;opacity:.85}
:root[data-appearance=day] .monitor-grid .stat-tile.lime .stat-icon,:root[data-appearance=day] .monitor-grid .stat-tile.mint .stat-icon{color:#10a77d;opacity:.88}
:root[data-appearance=day] .monitor-grid .stat-tile.coral .stat-icon,:root[data-appearance=day] .monitor-grid .stat-tile.violet .stat-icon{color:#8061e9;opacity:.86}
:root[data-appearance=day] .monitor-grid .stat-tile.teal .stat-icon{color:#159b86;opacity:.86}
:root[data-appearance=day] .monitor-grid .stat-tile.azure .stat-icon{color:#267eea;opacity:.86}
:root[data-appearance=night] .monitor-grid .stat-tile{color:#e9f4ff;border:1px solid #274459;box-shadow:0 8px 26px #0002;min-height:150px;background:linear-gradient(145deg,#102538,#0e1d2d)}
:root[data-appearance=night] .monitor-grid .stat-tile.blue{background:linear-gradient(145deg,#102d44,#0e2033);border-color:#244d66}
:root[data-appearance=night] .monitor-grid .stat-tile.lime{background:linear-gradient(145deg,#103b3b,#102b39);border-color:#1c625f}
:root[data-appearance=night] .monitor-grid .stat-tile.coral{background:linear-gradient(145deg,#202341,#142238);border-color:#3a3e6a}
:root[data-appearance=night] .monitor-grid .stat-tile.amber{background:linear-gradient(135deg,#06434a,#102d3c);border-color:#126d69;color:#caff8a;box-shadow:0 8px 28px #00d2aa13}
:root[data-appearance=night] .monitor-grid .stat-tile.violet{background:linear-gradient(145deg,#202a4a,#12243a);border-color:#3a4771}
:root[data-appearance=night] .monitor-grid .stat-tile.teal{background:linear-gradient(145deg,#0e3c3d,#102a3a);border-color:#1a625b}
:root[data-appearance=night] .monitor-grid .stat-tile.mint{background:linear-gradient(145deg,#123f36,#102b38);border-color:#1d6252}
:root[data-appearance=night] .monitor-grid .stat-tile.azure{background:linear-gradient(145deg,#102e48,#102238);border-color:#275777}
:root[data-appearance=night] .monitor-grid .stat-tile .stat-label,:root[data-appearance=night] .monitor-grid .stat-tile>small{color:#b0c8dc;opacity:1}
:root[data-appearance=night] .monitor-grid .stat-tile.amber .stat-label,:root[data-appearance=night] .monitor-grid .stat-tile.amber>small{color:#d9f3e9}
:root[data-appearance=night] .monitor-grid .stat-tile.blue .stat-icon,:root[data-appearance=night] .monitor-grid .stat-tile.azure .stat-icon{color:#50baff;opacity:.95}
:root[data-appearance=night] .monitor-grid .stat-tile.lime .stat-icon,:root[data-appearance=night] .monitor-grid .stat-tile.mint .stat-icon,:root[data-appearance=night] .monitor-grid .stat-tile.teal .stat-icon{color:#4de1b5;opacity:.95}
:root[data-appearance=night] .monitor-grid .stat-tile.coral .stat-icon,:root[data-appearance=night] .monitor-grid .stat-tile.violet .stat-icon{color:#a89cff;opacity:.95}
:root[data-appearance=soft] .monitor-grid .stat-tile{color:#252849;border:1px solid #e5e1f4;box-shadow:0 8px 24px #4a43800a;min-height:150px}
:root[data-appearance=soft] .monitor-grid .stat-tile.blue{background:linear-gradient(145deg,#fff,#eff4ff)}
:root[data-appearance=soft] .monitor-grid .stat-tile.lime{background:linear-gradient(145deg,#fff,#e9faf3)}
:root[data-appearance=soft] .monitor-grid .stat-tile.coral{background:linear-gradient(145deg,#fff,#f3efff)}
:root[data-appearance=soft] .monitor-grid .stat-tile.amber{background:linear-gradient(145deg,#fffaf0,#fff2d7);color:#6f4b19;border-color:#f3e4c6}
:root[data-appearance=soft] .monitor-grid .stat-tile.violet{background:linear-gradient(145deg,#fff,#f0efff)}
:root[data-appearance=soft] .monitor-grid .stat-tile.teal{background:linear-gradient(145deg,#fff,#e9f9f6)}
:root[data-appearance=soft] .monitor-grid .stat-tile.mint{background:linear-gradient(145deg,#fff,#e7f9ef)}
:root[data-appearance=soft] .monitor-grid .stat-tile.azure{background:linear-gradient(145deg,#fff,#edf2ff)}
:root[data-appearance=soft] .monitor-grid .stat-tile .stat-label,:root[data-appearance=soft] .monitor-grid .stat-tile>small{color:#777d9b;opacity:1}
:root[data-appearance=soft] .monitor-grid .stat-tile .stat-icon{opacity:.9}
:root[data-appearance=soft] .monitor-grid .stat-tile.blue .stat-icon,:root[data-appearance=soft] .monitor-grid .stat-tile.azure .stat-icon{color:#4b8cf4}
:root[data-appearance=soft] .monitor-grid .stat-tile.lime .stat-icon,:root[data-appearance=soft] .monitor-grid .stat-tile.mint .stat-icon{color:#2bad8a}
:root[data-appearance=soft] .monitor-grid .stat-tile.coral .stat-icon,:root[data-appearance=soft] .monitor-grid .stat-tile.violet .stat-icon{color:#8b70e8}
:root[data-appearance=soft] .monitor-grid .stat-tile.teal .stat-icon{color:#28a997}
:root[data-appearance=soft] .monitor-grid .stat-tile.amber .stat-icon{color:#d59a39}
:root[data-appearance=day] .bandwidth-card,:root[data-appearance=soft] .bandwidth-card{background:linear-gradient(135deg,#fff,#f8fbff);border-color:var(--line);box-shadow:0 12px 30px #193e6107}
:root[data-appearance=night] .bandwidth-card{background:linear-gradient(135deg,#102538,#0d1c2c);border-color:#29465a;box-shadow:0 12px 35px #0002}
:root[data-appearance=soft] .bandwidth-card{background:linear-gradient(135deg,#fff,#faf8ff);border-color:#e3def5}
:root[data-appearance=day] .traffic-chart path,:root[data-appearance=soft] .traffic-chart path{stroke:#dce7f2}
:root[data-appearance=night] .traffic-chart path{stroke:#294258}
:root[data-appearance=day] .traffic-chart text,:root[data-appearance=soft] .traffic-chart text{fill:#8298b0}
:root[data-appearance=night] .traffic-chart text{fill:#9db5ca}
:root[data-appearance=day] .live-pill,:root[data-appearance=soft] .live-pill{background:#e4f8ef;color:#168d73;border:1px solid #d4f0e4}
:root[data-appearance=night] .live-pill{background:#123d38;color:#6de8c4;border:1px solid #28665a}
:root[data-appearance=night] .hero-strip{background:linear-gradient(110deg,#123a4b,#153b3b);border-color:#285061;color:var(--ink)}
:root[data-appearance=day] .hero-strip{background:linear-gradient(110deg,#edf7ff,#effaf7);border-color:#dceaf4}
:root[data-appearance=soft] .hero-strip{background:linear-gradient(110deg,#f0edff,#e9f8f2);border-color:#e3def5}
:root[data-appearance=night] .hero-strip h2,:root[data-appearance=night] .hero-strip p{color:var(--ink)}
:root[data-appearance=night] .hero-strip p{color:#adc6d7}
:root[data-appearance=night] .card,:root[data-appearance=night] .metric,:root[data-appearance=night] .plan-card,:root[data-appearance=night] .router-card,:root[data-appearance=night] .session-card,:root[data-appearance=night] .theme-section,:root[data-appearance=night] .theme-choice,:root[data-appearance=night] dialog{background:var(--surface);color:var(--ink);border-color:var(--line)}
:root[data-appearance=soft] .card,:root[data-appearance=soft] .metric,:root[data-appearance=soft] .plan-card,:root[data-appearance=soft] .router-card,:root[data-appearance=soft] .session-card,:root[data-appearance=soft] .theme-section,:root[data-appearance=soft] .theme-choice,:root[data-appearance=soft] dialog{background:var(--surface);color:var(--ink);border-color:var(--line)}
:root[data-appearance=night] input,:root[data-appearance=night] textarea,:root[data-appearance=night] select{background:var(--surface-soft);color:var(--ink);border-color:var(--line)}
:root[data-appearance=soft] input,:root[data-appearance=soft] textarea,:root[data-appearance=soft] select{background:#fff;color:var(--ink);border-color:var(--line)}
:root[data-appearance=night] .table-wrap th,:root[data-appearance=night] thead{background:#142a3e;color:#a9c1d5}
:root[data-appearance=night] td,:root[data-appearance=night] th{border-color:#294158}
:root[data-appearance=night] .router-row,:root[data-appearance=night] td{border-color:#243c50}
:root[data-appearance=night] .callout{background:#14352f;color:#9ce8d1;border-color:#285b50}
:root[data-appearance=soft] .callout{background:#e8f8f2;color:#247b6b;border-color:#d0eee4}
:root[data-appearance=night] .chip{background:#153d32;color:#77dcba;border-color:#315747}
:root[data-appearance=night] .chip.offline,:root[data-appearance=night] .chip.failed,:root[data-appearance=night] .chip.expired,:root[data-appearance=night] .chip.revoked{background:#4b2737;color:#ff98b4;border-color:#6b3c4f}
:root[data-appearance=night] .chip.pending,:root[data-appearance=night] .chip.disabled{background:#42351f;color:#f0cc83;border-color:#675332}
:root[data-appearance=night] .stat-tile .ui-icon{filter:drop-shadow(0 0 7px currentColor)}
:root[data-appearance=night] .sidebar .brand-mark{background:linear-gradient(135deg,#1bbca9,#32dca1);color:#062b30}
:root[data-appearance=day] .monitor-grid .stat-tile,:root[data-appearance=soft] .monitor-grid .stat-tile{transition:transform .2s ease,box-shadow .2s ease}
:root[data-appearance=day] .monitor-grid .stat-tile:hover,:root[data-appearance=soft] .monitor-grid .stat-tile:hover{transform:translateY(-2px);box-shadow:0 14px 32px #173d5c12}
:root[data-appearance=night] .monitor-grid .stat-tile:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0004}
@media(max-width:650px){#appearance{width:94px;min-width:88px;padding:7px 6px;font-size:10px}.header-actions{gap:6px}}
@media(prefers-reduced-motion:reduce){.monitor-grid .stat-tile{transition:none!important}}
/* Shared appearance and component layer. All fonts, icons and motion stay local. */
:root,:root[data-appearance=day],:root[data-appearance=compact]{--paper:#f3f8fd;--surface:#fff;--surface-soft:#eff6fc;--ink:#102947;--muted:#667f9c;--line:#dbe7f1;--accent:#078ea8;--mint:#e6f8f3;--digital-ink:var(--ink);--digital-muted:var(--muted);--digital-surface:var(--surface);--digital-line:var(--line);color-scheme:light}
:root[data-appearance=night]{--paper:#041424;--surface:#0a2033;--surface-soft:#102b41;--ink:#e9f6ff;--muted:#9ab8d1;--line:#23465f;--accent:#22d1e2;--mint:#0d3b3e;--digital-ink:var(--ink);--digital-muted:var(--muted);--digital-surface:var(--surface);--digital-line:var(--line);color-scheme:dark}
body{background:var(--paper);color:var(--ink);font-family:'Segoe UI',system-ui,sans-serif}.workspace{background:radial-gradient(ellipse at 60% -5%,#6fdac512,transparent 45%),var(--paper)}.topbar{border-color:var(--line)}.topbar h1{font-weight:750;letter-spacing:-.7px}.sidebar{background:var(--surface);border-right:1px solid var(--line)}.sidebar nav button.active{background:linear-gradient(110deg,#069ecb16,#01c1ab13);color:var(--accent);border:1px solid #1bb4c122}.sidebar nav button:hover{background:var(--surface-soft)}.sidebar .wordmark{color:var(--ink)}.sidebar .brand-mark{background:linear-gradient(140deg,#00cbb3,#087df0);color:white;box-shadow:0 5px 15px #008ca520}.card,.router-card,.plan-card,dialog,.summary12>div{background:var(--surface);border-color:var(--line);color:var(--ink)}input,select,textarea{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:10px;min-height:39px}input::placeholder{color:var(--muted)}button{border-radius:10px}button.primary{background:linear-gradient(110deg,#087fa0,#0eaaa3);color:#fff}.page-heading p,.muted{color:var(--muted)}.heading12 h2{letter-spacing:-.6px}.heading12{margin-bottom:22px}.workspace>footer{color:var(--muted);border-color:var(--line)}#appearance{width:112px;min-width:112px;background:var(--surface-soft);font-weight:650}.chip{font-weight:650}.bandwidth-card{border-radius:20px;background:var(--surface);border-color:var(--line)}.bandwidth-card h3{display:flex;gap:10px;align-items:center}.bandwidth-card h3 .ui-icon{width:26px;color:var(--accent)}
.overview-digital-pay9 .monitor-grid{gap:17px;grid-template-columns:repeat(4,minmax(0,1fr))}.overview-digital-pay9 .stat-tile[data-metric-pay9]{--tone:#1688ff;position:relative;border:1px solid var(--line);border-radius:20px;min-height:190px;padding:52px 22px 23px!important;overflow:hidden;color:var(--ink)!important;background:linear-gradient(135deg,var(--surface) 55%,color-mix(in srgb,var(--tone) 6%,var(--surface)))!important;box-shadow:0 8px 24px #12345605}.overview-digital-pay9 .stat-tile[data-metric-pay9="1"]{--tone:#00b58b}.overview-digital-pay9 .stat-tile[data-metric-pay9="2"]{--tone:#9357eb}.overview-digital-pay9 .stat-tile[data-metric-pay9="3"]{--tone:#f6a12b}.overview-digital-pay9 .stat-tile[data-metric-pay9="4"]{--tone:#7868e8}.overview-digital-pay9 .stat-tile[data-metric-pay9="5"]{--tone:#1ba8d0}.overview-digital-pay9 .stat-tile[data-metric-pay9="6"]{--tone:#00bc98}.overview-digital-pay9 .stat-tile[data-metric-pay9="7"]{--tone:#19ad83}.overview-digital-pay9 .stat-tile[data-metric-pay9="8"]{--tone:#df6b79}.overview-digital-pay9 .stat-tile[data-metric-pay9="9"]{--tone:#278fc4}.overview-digital-pay9 .stat-tile[data-metric-pay9]:before,.overview-digital-pay9 .stat-tile[data-metric-pay9]:after{display:none}.overview-digital-pay9 .stat-tile .stat-label{color:var(--muted)!important;font-size:11px;letter-spacing:.5px;font-weight:700}.overview-digital-pay9 .stat-tile strong{position:relative;z-index:1;font-size:32px;letter-spacing:-1px;line-height:1.2;margin:12px 0 10px;color:var(--ink)!important;font-variant-numeric:tabular-nums}.overview-digital-pay9 .stat-tile small{font-size:11px;line-height:1.6;color:var(--muted)!important;position:relative;z-index:1;max-width:100%}.overview-digital-pay9 .stat-icon{position:absolute;top:18px;right:18px;width:45px;height:45px;display:grid;place-items:center;border-radius:14px;color:var(--tone)!important;background:color-mix(in srgb,var(--tone) 13%,transparent)!important}.overview-digital-pay9 .stat-icon .ui-icon{width:27px;height:27px}.metric-index-pay9{top:18px;left:22px;position:absolute;padding:4px 9px;border-radius:10px;font-size:12px;font-weight:750;background:color-mix(in srgb,var(--tone) 10%,transparent);color:var(--tone)}.metric-bars13{position:absolute;right:14px;bottom:17px;width:84px;height:52px;opacity:.18;color:var(--tone)}.metric-bars13 path{fill:none;stroke:currentColor;stroke-width:7;stroke-linecap:round}.cpu-dial-pay9{position:absolute;right:18px;bottom:20px;width:70px;height:70px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--tone) var(--cpu),color-mix(in srgb,var(--tone) 15%,var(--surface)) 0)}.cpu-dial-pay9 i{width:56px;height:56px;background:var(--surface)!important;border-radius:50%;display:grid;place-items:center;font-size:12px;font-style:normal;color:var(--ink)}.overview-digital-pay9 .stat-tile[data-metric-pay9="4"]>small{max-width:65%}.memory-meter-pay9{height:8px;width:68%;margin-top:12px;background:var(--line);border-radius:10px;overflow:hidden}.memory-meter-pay9>span{height:100%;display:block;background:linear-gradient(90deg,#1596fa,#35d1e6);border-radius:inherit}.memory-caption-pay9{position:absolute;bottom:21px;right:18px;font-size:10px;color:var(--muted)}
.sessions-design-pay9 .sessions-panel13{padding:20px;border-radius:20px;background:var(--surface);margin-bottom:22px}.sessions-design-pay9 .session-grid13{display:grid;gap:19px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start}.sessions-design-pay9 .session13{border:1px solid var(--line);border-top:3px solid #9eafc0;border-radius:20px;background:var(--surface);box-shadow:0 7px 24px #12345606;padding:23px;min-width:0}.sessions-design-pay9 .session13.live13{border-color:#bde6df;border-top-color:#10bcb1}.sessions-design-pay9 .session-person13 h3{font-size:16px;color:var(--ink)}.sessions-design-pay9 .session-person13>span{font-size:11px;color:var(--muted)}.sessions-design-pay9 .session-status13{margin:18px 0;display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:var(--muted)}.sessions-design-pay9 .session-status13>span:last-child{font-size:10px;color:var(--muted);margin-left:auto}.sessions-design-pay9 .device-mark12{background:var(--mint);border:1px solid #00a89a1c;color:var(--accent);border-radius:17px;width:57px;height:60px;flex-basis:57px}.sessions-design-pay9 .device-mark12>svg:first-child{width:31px;height:31px}.digital-time-pay9{border:0;border-radius:17px;background:linear-gradient(120deg,#e5f8f1,#eaf4ff);display:flex;position:relative;align-items:center;min-height:146px;padding:22px;margin:20px 0;overflow:hidden;gap:12px}.timer-body-pay9{min-width:0;position:relative;z-index:1}.timer-body-pay9>small{font-size:10px;letter-spacing:.8px;color:#537080;display:block;margin-bottom:14px}.timer-digits-pay9{display:flex;gap:14px;align-items:start;flex-wrap:wrap}.timer-digits-pay9 span{min-width:0}.timer-digits-pay9 b{font-size:37px;font-weight:750;letter-spacing:-1.6px;line-height:1.1;color:#082a42;font-variant-numeric:tabular-nums}.timer-digits-pay9 em{font-size:17px;font-style:normal;letter-spacing:0;padding-left:2px}.timer-digits-pay9 small{display:block;font-size:10px;margin-top:5px;color:#688b9a}.timer-expiry-pay9{display:block;font-size:9px;margin-top:12px;color:#64828f}.timer-clock13{color:#129d9d;position:absolute;right:14px;top:18px;opacity:.65}.timer-clock13 svg{width:26px;height:26px}.timer-caption-pay9{font-size:27px;color:var(--ink)}.orbit-dial-pay9{display:none}.sessions-design-pay9 .usage-meter12{margin:18px 0;color:var(--muted)}.sessions-design-pay9 .usage-meter12>div{font-size:11px;gap:7px}.sessions-design-pay9 .usage-meter12>div>strong{color:var(--ink);font-size:11px}.sessions-design-pay9 progress{height:6px}.sessions-design-pay9 .session-bottom13{border-color:var(--line);margin-top:22px;padding-top:17px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.sessions-design-pay9 .session-bottom13>span{color:var(--muted);font-size:10px;margin-right:auto}.sessions-design-pay9 .session-bottom13 button{font-size:11px;padding:9px 12px;background:var(--mint);color:var(--accent)}.sessions-design-pay9 .session-bottom13 button:last-child{background:linear-gradient(120deg,#077895,#0a9e9c);color:white}.sessions-design-pay9[data-style=orbit] .session13{background:linear-gradient(150deg,#0d2c3e,#0a1e30);border-color:#2b5769}.sessions-design-pay9[data-style=orbit] .digital-time-pay9{background:transparent;border:0;width:240px;height:240px;min-height:240px;margin:25px auto;display:grid;place-items:center;padding:23px;isolation:isolate}.sessions-design-pay9[data-style=orbit] .orbit-dial-pay9{display:block;position:absolute;inset:0;width:auto;height:auto;background:conic-gradient(from -90deg,#37d9d6 var(--remaining),#24465a 0);border-radius:50%;z-index:-1}.sessions-design-pay9[data-style=orbit] .orbit-dial-pay9:before{content:'';position:absolute;inset:10px;border-radius:50%;background:#0c2637}.sessions-design-pay9[data-style=orbit] .timer-body-pay9{text-align:center;grid-area:1/1}.sessions-design-pay9[data-style=orbit] .timer-digits-pay9{justify-content:center;gap:8px}.sessions-design-pay9[data-style=orbit] .timer-digits-pay9 b{color:#f0fcff;font-size:36px}.sessions-design-pay9[data-style=orbit] .timer-digits-pay9 small{display:none}.sessions-design-pay9[data-style=orbit] .timer-body-pay9>small{color:#b0cedf;font-size:10px;margin:0 0 15px}.sessions-design-pay9[data-style=orbit] .timer-expiry-pay9{font-size:9px;max-width:165px;line-height:1.5;margin:14px auto 0;color:#8eafc6}.sessions-design-pay9[data-style=orbit] .timer-clock13{display:none}.sessions-design-pay9[data-style=orbit] .ending13 .orbit-dial-pay9{background:conic-gradient(from -90deg,#ffbb53 var(--remaining),#59462c 0)}.sessions-design-pay9[data-style=orbit] .ending13 .timer-digits-pay9 b{color:#ffd797}
.compact-sessions13{border:1px solid var(--line);border-radius:16px}.compact-sessions13 table{min-width:1000px;width:100%;border-collapse:collapse}.compact-sessions13 th{background:var(--surface-soft);padding:16px;color:var(--muted);font-size:10px;letter-spacing:1px}.compact-sessions13 td{padding:16px;border-color:var(--line);font-size:11px}.compact-sessions13 .session-card-head{min-width:190px;margin:0}.compact-sessions13 .session-card-head>button{display:none}.compact-sessions13 .session-person13 h3{font-size:13px;max-width:170px;overflow-wrap:anywhere}.compact-sessions13 .device-mark12{width:43px;height:46px;flex-basis:43px;border-radius:12px}.compact-sessions13 .session-status13{display:flex;flex-direction:column;align-items:start;gap:5px;margin:0;min-width:105px}.compact-sessions13 .session-status13>span:last-child{margin:0}.compact-sessions13 .last-seen-pay7{font-size:9px;max-width:130px}.compact-time13 strong{display:flex;align-items:center;gap:7px;padding:9px 12px;background:var(--mint);color:var(--ink);border-radius:10px;font-size:18px;white-space:nowrap;font-variant-numeric:tabular-nums}.compact-time13 small{display:block;margin-top:7px;font-size:9px;color:var(--muted)}.compact-time13 svg{width:17px;height:17px;color:var(--accent)}.compact-sessions13 .usage-meter12{margin:7px 0;min-width:160px}.compact-sessions13 .usage-meter12>div>span{font-size:10px}.compact-actions13{display:flex;gap:6px}.compact-actions13 button{padding:9px;background:var(--mint);color:var(--accent);font-size:11px;white-space:nowrap}.compact-actions13 button:last-child{background:#087f95;color:white}.compact-actions13 svg{width:14px;height:14px}
.voucher-summary13{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.voucher-summary13 article{display:flex;align-items:center;gap:15px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px}.voucher-summary13 article>span{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#168aff12;color:#1188ec}.voucher-summary13 article:nth-child(2)>span{background:#00ba8515;color:#04a988}.voucher-summary13 article:nth-child(3)>span{background:#f7a12818;color:#e49d20}.voucher-summary13 article:nth-child(4)>span{background:#f5637914;color:#e36d7d}.voucher-summary13 small{display:block;color:var(--muted);font-size:11px}.voucher-summary13 strong{font-size:28px;display:block;margin-top:5px;color:var(--ink)}.voucher-design13 .quick-voucher{border:1px solid var(--line);border-radius:18px;padding:24px;background:linear-gradient(140deg,var(--surface) 65%,color-mix(in srgb,#29c5b1 5%,var(--surface)));color:var(--ink);box-shadow:0 7px 24px #143b5205}.voucher-design13 .quick-bulk{background:linear-gradient(140deg,var(--surface) 65%,color-mix(in srgb,#229bfc 6%,var(--surface)))}.voucher-design13 .quick-voucher .card-head{display:flex;justify-content:start;gap:14px;margin-bottom:21px}.creation-icon13{color:#0ab8a1;background:var(--mint);width:43px;height:43px;border-radius:13px;display:grid;place-items:center}.quick-bulk .creation-icon13{background:#2199fc15;color:#2099fc}.voucher-design13 .quick-voucher h3{color:var(--ink);font-size:17px;margin:0 0 5px}.voucher-design13 .quick-voucher .card-head p{color:var(--muted);font-size:11px;margin:0;line-height:1.5}.voucher-design13 .quick-voucher label{color:var(--ink);font-size:10px;font-weight:600;letter-spacing:.2px}.voucher-design13 .quick-voucher input,.voucher-design13 .quick-voucher select{color:var(--ink)!important;background:var(--surface)!important;border:1px solid var(--line)!important;font-size:12px;min-height:39px;padding:10px;border-radius:9px}.voucher-design13 .quick-voucher p{color:var(--muted)}.voucher-design13 .quick-voucher>button{background:linear-gradient(110deg,#079f9c,#09b6b0);color:white;min-height:43px;font-weight:700}.voucher-design13 .quick-bulk>button{background:linear-gradient(110deg,#1997ed,#087fa9)}.voucher-design13 .card{border-radius:18px;box-shadow:0 6px 22px #193e5e04}.voucher-design13 .tools{display:flex;gap:12px;align-items:center}.voucher-design13 .tools input{max-width:none;flex:1}.voucher-design13 .tools select{width:150px}.voucher-design13 table{width:100%;font-size:11px}.voucher-design13 th{color:var(--muted);background:var(--surface-soft);font-size:10px;letter-spacing:.5px;white-space:nowrap}.voucher-design13 td{padding:16px 14px;color:var(--ink);border-color:var(--line)}.voucher-design13 .voucher-code{font-size:13px;color:var(--ink)}.voucher-design13 td small{color:var(--muted);line-height:1.6}.voucher-design13 .batch-toolbar13{background:var(--mint);border-color:#1ebaa530;border-radius:13px;padding:12px 16px;margin-bottom:17px}.voucher-design13 .retention-note13{color:var(--muted)}
.ai-control13{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.ai-control13 h3{margin:8px 0}.ai-control13 p{font-size:12px}.ai-control13 small{color:var(--muted);font-size:11px}.ai-actions13{display:flex;gap:8px;flex-wrap:wrap}.ai-actions13 button{background:var(--mint);color:var(--accent);font-size:12px}.ai-note13{width:100%;margin:0;color:var(--muted)}#ai-state13{color:var(--muted)}#ai-state13[data-state=working]{color:#08a980}#ai-state13[data-state=error]{color:#dc8b26}
:root[data-appearance=night] .overview-digital-pay9 .stat-tile[data-metric-pay9]{border-color:color-mix(in srgb,var(--tone) 45%,var(--line));background:linear-gradient(125deg,color-mix(in srgb,var(--tone) 12%,var(--surface)),var(--surface))!important}:root[data-appearance=night] .overview-digital-pay9 .stat-tile[data-metric-pay9="4"]{--tone:#00d4b0}:root[data-appearance=night] .overview-digital-pay9 .stat-tile[data-metric-pay9="6"] strong{color:#24ebc5!important}:root[data-appearance=night] .overview-digital-pay9 .stat-tile[data-metric-pay9="7"] strong{color:#48b3ff!important}:root[data-appearance=night] .metric-bars13{opacity:.3}:root[data-appearance=night] .session13.live13{border-color:#27737c}:root[data-appearance=night] .chip,:root[data-appearance=night] .state12{border-color:var(--line)}:root[data-appearance=night] .quick-voucher{box-shadow:none}:root[data-appearance=night] .session-card-head button{background:var(--surface-soft);color:var(--muted)}:root[data-appearance=night] .summary12{color:var(--ink)}
:root[data-appearance=compact] .workspace{padding-top:18px}:root[data-appearance=compact] .topbar{padding-bottom:15px;margin-bottom:18px}:root[data-appearance=compact] .heading12{margin-bottom:15px}:root[data-appearance=compact] .overview-digital-pay9 .stat-tile[data-metric-pay9]{min-height:157px;padding:42px 17px 17px!important;border-radius:14px}:root[data-appearance=compact] .overview-digital-pay9 .stat-tile strong{font-size:28px}:root[data-appearance=compact] .overview-digital-pay9 .stat-icon{width:34px;height:34px;right:13px;top:12px}:root[data-appearance=compact] .metric-index-pay9{top:12px;left:17px}:root[data-appearance=compact] .cpu-dial-pay9{width:56px;height:56px;right:14px;bottom:15px}:root[data-appearance=compact] .cpu-dial-pay9 i{width:44px;height:44px}:root[data-appearance=compact] .voucher-summary13 article{padding:13px 17px}:root[data-appearance=compact] .voucher-summary13 strong{font-size:23px}:root[data-appearance=compact] .voucher-design13 .quick-voucher{padding:17px}:root[data-appearance=compact] .voucher-design13 .quick-voucher label{margin-bottom:10px}:root[data-appearance=compact] .voucher-design13 .quick-voucher .card-head{margin-bottom:12px}:root[data-appearance=compact] .voucher-design13 .quick-voucher input,:root[data-appearance=compact] .voucher-design13 .quick-voucher select{padding:7px 9px;min-height:33px}:root[data-appearance=compact] .voucher-design13 .quick-voucher>button{min-height:35px}:root[data-appearance=compact] .voucher-design13 td{padding:10px 12px}:root[data-appearance=compact] .voucher-design13 .voucher-creation{gap:14px}
@media(min-width:1600px){.sessions-design-pay9 .session-grid13{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1100px){.overview-digital-pay9 .monitor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.voucher-design13 .voucher-creation{grid-template-columns:1fr}.voucher-summary13{gap:10px}.voucher-summary13 article{padding:14px;gap:9px}.voucher-summary13 article>span{width:34px;height:37px;flex:none}.sessions-design-pay9 .session-grid13{grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}}
@media(max-width:650px){.overview-digital-pay9 .monitor-grid{gap:10px}.overview-digital-pay9 .stat-tile[data-metric-pay9]{min-height:173px;padding:46px 13px 17px!important;border-radius:15px}.overview-digital-pay9 .stat-tile strong{font-size:24px;letter-spacing:-.6px}.overview-digital-pay9 .stat-tile .stat-label{font-size:9px}.overview-digital-pay9 .stat-tile small{font-size:9px}.overview-digital-pay9 .stat-icon{width:30px;height:30px;right:10px;top:12px}.overview-digital-pay9 .stat-icon .ui-icon{width:20px;height:20px}.metric-index-pay9{left:13px;top:13px;font-size:10px}.metric-bars13{width:55px;height:36px;bottom:11px}.cpu-dial-pay9{width:44px;height:44px;right:12px;bottom:18px}.cpu-dial-pay9 i{width:34px;height:34px;font-size:9px}.memory-meter-pay9{width:100%;margin-top:11px}.memory-caption-pay9{position:static;font-size:9px;display:block;margin-top:5px}.sessions-design-pay9 .sessions-panel13{padding:12px}.sessions-design-pay9 .session-grid13{grid-template-columns:1fr}.sessions-design-pay9 .session13{padding:20px}.sessions-design-pay9 .session-tools{gap:9px}.sessions-design-pay9 .session-tools label{min-width:0}.session-tools label:has(#session-search){flex:1 1 100%}.sessions-design-pay9[data-style=orbit] .digital-time-pay9{width:225px;height:225px;min-height:225px}.voucher-summary13{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.voucher-summary13 strong{font-size:24px}.voucher-summary13 small{font-size:10px}.voucher-design13 .quick-voucher{padding:18px}.voucher-design13 .quick-voucher .card-head p{font-size:10px}.voucher-design13 .duration-fields{gap:6px}.voucher-design13 .duration-fields label{min-width:0;font-size:9px}.voucher-design13 .tools{flex-wrap:wrap}.voucher-design13 .tools input{flex-basis:100%}.voucher-design13 .batch-toolbar13{flex-wrap:wrap}.voucher-design13 .batch-toolbar13 button{font-size:10px;padding:8px}.voucher-design13 .batch-toolbar13 strong{width:100%}.compact-sessions13{max-width:100%;overflow:auto}.ai-control13{padding:18px}.ai-actions13 button{font-size:11px}#appearance{width:100px;min-width:100px}.overview-digital-pay9 .stat-tile[data-metric-pay9="4"]>small{max-width:63%}}
@media(prefers-reduced-motion:no-preference){.sessions-design-pay9 .digital-time-pay9{transition:background .3s}.sessions-design-pay9[data-style=orbit] .live13 .orbit-dial-pay9{animation:orbit-breathe13 5s ease-in-out infinite}@keyframes orbit-breathe13{50%{filter:brightness(1.15)}}}@media(prefers-reduced-motion:reduce){.sessions-design-pay9 *{animation:none!important;transition:none!important}}.motion-paused1634 .sessions-design-pay9 *{animation-play-state:paused!important}

.voucher-intro13{margin:-4px 0 20px;color:var(--muted);font-size:13px}.voucher-toolbar13{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:17px}.voucher-toolbar13>.voucher-scope{display:flex;justify-content:start;gap:15px;flex:1;margin:0}.voucher-toolbar13>.voucher-scope label{font-size:10px;display:flex;gap:7px;align-items:center}.voucher-toolbar13 select{padding:8px 12px;min-width:135px}.voucher-toolbar13>button{padding:12px 18px;white-space:nowrap;background:#078da4;color:#fff}.voucher-design13 .voucher-creation{margin-bottom:20px;gap:18px}.voucher-design13 .quick-voucher{padding:20px}.voucher-design13 .quick-voucher .card-head{margin-bottom:15px}.voucher-design13 .quick-voucher label{margin-bottom:12px}.voucher-design13 .quick-voucher .scope-note{font-size:9px;margin:0 0 10px}.voucher-design13 .quick-voucher .error:empty{display:none}.voucher-design13 .quick-voucher .form-grid{gap:12px}.voucher-design13 .quick-voucher .card-head .creation-icon13{color:#039e91}.voucher-design13 .quick-bulk .card-head .creation-icon13{color:#168ded}.voucher-design13>.card{padding:18px}.voucher-design13 .tools input{min-width:150px}.voucher-design13 .tools select{min-width:100px}.voucher-design13 .tools button{font-size:11px;white-space:nowrap;padding:9px 12px;border:1px solid var(--line);background:var(--surface);color:var(--accent)}.voucher-design13 .batch-toolbar13{padding:8px 12px;margin-bottom:12px}.voucher-design13 .batch-toolbar13 button{padding:8px 12px;font-size:11px}.voucher-design13 table{min-width:920px}.voucher-design13 td{padding:12px 10px}.voucher-design13 td strong{font-size:12px}.voucher-design13 td small{font-size:10px}.voucher-design13 input[type=checkbox]{min-height:0!important;appearance:auto;width:15px;height:15px;box-shadow:none;accent-color:var(--accent);padding:0}.voucher-meter13{width:160px;max-width:100%;height:5px;background:var(--line);border-radius:8px;margin:7px 0}.voucher-meter13>span{display:block;height:100%;border-radius:inherit;background:#12b9a6}.voucher-design13 .retention-note13{font-size:10px}.compact-sessions13 .usage-meter12{max-width:190px}.compact-sessions13 .session-person13>span{font-size:10px}.sessions-design-pay9 .session-card-head .device-mark12 svg{color:var(--accent)}.sessions-design-pay9 .session-card-head button{background:var(--surface-soft);color:var(--muted)}.sessions-design-pay9 .heading12>button{background:var(--mint);color:var(--accent)}:root[data-appearance=night] .pagination button{background:var(--surface-soft);color:var(--muted)}:root[data-appearance=night] .leaderboard-pay7{border-color:var(--line);background:var(--surface)}:root[data-appearance=night] .leader-pay7{background:var(--surface-soft);border-color:var(--line)}:root[data-appearance=night] .state12.live,:root[data-appearance=night] .state12.online{color:#58e7c3;background:#0d4145}:root[data-appearance=compact] .voucher-intro13{margin-bottom:12px}:root[data-appearance=compact] .voucher-summary13{margin-bottom:15px}:root[data-appearance=compact] .voucher-design13 .card-head p{display:none}
@media(max-width:1000px){.voucher-design13 .tools{flex-wrap:wrap}.voucher-design13 .tools input{flex-basis:60%}.voucher-toolbar13{flex-wrap:wrap}.voucher-toolbar13>.voucher-scope{flex-wrap:wrap}.voucher-design13 .quick-voucher .card-head p{font-size:10px}}
@media(max-width:650px){.voucher-toolbar13{align-items:center;gap:12px}.voucher-toolbar13>.voucher-scope{flex-basis:100%;gap:10px}.voucher-toolbar13>.voucher-scope label{font-size:9px;flex:1;min-width:0;display:block}.voucher-toolbar13 select{width:100%;min-width:0;margin-top:6px}.voucher-toolbar13>button{padding:10px 14px}.voucher-design13 .quick-voucher{padding:16px}.voucher-design13>.card{padding:12px}.voucher-design13 .tools button{padding:8px;font-size:10px}.voucher-design13 .tools input{flex-basis:100%}.voucher-design13 .quick-voucher .card-head p{display:none}.voucher-design13 .quick-voucher .form-grid{gap:8px}}

.overview-digital-pay9 .cpu-dial-pay9 i{transform:none!important}.overview-digital-pay9 .stat-icon svg{opacity:1!important}.overview-digital-pay9 .stat-tile .stat-label{opacity:1!important}html[data-appearance] .overview-digital-pay9 .monitor-grid .stat-tile[data-metric-pay9="3"] strong{color:var(--ink)!important}html[data-appearance] .overview-digital-pay9 .monitor-grid .stat-tile[data-metric-pay9="3"] .stat-label,html[data-appearance] .overview-digital-pay9 .monitor-grid .stat-tile[data-metric-pay9="3"] small{color:var(--muted)!important;opacity:1!important}.voucher-design13 .batch-toolbar13 button{color:var(--accent)}.voucher-design13 .batch-toolbar13 button.primary{color:white}.sessions-design-pay9 .timer-body-pay9>small{padding-right:15px}