@font-face{font-family:Kufi;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/asset-831208042284588b.woff2) format("truetype");}
@font-face{font-family:Kufi;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/asset-ca2f2ef0bca97ffe.woff2) format("truetype");}
@font-face{font-family:Kufi;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/asset-7d3e5bca800c8afd.woff2) format("truetype");}
@font-face{font-family:Kufi;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/asset-18f5291fdca2e41a.woff2) format("truetype");}
:root{color-scheme:dark;--bg:#080f18;--panel:#0e1926;--panel-2:#111e2d;--hover:#17283b;--line:#203045;--line-soft:#1a293b;--text:#e8eff8;--muted:#93a4b9;--dim:#8093ac;--blue:#73a9ff;--blue-soft:#152c49;--teal:#40cfde;--teal-soft:#102e3b;--green:#62d5a8;--green-soft:#102f29;--purple:#bba0fa;--purple-soft:#27223e;--amber:#efbb73;--amber-soft:#30271e;--red:#f2a2a8;--red-soft:#32222d;--button:#3379e7;--on-button:#fff;--shadow:0 10px 28px #00000018;--ease:cubic-bezier(.22,.8,.22,1);--bottom:88px;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px)}
html[data-theme="light"]{color-scheme:light;--bg:#f3f6fb;--panel:#fff;--panel-2:#f6f8fc;--hover:#edf2f9;--line:#dce4ee;--line-soft:#e7edf4;--text:#24344a;--muted:#607188;--dim:#677b94;--blue:#2466c6;--blue-soft:#eaf2ff;--teal:#087d8f;--teal-soft:#e6f6f8;--green:#167755;--green-soft:#e5f5ed;--purple:#7451c2;--purple-soft:#f1ecfc;--amber:#926021;--amber-soft:#fff2df;--red:#ae4653;--red-soft:#fcebef;--shadow:0 8px 24px #29466907}
*,*::before,*::after{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:400 14px/1.75 Kufi,"Noto Kufi Arabic",Tahoma,Arial,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button,input,select{color:inherit}button{cursor:pointer}button{border:0;background:none}button:disabled{cursor:default}button,a,input,select{touch-action:manipulation}a{color:inherit}h1,h2,h3,p{margin:0}h1{font-size:24px;line-height:1.6;font-weight:700}h2{font-size:16px;font-weight:600}h3{font-size:14px;font-weight:600}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--blue);outline-offset:4px}button:disabled{opacity:.48}svg{display:block;width:20px;height:20px;flex-shrink:0}button svg{pointer-events:none}[hidden]{display:none!important}.num{font-family:Arial,sans-serif;font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate;display:inline-block;letter-spacing:.01em}.mono{font-family:"Courier New",monospace;font-size:12px;direction:ltr;unicode-bidi:isolate;display:inline-block}.muted{color:var(--muted)}.green{color:var(--green)}.teal{color:var(--teal)}.purple{color:var(--purple)}.amber{color:var(--amber)}.blue{color:var(--blue)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;top:8px;right:8px;z-index:20;transform:translateY(-150%);background:var(--panel);padding:12px}.skip:focus{transform:none}.icon-btn{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);background:var(--panel-2);border-radius:13px;color:var(--muted);flex:0 0 auto;transition:background .2s,color .2s}.icon-btn:hover{background:var(--hover);color:var(--text)}.btn{display:inline-flex;justify-content:center;align-items:center;gap:9px;border-radius:12px;min-height:42px;padding:8px 16px;font-weight:600;font-size:14px;white-space:nowrap}.btn-primary{background:var(--button);color:var(--on-button);border:1px solid #448afa}.btn-primary:hover{background:#286ed9}.btn-plain{border:1px solid var(--line);background:var(--panel-2);color:var(--muted)}.btn-plain:hover{background:var(--hover)}.btn-text{color:var(--blue);min-height:42px;padding:5px 0;display:inline-flex;align-items:center;gap:6px;font-size:13px}.btn-text svg{width:17px}.link-arrow{transform:scaleX(-1)}html[dir="ltr"] .link-arrow{transform:none}
/* Shared shell */
.topbar{height:calc(72px + var(--sat));padding-top:var(--sat);position:sticky;top:0;z-index:8;background:var(--bg);border-bottom:1px solid var(--line-soft)}.top-inner{max-width:1320px;margin:auto;padding:0 28px;display:flex;align-items:center;gap:15px;height:100%}.brand{display:flex;align-items:center;gap:11px;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:35px;height:38px;color:var(--blue);border:1px solid var(--line);background:var(--blue-soft);border-radius:11px;font:700 21px Arial,sans-serif}.brand-name{font:700 15px/1.1 Arial,sans-serif;letter-spacing:1.35px;direction:ltr}.brand-name small{display:block;font-size:10px;font-weight:400;letter-spacing:4px;color:var(--muted);margin-top:6px}.top-divider{width:1px;height:26px;background:var(--line);margin:0 6px}.top-label{font-size:13px;color:var(--muted)}.top-spacer{flex:1}.preview-pill{font-size:12px;border:1px solid var(--line);border-radius:8px;padding:4px 10px;color:var(--muted);white-space:nowrap}.top-avatar{background:var(--panel-2);color:var(--blue);font-size:13px;border-radius:50%;width:37px;height:37px}.top-actions{display:flex;gap:10px;align-items:center}.top-theme{border:0;background:none}.main{max-width:1264px;margin:0 auto;padding:27px 24px calc(var(--bottom) + var(--sab) + 26px);min-height:calc(100dvh - 72px)}.page{animation:page-in .26s var(--ease)}@keyframes page-in{from{opacity:.1;transform:translateY(5px)}to{opacity:1;transform:none}}.heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.heading p{margin-top:3px;font-size:13px;color:var(--muted)}.heading-actions{display:flex;gap:10px;align-items:center}.scope{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:0 13px;min-height:43px;color:var(--muted)}.scope svg{width:17px;color:var(--blue)}.scope select{font-size:13px;background:transparent;border:0;max-width:180px;outline:none;padding:8px 0;cursor:pointer}.scope select option{background:var(--panel);color:var(--text)}
:root{--icon-sheet:url("/assets/asset-a81da9b882aadc74.webp")}
/* Statistics */
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.kpi{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:19px 20px 17px;position:relative;overflow:hidden;min-width:0}.kpi:first-child{border-color:#234755;background:#101f2e}html[data-theme="light"] .kpi:first-child{background:#eef9fb;border-color:#b9e4eb}.kpi-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:8px}.stat-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;background:var(--teal-soft);flex:0 0 auto}.stat-icon.purple-bg{background:var(--purple-soft)}.stat-icon.green-bg{background:var(--green-soft)}.stat-icon.blue-bg{background:var(--blue-soft)}.art{display:block;width:34px;height:34px;background-image:var(--icon-sheet);background-size:200% 200%;background-repeat:no-repeat}.art-satellite{background-position:0 0}.art-people{background-position:100% 0}.art-router{background-position:0 100%}.art-invoice{background-position:100% 100%}.stat-meta{font:500 12px/1.4 Kufi,Tahoma,sans-serif;color:var(--dim)}.stat-value{display:flex;align-items:center;gap:8px;line-height:1.1;margin:1px 0 8px;min-height:33px}.stat-value strong{font-size:31px;font-weight:700;letter-spacing:-.02em}.stat-value .currency{font-size:15px;color:var(--muted);align-self:flex-end;margin-bottom:4px}.stat-value .denominator{font-size:18px;color:var(--muted);font-weight:400}.stat-label{font-size:13px;color:var(--muted)}.status-dot{width:7px;height:7px;border-radius:100%;display:inline-block;flex-shrink:0;background:var(--green)}
/* Panels and charts */
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;margin-bottom:20px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden;min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px 0}.panel-head .small{font-size:12px;color:var(--muted);margin-top:1px}.segment{display:flex;gap:3px;padding:3px;background:var(--bg);border:1px solid var(--line);border-radius:10px;flex-shrink:0}.segment button{font-size:12px;min-height:32px;padding:3px 12px;color:var(--muted);border-radius:7px}.segment button[aria-pressed="true"]{color:var(--text);background:var(--hover)}.chart-summary{display:flex;align-items:baseline;gap:10px;margin:13px 20px 2px}.chart-summary strong{font-size:24px;color:var(--teal)}.chart-summary small{font-size:12px;color:var(--muted)}.chart{padding:4px 17px 0;direction:ltr}.chart svg{width:100%;height:auto;max-height:172px;overflow:visible}.chart text{font:11px Arial,sans-serif;fill:var(--dim)}.chart .gridline{stroke:var(--line-soft);stroke-dasharray:3 5}.chart-foot{display:flex;justify-content:space-between;align-items:center;padding:4px 20px 15px;font-size:12px;color:var(--muted)}.legend{display:flex;align-items:center;gap:6px}.legend i{width:14px;height:3px;background:var(--teal);border-radius:10px}.health{padding:0 20px 6px}.health-row{display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid var(--line-soft)}.health-row:last-child{border:0}.health-row .health-ic{width:34px;height:34px;background:var(--green-soft);color:var(--green);display:grid;place-items:center;border-radius:10px}.health-row .health-ic svg{width:17px;height:17px}.health-row .health-ic.blue{background:var(--blue-soft);color:var(--blue)}.health-row .health-ic.orange{background:var(--amber-soft);color:var(--amber)}.health-row .health-title{flex:1;color:var(--muted);font-size:13px}.health-row b{font-weight:600;font-size:15px}.health-note{margin:2px 20px 17px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel-2);font-size:12px;color:var(--muted);display:flex;gap:8px;align-items:center}.health-note svg{color:var(--amber);width:16px;height:16px}.table-container{overflow:auto}.provider-table{width:100%;border-collapse:collapse;margin-top:12px}.provider-table th,.provider-table td{text-align:start;border-bottom:1px solid var(--line-soft);padding:13px 20px;white-space:nowrap;font-size:13px}.provider-table th{font-weight:400;font-size:12px;color:var(--dim);background:var(--panel-2)}.provider-table tr:last-child td{border-bottom:0}.entity{display:flex;align-items:center;gap:11px}.initials{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--blue-soft);color:var(--blue);font-size:12px;font-weight:600;flex:0 0 auto}.initials.violet{background:var(--purple-soft);color:var(--purple)}.initials.orange{background:var(--amber-soft);color:var(--amber)}.initials.aqua{background:var(--teal-soft);color:var(--teal)}.entity-title{font-weight:600;font-size:13px}.entity small{display:block;font-size:12px;color:var(--muted)}.chip{font-size:12px;display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:8px;white-space:nowrap;color:var(--green);background:var(--green-soft);font-weight:500}.chip.warn{color:var(--amber);background:var(--amber-soft)}.chip.danger{color:var(--red);background:var(--red-soft)}.capacity{display:flex;align-items:center;gap:10px}.bar{width:74px;height:5px;background:var(--line);border-radius:20px;overflow:hidden;direction:ltr}.bar i{display:block;height:100%;border-radius:20px;background:var(--green)}.bar.warn i{background:var(--amber)}.bar.danger i{background:var(--red)}.source-note{font-size:12px;color:var(--dim);margin-top:19px;display:flex;gap:12px;justify-content:space-between}.provider-cards{display:none}
/* Subscribers */
.subscriber-summary{display:flex;gap:0;border:1px solid var(--line);border-radius:16px;background:var(--panel);margin-bottom:20px;padding:18px 6px}.summary-item{padding:0 25px;flex:1;border-inline-end:1px solid var(--line);min-width:0}.summary-item:last-child{border:0}.summary-item small{font-size:12px;color:var(--muted);display:block}.summary-item b{font-size:24px;line-height:1.25;margin-top:5px}.subscriber-toolbar{padding:19px 20px;border-bottom:1px solid var(--line-soft)}.search-row{display:flex;gap:12px;margin-bottom:16px;align-items:center}.search{min-width:0;display:flex;align-items:center;gap:10px;flex:1;border:1px solid var(--line);border-radius:12px;padding:0 13px;background:var(--bg)}.search svg{color:var(--dim);width:19px}.search input{font-size:14px;width:100%;min-width:0;padding:11px 0;border:0;background:none;outline:0}.search:focus-within{border-color:var(--blue)}.search input::placeholder{color:var(--dim);opacity:1}.search-clear{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;color:var(--muted)}.search-clear:hover{background:var(--hover)}.search-clear svg{width:15px}.sort select{padding:10px 8px;border:1px solid var(--line);border-radius:10px;background:var(--panel-2);font-size:13px;width:145px}.filter-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.filter-buttons{display:flex;gap:6px;flex-wrap:wrap}.filter{min-height:37px;padding:5px 13px;display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px;border-radius:9px;border:1px solid transparent}.filter span{font-size:11px;opacity:.75}.filter[aria-pressed="true"]{color:var(--blue);background:var(--blue-soft);border-color:var(--line)}.filter:hover{background:var(--hover)}.result-count{font-size:12px;color:var(--dim);white-space:nowrap}.subscriber-table{border-collapse:collapse;width:100%}.subscriber-table th{font-size:12px;color:var(--dim);font-weight:400;padding:12px 18px;text-align:start;white-space:nowrap;background:var(--panel-2);border-bottom:1px solid var(--line-soft)}.subscriber-table td{padding:16px 18px;border-bottom:1px solid var(--line-soft);font-size:13px;vertical-align:middle}.subscriber-table tbody tr:last-child td{border-bottom:0}.person-button{display:flex;gap:11px;align-items:center;text-align:start;padding:0;border-radius:10px;min-height:44px;color:var(--text)}.person-button:hover .entity-title{color:var(--blue)}.subscriber-table .mono{font-size:11px;color:var(--muted);margin-top:4px}.plan-name{font:600 13px Arial,sans-serif;display:block;direction:ltr;text-align:start;unicode-bidi:isolate}.plan-type{font:11px Arial,sans-serif;color:var(--muted);display:block;margin-top:5px}.quota{min-width:84px}.quota .bar{width:80px;margin-top:7px}.quota span{font-size:12px;color:var(--muted)}.row-arrow{width:30px;height:36px;display:grid;place-items:center;border-radius:8px;color:var(--dim)}.row-arrow svg{width:16px;transition:transform .2s}.row-arrow[aria-expanded="true"] svg{transform:rotate(180deg)}.row-detail{background:var(--panel-2)}.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:2px 0}.detail-grid small{display:block;font-size:12px;color:var(--muted)}.detail-grid b{font-size:13px;font-weight:500}.detail-grid .mono{font-size:12px;color:var(--text)}.subscriber-cards{display:none}.list-footer{padding:13px 20px;display:flex;justify-content:space-between;gap:8px;border-top:1px solid var(--line-soft);font-size:12px;color:var(--muted)}.empty{padding:48px 20px;text-align:center;color:var(--muted)}.empty .empty-icon{display:grid;place-items:center;width:52px;height:52px;background:var(--panel-2);border:1px solid var(--line);border-radius:16px;margin:0 auto 14px;color:var(--blue)}.empty h3{color:var(--text);font-size:16px}.empty p{font-size:13px;margin:4px 0 12px}.inline-add{margin-bottom:20px;padding:20px;border:1px solid var(--line);background:var(--panel);border-radius:16px}.inline-add-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.inline-add-head p{font-size:12px;color:var(--muted)}.form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.form-grid label{display:block;font-size:13px;color:var(--muted)}.form-grid input,.form-grid select{width:100%;min-width:0;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:10px;margin-top:5px;font-size:14px}.form-actions{display:flex;gap:10px;margin-top:16px;align-items:center}.form-error{color:var(--red);font-size:12px}.inline-add .icon-btn{width:34px;height:34px}
/* Bottom navigation; a single, restrained moving selection */
.bottom-wrap{position:fixed;bottom:calc(12px + var(--sab));left:50%;transform:translateX(-50%);width:min(470px,calc(100% - 24px));z-index:9;border:1px solid var(--line);border-radius:22px;background:var(--panel);box-shadow:0 6px 30px #00000022}.bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);padding:6px;position:relative}.nav-indicator{position:absolute;top:7px;bottom:7px;width:calc((100% - 12px)/5);inset-inline-start:6px;background:var(--blue-soft);border:1px solid var(--line);border-radius:16px;transition:transform .32s var(--ease);pointer-events:none}.bottom-wrap[data-selected="subscribers"] .nav-indicator{transform:translateX(-100%)}html[dir="ltr"] .bottom-wrap[data-selected="subscribers"] .nav-indicator{transform:translateX(100%)}.nav-item{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:55px;padding:3px 1px;color:var(--dim);font-size:11px;z-index:1}.nav-item svg{width:21px;height:21px;transition:color .2s,transform .25s}.nav-item[aria-current="page"]{color:var(--blue)}.nav-item[aria-current="page"] svg{transform:translateY(-1px)}.nav-item:disabled{opacity:.4}.nav-item .soon-dot{position:absolute;top:2px;right:21%;width:4px;height:4px;background:var(--dim);border-radius:50%}
/* Half-width drawer, native focus management */
.drawer{position:fixed;inset:0 auto 0 0;inset-inline-start:0;inset-inline-end:auto;margin:0;width:min(50vw,380px);max-width:none;height:100dvh;max-height:none;padding:0;border:0;border-inline-end:1px solid var(--line);background:var(--panel);color:var(--text);box-shadow:var(--shadow);overflow:hidden}.drawer[open]{display:flex;flex-direction:column;animation:drawer-in .34s var(--ease)}.drawer::backdrop{background:#02071288;animation:fade-in .28s var(--ease)}.drawer.closing{animation:drawer-out .24s var(--ease) forwards}.drawer.closing::backdrop{animation:fade-out .24s forwards}@keyframes drawer-in{from{transform:translateX(100%)}to{transform:none}}@keyframes drawer-out{to{transform:translateX(100%)}}html[dir="ltr"] .drawer[open]{animation-name:drawer-in-ltr}html[dir="ltr"] .drawer.closing{animation-name:drawer-out-ltr}@keyframes drawer-in-ltr{from{transform:translateX(-100%)}to{transform:none}}@keyframes drawer-out-ltr{to{transform:translateX(-100%)}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes fade-out{to{opacity:0}}.drawer-head{display:flex;align-items:center;gap:9px;padding:calc(20px + var(--sat)) 20px 20px;border-bottom:1px solid var(--line)}.drawer-head .brand-name{font-size:13px}.drawer-head .brand-name small{font-size:9px}.drawer-close{margin-inline-start:auto;width:34px;height:34px;background:transparent;border:0;flex-shrink:0}.drawer-scroll{flex:1;overflow:auto;padding:18px 14px}.drawer-profile{display:flex;align-items:center;gap:10px;padding:2px 7px 18px}.drawer-profile b{display:block;font-size:13px;font-weight:600}.drawer-profile small{font-size:11px;color:var(--muted)}.drawer-caption{font-size:12px;color:var(--dim);margin:12px 8px 8px}.drawer-link{min-height:44px;display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;border-radius:11px;color:var(--muted);font-size:13px;margin-bottom:4px;text-align:start}.drawer-link[aria-current="page"]{color:var(--blue);background:var(--blue-soft)}.drawer-link:not(:disabled):hover{background:var(--hover)}.drawer-link svg{width:18px;height:18px}.drawer[open] .drawer-link{animation:item-in .34s var(--ease) both;animation-delay:calc(var(--i,0)*35ms + 80ms)}@keyframes item-in{from{opacity:0;transform:translateX(9px)}to{opacity:1;transform:none}}.drawer-soon{font-size:10px;margin-inline-start:auto;color:var(--dim)}.drawer-sep{height:1px;background:var(--line);margin:20px 6px 14px}.preference{padding:8px;display:flex;align-items:center;justify-content:space-between;gap:8px}.preference-label{font-size:12px;color:var(--muted)}.theme-switch{position:relative;width:51px;height:29px;background:var(--bg);border:1px solid var(--line);border-radius:20px;flex-shrink:0}.switch-knob{position:absolute;top:3px;left:3px;width:21px;height:21px;background:var(--amber-soft);color:var(--amber);border-radius:50%;display:grid;place-items:center;transition:transform .3s var(--ease),background .3s}.switch-knob svg{width:13px;height:13px}html[data-theme="dark"] .switch-knob{transform:translateX(22px);background:var(--blue-soft);color:var(--blue)}.lang-btn{font:600 12px Arial,sans-serif;min-height:33px;padding:0 10px;border-radius:8px;border:1px solid var(--line);color:var(--blue);background:var(--blue-soft)}.drawer-foot{padding:16px 20px calc(20px + var(--sab));border-top:1px solid var(--line);font-size:11px;line-height:1.9;color:var(--dim)}.drawer-foot b{font-size:12px;color:var(--muted);font-weight:500}.toast{position:fixed;bottom:calc(102px + var(--sab));left:50%;transform:translateX(-50%);z-index:12;max-width:calc(100vw - 32px);width:max-content;background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:12px 18px;box-shadow:var(--shadow);font-size:13px;animation:page-in .2s var(--ease)}
@media(min-width:1400px){.main{padding-top:35px}.kpi{padding:22px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 330px}.chart svg{max-height:195px}}
@media(max-width:1000px){.dashboard-grid{grid-template-columns:minmax(0,1fr) 265px;gap:16px}.kpis{gap:12px}.kpi{padding:16px}.stat-value strong{font-size:27px}.provider-table td,.provider-table th{padding-inline:15px}.subscriber-table th,.subscriber-table td{padding-inline:12px}.subscriber-table .quota-column{display:none}.drawer{width:50vw;max-width:340px}}
@media(max-width:760px){.topbar{height:calc(65px + var(--sat))}.top-inner{padding:0 16px;gap:11px}.top-label,.top-divider,.top-avatar{display:none}.top-actions{gap:3px}.top-theme{width:34px}.brand-name{font-size:13px}.brand-name small{font-size:9px;letter-spacing:3px}.brand-mark{display:none}.preview-pill{font-size:11px;padding:3px 8px}.main{padding:21px 16px calc(var(--bottom) + var(--sab) + 23px)}h1{font-size:21px}.heading{align-items:center;gap:10px;margin-bottom:20px}.heading p{font-size:12px;margin-top:3px;max-width:230px}.heading-actions{gap:6px}.scope{padding:0 9px;min-height:38px;gap:6px}.scope svg{width:16px}.scope select{font-size:11px;max-width:98px;padding:9px 0}.kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}.kpi{padding:14px 16px 13px;border-radius:16px}.kpi-top{margin-bottom:10px}.stat-icon{width:35px;height:35px;border-radius:10px}.art{width:29px;height:29px}.stat-meta{font-size:11px}.stat-value{gap:7px;min-height:29px;margin-bottom:4px}.stat-value strong{font-size:29px}.stat-value .denominator{font-size:16px}.stat-value .currency{font-size:12px}.stat-label{font-size:12px}.dashboard-grid{grid-template-columns:1fr;gap:16px;margin-bottom:16px}.panel{border-radius:16px}.panel-head{padding:15px 16px 0}.panel-head h2{font-size:14px}.panel-head .small{font-size:11px}.segment button{padding:3px 9px;font-size:11px;min-height:30px}.chart-summary{margin:11px 16px 0}.chart-summary strong{font-size:22px}.chart{padding:2px 11px 0}.chart svg{min-height:156px;max-height:none}.chart-foot{padding-inline:16px;font-size:11px}.health-panel .panel-head{padding-bottom:3px}.health{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:10px 8px 16px}.health-row{display:flex;flex-direction:column;gap:5px;padding:0 7px;border-bottom:0;border-inline-end:1px solid var(--line-soft)}.health-row:last-child{border:0}.health-row .health-ic{display:none}.health-row .health-title{font-size:11px;text-align:center}.health-row b{font-size:15px}.health-note{margin:0 16px 14px;font-size:11px;padding:8px 10px}.provider-table-wrap{display:none}.provider-cards{display:block;padding-top:9px}.provider-card{padding:13px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line-soft)}.provider-card .entity-title{font-size:12px}.provider-card .entity small{font-size:11px}.provider-card .initials{width:34px;height:34px;font-size:11px}.provider-card-side{text-align:end}.provider-card-side .num{font-size:11px;color:var(--muted);margin-top:4px}.chip{font-size:11px;padding:3px 8px;gap:5px}.source-note{font-size:11px;margin-top:16px;gap:6px}.source-note span:last-child{display:none}.subscriber-summary{margin-bottom:16px;padding:14px 2px;border-radius:14px}.summary-item{padding:0 12px}.summary-item small{font-size:11px;white-space:nowrap}.summary-item b{font-size:21px}.subscriber-heading .heading p{max-width:none}.subscriber-heading .btn{font-size:12px;padding:7px 11px;gap:6px;min-height:39px}.subscriber-heading .btn svg{width:16px}.subscriber-toolbar{padding:14px 14px 12px}.search-row{gap:8px;margin-bottom:12px}.search{padding:0 10px}.search input{font-size:12px;padding:11px 0}.sort select{font-size:11px;width:100px;padding:10px 5px}.filter-row{display:block}.filter-buttons{gap:3px;flex-wrap:nowrap;justify-content:space-between}.filter{font-size:11px;padding:5px 9px;min-height:34px;gap:6px}.filter span{font-size:10px}.result-count{display:none}.subscriber-table-wrap{display:none}.subscriber-cards{display:block}.subscriber-record{padding:15px 16px;border-bottom:1px solid var(--line-soft)}.subscriber-record:last-child{border:0}.record-head{display:flex;gap:10px;align-items:center;justify-content:space-between}.record-head .initials{width:36px;height:38px;font-size:12px}.record-head .person-button{min-width:0;gap:10px}.record-head .entity-title{font-size:13px}.record-head .mono{font-size:11px;color:var(--muted);margin-top:2px}.record-data{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:13px;padding-top:11px;border-top:1px solid var(--line-soft)}.record-data small{display:block;font-size:11px;color:var(--dim)}.record-data b{font-size:12px;font-weight:500;line-height:1.5}.record-data .plan-name{display:inline}.record-data .end-data{text-align:end}.record-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:9px;font-size:11px;color:var(--muted)}.record-bottom .quota-line{display:flex;align-items:center;gap:9px}.record-bottom .bar{width:62px;height:4px}.record-bottom .row-arrow{height:28px;width:28px}.record-detail{border-top:1px solid var(--line);margin-top:10px;padding-top:12px}.record-detail .detail-grid{grid-template-columns:1fr 1fr;gap:9px}.detail-grid small{font-size:11px}.detail-grid b{font-size:12px}.list-footer{padding:11px 16px;font-size:11px}.list-footer span:last-child{display:none}.inline-add{padding:16px;border-radius:14px;margin-bottom:16px}.form-grid{grid-template-columns:1fr 1fr;gap:10px}.form-grid label{font-size:12px}.form-grid input,.form-grid select{font-size:12px}.form-actions .btn{font-size:12px}.drawer{width:50vw;max-width:none}.drawer-head{padding:calc(17px + var(--sat)) 12px 16px;gap:4px}.drawer-head .brand-mark{display:none}.drawer-head .brand-name{font-size:11px;letter-spacing:1px}.drawer-head .brand-name small{font-size:8px;letter-spacing:2px}.drawer-close{width:30px;height:34px}.drawer-close svg{width:18px}.drawer-scroll{padding:14px 8px}.drawer-profile{gap:8px;padding:0 6px 12px}.drawer-profile .initials{width:30px;height:30px;font-size:10px}.drawer-profile b{font-size:11px}.drawer-profile small{font-size:10px}.drawer-caption{font-size:10px;margin:10px 7px 7px}.drawer-link{font-size:11px;padding:8px 9px;gap:8px;min-height:41px}.drawer-link svg{width:16px}.drawer-soon{font-size:8px}.drawer-sep{margin:16px 5px 10px}.preference{padding:7px 6px;gap:6px}.preference-label{font-size:10px}.lang-btn{font-size:11px;padding:0 8px;min-height:31px}.drawer-foot{padding:13px 13px calc(18px + var(--sab));font-size:10px}.drawer-foot b{font-size:11px}}
@media(max-width:359px){.top-inner{gap:8px;padding-inline:12px}.top-theme{display:none}.main{padding-inline:12px}.heading{flex-wrap:wrap}.heading-actions{margin-inline-start:auto}.kpi{padding:13px}.stat-value strong{font-size:25px}.kpi-top{gap:4px}.stat-meta{font-size:10px}.summary-item{padding:0 9px}.filter{padding-inline:6px;font-size:10px}.filter span{font-size:9px}.drawer-link{padding-inline:7px;gap:6px}.drawer-soon{display:none}.preference{flex-wrap:wrap}.nav-item{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media(max-width:760px){.kpi:last-child .stat-value strong{font-size:24px}}
@media(max-width:359px){.kpi:last-child .stat-value strong{font-size:22px}}
@media print{.topbar,.bottom-wrap,.drawer,.heading-actions,.search-row,.filter-row,.row-arrow,.form-actions,.source-note{display:none!important}.main{padding:0}.page:not([hidden]){display:block}.kpi,.panel{break-inside:avoid}:root{--bg:#fff;--panel:#fff;--panel-2:#f3f5f8;--text:#111;--muted:#444;--dim:#555;--line:#bbb;--line-soft:#ddd}}

/* STAGE ONE · A calm operational workspace, with a focused network summary. */
:root{--bg:#0c1421;--panel:#132033;--panel-2:#17283d;--hover:#20334d;--line:#293b54;--line-soft:#23344c;--text:#ebf1fa;--muted:#a0b0c6;--dim:#91a3bd;--button:#2f6fdd;--shadow:0 4px 18px #0c14210a}
html[data-theme="light"]{--bg:#f5f7fb;--panel:#fff;--panel-2:#f4f7fc;--hover:#eaf0f9;--line:#e0e7f1;--line-soft:#edf1f7;--text:#20314b;--muted:#62738c;--dim:#6e809a;--blue:#2765c4;--blue-soft:#eaf2ff;--teal:#13818e;--teal-soft:#e7f6f7;--green:#177954;--green-soft:#e7f6ed;--amber:#97631f;--amber-soft:#fff2dc;--purple:#7d4abf;--purple-soft:#f2eafe;--red:#b84558;--red-soft:#fdebf0}
body{font-size:15px;line-height:1.8}.red{color:var(--red)}.topbar{background:var(--panel);border-bottom:1px solid var(--line);height:calc(76px + var(--sat))}.top-inner{max-width:1228px;padding-inline:24px}.topbar .icon-btn{background:var(--panel);border:1px solid var(--line);width:44px;height:44px;border-radius:14px}.topbar .top-theme{border:0;background:var(--panel-2)}.topbar .top-avatar{display:none}.brand-mark{background:#193359;color:#a9c8ff;border:0;border-radius:12px}.brand-name{color:var(--text);font-size:15px;letter-spacing:1.5px}.brand-name small{font-size:9px;letter-spacing:4px}.preview-pill{color:var(--muted);background:var(--panel-2);border:0;padding:4px 10px;border-radius:7px}.top-label{font-size:14px}.main{max-width:1160px;padding-top:30px;padding-bottom:calc(110px + var(--sab))}.heading{margin-bottom:18px}.heading h1{font-size:26px;letter-spacing:0}.heading p{font-size:14px;margin-top:4px}.scope{background:var(--panel);border-radius:11px;min-height:44px}.scope select{font-size:13px}.workspace-status{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.workspace-caption{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--muted)}.workspace-caption svg{width:15px;height:15px}.status-brief{display:flex;align-items:center;gap:7px;color:var(--amber);border-radius:8px;min-height:36px;font-size:12px;padding:0 9px;background:var(--amber-soft)}.status-brief svg{width:15px;height:15px}.status-brief svg:last-child{width:13px}.kpis{display:grid;grid-template-columns:1.55fr 1fr 1fr;gap:16px;margin-bottom:16px}.focus-card{border:1px solid #2c4463;background:#192f4f;border-radius:22px;color:#fff;padding:22px 24px;display:flex;flex-direction:column;justify-content:space-between;min-width:0;min-height:207px}.focus-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.focus-label{font-size:15px;color:#dae6fa;font-weight:500}.focus-service{font:500 11px Arial,sans-serif;color:#bdd6ee;display:flex;align-items:center;gap:7px;letter-spacing:.8px}.focus-service .status-dot{background:#71dfb2;width:6px;height:6px}.focus-middle{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0 8px}.focus-middle strong{font-size:43px;letter-spacing:-1px;font-weight:700}.focus-art{width:67px;height:67px;background:#254362;border:1px solid #335673;border-radius:20px;display:grid;place-items:center}.focus-art .art{width:57px;height:57px}.focus-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid #35506d;padding-top:13px;font-size:12px;color:#bbcee7}.focus-bottom .num{font-size:13px}.focus-bottom b{font-weight:400;font-size:10px;margin-inline-start:5px;color:#9bb7d3}.small-stat{min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:20px 22px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow)}.small-stat-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.small-stat .stat-icon{border-radius:13px;width:43px;height:43px}.small-stat .art{width:34px;height:34px}.stat-corner{color:var(--line);display:none}.small-stat p{font-size:14px;color:var(--muted)}.small-stat strong{font-size:29px;line-height:1.4;letter-spacing:-.5px}.small-stat small{font-size:12px;color:var(--dim)}.money-unit{font-size:16px;color:var(--purple);letter-spacing:0}.quick-row{display:flex;gap:12px;margin-bottom:22px}.quick-row button{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:10px 15px;flex:1;min-height:58px;text-align:start;font-size:14px;font-weight:500}.quick-row button:hover{background:var(--hover)}.quick-row .quick-add{color:var(--blue)}.quick-row .quick-list{color:var(--text)}.quick-icon{width:33px;height:33px;border-radius:10px;display:grid;place-items:center;background:var(--blue-soft);flex-shrink:0}.quick-list .quick-icon{background:var(--purple-soft)}.quick-icon .art{width:26px;height:26px}.quick-icon svg{width:18px;height:18px}.quick-row .link-arrow{width:16px;height:16px;margin-inline-start:auto;color:var(--dim)}.panel{border-radius:20px;box-shadow:var(--shadow)}.dashboard-grid{gap:18px;grid-template-columns:minmax(0,1fr) 302px;margin-bottom:20px}.panel-head{padding:19px 21px 0}.panel-head h2{font-size:16px}.panel-head .small{font-size:12px}.segment{background:var(--panel-2);border:0;padding:4px;border-radius:10px}.segment button{font-size:12px;min-height:33px}.segment button[aria-pressed="true"]{background:var(--panel);box-shadow:0 1px 5px #10244610;color:var(--blue)}.chart-summary{margin:15px 21px 5px}.chart-summary strong{font-size:26px}.chart-summary small{font-size:12px}.chart-foot{font-size:12px;padding:7px 21px 18px}.health-row{padding:17px 0}.health-row .health-title{font-size:13px}.health-row b{font-size:16px}.health-note{background:var(--amber-soft);border:0;color:var(--amber);font-size:12px;gap:7px}.chip{border-radius:7px;font-size:12px;padding:4px 9px}.provider-table{margin-top:16px}.provider-table th{background:var(--panel);font-size:12px;border-bottom:1px solid var(--line);padding-block:11px}.provider-table td{font-size:14px;padding-block:17px}.initials{width:39px;height:39px;border-radius:12px;font-size:12px}.entity-title{font-size:14px}.entity small{font-size:12px}.source-note{font-size:12px}.btn{min-height:44px;border-radius:12px;font-size:14px}.btn-primary{border:0;box-shadow:0 3px 8px #2467ce15}.subscriber-summary{border:0;background:none;border-radius:0;padding:0;gap:12px;margin-bottom:22px}.summary-item{padding:16px 17px;background:var(--panel);border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow)}.summary-item:last-child{border:1px solid var(--line)}.summary-item small{font-size:13px}.summary-item b{font-size:25px;margin-top:4px;display:block}.subscriber-toolbar{padding:20px}.search{border:1px solid var(--line);background:var(--panel-2);border-radius:12px}.search input{font-size:14px;padding:12px 0}.sort select{background:var(--panel);min-height:44px;font-size:13px}.filter-buttons{gap:5px}.filter{min-height:39px;font-size:13px;padding-inline:13px}.filter span{border-radius:6px;background:var(--panel-2);padding:0 5px;font-size:11px;opacity:1}.filter[aria-pressed="true"] span{background:var(--panel)}.filter[aria-pressed="true"]{border-color:transparent}.subscriber-table td{padding-block:17px;font-size:14px}.subscriber-table th{font-size:13px}.subscriber-table .mono{font-size:12px}.plan-name{font-size:14px}.plan-type{font-size:12px}.quota span{font-size:13px}.list-footer{font-size:12px}.row-detail{background:var(--panel-2)}.detail-grid small{font-size:12px}.detail-grid b{font-size:14px}.person-button{gap:12px}.person-button .entity-title{line-height:1.6}.inline-add{border-radius:18px;background:var(--panel);box-shadow:var(--shadow)}.form-grid label{font-size:13px}.form-grid input,.form-grid select{font-size:14px;min-height:44px}.bottom-wrap{width:min(410px,calc(100% - 32px));border:1px solid var(--line);background:var(--panel);border-radius:22px;box-shadow:0 6px 28px #15264113;bottom:calc(14px + var(--sab))}.bottom-nav{grid-template-columns:repeat(3,1fr);padding:7px}.nav-indicator{width:calc((100% - 14px)/3);top:7px;bottom:7px;inset-inline-start:7px;border:0;background:var(--blue-soft);border-radius:16px}.nav-item{min-height:56px;font-size:12px;gap:3px;color:var(--muted)}.nav-item svg{width:22px;height:22px}.nav-item .art{width:25px;height:25px}.nav-item[aria-current="page"]{font-weight:600}.drawer{background:var(--panel);border-color:var(--line)}.drawer-head{padding:22px 20px}.drawer-link{font-size:14px;border-radius:11px;min-height:46px;gap:12px}.drawer-link .art{width:25px;height:25px;flex-shrink:0}.drawer-profile b{font-size:14px}.drawer-profile small{font-size:12px}.drawer-caption{font-size:12px}.preference-label{font-size:13px}.drawer-foot{font-size:12px}.drawer-foot b{font-size:13px}.theme-switch{height:32px;width:56px}.switch-knob{width:24px;height:24px;top:3px;left:3px}html[data-theme="dark"] .switch-knob{transform:translateX(24px)}.lang-btn{font-size:13px;min-height:36px}.toast{font-size:13px}
@media(max-width:1000px){.kpis{grid-template-columns:1.45fr 1fr 1fr;gap:13px}.focus-card{padding:20px}.focus-middle strong{font-size:38px}.small-stat{padding:18px}.small-stat strong{font-size:27px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 275px}.focus-art{width:55px;height:55px;border-radius:17px}.focus-art .art{width:47px;height:47px}}
@media(max-width:760px){body{font-size:14px}.topbar{height:calc(66px + var(--sat))}.top-inner{padding-inline:18px;gap:12px}.topbar .icon-btn{width:40px;height:40px;border-radius:12px}.topbar .top-theme{width:37px;height:37px;background:none}.top-label,.top-divider{display:none}.brand-name{font-size:13px}.brand-name small{font-size:8px;letter-spacing:3px;margin-top:4px}.main{padding:22px 18px calc(107px + var(--sab))}.heading{margin-bottom:14px;align-items:flex-start;gap:8px}.heading h1{font-size:22px}.heading p{font-size:12px;max-width:220px;margin-top:3px}.heading-actions{padding-top:4px}.scope{padding:0 8px;border-radius:9px;min-height:37px;gap:5px}.scope select{font-size:11px;max-width:99px;padding-block:7px}.scope svg{display:none}.workspace-status{gap:8px;margin-bottom:13px}.workspace-caption{font-size:12px;gap:5px}.workspace-caption svg{width:14px}.status-brief{font-size:11px;min-height:33px;gap:5px;padding:0 7px}.status-brief svg{width:13px;height:13px}.status-brief svg:last-child{display:none}.kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}.focus-card{grid-column:span 2;padding:18px 20px 16px;min-height:173px;border-radius:20px}.focus-label{font-size:14px}.focus-service{font-size:10px}.focus-middle{padding:6px 0 11px}.focus-middle strong{font-size:41px}.focus-art{width:53px;height:53px;border-radius:16px}.focus-art .art{width:47px;height:47px}.focus-bottom{font-size:11px;padding-top:10px;gap:5px}.focus-bottom .num{font-size:12px}.small-stat{padding:14px 15px;border-radius:16px;min-height:147px}.small-stat-top{margin-bottom:8px}.small-stat .stat-icon{width:34px;height:34px;border-radius:10px}.small-stat .art{width:28px;height:28px}.small-stat p{font-size:12px}.small-stat strong{font-size:27px;line-height:1.25;margin:3px 0}.small-stat small{font-size:11px}.money-unit{font-size:14px}.quick-row{gap:10px;margin-bottom:20px}.quick-row button{padding:9px 10px;font-size:12px;border-radius:12px;gap:7px;min-height:53px}.quick-icon{width:29px;height:29px;border-radius:9px}.quick-icon .art{width:24px;height:24px}.quick-icon svg{width:17px;height:17px}.quick-row .link-arrow{width:13px;height:13px}.dashboard-grid{grid-template-columns:1fr;gap:16px;margin-bottom:18px}.panel{border-radius:18px}.panel-head{padding:17px 17px 0}.panel-head h2{font-size:15px}.panel-head .small{font-size:12px}.segment{gap:0;padding:3px}.segment button{font-size:11px;padding:3px 8px;min-height:33px}.chart-summary{margin:12px 17px 4px}.chart-summary strong{font-size:23px}.chart-summary small{font-size:11px}.chart{padding:0 10px}.chart svg{min-height:150px}.chart-foot{font-size:11px;padding:7px 17px 17px}.health{padding:13px 7px 17px}.health-row{padding:0 7px;gap:6px}.health-row .health-title{font-size:12px}.health-row b{font-size:16px}.health-note{font-size:12px;margin:0 15px 16px;padding:10px}.health-note svg{width:15px}.health-panel .chip{font-size:11px}.provider-card{padding:15px 16px}.provider-card .entity-title{font-size:13px}.provider-card .entity small{font-size:12px}.provider-card .initials{width:36px;height:36px;font-size:11px}.provider-card-side .num{font-size:12px}.chip{font-size:12px;padding:4px 8px}.source-note{font-size:11px}.subscriber-heading .btn{min-height:41px;font-size:12px;padding:8px 12px;margin-top:3px}.subscriber-summary{background:var(--panel);border:1px solid var(--line);border-radius:16px;gap:0;padding:15px 0;margin-bottom:17px;box-shadow:var(--shadow)}.summary-item{background:none;border:0;border-inline-end:1px solid var(--line);border-radius:0;padding:0 11px;box-shadow:none;text-align:center}.summary-item:last-child{border:0}.summary-item small{font-size:11px;white-space:nowrap}.summary-item b{font-size:23px;margin-top:6px}.subscriber-surface{border:0;background:transparent;box-shadow:none;overflow:visible}.subscriber-toolbar{padding:0;border:0;margin-bottom:14px}.search-row{gap:8px;margin-bottom:12px}.search{background:var(--panel);padding-inline:12px;min-height:46px;border-radius:12px}.search input{font-size:12px;padding:11px 0}.search svg{width:17px}.sort select{background:var(--panel);min-height:46px;font-size:11px;width:101px;border-radius:12px}.filter-buttons{justify-content:space-between;gap:4px}.filter{min-height:39px;padding:5px 10px;font-size:12px;gap:5px}.filter span{font-size:11px;background:var(--panel);padding-inline:4px}.filter[aria-pressed="true"]{background:var(--text);color:var(--panel)}.filter[aria-pressed="true"] span{background:transparent;color:inherit}.subscriber-cards{display:flex;flex-direction:column;gap:12px}.subscriber-record{border:1px solid var(--line);background:var(--panel);border-radius:18px;padding:16px;box-shadow:var(--shadow)}.subscriber-record:last-child{border-bottom:1px solid var(--line)}.record-head .initials{width:39px;height:41px;border-radius:12px;font-size:12px}.record-head .entity-title{font-size:14px}.record-head .mono{font-size:12px;margin-top:2px}.record-head .chip{font-size:11px}.record-data{padding-top:12px;margin-top:13px;gap:8px}.record-data small{font-size:12px}.record-data b{font-size:13px}.record-bottom{margin-top:10px;font-size:12px}.record-bottom .bar{width:62px;height:5px}.row-arrow{min-height:32px;width:32px}.record-bottom .row-arrow{height:32px;width:32px;background:var(--panel-2);border-radius:10px}.record-detail{margin-top:12px;padding-top:13px}.detail-grid small{font-size:12px}.detail-grid b{font-size:13px}.record-detail .detail-grid{gap:12px}.list-footer{background:transparent;border:0;padding:14px 3px 0;font-size:12px}.empty{background:var(--panel);border:1px solid var(--line);border-radius:18px}.inline-add{padding:16px}.form-grid label{font-size:12px}.form-grid input,.form-grid select{font-size:13px}.form-actions .btn{font-size:13px}.inline-add-head p{font-size:12px}.bottom-wrap{width:calc(100% - 32px);max-width:410px;bottom:calc(12px + var(--sab));border-radius:22px}.nav-item{font-size:12px;min-height:55px}.drawer{width:54vw;max-width:340px}.drawer-head{padding:calc(20px + var(--sat)) 14px 18px}.drawer-head .brand-name{font-size:12px}.drawer-head .brand-name small{font-size:8px}.drawer-profile{padding:0 6px 15px;gap:8px}.drawer-profile b{font-size:12px}.drawer-profile small{font-size:11px}.drawer-profile .initials{width:33px;height:34px}.drawer-scroll{padding:16px 9px}.drawer-link{font-size:12px;gap:8px;min-height:46px;padding-inline:8px}.drawer-link .art{width:24px;height:24px}.drawer-caption{font-size:11px}.preference-label{font-size:11px}.preference{padding-block:10px;gap:8px}.lang-btn{font-size:12px;min-height:34px}.drawer-foot{padding:15px 14px calc(18px + var(--sab));font-size:11px}.drawer-foot b{font-size:12px}}
@media(max-width:360px){.main{padding-inline:14px}.top-inner{padding-inline:14px}.heading h1{font-size:21px}.heading p{font-size:11px;max-width:193px}.scope select{max-width:84px;font-size:10px}.scope{padding-inline:6px}.workspace-caption{font-size:11px}.status-brief{font-size:10px}.small-stat{padding:13px}.small-stat strong{font-size:25px}.quick-row button{font-size:11px;padding:9px 8px;gap:6px}.quick-row .link-arrow{display:none}.filter{padding-inline:7px;font-size:11px;gap:4px}.summary-item{padding-inline:8px}.summary-item small{font-size:10px}.record-head .entity-title{font-size:13px}.record-head .mono{font-size:11px}.record-head .chip{font-size:10px}.record-data b{font-size:12px}.drawer{width:57vw}.drawer-link{font-size:11px}.heading{flex-wrap:nowrap}.heading-actions{margin-inline-start:0}.preview-pill{font-size:10px}.brand-name{font-size:12px}.topbar .top-theme{width:31px}}
@media print{.quick-row,.workspace-status{display:none}.focus-card{background:#fff!important;color:#111!important;border-color:#aaa}.focus-label,.focus-bottom,.focus-service{color:#333}.focus-art{display:none}.subscriber-surface{border:0}}

.status-brief.is-healthy,.health-note.is-healthy{background:var(--green-soft);color:var(--green)}.health-note.is-healthy svg{color:var(--green)}

.session-record{padding:20px;border-bottom:1px solid var(--line-soft)}.session-record:last-child{border-bottom:0}.session-record .detail-grid{margin:14px 0}.session-record .record-bottom{display:flex;align-items:center;gap:15px;justify-content:space-between}.session-record .record-head{display:flex;align-items:center;justify-content:space-between;gap:10px}@media(max-width:480px){.session-record{padding:16px}.session-record .record-bottom{flex-wrap:wrap}.session-record .btn-text{min-height:44px}}

.workspace-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.workspace-card{padding:20px}.workspace-card h2{margin:14px 0 8px}.workspace-card .btn{margin-top:16px}.workspace-line{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid var(--line-soft);font-size:13px}.workspace-line small{color:var(--muted)}.workspace-form{display:grid;gap:14px}.workspace-form label{display:grid;gap:6px;font-size:13px}.workspace-form input,.workspace-form select,.workspace-form textarea{background:var(--panel-2);border:1px solid var(--line);color:var(--text);padding:12px;border-radius:10px;font:inherit;min-width:0}.workspace-dialog{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:18px;width:min(500px,calc(100vw - 28px));max-height:85dvh;overflow:auto;padding:23px}.workspace-dialog::backdrop{background:#07132280}.workspace-dialog h2{margin-bottom:15px}.workspace-dialog .form-actions{margin-top:20px}.workspace-price{font:700 32px Arial;margin:15px 0;color:var(--purple)}@media(max-width:650px){.workspace-grid{grid-template-columns:1fr}.workspace-card{padding:17px}}

.domain-head{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.domain-record{padding:12px 0;border-bottom:1px solid var(--line-soft)}.domain-record:last-of-type{border-bottom:0}.domain-filters{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 8px}.domain-reason{font-size:12px;color:var(--muted);margin:10px 0}.domain-record .detail-grid{margin-top:12px}.drawer-link span:last-child{white-space:normal}

.account-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px;padding-top:14px;border-top:1px solid var(--line)}.account-renew{color:var(--green);background:var(--green-soft)}.account-plan{color:var(--purple);background:var(--purple-soft)}.account-stop{color:var(--red);background:var(--red-soft);border:1px solid var(--red-soft)}.account-danger-text{color:var(--red)}.account-context{display:flex;align-items:center;gap:12px;padding:13px;background:var(--panel-2);border-radius:12px}.account-context small{display:block;margin-top:3px;color:var(--muted)}.account-explain{font-size:12px;color:var(--muted);margin:16px 0}.account-new-date{display:flex;align-items:center;justify-content:space-between;background:var(--green-soft);color:var(--green);border-radius:12px;padding:13px;gap:12px}.account-event{padding:10px 0 15px;border-bottom:1px solid var(--line-soft)}.account-event p{margin:8px 0;overflow-wrap:anywhere}.account-event .workspace-line{flex-wrap:wrap}.workspace-dialog textarea:focus-visible{outline:2px solid var(--blue);outline-offset:3px}@media(max-width:600px){.account-actions{display:grid;grid-template-columns:1fr 1fr}.account-actions .btn{font-size:12px;white-space:normal;min-height:44px;padding:8px}.session-record .record-bottom{flex-wrap:wrap}}

/* Original UCHIHA RADIUS layout with a newly drawn illustration family. */
.art{background-size:300% 300%}.art-satellite{background-position:0 0}.art-people{background-position:50% 0}.art-router{background-position:100% 0}.art-invoice{background-position:0 50%}.art-shield{background-position:50% 50%}.art-ticket{background-position:100% 50%}.art-support{background-position:0 100%}.art-chart{background-position:50% 100%}.art-routing{background-position:100% 100%}.drawer-link .art{width:30px;height:30px}.nav-item .art{width:27px;height:27px}.entry-screen{position:fixed;inset:0;z-index:45;overflow:auto;background:var(--bg);padding:25px max(20px,calc((100vw - 960px)/2));display:flex;flex-direction:column;gap:24px}.entry-top{display:flex;align-items:center;justify-content:space-between;min-height:48px}.entry-card{max-width:440px;width:100%;margin:auto;text-align:center;padding:24px 0}.entry-art{width:130px;height:130px;display:grid;place-items:center;margin:0 auto 20px;border:1px solid var(--line);border-radius:30px;background:var(--panel)}.entry-art .art{width:110px;height:110px}.entry-eyebrow{font-size:12px;color:var(--teal)}.entry-card h1{font-size:29px;margin:12px 0}.entry-card p{font-size:13px;color:var(--muted);max-width:340px;margin:auto}.google-preview{width:100%;display:flex;gap:14px;align-items:center;justify-content:center;min-height:52px;padding:13px 18px;border-radius:14px;background:var(--panel);border:1px solid var(--line);margin-top:29px;font-size:13px;font-weight:600}.google-label{font:bold 14px Arial;color:var(--text);direction:ltr;border-inline-end:1px solid var(--line);padding-inline-end:12px}.entry-disclosure{font-size:10px;color:var(--muted);display:block;margin:12px 6px}.entry-benefits{display:flex;gap:10px;align-items:center;justify-content:center;padding:17px 0;border-top:1px solid var(--line);margin-top:24px;font-size:11px;color:var(--muted)}.entry-foot{text-align:center;font-size:11px;color:var(--muted);margin-bottom:20px}.access-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--teal-soft);border:1px solid var(--line);color:var(--teal);border-radius:12px;padding:10px 13px;margin-bottom:22px}.access-strip p{font-size:11px}.access-strip button{font-size:11px;min-height:36px;white-space:nowrap}.membership-dialog{padding:0;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:24px;width:min(1000px,calc(100vw - 24px));max-width:none;max-height:92dvh;overflow:auto;box-shadow:var(--shadow)}.membership-dialog::backdrop{background:#07132399}.membership-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:23px 24px 10px}.membership-head h2{font-size:23px}.membership-head p{font-size:12px;color:var(--muted);margin:6px 0;max-width:670px}.membership-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:14px 24px}.membership-plan{border:1px solid var(--line);border-radius:17px;padding:20px;display:flex;flex-direction:column;align-items:flex-start;background:var(--panel-2)}.membership-plan:nth-child(2){border-color:var(--blue)}.membership-plan .art{width:51px;height:51px;margin-bottom:12px}.membership-plan h3{font-size:17px}.membership-plan p{font-size:11px;color:var(--muted);margin-top:5px;min-height:42px}.membership-plan strong{font-size:13px;color:var(--purple);margin:13px 0}.membership-plan ul{list-style:none;margin:0 0 20px;padding:0;font-size:11px;line-height:2.2;flex:1}.membership-plan li{display:flex;align-items:flex-start;gap:7px}.membership-plan li:before{content:'✓';color:var(--green)}.membership-plan .btn{width:100%;font-size:12px}.membership-footer{position:sticky;bottom:0;display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--panel);border-top:1px solid var(--line);padding:15px 24px}.membership-footer small{font-size:10px;color:var(--muted);max-width:550px}.membership-footer button{flex-shrink:0}.membership-callout{background:var(--amber-soft);color:var(--amber);padding:12px;border-radius:12px;font-size:12px;margin:10px 0}.telegram-sample{background:var(--panel-2);padding:17px;border:1px solid var(--line);border-radius:14px;margin:18px 0}.telegram-sample small{display:block;color:var(--muted);font-size:11px}.workspace-dialog .art{width:45px;height:45px;margin-bottom:10px}.provider-note{font-size:11px;color:var(--muted);margin-top:14px}.session-record .record-bottom{flex-wrap:wrap}body[data-access="welcome"]>.topbar,body[data-access="welcome"]>.main,body[data-access="welcome"]>.bottom-wrap{visibility:hidden}@media(max-width:700px){.membership-head{padding:19px 17px 8px}.membership-head h2{font-size:20px}.membership-grid{grid-template-columns:1fr;padding:10px 17px;gap:12px}.membership-plan{display:grid;grid-template-columns:1fr auto;gap:0 12px;padding:17px}.membership-plan .art{grid-column:2;grid-row:1/4;width:46px;height:46px;margin:0}.membership-plan p{min-height:0;grid-column:1}.membership-plan strong{grid-column:1;margin:9px 0}.membership-plan ul,.membership-plan .btn{grid-column:1/-1}.membership-plan ul{margin-bottom:12px}.membership-footer{flex-direction:column;padding:12px 17px;align-items:stretch}.membership-footer small{font-size:10px}.membership-dialog{max-height:94dvh}.access-strip{align-items:flex-start}.entry-card h1{font-size:25px}.entry-screen{padding-top:14px}.entry-art{height:108px;width:108px}.entry-art .art{height:92px;width:92px}.entry-benefits{margin-top:16px}.membership-footer .btn{min-height:44px}}

.inbox-bell{position:relative}.inbox-bell svg{width:27px;height:27px}.inbox-badge{position:absolute;top:-3px;inset-inline-end:-3px;display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#bf4853;color:#fff;font:700 10px Arial;border:2px solid var(--bg)}.inbox-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.inbox-head p{font-size:12px;margin-top:5px}.inbox-item{display:flex;gap:15px;padding:20px 0;border-bottom:1px solid var(--line-soft)}.inbox-item:last-child{border-bottom:0}.inbox-art{width:50px;height:50px;flex-shrink:0;display:grid;place-items:center;border-radius:14px;background:var(--blue-soft)}.inbox-art.urgent{background:var(--red-soft)}.inbox-art .art{width:43px;height:43px}.inbox-item-content{flex:1;min-width:0}.inbox-item-title{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.inbox-item-title small{color:var(--dim);font-size:12px;white-space:nowrap}.inbox-item-content>.mono{color:var(--muted);font-size:11px;margin-top:4px}.inbox-item-content p{font-size:12px;color:var(--muted);margin-top:8px}.inbox-actions{display:flex;gap:20px;flex-wrap:wrap;margin-top:7px}.inbox-footer{border-top:1px solid var(--line);padding-top:17px;display:flex;gap:15px;align-items:center;justify-content:space-between}.inbox-footer p{font-size:11px;color:var(--muted)}.bot-thread{padding:17px;background:var(--panel-2);border:1px solid var(--line);border-radius:17px}.bot-thread-date{text-align:center;font-size:10px;color:var(--dim);margin-bottom:17px}.bot-bubble{background:var(--panel);border:1px solid var(--line);border-radius:16px 16px 4px 16px;padding:15px}.bot-sender{display:flex;align-items:center;gap:8px;color:var(--blue);font:700 12px Arial;margin-bottom:14px}.bot-sender .art{width:28px;height:28px;margin:0}.bot-bubble p{font-size:12px;margin-top:10px;color:var(--muted)}.bot-meta{display:flex;justify-content:space-between;gap:12px;margin-top:15px;font-size:10px;color:var(--dim)}.bot-replies{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.bot-replies button{padding:11px 7px;border:1px solid var(--line);background:var(--blue-soft);color:var(--blue);border-radius:10px;font-size:11px;min-height:44px}@media(max-width:600px){.inbox-head{flex-wrap:wrap}.inbox-item{gap:10px}.inbox-art{width:40px;height:40px;border-radius:11px}.inbox-art .art{width:35px;height:35px}.inbox-item-title h3{font-size:12px}.inbox-item-content p{font-size:11px}.inbox-actions{gap:12px}.inbox-actions .btn-text{font-size:11px;min-height:44px}.inbox-footer{flex-direction:column;align-items:stretch}.inbox-item-title{flex-wrap:wrap;gap:3px 12px}.top-actions{gap:5px}.top-actions .preview-pill{display:none}.top-inner{gap:10px}.bot-thread{padding:12px}}

/* Semantic illustration family: one distinct illustration per feature. */
:root{--feature-atlas:url("/assets/asset-2494a96c6e92df51.webp")}
.art-dashboard{background-image:var(--feature-atlas);background-size:400% 400%;background-position:0.000000% 0.000000%}
.art-branches{background-image:var(--feature-atlas);background-size:400% 400%;background-position:33.333333% 0.000000%}
.art-plans{background-image:var(--feature-atlas);background-size:400% 400%;background-position:66.666667% 0.000000%}
.art-agents{background-image:var(--feature-atlas);background-size:400% 400%;background-position:100.000000% 0.000000%}
.art-membership{background-image:var(--feature-atlas);background-size:400% 400%;background-position:0.000000% 33.333333%}
.art-bell{background-image:var(--feature-atlas);background-size:400% 400%;background-position:33.333333% 33.333333%}
.art-bot{background-image:var(--feature-atlas);background-size:400% 400%;background-position:66.666667% 33.333333%}
.art-receipt{background-image:var(--feature-atlas);background-size:400% 400%;background-position:100.000000% 33.333333%}
.art-renew{background-image:var(--feature-atlas);background-size:400% 400%;background-position:0.000000% 66.666667%}
.art-history{background-image:var(--feature-atlas);background-size:400% 400%;background-position:33.333333% 66.666667%}
.art-user-add{background-image:var(--feature-atlas);background-size:400% 400%;background-position:66.666667% 66.666667%}
.art-disconnect{background-image:var(--feature-atlas);background-size:400% 400%;background-position:100.000000% 66.666667%}
.art-launch{background-image:var(--feature-atlas);background-size:400% 400%;background-position:0.000000% 100.000000%}
.art-professional{background-image:var(--feature-atlas);background-size:400% 400%;background-position:33.333333% 100.000000%}
.art-enterprise{background-image:var(--feature-atlas);background-size:400% 400%;background-position:66.666667% 100.000000%}
.art-expiry{background-image:var(--feature-atlas);background-size:400% 400%;background-position:100.000000% 100.000000%}
.art-wallet{background-position:0 50%}
.art{flex-shrink:0;pointer-events:none}
.heading-identity{display:flex;align-items:center;gap:12px;min-width:0}
.heading-identity>.art{width:43px;height:43px}
.btn .action-art,.btn-text .action-art,.workspace-dialog .btn .action-art,.workspace-dialog .btn-text .action-art{width:23px;height:23px;margin:0;display:inline-block;vertical-align:middle;flex:0 0 23px}
.btn-text:has(>.action-art){display:inline-flex;align-items:center;justify-content:center;gap:7px}
.drawer-link .art{width:31px;height:31px}
.inbox-bell>.art{width:29px;height:29px}
.quick-icon>.art{width:32px;height:32px}
.account-actions .btn{gap:7px}
@media(max-width:600px){.heading-identity{gap:9px}.heading-identity>.art{width:35px;height:35px}.account-actions .btn{font-size:11px;padding-inline:10px}}
.art-pause{background-image:url("/assets/asset-929ac697a284a85b.svg");background-size:100% 100%;background-position:center}
.art-resume{background-image:url("/assets/asset-bca68acb5fd8e9c0.svg");background-size:100% 100%;background-position:center}
.art-export{background-image:url("/assets/asset-0db528f87c875399.svg");background-size:100% 100%;background-position:center}
.art-link{background-image:url("/assets/asset-4c5f17eefe9024b5.svg");background-size:100% 100%;background-position:center}
.art-acknowledge{background-image:url("/assets/asset-782e23167e1e9471.svg");background-size:100% 100%;background-position:center}
.art-ticket-add{background-image:url("/assets/asset-e92344f766482b57.svg");background-size:100% 100%;background-position:center}
.art-batch-add{background-image:url("/assets/asset-174112afe19ffcc9.svg");background-size:100% 100%;background-position:center}
/* Provider billing: shared artwork and stable responsive rows. */
.bill-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:19px}.bill-stat{display:flex;align-items:center;gap:14px;padding:20px}.bill-stat small{display:block;color:var(--muted);font-size:11px}.bill-stat strong{display:block;font-size:25px;margin-top:5px}.bill-stat bdi small{display:inline;font-size:11px;font-weight:500}.bill-stat .amber-bg{background:var(--amber-soft)}.bill-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px}.bill-toolbar h2{font-size:15px}.bill-toolbar p{font-size:11px;color:var(--muted);margin-top:5px}.bill-search{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;background:var(--panel-2);padding:10px 13px;width:310px;max-width:100%;min-height:44px}.bill-search svg{width:19px;height:19px;color:var(--muted);flex-shrink:0}.bill-search input{border:0;background:none;outline:0;color:var(--text);font:inherit;font-size:12px;min-width:0;width:100%}.bill-search:focus-within{outline:2px solid var(--blue);outline-offset:2px}.bill-filterbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 20px 15px;border-bottom:1px solid var(--line)}.bill-filterbar .domain-filters{margin:0;flex-wrap:wrap}.bill-filterbar>span{font-size:11px;color:var(--muted);white-space:nowrap}.bill-row{display:grid;grid-template-columns:minmax(160px,1.3fr) minmax(125px,1fr) minmax(125px,1fr) 75px 100px;align-items:center;gap:15px;padding:19px 20px;border-bottom:1px solid var(--line-soft)}.bill-row:last-child{border-bottom:0}.bill-row:hover{background:var(--panel-2)}.bill-person{display:flex;align-items:center;gap:11px;min-width:0}.bill-person b{display:block;font-size:13px}.bill-person small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.bill-cell{font-size:12px;min-width:0}.bill-cell>small{display:block;color:var(--muted);font-size:10px;margin-bottom:4px}.bill-cell>b{display:block}.bill-cell>span{display:block;color:var(--muted);font-size:10px;margin-top:4px}.bill-cell bdi small{font-size:9px}.bill-row .btn{font-size:11px;padding-inline:9px;gap:5px}.bill-row>.chip{justify-self:start}.bill-note{display:flex;gap:10px;align-items:flex-start;padding:16px 20px;border-top:1px solid var(--line);background:var(--panel-2)}.bill-note svg{width:20px;height:20px;flex-shrink:0;color:var(--teal)}.bill-note p{color:var(--muted);font-size:10px;line-height:1.9}.bill-empty{text-align:center;padding:35px 20px}.bill-empty>.art{width:58px;height:58px;margin:0 auto 12px}.bill-empty h3{font-size:15px}.bill-empty p{color:var(--muted);font-size:12px;margin:8px 0 16px}.bill-document{border:1px solid var(--line);border-radius:15px;padding:18px;background:var(--panel-2)}.bill-doc-head{display:flex;justify-content:space-between;align-items:center;gap:14px;padding-bottom:18px;border-bottom:1px solid var(--line)}.bill-doc-head b{display:block;font:700 12px Arial}.bill-doc-head small{display:block;color:var(--muted);font:11px Arial;margin-top:5px}.bill-doc-head p{font-size:10px;margin-top:10px}.bill-doc-head .art{width:39px;height:39px;margin-bottom:10px}.bill-doc-customer{display:grid;gap:5px;margin:18px 0}.bill-doc-customer small,.bill-doc-customer span{font-size:11px;color:var(--muted)}.bill-doc-customer b{font-size:14px}.bill-service{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--panel);border:1px solid var(--line);padding:15px 12px;margin:14px 0;border-radius:10px;font-size:13px}.bill-service small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.bill-service>bdi{white-space:nowrap}.bill-service>bdi small{display:inline}.bill-due{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 12px;border-radius:10px;background:var(--amber-soft);color:var(--amber);margin-top:12px;font-size:13px}.bill-due strong{font-size:22px}.bill-due strong small{font-size:11px}.bill-payment{display:flex;gap:10px;align-items:center;margin-top:17px;padding-top:15px;border-top:1px dashed var(--line)}.bill-payment>.art{width:28px;height:28px;margin:0}.bill-payment b{font-size:11px;display:block}.bill-payment small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.bill-statement{margin-top:16px}.bill-statement-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:start;padding:15px 5px;border-bottom:1px solid var(--line);min-height:60px}.bill-statement-row:hover{background:var(--hover)}.bill-statement-row b{font-size:11px}.bill-statement-row small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.bill-statement-row>bdi{font-size:13px;margin-inline-start:auto;white-space:nowrap}.bill-statement-row>bdi small{display:inline}.bill-statement-row svg{width:17px;height:17px;color:var(--blue);flex-shrink:0}
@media(max-width:900px){.bill-row{grid-template-columns:minmax(140px,1.2fr) 1fr 1fr 75px}.bill-row>.btn{grid-column:4;grid-row:2}.bill-row>.chip{grid-column:4;grid-row:1}.bill-toolbar{align-items:stretch;flex-direction:column;gap:14px}.bill-search{width:100%}.bill-stat{padding:15px;gap:10px}.bill-stat strong{font-size:22px}}
@media(max-width:600px){.bill-overview{grid-template-columns:1fr 1fr;gap:10px}.bill-stat:first-child{grid-column:1/-1}.bill-stat:first-child strong{font-size:25px}.bill-stat{padding:13px;gap:9px}.bill-stat .stat-icon{width:34px;height:34px;border-radius:10px}.bill-stat .art{width:29px;height:29px}.bill-stat small{font-size:10px}.bill-stat strong{font-size:21px}.bill-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;padding:17px}.bill-person{grid-column:1;grid-row:1}.bill-person .initials{display:none}.bill-row>.chip{grid-column:2;grid-row:1;justify-self:end}.bill-cell:nth-child(2){grid-column:1;grid-row:2}.bill-cell:nth-child(3){grid-column:2;grid-row:2;text-align:end}.bill-row>.btn{grid-column:1/-1;grid-row:3;min-height:40px;width:100%;margin-top:0}.bill-filterbar{align-items:flex-start;flex-direction:column;gap:9px;padding-inline:17px}.bill-filterbar .filter{font-size:11px;min-height:36px}.bill-toolbar{padding:17px}.bill-note{padding:15px}.bill-document{padding:13px}.bill-document .workspace-line{font-size:12px}.bill-doc-head{gap:8px}}

/* NAS workspace: compact device cards and accessible detail tabs. */
.nas-toolbar{display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px;padding:20px;margin-bottom:18px}.nas-toolbar h2{font-size:16px}.nas-toolbar p{font-size:11px;color:var(--muted);margin-top:5px}.nas-toolbar>.bill-search{width:100%;grid-column:1/-1}.nas-toolbar .domain-filters{margin:0;flex-wrap:wrap}.nas-toolbar>#nas-count{color:var(--muted);font-size:11px;justify-self:end}.nas-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.nas-card{padding:18px;min-width:0}.nas-card-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.nas-device-art{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:var(--blue-soft);flex-shrink:0}.nas-device-art .art{width:42px;height:42px;margin:0}.nas-card-head h2{font-size:15px}.nas-card-head p{font-size:11px;color:var(--muted);margin-top:4px}.nas-card-head>.chip{margin-inline-start:auto}.nas-address{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 0;margin-top:13px;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}.nas-address small{font-size:10px;color:var(--muted)}.nas-address b{font-size:12px}.nas-metrics{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:18px 0}.nas-metrics>div+div{border-inline-start:1px solid var(--line);padding-inline-start:16px}.nas-metrics small{display:block;font-size:10px;color:var(--muted)}.nas-metrics b{display:block;font-size:24px;margin-top:5px}.nas-metrics b small{display:inline;font-size:11px}.nas-card-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line-soft);padding-top:14px}.nas-card-foot>span{font-size:10px;color:var(--muted)}.nas-card-foot .btn{font-size:11px;padding-inline:11px}.nas-card-foot .btn .art{width:22px;height:22px}.nas-grid>.bill-empty{grid-column:1/-1}.nas-detail-title{display:flex;align-items:center;gap:12px}.nas-detail-title>div{flex:1}.nas-detail-title b{font-size:13px}.nas-detail-title small{display:block;font-size:11px;color:var(--muted);margin-top:4px}.nas-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:5px;background:var(--panel-2);border:1px solid var(--line);border-radius:13px;margin:19px 0}.nas-tabs button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;font-size:11px;color:var(--muted);border-radius:9px}.nas-tabs button[aria-selected="true"]{background:var(--panel);color:var(--blue);box-shadow:0 1px 4px #0001}.workspace-dialog .nas-tabs .art{width:23px;height:23px;margin:0}.nas-state-note{display:flex;align-items:center;gap:10px;background:var(--green-soft);color:var(--green);padding:12px;border-radius:10px;font-size:11px}.nas-state-note.offline{background:var(--red-soft);color:var(--red)}.nas-state-note svg{width:23px;height:23px;flex-shrink:0}.nas-resource-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:17px}.nas-resource-grid>div{border:1px solid var(--line);border-radius:12px;padding:14px;min-width:0}.nas-resource-grid small{display:block;color:var(--muted);font-size:11px}.nas-resource-grid b{display:block;font-size:23px;margin:8px 0}.nas-resource-grid>div>span{display:block;font-size:10px;color:var(--muted)}.nas-resource-grid .bar{width:100%}.nas-tab-note{font-size:11px;color:var(--muted);line-height:1.9;margin:5px 0 15px}.nas-related{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.nas-related>div{flex:1;min-width:0}.nas-related b{font-size:12px}.nas-related small{display:block;font-size:10px;color:var(--muted);overflow-wrap:anywhere;margin-top:5px}.nas-related .btn{font-size:11px;padding-inline:9px}.nas-empty{padding:25px 10px;text-align:center;color:var(--muted);font-size:12px}.nas-empty .art{margin:0 auto 12px;width:55px;height:55px}.nas-auth-row{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:12px;padding:15px;margin-bottom:12px}.nas-auth-row b{font-size:12px}.nas-auth-row small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.nas-auth-row p{width:100%;font-size:11px;color:var(--muted);padding-top:10px;border-top:1px solid var(--line)}
@media(max-width:1100px){.nas-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.nas-grid{grid-template-columns:1fr;gap:12px}.nas-toolbar{padding:16px;gap:13px}.nas-toolbar>.btn{font-size:11px;padding-inline:11px}.nas-toolbar .domain-filters{grid-column:1/-1}.nas-toolbar>#nas-count{grid-column:1/-1;justify-self:start}.nas-toolbar h2{font-size:14px}.nas-toolbar p{font-size:10px}.nas-tabs button{font-size:10px;gap:4px}.workspace-dialog .nas-tabs .art{width:20px;height:20px}.nas-detail-title{flex-wrap:wrap}.nas-card{padding:17px}}

.plan-intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.plan-intro p{font-size:12px;color:var(--muted);max-width:620px}.plan-intro .btn{flex-shrink:0}.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.plan-card{padding:20px;border-top:3px solid var(--teal);display:flex;flex-direction:column}.plan-blue{border-top-color:var(--blue)}.plan-purple{border-top-color:var(--purple)}.plan-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px}.plan-card-top .chip{color:var(--teal);background:var(--teal-soft)}.plan-blue .chip{color:var(--blue);background:var(--blue-soft)}.plan-purple .chip{color:var(--purple);background:var(--purple-soft)}.plan-card h2{font-size:18px}.plan-price{display:flex;align-items:center;gap:9px;margin:13px 0 19px}.plan-price strong{font-size:34px;line-height:1.2}.plan-price>span{font:600 11px Arial;color:var(--muted)}.plan-price small{display:block;font:10px Kufi,Tahoma,sans-serif;margin-top:5px}.plan-speed{display:grid;grid-template-columns:1fr 1fr;padding:16px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel-2);gap:14px}.plan-speed small{display:block;color:var(--muted);font-size:10px}.plan-speed b{display:block;font-size:21px;margin-top:5px}.plan-speed b small{display:inline;font-size:10px}.plan-facts{margin:5px 0 17px;flex:1}.plan-facts .workspace-line{font-size:11px;gap:8px}.plan-card>.btn{min-height:43px;font-size:12px}.plan-card>.btn-text{font-size:11px;margin-top:12px;min-height:40px}.plan-compare-choice{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--muted);padding-top:15px;margin-top:13px;border-top:1px solid var(--line);min-height:44px;cursor:pointer}.plan-compare-choice input{accent-color:var(--blue);width:18px;height:18px;flex-shrink:0}.plan-compare-bar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:18px;padding:16px 20px}.plan-compare-bar b{font-size:13px}.plan-compare-bar p{font-size:11px;color:var(--muted);margin-top:5px}.plan-compare-bar button:disabled{opacity:.45;cursor:not-allowed}.plan-policy-head{display:flex;align-items:center;gap:15px;margin-bottom:18px;padding:15px;background:var(--purple-soft);border-radius:13px}.plan-policy-head .art{width:54px;height:54px;margin:0}.plan-policy-head strong{font-size:27px;color:var(--purple)}.plan-policy-head small{font-size:12px}.plan-policy-head p{font-size:11px;color:var(--muted);margin-top:5px}.plan-policy-note{padding:14px;border:1px solid var(--line);border-radius:12px;margin-top:15px}.plan-policy-note h3{font-size:12px;color:var(--blue)}.plan-policy-note p{font-size:11px;color:var(--muted);line-height:1.9;margin-top:7px}.plan-compare-table{overflow:auto;border:1px solid var(--line);border-radius:12px}.plan-compare-table table{width:100%;min-width:370px;border-collapse:collapse}.plan-compare-table th,.plan-compare-table td{white-space:normal;padding:13px 10px;font-size:11px;border-bottom:1px solid var(--line);text-align:start;vertical-align:middle}.plan-compare-table th{font-weight:600;color:var(--muted);background:var(--panel-2)}.plan-compare-table thead th{color:var(--blue)}.plan-compare-table tbody tr:last-child>*{border-bottom:0}.plan-compare-table td bdi{white-space:nowrap}.plan-compare-table table:has(thead th:nth-child(4)){min-width:470px}
@media(max-width:900px){.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.plan-grid{grid-template-columns:1fr;gap:13px}.plan-card{padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.plan-card-top{grid-column:1/-1;margin-bottom:11px}.plan-card h2{align-self:center;font-size:17px}.plan-price{justify-content:flex-end;margin:0 0 12px}.plan-price strong{font-size:29px}.plan-speed,.plan-facts,.plan-card>.btn,.plan-card>.btn-text,.plan-compare-choice{grid-column:1/-1}.plan-facts{margin-bottom:12px}.plan-card>.btn-text{margin-top:6px}.plan-compare-choice{margin-top:7px}.plan-compare-bar{padding:15px;flex-direction:column;align-items:stretch}.plan-intro{align-items:flex-start;flex-direction:column;gap:12px}.plan-intro>.btn{font-size:12px}}

.voucher-toolbar{display:grid;grid-template-columns:1fr auto;gap:16px;padding:20px;margin-bottom:18px;align-items:center}.voucher-toolbar h2{font-size:16px}.voucher-toolbar p{font-size:11px;color:var(--muted);margin-top:5px}.voucher-toolbar .bill-search{width:100%}.voucher-agent-filter{display:flex;gap:8px;align-items:center;font-size:11px;color:var(--muted)}.voucher-agent-filter select{background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:10px;min-height:44px;padding:8px;font:inherit;min-width:0;max-width:100%}#voucher-count{font-size:11px;color:var(--muted);grid-column:1/-1}.voucher-batch{padding:20px}.voucher-head{display:flex;gap:12px;align-items:center}.voucher-head>div{flex:1;min-width:0}.voucher-head h2{font-size:15px}.voucher-head p{font-size:11px;color:var(--muted);margin-top:4px}.voucher-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:21px 0 17px}.voucher-stats small{display:block;font-size:10px;color:var(--muted)}.voucher-stats b{display:block;font-size:25px;margin-top:5px}.voucher-stats>div+div{border-inline-start:1px solid var(--line);padding-inline-start:13px}.voucher-progress{display:flex;align-items:center;gap:12px;margin-bottom:15px}.voucher-progress .bar{flex:1;width:auto}.voucher-progress small{font-size:11px;color:var(--teal)}.voucher-owner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.voucher-owner>span{color:var(--muted);font-size:11px}.voucher-owner button{font-size:12px;min-height:40px}.voucher-actions{display:flex;gap:10px;margin-top:14px}.voucher-actions .btn{flex:1;font-size:11px;padding-inline:10px;min-height:42px}.voucher-design{border-radius:19px;padding:22px;background:linear-gradient(135deg,#18334f,#192640 65%,#35264d);color:#f3f7ff;border:1px solid #52718e;position:relative;overflow:hidden}.voucher-design:before{content:'';position:absolute;inset-inline-end:-50px;top:-70px;width:180px;height:180px;border:28px solid #ffffff05;border-radius:50%;pointer-events:none}.voucher-brand{display:flex;align-items:center;justify-content:space-between;gap:14px}.voucher-brand b{font:700 18px Arial;letter-spacing:1px}.voucher-brand b small{font:11px Arial;color:#aac4dd;letter-spacing:2px;display:block;margin-top:4px}.workspace-dialog .voucher-brand .art{width:52px;height:52px;margin:0}.voucher-demo-mark{display:inline-block;color:#ffdfa1;background:#ffce6920;border:1px solid #ffce6940;border-radius:7px;padding:5px 8px;font-size:10px;margin-top:13px}.voucher-design h3{font-size:26px;margin-top:18px}.voucher-design>p{font-size:11px;color:#c0cede;margin-top:4px}.voucher-specs{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0;font-size:11px}.voucher-specs>*{background:#ffffff0c;border:1px solid #ffffff14;padding:6px 9px;border-radius:7px}.voucher-credentials{display:grid;grid-template-columns:1fr 1fr;background:#081b30a0;border:1px solid #ffffff22;border-radius:12px;padding:15px;gap:15px}.voucher-credentials small{font-size:10px;color:#b6cade;display:block;margin-bottom:8px}.voucher-credentials b{font-size:13px}.voucher-design-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px dashed #ffffff22;margin-top:20px;padding-top:13px;font-size:10px;color:#b6cade}.voucher-design-foot small{font-size:10px}#voucher-results>.bill-empty{grid-column:1/-1}
@media(max-width:650px){.voucher-toolbar{padding:17px;gap:13px}.voucher-toolbar h2{font-size:14px}.voucher-toolbar>.btn{font-size:11px;padding-inline:11px}.voucher-toolbar>.bill-search{grid-column:1/-1}.voucher-agent-filter{grid-column:1/-1}.voucher-agent-filter select{flex:1}.voucher-batch{padding:17px}.voucher-head h2{font-size:13px}.voucher-head{gap:9px}.voucher-stats b{font-size:23px}.voucher-actions{flex-wrap:wrap}.voucher-actions .btn{white-space:normal}.voucher-design{padding:18px}.voucher-credentials{gap:10px;padding:12px}.voucher-credentials b{font-size:12px}}

.support-toolbar{display:grid;grid-template-columns:1fr auto;align-items:center;gap:17px;padding:20px}.support-toolbar h2{font-size:16px}.support-toolbar p{font-size:11px;color:var(--muted);margin-top:6px}.support-toolbar .bill-search{grid-column:1/-1;width:100%}.support-ticket{display:flex;gap:15px;padding:20px;border-bottom:1px solid var(--line-soft)}.support-ticket:last-child{border-bottom:0}.support-art{width:48px;height:48px;background:var(--blue-soft);border-radius:14px;display:grid;place-items:center;flex-shrink:0}.support-art .art{width:40px;height:40px}.support-ticket-main{flex:1;min-width:0}.support-ticket-title{display:flex;align-items:center;justify-content:space-between;gap:15px}.support-ticket-title h3{font-size:14px}.support-meta{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:9px;color:var(--muted);font-size:10px}.support-meta b.red{color:var(--red)}.support-ticket-main>p{font-size:12px;color:var(--muted);line-height:1.9;margin-top:10px;max-width:780px}.support-row-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:14px}.support-row-actions>small{font-size:10px;color:var(--muted)}.support-row-actions .btn{font-size:11px;min-height:40px}.support-chip-new{background:var(--blue-soft);color:var(--blue)}.support-detail-head{display:flex;align-items:center;gap:13px}.support-detail-head>.art{width:48px;height:48px;margin:0}.support-detail-head h3{font-size:14px;line-height:1.8;margin-bottom:8px}.support-detail-description{font-size:12px;color:var(--muted);margin:17px 0;line-height:1.9}.support-links{display:flex;flex-wrap:wrap;gap:9px;margin:15px 0}.support-links .btn{font-size:11px;padding-inline:11px;min-height:40px}.support-history-heading{font-size:13px;margin:23px 0 17px}.support-history{list-style:none;margin:0;padding:0}.support-history li{display:flex;position:relative;gap:12px;padding-bottom:22px}.support-history li:before{content:'';position:absolute;inset-inline-start:5px;top:12px;bottom:0;border-inline-start:1px solid var(--line)}.support-history li:last-child:before{display:none}.support-history-dot{width:11px;height:11px;border:2px solid var(--blue);background:var(--panel);border-radius:50%;flex-shrink:0;margin-top:4px;z-index:1}.support-history-dot.latest{background:var(--blue)}.support-history li>div{flex:1;min-width:0}.support-history-top{display:flex;justify-content:space-between;gap:15px;align-items:center}.support-history-top b{font-size:12px}.support-history-top time{font-size:11px;color:var(--muted)}.support-history li p{font-size:11px;color:var(--muted);margin-top:6px;line-height:1.9}
@media(max-width:600px){.support-toolbar{padding:17px;gap:12px}.support-toolbar h2{font-size:14px}.support-toolbar>.btn{font-size:11px;padding-inline:10px}.support-toolbar p{font-size:10px}.support-ticket{padding:17px;gap:10px}.support-art{width:34px;height:34px;border-radius:10px}.support-art .art{width:30px;height:30px}.support-ticket-title{flex-wrap:wrap;gap:8px}.support-ticket-title h3{font-size:12px}.support-meta{gap:6px 12px}.support-ticket-main>p{font-size:11px}.support-row-actions .btn{padding-inline:10px;font-size:10px}.support-row-actions{flex-wrap:wrap;gap:8px}.support-detail-head h3{font-size:13px}}

