: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}