.report-intro{display:flex;align-items:center;gap:16px;padding:20px;margin-bottom:18px}.report-intro>div{flex:1;min-width:0}.report-intro-art{width:64px;height:64px;background:var(--blue-soft);border-radius:17px;display:grid;place-items:center;flex-shrink:0}.report-intro-art .art{width:57px;height:57px}.report-intro h2{font-size:17px}.report-intro p{color:var(--muted);font-size:11px;margin-top:7px}.report-card{padding:20px}.report-card-head{display:flex;align-items:center;gap:13px}.report-card-head h2{font-size:15px}.report-card-head p{font-size:11px;color:var(--muted);margin-top:4px}.report-metrics{display:grid;grid-template-columns:1fr 1fr;gap:18px 15px;margin:23px 0}.report-metrics>div{border-inline-start:2px solid var(--line);padding-inline-start:12px;min-width:0}.report-metrics dt{font-size:10px;color:var(--muted);line-height:1.7}.report-metrics dd{font-size:25px;font-weight:700;margin:6px 0 0}.report-metrics dd small{font-size:11px;font-weight:500;color:var(--muted)}.report-card>.btn{width:100%;font-size:12px;min-height:43px}.report-scope-note{display:flex;align-items:flex-start;gap:12px;padding:16px;margin-top:18px;background:var(--panel-2)}.report-scope-note svg{width:22px;height:22px;flex-shrink:0;color:var(--teal)}.report-scope-note p{font-size:11px;line-height:1.9;color:var(--muted)}.report-period{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;margin:5px 0 15px}.report-period select{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--line);min-height:44px;border-radius:10px;padding:8px;max-width:60%;min-width:0}.report-detail-summary{border:1px solid var(--line);border-radius:13px;padding:3px 14px;background:var(--panel-2)}.report-detail-summary .workspace-line{font-size:12px}.report-detail-summary .workspace-line:last-child{border-bottom:0}.report-result-count{display:block;color:var(--muted);font-size:11px;margin-top:12px}.report-source-row{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}.report-source-row>div{flex:1;min-width:0}.report-source-row b{font-size:12px}.report-source-row small{display:block;font-size:10px;color:var(--muted);margin-top:5px;overflow-wrap:anywhere}.report-source-row small bdi small{display:inline}.report-source-row .btn{font-size:11px;padding-inline:10px;flex-shrink:0;min-height:42px}
@media(max-width:600px){.report-intro{padding:17px;gap:12px;flex-wrap:wrap}.report-intro-art{width:48px;height:48px;border-radius:13px}.report-intro-art .art{width:42px;height:42px}.report-intro h2{font-size:14px}.report-intro p{font-size:10px}.report-intro>.chip{margin-inline-start:60px}.report-card{padding:17px}.report-card-head h2{font-size:14px}.report-card-head p{font-size:10px}.report-metrics{gap:16px 12px;margin:19px 0}.report-metrics dd{font-size:24px}.report-period{align-items:flex-start;flex-direction:column}.report-period select{max-width:100%;width:100%}.report-source-row .btn{font-size:10px;padding-inline:9px}}

/* Experience phase: motion never changes the layout or carries information alone. */
:root{--vx-ease:cubic-bezier(.2,.75,.25,1);--vx-short:160ms;--vx-panel:320ms}
html{scroll-padding-top:95px}.page{animation:none}.panel,.small-stat,.focus-card{transition:border-color var(--vx-short),box-shadow var(--vx-short)}
button{touch-action:manipulation}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--blue);outline-offset:3px}button:disabled{cursor:not-allowed}
.btn,.icon-btn,.filter,.drawer-link,.nav-item,.btn-text,.theme-switch,.lang-btn{transition:background-color var(--vx-short),border-color var(--vx-short),color var(--vx-short),box-shadow var(--vx-short),transform var(--vx-short)}
.btn:active:not(:disabled),.icon-btn:active:not(:disabled),.quick-result:active,.guide-link:active{transform:scale(.98)}
@media(hover:hover) and (pointer:fine){.panel:has(>button:hover),.plan-card:has(button:hover),.nas-card:has(button:hover){border-color:var(--blue)}.btn:not(:disabled):hover{box-shadow:0 2px 8px #091b2912}.drawer-link:hover>.art,.nav-item:hover>.art{transform:translateY(-1px)}.art{transition:transform 180ms var(--vx-ease)}}
.tap-ink{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none;z-index:2}.tap-ink>span{position:absolute;border-radius:50%;background:currentColor;pointer-events:none}
.drawer[open]{animation-duration:320ms;animation-timing-function:var(--vx-ease)}.drawer.closing{animation-duration:220ms}.drawer::backdrop{background:#06142666;animation-duration:220ms}.drawer.closing::backdrop{animation-duration:220ms}.drawer-link{line-height:1.6;min-height:46px}.drawer[open] .drawer-link{animation-duration:270ms;animation-delay:calc(min(var(--i,0),6)*22ms + 45ms)}.drawer-foot{padding-block:13px;font-size:10px}.drawer-search-launch{display:flex;align-items:center;gap:8px;width:100%;padding:10px;border:1px solid var(--line);border-radius:11px;background:var(--panel-2);color:var(--muted);font-size:12px;min-height:42px;margin-bottom:14px}.drawer-search-launch svg{width:18px;height:18px;flex-shrink:0}.drawer-profile{padding-bottom:14px}.motion-switch{width:45px;height:25px;border:1px solid var(--line);background:var(--bg);border-radius:20px;position:relative;flex-shrink:0}.motion-switch:before{content:'';position:absolute;left:3px;top:3px;width:17px;height:17px;border-radius:50%;background:var(--dim);transition:transform 180ms var(--vx-ease),background 180ms}.motion-switch[aria-checked="true"]{background:var(--blue-soft);border-color:var(--blue)}.motion-switch[aria-checked="true"]:before{transform:translateX(20px);background:var(--blue)}
.workspace-dialog[open]{animation:vx-modal-in 250ms var(--vx-ease)}.workspace-dialog.motion-closing{animation:vx-modal-out 170ms var(--vx-ease) forwards}.workspace-dialog::backdrop,.membership-dialog::backdrop,.quick-search-dialog::backdrop{background:#06142680;animation:fade-in 180ms}.workspace-dialog.motion-closing::backdrop{animation:fade-out 170ms forwards}
@keyframes vx-modal-in{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}@keyframes vx-modal-out{to{opacity:0;transform:translateY(8px) scale(.99)}}
.workspace-modal-head{position:sticky;top:-23px;display:flex;align-items:center;gap:10px;background:var(--panel);border-bottom:1px solid var(--line);padding:16px 19px;margin:-23px -23px 18px;z-index:4}.workspace-dialog .workspace-modal-head h2{flex:1;font-size:15px;line-height:1.7;margin:0;min-width:0;overflow-wrap:anywhere}.workspace-modal-head .icon-btn{width:36px;height:36px;flex:0 0 36px}.modal-back svg{transform:rotate(0)}html[dir="ltr"] .modal-back svg{transform:rotate(180deg)}.workspace-modal-body{min-width:0}.workspace-dialog>.form-actions{position:relative}.membership-dialog[open]{animation:vx-modal-in 250ms var(--vx-ease)}.membership-plan{transition:border-color 180ms,background-color 180ms}.membership-plan:focus-within{border-color:var(--blue)}
.quick-search-open{display:flex;align-items:center;justify-content:center;gap:9px;height:39px;min-width:39px;border:1px solid var(--line);border-radius:12px;color:var(--muted);background:var(--panel);padding:0 11px}.quick-search-open>svg{width:18px;height:18px;flex-shrink:0}.quick-search-open>span{font-size:11px}.quick-search-open kbd{font:10px Arial;padding:3px 4px;background:var(--panel-2);border:1px solid var(--line);border-radius:4px;color:var(--dim)}
.quick-search-dialog{padding:0;max-width:none;width:min(630px,calc(100vw - 28px));max-height:min(730px,85dvh);background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);overflow:auto}.quick-search-dialog[open]{animation:vx-modal-in 240ms var(--vx-ease)}.quick-search-head{display:flex;align-items:center;gap:12px;padding:17px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--panel);z-index:2}.quick-search-field{flex:1;display:flex;align-items:center;gap:12px;min-width:0}.quick-search-field>svg{width:21px;height:21px;color:var(--blue);flex-shrink:0}.quick-search-field input{width:100%;min-width:0;border:0;background:none;color:var(--text);font:inherit;font-size:14px;min-height:38px;outline:0}.quick-search-field:focus-within{box-shadow:0 2px 0 var(--blue)}.quick-search-head .icon-btn{width:36px;height:36px;flex:0 0 36px}.quick-search-count{color:var(--muted);font-size:11px;margin:15px 19px 8px}.quick-results{padding:3px 10px 13px}.quick-result{width:100%;display:flex;align-items:center;gap:13px;text-align:start;border-radius:12px;padding:11px;min-height:66px}.quick-result:hover,.quick-result:focus-visible{background:var(--blue-soft)}.quick-result-art{width:40px;height:40px;background:var(--panel-2);border-radius:11px;display:grid;place-items:center;flex-shrink:0}.quick-result-art .art{width:35px;height:35px}.quick-result>span:nth-child(2){flex:1;min-width:0}.quick-result b{font-size:13px;display:block;font-weight:600;overflow-wrap:anywhere}.quick-result small{font-size:10px;color:var(--muted);display:block;margin-top:4px;overflow-wrap:anywhere}.quick-result>svg{width:17px;height:17px;color:var(--dim);flex-shrink:0}html[dir="rtl"] .quick-result>svg,html[dir="rtl"] .guide-link>svg{transform:rotate(180deg)}.search-empty{padding:30px 20px;text-align:center}.search-empty>.art{width:65px;height:65px;margin:0 auto 15px}.search-empty h3{font-size:15px}.search-empty p{font-size:12px;color:var(--muted);margin-top:9px}
.help-dock{position:fixed;left:18px;bottom:calc(102px + var(--sab));z-index:10;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.help-toggle{width:49px;height:49px;background:var(--panel);border:1px solid var(--line);box-shadow:0 5px 18px #0b284522;border-radius:17px;display:grid;place-items:center}.help-toggle>.art{width:39px;height:39px}.help-toggle[aria-expanded="true"]{border-color:var(--blue);background:var(--blue-soft)}.help-menu{width:245px;max-width:calc(100vw - 36px);background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:7px;box-shadow:var(--shadow);transform-origin:bottom left}.help-menu button{width:100%;display:flex;align-items:center;gap:10px;padding:10px;text-align:start;font-size:12px;min-height:46px;border-radius:10px}.help-menu button:hover{background:var(--hover)}.help-menu .art{width:28px;height:28px}.help-menu[hidden]{display:none}body[data-access="welcome"] .help-dock{display:none}.toast{bottom:calc(165px + var(--sab));pointer-events:none;animation:none}.bottom-wrap[data-selected="more"] #more-button{color:var(--blue)}.nav-indicator{transition-duration:320ms;transition-timing-function:var(--vx-ease)}
.guide-lead{font-size:12px;line-height:1.9;color:var(--muted);margin-bottom:17px}.guide-links{display:grid;gap:10px}.guide-link{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:13px;padding:13px;text-align:start;width:100%;background:var(--panel-2)}.guide-link>.art{width:37px;height:37px;margin:0}.guide-link>span{flex:1;min-width:0}.guide-link b{display:block;font-size:12px}.guide-link small{display:block;font-size:11px;color:var(--muted);margin-top:4px;line-height:1.8}.guide-link>svg{width:18px;height:18px;color:var(--blue);flex-shrink:0}.main{padding-bottom:calc(var(--bottom) + var(--sab) + 90px)}
@media(max-width:850px){.quick-search-open>span,.quick-search-open>kbd{display:none}.quick-search-open{padding:0;width:36px;min-width:36px;height:36px}.top-actions{gap:5px}}
@media(max-width:600px){.workspace-dialog{inset:auto 0 0;margin:0;width:100%;max-width:none;max-height:88dvh;border-radius:23px 23px 0 0;border-bottom:0;padding:20px 18px calc(22px + var(--sab));overscroll-behavior:contain}.workspace-dialog[open]{animation-name:vx-sheet-in}.workspace-dialog.motion-closing{animation-name:vx-sheet-out}.workspace-modal-head{top:-20px;margin:-20px -18px 18px;padding:20px 15px 12px;gap:8px;border-radius:23px 23px 0 0}.workspace-modal-head:before{content:'';position:absolute;top:7px;left:50%;transform:translateX(-50%);width:32px;height:3px;border-radius:10px;background:var(--line)}.workspace-dialog .workspace-modal-head h2{font-size:14px}.quick-search-dialog{width:calc(100vw - 18px);margin:calc(12px + var(--sat)) auto auto;max-height:85dvh;border-radius:17px}.quick-search-head{padding:12px}.quick-search-field input{font-size:13px}.quick-result{padding:10px;gap:10px}.quick-result b{font-size:12px}.help-dock{left:12px}.help-toggle{width:45px;height:45px;border-radius:15px}.help-toggle>.art{width:35px;height:35px}.drawer-head{padding-inline:12px}.drawer-scroll{padding-inline:9px}.drawer-link{padding:8px;gap:7px;font-size:11px}.drawer-link .art{width:27px;height:27px}.drawer-caption{font-size:10px}.drawer-search-launch{font-size:10px;padding:8px;gap:5px}.drawer-profile .initials{display:none}.preference{padding-inline:5px}.preference-label{font-size:10px}.drawer-foot{padding-inline:12px}.toast{font-size:12px}.btn:active:not(:disabled){transform:scale(.99)}}
@media(max-width:390px){.top-theme{display:none}.top-inner{padding-inline:12px;gap:8px}.brand-name{font-size:12px}.top-actions{gap:3px}.drawer-head .brand-name{font-size:11px}.drawer-head .brand-mark{display:none}}
@keyframes vx-sheet-in{from{opacity:.5;transform:translateY(32px)}to{opacity:1;transform:none}}@keyframes vx-sheet-out{to{opacity:0;transform:translateY(25px)}}
html[data-motion="reduced"] *,html[data-motion="reduced"] *::before,html[data-motion="reduced"] *::after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}html[data-motion="reduced"] button:active{transform:none!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}button:active{transform:none!important}}



/* UCHIHA NETWORK WORKSPACES V14 */
.network-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:17px}
.network-overview>div{position:relative;overflow:hidden;min-height:104px;padding:16px;background:var(--panel);border:1px solid var(--line);border-radius:16px}
.network-overview strong.red{color:var(--red)}.network-overview small{display:block;color:var(--muted);font-size:11px;margin-bottom:5px}.network-overview strong{font-size:24px;line-height:1.25}.network-overview .art{position:absolute;inset-inline-end:9px;bottom:-7px;width:58px;height:58px;opacity:.32}
.network-toolbar{display:flex;align-items:center;gap:12px;padding:16px;margin-bottom:16px}.network-toolbar>div:first-child{flex:1}.network-toolbar h2{font-size:15px}.network-toolbar p{font-size:11px;color:var(--muted);margin-top:3px}
.network-toolbar .bill-search{flex:0 1 330px}.branch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.branch-card{padding:0;overflow:hidden}.branch-cover{height:96px;padding:15px 17px;position:relative;background:linear-gradient(135deg,var(--blue-soft),transparent 75%);border-bottom:1px solid var(--line)}
.branch-cover.teal-cover{background:linear-gradient(135deg,var(--teal-soft),transparent 75%)}.branch-cover.amber-cover{background:linear-gradient(135deg,var(--amber-soft),transparent 75%)}
.branch-cover .art{position:absolute;inset-inline-end:13px;bottom:3px;width:78px;height:78px}.branch-cover .chip{position:relative;z-index:1}.branch-body{padding:17px}.branch-title{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:13px}.branch-title h2{font-size:15px}.branch-title p{font-size:11px;color:var(--muted)}
.branch-metrics{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid var(--line);border-radius:12px;overflow:hidden;margin:12px 0}.branch-metrics>div{padding:11px}.branch-metrics>div+div{border-inline-start:1px solid var(--line)}.branch-metrics small{font-size:10px;color:var(--muted);display:block}.branch-metrics b{font-size:17px}.branch-device{display:flex;align-items:center;gap:9px;padding:10px 0;border-top:1px solid var(--line-soft)}.branch-device:first-of-type{border-top:0}.branch-device .art{width:31px;height:31px}.branch-device>div{flex:1;min-width:0}.branch-device b,.branch-device small{display:block}.branch-device small{font-size:10px;color:var(--muted)}
.branch-actions{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:13px}.branch-actions .btn{padding-inline:12px}.site-detail-head{display:flex;align-items:center;gap:13px;padding:14px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(135deg,var(--blue-soft),transparent)}.site-detail-head>.art{width:54px;height:54px}.site-detail-head>div{flex:1}.site-detail-head b,.site-detail-head small{display:block}.site-detail-head small{font-size:11px;color:var(--muted)}
.auth-shell{display:grid;grid-template-columns:minmax(0,1fr) 278px;gap:16px;align-items:start}.auth-stream{overflow:hidden}.auth-head{padding:18px;border-bottom:1px solid var(--line)}.auth-head-top{display:flex;align-items:center;gap:12px;margin-bottom:15px}.auth-head-top>div{flex:1}.auth-head-top p{font-size:11px;color:var(--muted)}.auth-filter-line{display:flex;gap:9px;align-items:center}.auth-filter-line .bill-search{flex:1}.auth-filter-line .domain-filters{margin:0;flex-shrink:0}
.auth-list{padding:5px 17px}.auth-request{width:100%;display:grid;grid-template-columns:minmax(145px,1.35fr) minmax(110px,.9fr) 90px 85px 26px;align-items:center;gap:12px;text-align:start;padding:14px 5px;border-bottom:1px solid var(--line-soft);border-radius:10px}.auth-request:last-child{border-bottom:0}.auth-request:hover{background:var(--hover)}.auth-request>div{min-width:0}.auth-request b,.auth-request small{display:block;overflow:hidden;text-overflow:ellipsis}.auth-request small{font-size:10px;color:var(--muted);margin-top:2px}.auth-request .chip{justify-self:start}.auth-request>svg{width:16px;color:var(--dim)}html[dir=rtl] .auth-request>svg{transform:rotate(180deg)}
.auth-aside{padding:17px}.auth-aside h2{margin-bottom:12px}.auth-outcome{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--line-soft)}.auth-outcome:last-child{border:0}.auth-outcome i{width:9px;height:9px;border-radius:50%;background:var(--green)}.auth-outcome i.reject{background:var(--red)}.auth-outcome i.timeout{background:var(--amber)}.auth-outcome span{flex:1;color:var(--muted);font-size:12px}.auth-outcome b{font-size:15px}.auth-note{padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--panel-2);font-size:11px;color:var(--muted);margin-top:14px}.auth-detail-hero{display:flex;align-items:center;gap:13px;padding:15px;border-radius:14px;border:1px solid var(--line);background:var(--panel-2);margin-bottom:13px}.auth-detail-hero>.art{width:50px;height:50px}.auth-detail-hero>div{flex:1;min-width:0}.auth-detail-hero b,.auth-detail-hero small{display:block}.auth-detail-hero small{color:var(--muted);font-size:10px;margin-top:3px}.auth-explain{margin:14px 0;padding:13px;border-inline-start:3px solid var(--blue);background:var(--blue-soft);border-radius:10px;font-size:12px;color:var(--muted)}
@media(max-width:980px){.network-overview{grid-template-columns:repeat(2,1fr)}.branch-grid{grid-template-columns:repeat(2,1fr)}.auth-shell{grid-template-columns:1fr}.auth-aside{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.auth-aside h2,.auth-note{grid-column:1/-1}.auth-outcome{border:1px solid var(--line);border-radius:11px;padding:11px}}
@media(max-width:680px){.network-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.network-overview>div{min-height:92px;padding:13px}.network-overview strong{font-size:20px}.network-toolbar{align-items:stretch;flex-wrap:wrap}.network-toolbar>div:first-child{width:100%;flex-basis:100%}.network-toolbar .bill-search{flex:1 1 100%;order:3}.branch-grid{grid-template-columns:1fr}.branch-cover{height:86px}.auth-filter-line{align-items:stretch;flex-direction:column}.auth-filter-line .domain-filters{width:100%;overflow:auto;flex-wrap:nowrap}.auth-list{padding:4px 13px}.auth-request{grid-template-columns:minmax(0,1fr) auto 20px;gap:8px;padding:13px 3px}.auth-request .auth-nas{grid-column:1}.auth-request .auth-time{grid-column:2;text-align:end}.auth-request .chip{grid-column:2;grid-row:1}.auth-request>svg{grid-column:3;grid-row:1/3}.auth-aside{grid-template-columns:1fr}.auth-aside h2,.auth-note{grid-column:auto}.branch-actions{grid-template-columns:1fr}.branch-actions .btn{width:100%}}



/* UCHIHA OPERATIONS PULSE V15 */
.ops-pulse{margin:0 0 20px;padding:0;overflow:hidden}.ops-pulse-head{display:flex;align-items:center;gap:12px;padding:17px 19px 13px}.ops-pulse-head>.art{width:38px;height:38px;flex-shrink:0}.ops-pulse-head>div{flex:1;min-width:0}.ops-pulse-head h2{font-size:15px}.ops-pulse-head p{font-size:11px;color:var(--muted);margin-top:2px}.ops-pulse-head .btn-text{font-size:12px;flex-shrink:0}
.ops-pulse-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid var(--line)}.pulse-card{position:relative;display:flex;flex-direction:column;align-items:stretch;text-align:start;min-width:0;min-height:148px;padding:15px 16px;border-inline-end:1px solid var(--line-soft);background:var(--panel);overflow:hidden}.pulse-card:last-child{border-inline-end:0}.pulse-card:hover{background:var(--hover)}.pulse-card:before{content:'';position:absolute;inset-inline-start:0;top:0;bottom:0;width:3px;background:var(--blue)}.pulse-card.critical:before{background:var(--red)}.pulse-card.warning:before{background:var(--amber)}.pulse-card.finance:before{background:var(--purple)}.pulse-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:11px}.pulse-card-top>.art{width:35px;height:35px}.pulse-card-top .chip{font-size:10px;padding:2px 7px}.pulse-card b{font-size:13px;line-height:1.75;display:block}.pulse-card p{font-size:10.5px;color:var(--muted);margin-top:4px;line-height:1.8}.pulse-card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:12px;color:var(--blue);font-size:10.5px;font-weight:600}.pulse-card-foot svg{width:15px;height:15px}html[dir=rtl] .pulse-card-foot svg{transform:rotate(180deg)}
@media(max-width:900px){.ops-pulse-grid{grid-template-columns:repeat(2,1fr)}.pulse-card:nth-child(2){border-inline-end:0}.pulse-card:nth-child(-n+2){border-bottom:1px solid var(--line-soft)}}
@media(max-width:560px){.ops-pulse{margin-bottom:17px}.ops-pulse-head{padding:15px}.ops-pulse-head>.art{width:34px;height:34px}.ops-pulse-head h2{font-size:14px}.ops-pulse-head p{font-size:10px}.ops-pulse-head .btn-text span{display:none}.ops-pulse-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.ops-pulse-grid::-webkit-scrollbar{display:none}.pulse-card{flex:0 0 78%;min-height:139px;border-bottom:0!important;border-inline-end:1px solid var(--line-soft)!important;scroll-snap-align:start}.pulse-card:last-child{border-inline-end:0!important}}
@media print{.ops-pulse{display:none}}



/* UCHIHA RESILIENCE & ATTENTION V16 */
.connection-banner{display:flex;align-items:center;gap:11px;margin:0 0 16px;padding:11px 13px;border:1px solid color-mix(in srgb,var(--amber) 30%,var(--line));border-radius:13px;background:var(--amber-soft);color:var(--amber)}.connection-banner[hidden]{display:none}.connection-banner>.art{width:33px;height:33px;flex-shrink:0}.connection-banner>div{flex:1;min-width:0}.connection-banner b{display:block;font-size:12px}.connection-banner p{font-size:10.5px;color:var(--muted);margin-top:1px}.connection-banner .btn{min-height:34px;padding:4px 11px;font-size:11px;background:var(--panel)}
.drawer-count{margin-inline-start:auto;min-width:23px;height:22px;padding:0 6px;border-radius:7px;display:grid;place-items:center;background:var(--blue-soft);color:var(--blue);font:700 11px Arial,sans-serif}.drawer-count.warn{background:var(--amber-soft);color:var(--amber)}.drawer-count.danger{background:var(--red-soft);color:var(--red)}.drawer-count.purple{background:var(--purple-soft);color:var(--purple)}
.more-attention-badge{position:absolute;top:5px;inset-inline-end:23%;min-width:17px;height:17px;padding:0 4px;border-radius:20px;display:grid;place-items:center;background:var(--red);color:#fff;border:2px solid var(--panel);font:700 8px Arial,sans-serif;line-height:1}.more-attention-badge[hidden]{display:none}.nav-item{overflow:visible}
.attention-key{display:flex;align-items:center;gap:6px;margin-top:9px;font-size:10px;color:var(--dim)}.attention-key i{width:6px;height:6px;border-radius:50%;background:var(--red)}
@media(max-width:560px){.connection-banner{padding:10px;gap:8px}.connection-banner>.art{width:29px;height:29px}.connection-banner p{font-size:9.5px}.connection-banner .btn{padding-inline:9px}.more-attention-badge{inset-inline-end:20%}}



/* UCHIHA PROVIDER TEAM V17 */
.team-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:16px}.team-stat{display:flex;align-items:center;gap:13px;padding:16px}.team-stat .stat-icon{flex-shrink:0}.team-stat small,.team-stat strong{display:block}.team-stat small{font-size:11px;color:var(--muted)}.team-stat strong{font-size:22px;line-height:1.35}.team-toolbar{display:flex;align-items:center;gap:13px;padding:17px 19px;border-bottom:1px solid var(--line)}.team-toolbar>div{flex:1}.team-toolbar h2{font-size:15px}.team-toolbar p{font-size:11px;color:var(--muted);margin-top:2px}.team-list{padding:3px 18px}.team-member{display:grid;grid-template-columns:minmax(180px,1.35fr) minmax(145px,1fr) minmax(120px,.8fr) 100px 96px;align-items:center;gap:12px;padding:15px 2px;border-bottom:1px solid var(--line-soft)}.team-member:last-child{border-bottom:0}.team-person{display:flex;align-items:center;gap:11px;min-width:0}.team-person .initials{flex-shrink:0}.team-person b,.team-person small{display:block;overflow:hidden;text-overflow:ellipsis}.team-person small{font-size:10.5px;color:var(--muted)}.team-cell small,.team-cell b{display:block}.team-cell small{font-size:10px;color:var(--dim);margin-bottom:2px}.team-cell b{font-size:12px}.team-role{display:inline-flex;align-items:center;gap:6px;color:var(--blue);font-size:11px;font-weight:600}.team-role:before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}.team-member>.btn{font-size:11px;min-height:36px;padding-inline:11px}.role-matrix{overflow:auto;border:1px solid var(--line);border-radius:13px}.role-matrix table{min-width:570px}.role-matrix th,.role-matrix td{padding:11px 12px;text-align:center;border-bottom:1px solid var(--line);font-size:11px}.role-matrix th:first-child,.role-matrix td:first-child{text-align:start;position:sticky;inset-inline-start:0;background:var(--panel);z-index:1}.role-matrix thead th{background:var(--panel-2);color:var(--muted)}.role-matrix td.allowed{color:var(--green);font-weight:700}.role-matrix td.limited{color:var(--amber);font-weight:700}.role-matrix td.denied{color:var(--dim)}.permission-legend{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.permission-legend span{font-size:10px;padding:4px 8px;border-radius:7px;background:var(--panel-2);color:var(--muted)}.member-hero{display:flex;align-items:center;gap:13px;padding:15px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(135deg,var(--blue-soft),transparent);margin-bottom:13px}.member-hero>.art{width:51px;height:51px}.member-hero>div{flex:1;min-width:0}.member-hero b,.member-hero small{display:block}.member-hero small{font-size:10px;color:var(--muted)}.member-scope{margin-top:13px;padding:12px;border-radius:11px;background:var(--panel-2);font-size:11px;color:var(--muted)}
@media(max-width:900px){.team-member{grid-template-columns:minmax(170px,1.4fr) 1fr 95px 86px}.team-member .team-scope-cell{display:none}}
@media(max-width:680px){.team-overview{grid-template-columns:1fr 1fr}.team-stat:last-child{grid-column:1/-1}.team-toolbar{flex-wrap:wrap}.team-toolbar>div{flex-basis:100%}.team-toolbar .btn{flex:1}.team-list{padding:3px 15px}.team-member{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:14px 0}.team-person{grid-column:1}.team-member>.chip{grid-column:2;grid-row:1}.team-member .team-role-cell{grid-column:1}.team-member .team-active-cell{grid-column:2;text-align:end}.team-member .team-scope-cell{display:none}.team-member>.btn{grid-column:1/-1;width:100%;margin-top:4px}}



/* UCHIHA INTEGRATIONS HUB V18 */
.integration-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.integration-stat{position:relative;overflow:hidden;padding:16px}.integration-stat small{display:block;color:var(--muted);font-size:11px}.integration-stat strong{font-size:23px;display:block;margin-top:3px}.integration-stat>.art{position:absolute;inset-inline-end:9px;bottom:-6px;width:57px;height:57px;opacity:.32}.integration-intro{display:flex;align-items:center;gap:14px;padding:17px 19px;margin-bottom:16px}.integration-intro>.art{width:47px;height:47px;flex-shrink:0}.integration-intro>div{flex:1}.integration-intro h2{font-size:15px}.integration-intro p{font-size:11px;color:var(--muted);margin-top:2px}.integration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.integration-card{padding:18px;position:relative;overflow:hidden}.integration-card:before{content:'';position:absolute;inset-inline-start:0;top:0;bottom:0;width:3px;background:var(--green)}.integration-card.attention:before{background:var(--amber)}.integration-card.planned:before{background:var(--purple)}.integration-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.integration-head>.stat-icon{width:47px;height:47px;border-radius:14px}.integration-head>.stat-icon .art{width:39px;height:39px}.integration-head>div{flex:1;min-width:0}.integration-head h2{font-size:15px}.integration-head p{font-size:10px;color:var(--muted);margin-top:2px}.integration-facts{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:14px}.integration-facts>div{padding:10px 11px}.integration-facts>div+div{border-inline-start:1px solid var(--line)}.integration-facts small,.integration-facts b{display:block}.integration-facts small{font-size:9.5px;color:var(--dim)}.integration-facts b{font-size:11px;margin-top:2px;overflow:hidden;text-overflow:ellipsis}.integration-card-actions{display:flex;align-items:center;gap:8px}.integration-card-actions .btn{flex:1;font-size:11px;min-height:38px;padding-inline:10px}.integration-security{display:flex;gap:9px;align-items:flex-start;margin-top:16px;padding:12px 13px;border-radius:12px;background:var(--blue-soft);color:var(--muted);font-size:10.5px}.integration-security>.art{width:28px;height:28px;flex-shrink:0}.integration-detail-head{display:flex;align-items:center;gap:13px;padding:15px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(135deg,var(--teal-soft),transparent);margin-bottom:13px}.integration-detail-head>.art{width:51px;height:51px}.integration-detail-head>div{flex:1}.integration-detail-head b,.integration-detail-head small{display:block}.integration-detail-head small{font-size:10px;color:var(--muted)}.integration-checks{display:grid;gap:8px;margin:13px 0}.integration-check{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid var(--line);border-radius:10px;font-size:11px}.integration-check svg{width:16px;color:var(--green)}
@media(max-width:860px){.integration-summary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.integration-summary{gap:9px}.integration-stat{padding:13px}.integration-stat strong{font-size:20px}.integration-intro{align-items:flex-start;flex-wrap:wrap}.integration-intro>div{min-width:calc(100% - 65px)}.integration-intro .btn{width:100%}.integration-grid{grid-template-columns:1fr}.integration-card{padding:16px}.integration-head>.stat-icon{width:43px;height:43px}.integration-card-actions{display:grid;grid-template-columns:1fr}.integration-card-actions .btn{width:100%}}

/* UCHIHA RADIUS CORE V19 · IP pools, AAA policies and accounting. */
.art-pools{background-image:url("/assets/asset-db0480d64e931187.svg")}
.art-policies{background-image:url("/assets/asset-5f8847ac8c7308c3.svg")}
.art-accounting{background-image:url("/assets/asset-fa83cad65bccc107.svg")}
.radius-core-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.radius-core-stat{padding:16px;position:relative;overflow:hidden}.radius-core-stat small,.radius-core-stat strong{display:block}.radius-core-stat small{color:var(--muted);font-size:11px}.radius-core-stat strong{font-size:23px;margin-top:3px}.radius-core-stat>.art{position:absolute;width:55px;height:55px;inset-inline-end:8px;bottom:-7px;opacity:.32}
.core-toolbar{display:flex;align-items:center;gap:14px;padding:18px 19px;margin-bottom:16px}.core-toolbar>.art{width:51px;height:51px}.core-toolbar>div{flex:1;min-width:0}.core-toolbar h2{font-size:15px}.core-toolbar p{font-size:11px;color:var(--muted);margin-top:2px}.core-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.core-card{padding:17px;position:relative}.core-card-head{display:flex;align-items:center;gap:11px;margin-bottom:14px}.core-card-head>.art{width:43px;height:43px}.core-card-head>div{flex:1;min-width:0}.core-card-head h2{font-size:14px}.core-card-head p{font-size:10.5px;color:var(--muted)}.core-card-head>.chip{margin-inline-start:auto}.core-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:13px}.core-facts>div{border:1px solid var(--line-soft);border-radius:12px;background:var(--panel-2);padding:10px}.core-facts small,.core-facts b{display:block}.core-facts small{font-size:9.5px;color:var(--dim)}.core-facts b{font-size:11.5px;margin-top:2px;overflow:hidden;text-overflow:ellipsis}.capacity-row{display:flex;justify-content:space-between;gap:10px;font-size:10.5px;color:var(--muted);margin-bottom:6px}.capacity-track{height:8px;border-radius:99px;background:var(--panel-2);overflow:hidden}.capacity-track>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--teal),var(--blue))}.capacity-track>i.warn{background:linear-gradient(90deg,var(--amber),var(--red))}.core-actions{display:flex;gap:8px;margin-top:14px;padding-top:13px;border-top:1px solid var(--line-soft)}.core-actions .btn{flex:1}
.policy-rule-list{display:flex;flex-wrap:wrap;gap:6px;margin:11px 0}.policy-rule{padding:5px 9px;border-radius:8px;background:var(--purple-soft);color:var(--purple);font-size:9.5px;font-weight:700}.accounting-chart{padding:18px;margin-bottom:16px}.accounting-chart-head{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:14px}.accounting-chart h2{font-size:15px}.accounting-chart p{font-size:10.5px;color:var(--muted)}.acct-bars{height:165px;display:flex;align-items:flex-end;gap:10px;padding:15px 4px 0;border-bottom:1px solid var(--line)}.acct-bar{flex:1;min-width:0;text-align:center}.acct-bar i{display:block;width:min(30px,72%);height:var(--h);margin:auto;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,var(--teal),var(--blue));box-shadow:0 8px 24px color-mix(in srgb,var(--teal) 18%,transparent);transform-origin:bottom;animation:acct-rise .55s var(--ease) both;animation-delay:var(--d)}.acct-bar small{display:block;font:600 9px Arial,sans-serif;color:var(--dim);margin-top:7px}@keyframes acct-rise{from{transform:scaleY(.08);opacity:.25}}
.acct-table{margin-bottom:16px}.acct-row{display:grid;grid-template-columns:minmax(165px,1.4fr) 1fr 1fr 88px auto;align-items:center;gap:12px;padding:13px 17px;border-bottom:1px solid var(--line-soft)}.acct-row:last-child{border-bottom:0}.acct-user b,.acct-user small{display:block}.acct-user b{font-size:12px}.acct-user small{font-size:9.5px;color:var(--dim)}.acct-cell small,.acct-cell b{display:block}.acct-cell small{font-size:9px;color:var(--dim)}.acct-cell b{font-size:11px}.core-note{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:13px;background:var(--teal-soft);color:var(--teal);font-size:10.5px;margin-top:16px}.core-note>.art{width:29px;height:29px}.core-note p{color:var(--muted)}
@media(max-width:860px){.radius-core-summary{grid-template-columns:repeat(2,1fr)}.acct-row{grid-template-columns:minmax(150px,1.4fr) 1fr 80px auto}.acct-row .acct-ip{display:none}}
@media(max-width:650px){.radius-core-summary{gap:9px}.radius-core-stat{padding:13px}.radius-core-stat strong{font-size:20px}.core-toolbar{align-items:flex-start;flex-wrap:wrap}.core-toolbar>div{min-width:calc(100% - 70px)}.core-toolbar>.btn{width:100%}.core-grid{grid-template-columns:1fr}.core-card{padding:15px}.core-actions{display:grid}.acct-bars{height:135px;gap:5px}.acct-bar i{width:65%}.acct-row{grid-template-columns:minmax(0,1fr) auto;gap:7px 12px;padding:13px 15px}.acct-user{grid-column:1}.acct-row>.chip{grid-column:2;grid-row:1}.acct-cell{grid-row:2}.acct-row .acct-ip{display:block}.acct-row>.btn{grid-column:1/-1;width:100%}}
/* UCHIHA RADIUS RELIABILITY V20 · topology and clustered RADIUS nodes. */
.art-cluster{background-image:url("/assets/asset-aa759b3f4fe8ee0f.svg")}
.art-topology{background-image:url("/assets/asset-aac6b875cc5beda8.svg")}
.reliability-hero{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:14px;margin-bottom:16px}.reliability-score{padding:20px;display:flex;align-items:center;gap:18px;position:relative;overflow:hidden}.reliability-score>.art{width:72px;height:72px}.reliability-score>div{flex:1}.reliability-score small{font-size:11px;color:var(--muted)}.reliability-score strong{display:block;font-size:31px;line-height:1.25;margin-top:3px}.reliability-score p{font-size:10.5px;color:var(--muted)}.quorum-card{padding:18px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px}.quorum-ring{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--green) 0 75%,var(--panel-2) 75% 100%);position:relative}.quorum-ring::before{content:"";position:absolute;inset:9px;border-radius:50%;background:var(--panel)}.quorum-ring b{position:relative;font:700 15px Arial}.node-list{display:grid;gap:11px}.radius-node{display:grid;grid-template-columns:minmax(190px,1.4fr) 1fr 1fr 1fr auto;align-items:center;gap:12px;padding:15px 17px;border-bottom:1px solid var(--line-soft)}.radius-node:last-child{border:0}.node-name{display:flex;align-items:center;gap:11px}.node-name>.art{width:38px;height:38px}.node-name b,.node-name small{display:block}.node-name b{font-size:12px}.node-name small{font-size:9.5px;color:var(--dim)}.node-metric small,.node-metric b{display:block}.node-metric small{font-size:9px;color:var(--dim)}.node-metric b{font-size:11px}.live-dot{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 color-mix(in srgb,var(--green) 45%,transparent);animation:node-pulse 2s infinite}.live-dot.warn{background:var(--amber)}@keyframes node-pulse{50%{box-shadow:0 0 0 7px transparent}}.cluster-flow{padding:18px;margin-bottom:16px}.flow-track{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;position:relative;padding:26px 12px 10px}.flow-track::before{content:"";position:absolute;top:55px;inset-inline:17%;height:2px;background:linear-gradient(90deg,var(--teal),var(--blue),var(--purple))}.flow-node{position:relative;z-index:1;text-align:center}.flow-node>.art{width:58px;height:58px;margin:auto;background-color:var(--panel);border-radius:18px}.flow-node b,.flow-node small{display:block}.flow-node b{font-size:11px;margin-top:7px}.flow-node small{font-size:9px;color:var(--dim)}
.topology-board{padding:18px;margin-bottom:16px;overflow:auto}.topology-canvas{min-width:700px;min-height:350px;position:relative;border-radius:18px;border:1px solid var(--line-soft);background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--blue) 9%,transparent),transparent 34%),linear-gradient(var(--panel-2),var(--panel-2));overflow:hidden}.topology-lines{position:absolute;inset:0;width:100%;height:100%}.topology-lines path{fill:none;stroke:var(--line2);stroke-width:2.5;stroke-dasharray:8 8;animation:dash-flow 12s linear infinite}.topology-lines path.hot{stroke:var(--teal)}@keyframes dash-flow{to{stroke-dashoffset:-96}}.topology-point{position:absolute;width:168px;min-height:82px;transform:translate(-50%,-50%);background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:11px;box-shadow:var(--shadow);display:flex;align-items:center;gap:10px}.topology-point>.art{width:42px;height:42px}.topology-point b,.topology-point small{display:block}.topology-point b{font-size:10.5px}.topology-point small{font-size:8.8px;color:var(--dim)}.topology-point.core{left:50%;top:20%;border-color:color-mix(in srgb,var(--blue) 40%,var(--line))}.topology-point.city{left:22%;top:62%}.topology-point.north{left:50%;top:76%}.topology-point.edge{left:78%;top:62%}.topology-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:13px;font-size:9.5px;color:var(--muted)}.topology-legend span{display:flex;align-items:center;gap:5px}.topology-legend i{width:8px;height:8px;border-radius:50%;background:var(--green)}.topology-legend i.warn{background:var(--amber)}.link-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.link-card{padding:15px}.link-card header{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:11px}.link-card h2{font-size:12px}.link-card p{font-size:9.5px;color:var(--muted)}
@media(max-width:900px){.reliability-hero{grid-template-columns:1fr}.radius-node{grid-template-columns:minmax(170px,1.3fr) 1fr 1fr auto}.radius-node .node-repl{display:none}.link-list{grid-template-columns:1fr 1fr}.link-card:last-child{grid-column:1/-1}}
@media(max-width:650px){.reliability-score{padding:16px}.reliability-score>.art{width:58px;height:58px}.reliability-score strong{font-size:25px}.radius-node{grid-template-columns:minmax(0,1fr) auto;gap:7px 10px;padding:13px 15px}.node-name{grid-column:1}.radius-node>.chip{grid-column:2;grid-row:1}.node-metric{grid-row:2}.radius-node .node-repl{display:block}.radius-node>.btn{grid-column:1/-1;width:100%}.flow-track{gap:8px;padding-inline:0}.flow-node>.art{width:48px;height:48px}.flow-track::before{inset-inline:16%;top:50px}.topology-board{padding:12px;margin-inline:-2px}.link-list{grid-template-columns:1fr}.link-card:last-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.live-dot,.topology-lines path{animation:none!important}}


/* UCHIHA RADIUS — five primary destinations, compact subscription status and immediate taps */
html,body,button,a,[role="button"]{touch-action:manipulation}
button{-webkit-user-select:none;user-select:none}
.page{animation-duration:.12s}
.nav-indicator{transition-duration:.14s;will-change:transform}
.bottom-wrap[data-selected="subscribers"] .nav-indicator{transform:translateX(-100%)}
.bottom-wrap[data-selected="sessions"] .nav-indicator{transform:translateX(-200%)}
.bottom-wrap[data-selected="billing"] .nav-indicator{transform:translateX(-300%)}
.bottom-wrap[data-selected="more"] .nav-indicator{transform:translateX(-400%)}
html[dir="ltr"] .bottom-wrap[data-selected="subscribers"] .nav-indicator{transform:translateX(100%)}
html[dir="ltr"] .bottom-wrap[data-selected="sessions"] .nav-indicator{transform:translateX(200%)}
html[dir="ltr"] .bottom-wrap[data-selected="billing"] .nav-indicator{transform:translateX(300%)}
html[dir="ltr"] .bottom-wrap[data-selected="more"] .nav-indicator{transform:translateX(400%)}
.nav-item:active,.btn:active,.drawer-link:active,.tool-link:active{transform:scale(.97)}
.nav-item,.btn,.drawer-link,.tool-link{transition:transform .07s,background-color .1s,color .1s}
.drawer[open]{animation-duration:.16s}.drawer.closing{animation-duration:.08s}.drawer::backdrop{animation-duration:.12s}
.inbox-bell,[data-help-page="telegram"]{display:none!important}
.platform-membership-strip{position:sticky;top:0;z-index:11;margin:0;border-width:0 0 1px;border-radius:0;min-height:62px;padding:8px max(16px,calc((100vw - 1264px)/2 + 24px));background:var(--panel);color:var(--text);box-shadow:0 2px 12px #0000000c}
.platform-membership-strip .subscription-main{display:flex;align-items:center;gap:11px;min-width:0}
.platform-membership-strip .subscription-main>.art{width:40px;height:40px;flex:0 0 auto}
.platform-membership-strip .subscription-copy{display:flex;align-items:center;gap:9px;min-width:0;flex-wrap:wrap}
.platform-membership-strip .subscription-copy b{font-size:12px;white-space:nowrap}
.platform-membership-strip .subscription-copy p{font-size:10px;color:var(--muted)}
.platform-membership-strip .subscription-status{font-size:10px;color:var(--amber);background:var(--amber-soft);border-radius:999px;padding:3px 8px;white-space:nowrap}
.platform-membership-strip .btn{min-height:36px;padding:5px 12px;font-size:11px;flex:0 0 auto}
.topbar{top:62px}
.more-intro{display:flex;gap:13px;align-items:center;padding:17px;margin-bottom:16px}
.more-intro>.art{width:46px;height:46px;flex:0 0 auto}
.more-intro p{font-size:12px;color:var(--muted);margin-top:3px}
.tool-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.tool-group{padding:17px}
.tool-group header{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.tool-group header>.art{width:38px;height:38px}
.tool-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.tool-link{display:flex;align-items:center;gap:9px;min-height:54px;padding:8px 10px;text-align:start;color:var(--muted);background:var(--panel-2);border:1px solid var(--line-soft);border-radius:12px}
.tool-link:hover{background:var(--hover);color:var(--text)}
.tool-link>.art{width:31px;height:31px;flex:0 0 auto}
.tool-link span{font-size:11px;line-height:1.55}
@media(max-width:760px){
 .platform-membership-strip{min-height:56px;padding:6px 12px;gap:7px}
 .platform-membership-strip .subscription-main>.art{width:34px;height:34px}
 .platform-membership-strip .subscription-copy{gap:5px}
 .platform-membership-strip .subscription-copy p{display:none}
 .platform-membership-strip .subscription-copy b{font-size:10px}
 .platform-membership-strip .subscription-status{font-size:9px;padding:2px 6px}
 .platform-membership-strip .btn{min-height:34px;padding:4px 9px;font-size:10px}
 .topbar{top:56px}
 .bottom-wrap{bottom:calc(8px + var(--sab));width:calc(100% - 16px)}
 .bottom-nav{padding:5px}.nav-indicator{top:6px;bottom:6px;width:calc((100% - 10px)/5);inset-inline-start:5px}
 .nav-item{font-size:9px;min-height:54px;gap:1px}.nav-item .art{width:24px;height:24px}.nav-item svg{width:20px;height:20px}
 .tool-groups{grid-template-columns:1fr;gap:12px}.tool-group{padding:14px}.tool-link{min-height:51px}
}
@media(max-width:360px){.platform-membership-strip .subscription-main>.art{display:none}.platform-membership-strip .subscription-copy b{font-size:9px}.nav-item{font-size:8px}.tool-links{grid-template-columns:1fr 1fr}}



/* UCHIHA RADIUS — force all five primary actions into one row on every phone */
.bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr))!important;grid-auto-flow:column!important;grid-auto-columns:minmax(0,1fr)!important}
.bottom-nav>.nav-item{grid-row:1!important;min-width:0!important;width:100%;white-space:nowrap;overflow:hidden}
.bottom-nav>.nav-item>span:last-child{display:block;max-width:100%;overflow:hidden;text-overflow:clip;white-space:nowrap}
@media(max-width:560px){
 .bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr))!important;padding:5px!important}
 .bottom-nav>.nav-item{min-height:53px!important;padding-inline:0!important;font-size:8.5px!important;gap:1px!important}
 .bottom-nav>.nav-item .art{width:23px!important;height:23px!important}
 .bottom-nav>.nav-item svg{width:19px!important;height:19px!important}
}
@media(max-width:340px){.bottom-nav>.nav-item{font-size:7.5px!important}.bottom-nav>.nav-item .art{width:21px!important;height:21px!important}}



/* UCHIHA RADIUS — provider continuity, cleanup and welcome-state correctness */
body[data-access="welcome"]>.platform-membership-strip{display:none!important}
body[data-access="browse"]>.platform-membership-strip{display:flex}
.continuity-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.continuity-stat{padding:15px;min-width:0}.continuity-stat>.art{width:34px;height:34px;margin-bottom:10px}.continuity-stat small{display:block;color:var(--muted);font-size:10px}.continuity-stat strong{display:block;margin-top:4px;font-size:18px}.continuity-stat p{margin-top:4px;color:var(--muted);font-size:10px}
.continuity-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:16px;align-items:start}
.continuity-card{padding:17px}.continuity-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:13px}.continuity-card>header>div{display:flex;align-items:center;gap:10px}.continuity-card>header .art{width:39px;height:39px;flex:0 0 auto}.continuity-card h2{font-size:13px}.continuity-card header p{font-size:10px;color:var(--muted);margin-top:2px}.continuity-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.continuity-actions .btn{min-height:38px;font-size:10px}
.backup-list,.audit-list{display:flex;flex-direction:column}.backup-row,.audit-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line-soft)}.backup-row:last-child,.audit-row:last-child{border-bottom:0}.backup-row b,.audit-row b{font-size:11px}.backup-row small,.audit-row small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.backup-meta,.audit-meta{text-align:end}.backup-meta strong,.audit-meta strong{display:block;font-size:10px}.backup-meta span,.audit-meta span{font-size:9px;color:var(--muted)}
.recovery-readiness{margin-top:12px;padding:12px;border:1px solid var(--line);background:var(--panel-2);border-radius:13px}.recovery-readiness>div{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:10px}.recovery-readiness .capacity-track{margin-top:9px}.audit-row button{justify-self:end}.continuity-note{margin-top:16px}
@media(max-width:900px){.continuity-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.continuity-grid{grid-template-columns:1fr}}
@media(max-width:560px){.continuity-summary{gap:8px}.continuity-stat{padding:12px}.continuity-stat strong{font-size:15px}.continuity-card{padding:14px}.backup-row,.audit-row{grid-template-columns:1fr}.backup-meta,.audit-meta{text-align:start}.audit-row button{justify-self:start}.platform-membership-strip{box-shadow:0 3px 14px #00000010}}

/* UCHIHA RADIUS — recovery objectives, drill history and coherent attention routing */
.continuity-objectives{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 16px}
.continuity-objective{padding:13px 14px;border:1px solid var(--line);border-radius:14px;background:var(--panel-2);min-width:0}.continuity-objective small{display:block;color:var(--muted);font-size:9px}.continuity-objective strong{display:block;margin-top:4px;font-size:16px}.continuity-objective p{margin-top:3px;color:var(--muted);font-size:9px;line-height:1.65}
.drill-list{display:flex;flex-direction:column}.drill-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line-soft)}.drill-row:last-child{border-bottom:0}.drill-main{display:flex;align-items:center;gap:9px;min-width:0}.drill-main>.art{width:31px;height:31px;flex:0 0 auto}.drill-main div{min-width:0}.drill-main b{display:block;font-size:10.5px}.drill-main small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.drill-time{font-size:10px;font-weight:700}.drill-state{min-width:64px;text-align:center}
.continuity-policy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:12px}.continuity-policy{padding:11px 12px;border-radius:12px;background:var(--panel-2);border:1px solid var(--line-soft)}.continuity-policy small{display:block;color:var(--muted);font-size:9px}.continuity-policy b{display:block;margin-top:3px;font-size:10.5px}.continuity-policy p{margin-top:3px;color:var(--muted);font-size:8.5px;line-height:1.6}
.readiness-band{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:13px 14px;margin-top:14px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(135deg,var(--panel-2),var(--panel))}.readiness-band b{font-size:11px}.readiness-band p{font-size:9px;color:var(--muted);margin-top:3px}.readiness-score{font-size:21px;font-weight:800;white-space:nowrap}
.more-attention-badge{min-width:17px;padding-inline:4px}
@media(max-width:700px){.continuity-objectives{grid-template-columns:1fr}.drill-row{grid-template-columns:1fr auto}.drill-state{grid-column:2;grid-row:1/3}.continuity-policy-grid{grid-template-columns:1fr}.readiness-band{grid-template-columns:1fr}.readiness-score{font-size:18px}}


/* UCHIHA RADIUS — smoother navigation and mobile rendering */
:root{--fast-ease:cubic-bezier(.2,.72,.24,1)}
/* Skip paint/layout work for long repeated records until they approach the viewport. */
.subscriber-record,.support-ticket,.radius-node,.link-card,.drill-row,.audit-row,.tool-group,.integration-card,.voucher-batch,.agent-card{content-visibility:auto;contain-intrinsic-size:auto 92px}
/* Keep taps crisp and avoid expensive accidental text selection/highlight on mobile navigation. */
.nav-item,.drawer-link,.tool-link,.btn,.btn-text,.icon-btn,.quick-result,.pulse-card{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.bottom-wrap,.topbar,.platform-membership-strip{backface-visibility:hidden}
.nav-indicator{transition:transform .12s var(--fast-ease);will-change:auto}
.drawer[open]{animation-duration:190ms;animation-timing-function:var(--fast-ease)}
.drawer.closing{animation-duration:150ms;animation-timing-function:var(--fast-ease)}
.drawer::backdrop{animation-duration:160ms}.drawer.closing::backdrop{animation-duration:140ms}
.workspace-dialog[open]{animation-duration:180ms;animation-timing-function:var(--fast-ease)}
.workspace-dialog.motion-closing{animation-duration:140ms;animation-timing-function:var(--fast-ease)}
.workspace-dialog::backdrop,.quick-search-dialog::backdrop{animation-duration:150ms}
.workspace-dialog.motion-closing::backdrop{animation-duration:130ms}
html[data-performance="lite"] .topology-lines path,html[data-performance="lite"] .live-dot{animation:none!important}
html[data-performance="lite"] .drawer[open] .drawer-link{animation:none!important}
@media(max-width:760px){
  /* Staggering every drawer row looks nice on desktop but competes with navigation rendering on phones. */
  .drawer[open] .drawer-link{animation:none!important}
  .drawer[open],.drawer.closing{will-change:transform}
  .topology-lines path,.live-dot{animation:none!important}
  .help-menu{box-shadow:0 8px 24px #071a2b22}
  .panel{box-shadow:none}
}
@media(max-width:480px){
  .workspace-dialog[open]{animation-duration:160ms}
  .workspace-dialog.motion-closing{animation-duration:120ms}
  .nav-indicator{transition-duration:95ms}
}


/* UCHIHA RADIUS — native-feeling navigation continuity */
html{scrollbar-gutter:stable;overscroll-behavior-y:none}
body{overscroll-behavior-y:none}
.drawer-scroll,.workspace-dialog,.quick-search-dialog{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
/* Keep page switching on one compositor layer instead of animating many cards independently. */
.page,.workspace-content{transform:translateZ(0)}
body[data-navigating="true"] .page:not([hidden]){pointer-events:none}
@media(hover:none) and (pointer:coarse){
  .nav-item:active,.drawer-link:active,.tool-link:active,.btn:active,.btn-text:active,.icon-btn:active,.quick-result:active,.pulse-card:active{opacity:.82;transform:scale(.985)}
  .nav-item,.drawer-link,.tool-link,.btn,.btn-text,.icon-btn,.quick-result,.pulse-card{transition:opacity .08s linear,transform .08s var(--fast-ease),background .14s,color .14s}
}
@media(max-width:760px){
  html{scrollbar-gutter:auto}
  .page,.workspace-content{transform:none}
}

body:not([data-runtime="live"]) .main,body:not([data-runtime="live"]) .bottom-wrap,body:not([data-runtime="live"]) .help-dock{display:none!important}
body[data-runtime="live"] .page>.source-note{display:none!important}
.v183-device-intro{flex-wrap:wrap}.v183-device-intro p{flex:1 1 280px}
.v183-device-tools{margin-top:10px;border-top:1px solid var(--line);padding-top:8px}
.v183-device-tools summary{cursor:pointer;min-height:44px;display:flex;align-items:center;color:var(--blue);font-weight:600}
.v183-device-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-block:8px}
.v183-device-actions .btn{white-space:normal;min-width:0}
@media(max-width:600px){.v183-device-intro .btn{width:100%}.v183-device-actions{grid-template-columns:1fr}.v183-device-actions .btn{width:100%}}