/* V2.6.2 pre-paint scroll continuity: prevent a one-frame jump before JS restores state. */
html.mad-restoring body{visibility:hidden}
html.mad-sidebar-restoring .app-sidebar{visibility:hidden}

*{box-sizing:border-box}html{background:#08101d}body{margin:0;min-height:100vh;background:radial-gradient(circle at 70% -10%,#18315a55,transparent 34%),#08101d;color:#e8eef8;font-family:Inter,"Myanmar Text","Noto Sans Myanmar",Pyidaungsu,Padauk,"Segoe UI",Arial,sans-serif;display:flex}aside{width:245px;position:fixed;inset:0 auto 0 0;background:#0b1424ee;border-right:1px solid #20314b;padding:24px 18px;backdrop-filter:blur(10px)}main{margin-left:245px;width:calc(100% - 245px);max-width:1600px;padding:30px 32px 60px}.brand{display:flex;gap:12px;align-items:center;font-size:17px;font-weight:800}.brand b{color:#4c8dff}.brand small{display:block;color:#6f829f;font-size:10px;margin-top:2px;letter-spacing:.12em}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,#3678f6,#1c4ab5);box-shadow:0 10px 30px #1d4ed844;color:#fff;font-size:20px}nav{margin-top:35px;display:grid;gap:7px}nav a{padding:11px 12px;color:#9fb0ca;text-decoration:none;border-radius:9px;font-size:14px}nav a:hover{background:#142238;color:#fff}.side-note{position:absolute;left:20px;bottom:22px;color:#8da0bd;font-size:12px;line-height:1.6}.side-note small{color:#586b88}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px}.dot.online{background:#39d98a;box-shadow:0 0 14px #39d98aaa}.top{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px}.top h1{margin:0;font-size:29px;letter-spacing:-.03em}.top p,.section-head p{margin:6px 0 0;color:#788aa7;font-size:13px}.crumb{font-size:12px;color:#6f829f;margin-bottom:8px}.crumb a{color:#8eb5ff;text-decoration:none}.btn,.mini{border:0;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-weight:700}.btn{padding:11px 16px;border-radius:9px;background:linear-gradient(135deg,#3479ff,#2159d7);color:#fff;box-shadow:0 8px 22px #1d4ed833}.mini{padding:7px 10px;border-radius:7px;background:#17253b;color:#dbe8fb;border:1px solid #2a405f;font-size:12px}.mini.primary{background:#17386e;border-color:#2c66b9}.mini.danger{background:#321d28;border-color:#673043;color:#ffb0bb}.grid{display:grid;gap:15px}.cards{grid-template-columns:repeat(4,minmax(0,1fr));margin:18px 0 28px}.cards.five{grid-template-columns:repeat(5,minmax(0,1fr))}.two{grid-template-columns:1.18fr .82fr}.card,.panel,.router-card{background:linear-gradient(180deg,#101b2d,#0d1728);border:1px solid #20324e;border-radius:14px;box-shadow:0 12px 35px #02061728}.card{padding:18px}.card.accent{border-color:#315ca1;background:linear-gradient(180deg,#132748,#0f1d35)}.card span,.router-metrics span{display:block;color:#778ba9;text-transform:uppercase;font-size:10px;letter-spacing:.1em}.card b{display:block;font-size:25px;margin:8px 0 5px}.card .small-b{font-size:16px;overflow:hidden;text-overflow:ellipsis}.card small{color:#607491}.panel{padding:20px;margin:16px 0}.panel h2,.section-head h2{font-size:16px;margin:0}.form-panel{max-width:1050px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}.section-head>a{font-size:12px;color:#8ab2ff;text-decoration:none}.router-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.router-grid.wide-space{margin-top:18px}.router-card{display:block;padding:18px;color:inherit;text-decoration:none;transition:.2s}.router-card:not(.static):hover{transform:translateY(-2px);border-color:#365b91}.row{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}.router-card b{font-size:15px}.router-card small{display:block;color:#7185a4;margin-top:4px}.router-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0}.router-metrics div{background:#0a1423;padding:10px;border-radius:8px}.router-metrics b{display:block;margin-top:5px;font-size:13px}.wanline{display:flex;justify-content:space-between;gap:10px;color:#7186a5;font-size:11px;border-top:1px solid #1c2b43;padding-top:11px}.wanline strong{color:#78d8aa}.pill{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;background:#26354b;color:#bac7d9;font-size:10px;font-weight:800;letter-spacing:.05em}.pill.ok,.status-active{background:#153d2d;color:#74e2ad}.pill.bad,.status-expired{background:#49222c;color:#ffadb8}.status-unused{background:#243348;color:#b8c7dd}.status-sold{background:#423619;color:#f6d36f}.level-error{background:#49222c;color:#ffadb8}.level-warn{background:#49391c;color:#f4d271}.level-info{background:#173753;color:#87c9ff}.actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.actions form{margin:0}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.form-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.form-grid label{font-size:11px;color:#8da0bd}.form-grid label small{color:#61738f}.form-grid input,.form-grid select,.inline select{display:block;width:100%;margin-top:6px;background:#091423;border:1px solid #2a3d59;color:#eef5ff;padding:10px;border-radius:8px;outline:none}.form-grid input:focus,.form-grid select:focus,.inline select:focus{border-color:#3976d8;box-shadow:0 0 0 3px #2563eb22}.form-grid label.check{display:flex;gap:8px;align-items:center;min-height:42px;padding-top:15px}.form-grid label.check input{width:auto;margin:0}.notice,.alert{margin:16px 0;padding:12px 13px;border-radius:9px;background:#13233d;border:1px solid #294a77;color:#a9bedc;font-size:12px;line-height:1.55}.alert{background:#381f29;border-color:#6b3043;color:#ffc0ca}.table{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th,td{padding:11px 10px;border-bottom:1px solid #1b2b43;text-align:left;white-space:nowrap}th{font-size:10px;color:#7185a4;text-transform:uppercase;letter-spacing:.09em}td{color:#cbd7e8}.code{font-family:Consolas,monospace;letter-spacing:.07em}.block{display:block;margin-top:4px;color:#6f829f}.good{color:#70dba8}.warn{color:#f1cd68}.muted{color:#687b98}.error-text{color:#f5a3ae;max-width:240px;overflow:hidden;text-overflow:ellipsis}.filterbar{display:flex;gap:7px;margin:18px 0 8px}.filterbar a{padding:7px 11px;border-radius:999px;background:#111d30;color:#7f92af;text-decoration:none;font-size:11px;border:1px solid #1f304a}.filterbar a.active{background:#1c3d72;color:#dcecff;border-color:#356ec3}.inline{display:flex;align-items:center;gap:8px}.inline select{margin:0;min-width:170px}.lifecycle{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:116px}.lifecycle>div{background:#0a1423;border:1px solid #1b2c45;border-radius:10px;padding:13px;flex:1}.lifecycle>div span{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#234e8d;color:#dceaff;font-size:11px}.lifecycle>div b{display:block;margin-top:9px;font-size:12px}.lifecycle>div small{display:block;color:#6f829f;margin-top:4px}.lifecycle i{color:#456084;font-style:normal}.log{display:flex;gap:9px;padding:8px 0;border-bottom:1px solid #17263b;font-size:12px}.log>span{height:max-content}.log small{display:block;margin-top:4px;color:#607491}.empty{color:#657895;text-align:center;padding:24px}.health-list{display:grid;gap:2px}.health-list div{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #1b2b43}.health-list span{color:#7185a4}.health-list b{font-size:12px}.legend{display:flex;justify-content:center;gap:22px;color:#8194b1;font-size:11px;margin-top:9px}canvas{display:block;width:100%;background:#091421;border-radius:10px;border:1px solid #182b46}.section-head .inline{margin-left:auto}.form-panel .btn{margin-top:2px}
@media(max-width:1250px){.router-grid{grid-template-columns:repeat(2,1fr)}.cards.five{grid-template-columns:repeat(3,1fr)}.form-grid.four{grid-template-columns:repeat(3,1fr)}}
@media(max-width:980px){aside{width:195px}main{margin-left:195px;width:calc(100% - 195px);padding:24px 20px}.cards{grid-template-columns:repeat(2,1fr)}.two{grid-template-columns:1fr}.form-grid,.form-grid.four{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){body{display:block}aside{position:static;width:100%;height:auto}.side-note{display:none}nav{grid-template-columns:repeat(3,1fr);margin-top:18px}main{margin:0;width:100%;padding:18px 14px}.top{align-items:flex-start}.router-grid,.cards,.cards.five,.form-grid,.form-grid.four{grid-template-columns:1fr}.router-metrics{grid-template-columns:repeat(2,1fr)}.lifecycle{display:grid;grid-template-columns:1fr}.lifecycle i{display:none}}
.warning-box{border-color:#8a6a2f;background:#2a2416;color:#ffd98a}.panel b .pill{vertical-align:middle}.table td[title]{max-width:300px;overflow:hidden;text-overflow:ellipsis}
/* V2.2 unified user management */
.compact-panel{padding:14px 18px}.wrap{flex-wrap:wrap}.inline>label{color:#8da0bd;font-size:11px}.small-input{width:110px;background:#091423;border:1px solid #2a3d59;color:#eef5ff;padding:8px 10px;border-radius:8px}.action-stack{display:grid;gap:14px;margin-top:14px}.action-stack .inline{padding-bottom:12px;border-bottom:1px solid #1b2b43}.action-stack label{min-width:90px}.action-stack select{min-width:180px}.control-row{padding-top:4px}.top-gap{margin-top:6px}.adopt-form select{min-width:150px;max-width:210px}.data-bar{height:6px;background:#0a1423;border:1px solid #1b2c45;border-radius:999px;overflow:hidden;margin-top:5px}.data-bar>i{display:block;height:100%;background:#3479ff}.four{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1250px){.four{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.four{grid-template-columns:1fr}.adopt-form{min-width:260px}}
/* V2.3 sales + portal */
.cards.six{grid-template-columns:repeat(6,minmax(0,1fr))}.sales-plan-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid #1b2b43}.sales-plan-row b{display:block;font-size:13px}.sales-plan-row small{display:block;color:#6f829f;margin-top:4px}.sales-plan-row strong{color:#8ce6b8;font-size:14px}.portal-layout{grid-template-columns:minmax(520px,.9fr) minmax(420px,1.1fr);align-items:start}.two-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid .wide{grid-column:1/-1}.portal-deploy-box{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:14px;margin-top:18px;background:#0a1423;border:1px solid #263c5b;border-radius:10px}.portal-deploy-box b{display:block;font-size:13px}.portal-deploy-box small{display:block;color:#7185a4;margin-top:5px;line-height:1.45}.portal-meta{margin-top:10px;font-size:11px}.portal-preview-panel{position:sticky;top:18px}.portal-frame{width:100%;height:690px;border:1px solid #273e5d;border-radius:14px;background:#08101d}.portal-tabs button{padding:7px 11px;border-radius:999px;background:#111d30;color:#7f92af;border:1px solid #1f304a;cursor:pointer}.portal-tabs button.active{background:#1c3d72;color:#dcecff;border-color:#356ec3}button:disabled{opacity:.45;cursor:not-allowed}
.portal-logo-upload{padding:13px;border:1px solid #29405f;border-radius:11px;background:#0a1526}.portal-logo-upload>label{display:block}.portal-logo-upload input[type=file]{display:block;width:100%;margin-top:7px;padding:9px;background:#091423;border:1px solid #2a3f5e;border-radius:8px;color:#b8c8df}.portal-logo-upload>small{display:block;color:#7185a4;margin-top:7px;line-height:1.45}.portal-logo-current{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:12px;padding:10px;border-radius:9px;background:#101d31}.portal-logo-current img{display:block;width:116px;height:58px;object-fit:contain;background:#fff;border-radius:8px;padding:5px}.portal-logo-current .check{margin:0}
@media(max-width:1400px){.cards.six{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1100px){.portal-layout{grid-template-columns:1fr}.portal-preview-panel{position:static}.portal-frame{height:640px}}
@media(max-width:720px){.cards.six,.two-cols{grid-template-columns:1fr}.portal-frame{height:600px}.portal-deploy-box{align-items:flex-start;flex-direction:column}}
/* V2.4 voucher batch + multi-brand printing */
a.code{color:#8eb5ff;text-decoration:none}.cards.four{grid-template-columns:repeat(4,minmax(0,1fr))}.brand-preview{display:flex;align-items:center;gap:12px}.brand-preview img{max-width:52px;max-height:52px;border-radius:8px}.batch-actions{display:flex;gap:8px;flex-wrap:wrap}.table input[type=checkbox]{width:15px;height:15px;accent-color:#3479ff}
@media(max-width:1000px){.cards.four{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.cards.four{grid-template-columns:1fr}}
/* V2.5 SaaS authentication, tenants, roles and subscriptions */
.workspace-card{margin:18px 0 8px;padding:12px;background:#0b1728;border:1px solid #20324e;border-radius:10px}.workspace-card b{display:block;font-size:12px}.workspace-card small{display:block;color:#7185a4;margin:4px 0 8px}.logout-form{margin-top:14px}.logout-form button{width:100%}.subscription-banner{margin:0 0 18px;padding:12px 14px;border-radius:10px;border:1px solid #735b25;background:#2a2416;color:#ffe1a0;font-size:12px}.subscription-banner.suspended{border-color:#6b3043;background:#381f29;color:#ffc0ca}.subscription-banner a{color:#fff;font-weight:800}.auth-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 0,#183b7455,transparent 36%),#07101d;color:#eef5ff}.auth-shell{width:min(460px,calc(100% - 30px))}.auth-brand{display:flex;align-items:center;gap:12px;margin-bottom:18px}.auth-brand h1{margin:0;font-size:23px}.auth-brand p{margin:4px 0 0;color:#7185a4}.auth-card{background:linear-gradient(180deg,#101b2d,#0d1728);border:1px solid #273b59;border-radius:16px;padding:24px;box-shadow:0 22px 60px #02061788}.auth-card h2{margin:0 0 5px}.auth-card>p{color:#8498b7;font-size:12px;margin-bottom:18px}.auth-card label{display:block;color:#8da0bd;font-size:11px;margin:12px 0}.auth-card input,.auth-card select,.action-stack input{display:block;width:100%;margin-top:6px;background:#091423;border:1px solid #2a3d59;color:#eef5ff;padding:11px;border-radius:8px;outline:none}.wide-btn{width:100%;margin-top:10px}.auth-note{display:block;color:#667a99;margin-top:16px;line-height:1.5}.weekday-box{display:flex;gap:12px;flex-wrap:wrap;padding:12px;background:#0a1423;border:1px solid #223650;border-radius:9px}.weekday-box>span{width:100%;color:#8da0bd;font-size:11px}.weekday-box label{font-size:11px;color:#c7d4e7}.weekday-box input{accent-color:#3479ff}.pill.warn{background:#4b3b1c;color:#f7d575}.action-stack label{color:#8da0bd;font-size:11px}.form-grid.two-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid .wide{grid-column:1/-1}
@media(max-width:720px){.form-grid.two-cols{grid-template-columns:1fr}.workspace-card{margin:10px 0}}

/* V2.5.1 sidebar scroll + grouped navigation */
.app-sidebar{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden;padding:20px 14px 14px}
.sidebar-head{flex:0 0 auto;padding:0 4px}
.side-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;margin:8px -4px 0;padding:0 4px 12px;scrollbar-width:thin;scrollbar-color:#2a405f transparent}
.side-scroll::-webkit-scrollbar{width:7px}.side-scroll::-webkit-scrollbar-thumb{background:#2a405f;border-radius:999px}.side-scroll::-webkit-scrollbar-track{background:transparent}
.grouped-nav{margin-top:8px;display:grid;gap:8px}.nav-group{border:1px solid transparent;border-radius:10px;overflow:hidden}.nav-group[open]{background:#0a1423;border-color:#172a43}.nav-group summary{list-style:none;cursor:pointer;user-select:none;padding:9px 10px;color:#607796;text-transform:uppercase;font-size:9px;font-weight:800;letter-spacing:.14em;display:flex;align-items:center;justify-content:space-between}.nav-group summary::-webkit-details-marker{display:none}.nav-group summary:after{content:'+';font-size:13px;color:#6983a8}.nav-group[open] summary:after{content:'-'}
.nav-links{display:grid;gap:3px;padding:0 5px 6px}.nav-links a{display:flex;align-items:center;gap:9px;padding:9px 9px;color:#9fb0ca;text-decoration:none;border-radius:8px;font-size:13px}.nav-links a:hover{background:#142238;color:#fff}.nav-links a.active{background:#17345e;color:#fff;border:1px solid #2f5f9e}.nav-icon{display:grid;place-items:center;flex:0 0 23px;width:23px;height:23px;border-radius:7px;background:#13233a;color:#7faeff;font-size:9px;font-weight:900;letter-spacing:-.02em}.nav-links a.active .nav-icon{background:#2458a7;color:#fff}
.sidebar-footer{flex:0 0 auto;border-top:1px solid #1b2b43;padding:12px 4px 0;background:#0b1424}.sidebar-footer .side-note{position:static;left:auto;bottom:auto;color:#8da0bd;font-size:11px;line-height:1.5}.sidebar-footer .side-note small{font-size:9px}.sidebar-footer .logout-form{margin-top:9px}.sidebar-footer .logout-form button{width:100%}
.workspace-card{margin:14px 0 4px}.app-sidebar .brand{padding-top:2px}
@media(max-width:980px) and (min-width:721px){.app-sidebar{width:205px;padding-left:10px;padding-right:10px}.nav-links a{font-size:12px;padding-left:7px;padding-right:7px}.nav-icon{flex-basis:21px;width:21px;height:21px}.workspace-card{padding:10px}}
@media(max-width:720px){.app-sidebar{position:static;width:100%;height:auto;overflow:visible;padding:16px 14px}.sidebar-head{padding:0}.side-scroll{overflow:visible;margin:6px 0 0;padding:0}.grouped-nav{display:grid;grid-template-columns:1fr;gap:7px}.nav-group{background:#0a1423;border-color:#172a43}.nav-links{grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:8px}.nav-links a{font-size:12px}.sidebar-footer{margin-top:10px;padding-top:10px}.sidebar-footer .side-note{display:block}.sidebar-footer .logout-form{max-width:320px}.workspace-card{margin:12px 0 6px}}
@media(max-width:430px){.nav-links{grid-template-columns:1fr}.nav-group summary{padding-top:10px;padding-bottom:10px}}

@media(max-width:980px) and (min-width:721px){main{margin-left:205px;width:calc(100% - 205px)}}

/* V2.5.4.1 PWA + mobile-first application shell */
:root{--mobile-top:64px;--mobile-bottom:70px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}
.mobile-topbar,.mobile-bottom-nav,.sidebar-backdrop,.sidebar-mobile-row{display:none}.pwa-install[hidden],.pwa-toast[hidden]{display:none!important}.sidebar-install{width:100%;margin:0 0 9px}.pwa-toast{position:fixed;right:18px;bottom:18px;z-index:3000;max-width:340px;padding:12px 14px;border-radius:10px;background:#13233d;border:1px solid #31588d;color:#dcecff;box-shadow:0 16px 44px #02061799;font-size:12px;line-height:1.45}

@media(max-width:720px){
  html,body{width:100%;max-width:100%;overflow-x:hidden;background:#08101d}
  body{display:block;padding:0;-webkit-tap-highlight-color:transparent}
  main{margin:0!important;width:100%!important;max-width:none;padding:calc(var(--mobile-top) + var(--safe-top) + 14px) 12px calc(var(--mobile-bottom) + var(--safe-bottom) + 24px)!important}
  .mobile-topbar{display:flex;position:fixed;z-index:1200;left:0;right:0;top:0;height:calc(var(--mobile-top) + var(--safe-top));padding:calc(8px + var(--safe-top)) 12px 8px;align-items:center;gap:10px;background:#0a1424ee;border-bottom:1px solid #20314b;backdrop-filter:blur(14px);box-shadow:0 8px 24px #02061755}
  .mobile-icon-btn{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border:1px solid #29405f;border-radius:11px;background:#101d31;color:#e7f0ff;font-size:22px;line-height:1;cursor:pointer}
  .mobile-brand{display:flex;align-items:center;gap:9px;min-width:0;flex:1;color:#eef5ff;text-decoration:none}.mobile-brand .brand-mark{width:38px;height:38px;border-radius:10px;font-size:19px}.mobile-brand>span:last-child{min-width:0}.mobile-brand b{display:block;font-size:14px;white-space:nowrap}.mobile-brand small{display:block;color:#7085a5;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px;margin-top:2px}
  .mobile-install{min-width:58px;height:38px;padding:0 10px;border:1px solid #3479ff;border-radius:9px;background:#174184;color:#fff;font-size:11px;font-weight:800}

  .app-sidebar{display:flex!important;position:fixed!important;z-index:1500!important;inset:0 auto 0 0!important;width:min(88vw,330px)!important;height:100dvh!important;overflow:hidden!important;padding:calc(12px + var(--safe-top)) 12px calc(12px + var(--safe-bottom))!important;background:#0b1424!important;transform:translateX(-105%);transition:transform .23s ease;box-shadow:22px 0 60px #020617aa;border-right:1px solid #263b59}
  body.sidebar-open{overflow:hidden}.sidebar-open .app-sidebar{transform:translateX(0)}
  .sidebar-backdrop{display:block;position:fixed;z-index:1400;inset:0;background:#020817b8;opacity:0;pointer-events:none;transition:opacity .23s ease;backdrop-filter:blur(2px)}.sidebar-open .sidebar-backdrop{opacity:1;pointer-events:auto}
  .sidebar-mobile-row{display:flex;justify-content:flex-end;height:38px;margin-bottom:2px}.sidebar-close{width:36px;height:36px;flex-basis:36px;font-size:25px}
  .sidebar-head{padding:0 3px}.app-sidebar .brand{font-size:16px}.workspace-card{margin:11px 0 5px;padding:10px 11px}.workspace-card small{margin-bottom:6px}
  .side-scroll{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;margin:7px -2px 0!important;padding:0 2px 12px!important;-webkit-overflow-scrolling:touch}
  .grouped-nav{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;margin-top:4px!important}.nav-group{background:#0a1423;border-color:#172a43}.nav-links{display:grid!important;grid-template-columns:1fr!important;gap:3px!important;padding:0 5px 7px!important}.nav-links a{min-height:44px;font-size:13px!important;padding:9px 10px!important}.nav-group summary{min-height:38px;padding:8px 10px}
  .sidebar-footer{flex:0 0 auto;margin:0!important;padding:10px 3px 0!important;border-top:1px solid #1b2b43}.sidebar-footer .side-note{display:block!important;font-size:10px}.sidebar-footer .logout-form{max-width:none!important}.sidebar-footer .mini{min-height:42px}

  .mobile-bottom-nav{display:grid;position:fixed;z-index:1250;left:0;right:0;bottom:0;height:calc(var(--mobile-bottom) + var(--safe-bottom));padding:6px 7px calc(6px + var(--safe-bottom));grid-template-columns:repeat(5,1fr);gap:3px;background:#0a1424f5;border-top:1px solid #20314b;box-shadow:0 -10px 30px #02061766;backdrop-filter:blur(14px)}
  .mobile-bottom-nav a,.mobile-bottom-nav button{display:flex;min-width:0;min-height:54px;border:0;border-radius:10px;background:transparent;color:#8296b5;text-decoration:none;align-items:center;justify-content:center;flex-direction:column;gap:3px;font:inherit;cursor:pointer}.mobile-bottom-nav span{display:grid;place-items:center;min-width:25px;height:25px;padding:0 5px;border-radius:8px;background:#111f34;color:#8eb5ff;font-size:12px;font-weight:900}.mobile-bottom-nav small{font-size:9px;white-space:nowrap}.mobile-bottom-nav a.active{color:#fff;background:#12233d}.mobile-bottom-nav a.active span{background:#2458a7;color:#fff}

  .top{display:flex;flex-direction:column;align-items:stretch!important;gap:12px;margin-bottom:15px}.top>div:last-child,.top>.actions{width:100%}.top h1{font-size:24px;line-height:1.1}.top p,.section-head p{font-size:12px;line-height:1.45}.crumb{font-size:11px;margin-bottom:6px}.actions{gap:7px}.actions .btn,.actions .mini{min-height:42px}.btn{min-height:44px;padding:10px 14px}.mini{min-height:38px}
  .section-head{align-items:flex-start;flex-direction:column;gap:8px}.section-head .inline{margin-left:0;width:100%}.section-head .inline select{width:100%}
  .panel{padding:14px;margin:12px 0;border-radius:12px}.card{padding:14px;border-radius:12px}.card b{font-size:21px}.router-card{padding:14px;border-radius:12px}.router-grid{grid-template-columns:1fr!important;gap:11px}.router-grid.wide-space{margin-top:12px}.router-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:14px 0}.router-metrics div{padding:9px}
  .cards,.cards.five,.cards.six,.cards.four{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px;margin:12px 0 18px}.cards .card{min-width:0}.cards .card b{font-size:20px}.cards .card span{font-size:9px}.cards .card small{font-size:10px}
  .two,.two-cols,.portal-layout{grid-template-columns:1fr!important}.form-grid,.form-grid.four,.form-grid.two-cols{grid-template-columns:1fr!important;gap:11px}.form-grid .wide{grid-column:auto}.form-grid input,.form-grid select,.inline select,.action-stack input{min-height:44px;font-size:16px}.form-grid label{font-size:11px}.form-grid label.check{min-height:48px;padding-top:5px}
  .table{overflow-x:auto!important;overflow-y:visible;-webkit-overflow-scrolling:touch;margin-left:-2px;margin-right:-2px;padding-bottom:4px}.table table{width:max-content;min-width:100%;font-size:11px}.table th,.table td{padding:10px 9px}.table th{font-size:9px}.table .mini{white-space:nowrap}
  .inline{flex-wrap:wrap}.adopt-form{min-width:260px}.small-input{min-height:42px}.action-stack{gap:11px}.action-stack .inline{align-items:stretch}.action-stack label{min-width:0;width:100%}.action-stack select{min-width:0;width:100%}
  .portal-preview-panel{position:static}.portal-frame{height:72vh;min-height:520px}.portal-deploy-box{align-items:stretch;flex-direction:column}.portal-deploy-box .actions{width:100%}
  canvas{min-height:180px}.health-list div{gap:12px}.health-list span{min-width:0}.health-list b{text-align:right;word-break:break-word}
  .sales-plan-row{align-items:flex-start}.subscription-banner{font-size:11px;line-height:1.45;margin-bottom:12px}
  .pwa-toast{left:12px;right:12px;bottom:calc(var(--mobile-bottom) + var(--safe-bottom) + 12px);max-width:none}
}

/* V2.9.6.5.8 — production form alignment, autofill and safe card actions. */
.ui-v29658 .admin-create-panel{overflow:visible}
.ui-v29658 .admin-customer-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:14px}
.ui-v29658 .admin-customer-grid>label{display:grid;grid-template-rows:minmax(22px,auto) 44px;align-content:end;min-width:0;margin:0}
.ui-v29658 .admin-field-title{display:flex;align-items:center;gap:5px;min-height:22px;color:#34516f;font-size:12px;font-weight:800;line-height:1.25}
.ui-v29658 .admin-field-title small{color:#7589a0;font-size:10px;font-weight:650}
.ui-v29658 .admin-customer-grid input,.ui-v29658 .admin-customer-grid select{width:100%;height:44px;min-height:44px;margin:0!important;padding:0 12px;border-radius:9px}
.ui-v29658 .admin-customer-grid [hidden]{display:none!important}
.ui-v29658 .admin-form-actions{display:flex;margin-top:14px}
.ui-v29658 .admin-form-actions .btn{min-width:148px}
.ui-v29658 .compact-router-actions{align-items:center}
.ui-v29658 .compact-router-actions form{display:inline-flex;margin:0}
.ui-v29658 .router-delete-form input[type="hidden"]{display:none!important}

/* Browsers otherwise paint stored credentials light blue/white in dark mode. */
.ui-v29658 input:-webkit-autofill,.ui-v29658 input:-webkit-autofill:hover,
.ui-v29658 input:-webkit-autofill:focus,.ui-v29658 input:-webkit-autofill:active{
  -webkit-text-fill-color:#17324f!important;-webkit-box-shadow:0 0 0 1000px #edf5ff inset!important;
  box-shadow:0 0 0 1000px #edf5ff inset!important;caret-color:#17324f!important;transition:background-color 9999s ease-out 0s
}
.ui-v29658.theme-dim input:-webkit-autofill,.ui-v29658.theme-dim input:-webkit-autofill:hover,
.ui-v29658.theme-dim input:-webkit-autofill:focus,.ui-v29658.theme-dim input:-webkit-autofill:active{
  -webkit-text-fill-color:#edf6ff!important;-webkit-box-shadow:0 0 0 1000px #0b1c31 inset!important;
  box-shadow:0 0 0 1000px #0b1c31 inset!important;caret-color:#edf6ff!important
}
.ui-v29658.theme-dim .topbar-account>summary{background:transparent!important;border-color:rgba(255,255,255,.08)!important;color:#f5f9ff!important}
.ui-v29658.theme-dim .topbar-account>summary:hover,.ui-v29658.theme-dim .topbar-account[open]>summary{background:rgba(255,255,255,.08)!important}
.ui-v29658.theme-dim .topbar-account .topbar-user b{color:#f5f9ff!important}
.ui-v29658.theme-dim .admin-field-title{color:#c4d7e9!important}.ui-v29658.theme-dim .admin-field-title small{color:#91a8c0!important}

@media(max-width:1250px){.ui-v29658 .admin-customer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){
  .ui-v29658 .admin-customer-grid{grid-template-columns:1fr;gap:11px}
  .ui-v29658 .admin-customer-grid>label{grid-template-rows:auto 44px;gap:5px}
  .ui-v29658 .admin-form-actions .btn{width:100%}
  .ui-v29658 .compact-router-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:7px!important}
  .ui-v29658 .compact-router-actions>a,.ui-v29658 .compact-router-actions form,.ui-v29658 .compact-router-actions button{width:100%}
}

@media(max-width:390px){
  main{padding-left:9px!important;padding-right:9px!important}
  .cards,.cards.five,.cards.six,.cards.four{gap:7px}.card{padding:12px}.cards .card b{font-size:18px}.mobile-brand small{max-width:110px}.mobile-bottom-nav small{font-size:8px}.mobile-bottom-nav{padding-left:3px;padding-right:3px}.mobile-bottom-nav a,.mobile-bottom-nav button{border-radius:8px}
}

@media(display-mode:standalone){.mobile-topbar{padding-top:calc(8px + var(--safe-top))}.pwa-install{display:none!important}}

/* V2.5.4.1 - Design 2: Clean Light Mobile UI
   Desktop keeps the existing dark workspace. Phones switch to a clean light shell. */
.mobile-quick-actions{display:none}
@media(max-width:720px){
  html,body{background:#f5f7fb!important;color:#17233b!important}
  body{font-family:Inter,Segoe UI,Arial,sans-serif;background:linear-gradient(180deg,#f8faff 0,#f5f7fb 100%)!important}
  main{background:transparent!important;color:#17233b!important;padding-top:calc(var(--mobile-top) + var(--safe-top) + 12px)!important}

  /* App header */
  .mobile-topbar{background:rgba(255,255,255,.96)!important;border-bottom:1px solid #e4eaf3!important;box-shadow:0 5px 18px rgba(31,62,112,.08)!important;backdrop-filter:blur(16px)!important}
  .mobile-icon-btn{border:0!important;background:#eff4fb!important;color:#315078!important;box-shadow:none!important}
  .mobile-brand{color:#142039!important}.mobile-brand b{font-weight:900;letter-spacing:-.02em}.mobile-brand small{color:#8796ad!important}
  .mobile-brand .brand-mark,.brand-mark{background:linear-gradient(145deg,#3d82ff,#1762e8)!important;box-shadow:0 7px 18px rgba(42,109,239,.25)!important;color:#fff!important}
  .mobile-avatar{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:50%;background:linear-gradient(145deg,#3f83ff,#1762e8);color:#fff;text-decoration:none;font-weight:900;box-shadow:0 6px 16px rgba(42,109,239,.22)}

  /* Bottom tabs */
  .mobile-bottom-nav{background:rgba(255,255,255,.97)!important;border-top:1px solid #e2e8f2!important;box-shadow:0 -7px 24px rgba(31,62,112,.10)!important;backdrop-filter:blur(16px)!important}
  .mobile-bottom-nav a,.mobile-bottom-nav button{color:#8493a9!important;border-radius:12px!important}
  .mobile-bottom-nav span{background:transparent!important;color:#7186a5!important;font-size:15px!important}
  .mobile-bottom-nav small{font-size:9px!important;font-weight:700!important}
  .mobile-bottom-nav a.active{background:transparent!important;color:#1769ee!important}
  .mobile-bottom-nav a.active span{background:#eaf2ff!important;color:#1769ee!important}
  .mobile-bottom-nav button:active,.mobile-bottom-nav a:active{background:#f1f5fb!important}

  /* More drawer */
  .app-sidebar{background:#ffffff!important;border-right:1px solid #e4eaf3!important;box-shadow:22px 0 60px rgba(24,50,91,.20)!important;color:#17233b!important}
  .sidebar-backdrop{background:rgba(28,44,70,.30)!important;backdrop-filter:blur(2px)!important}
  .sidebar-mobile-row .mobile-icon-btn{background:#f1f5fb!important;color:#53657f!important}
  .app-sidebar .brand{color:#17233b!important}.app-sidebar .brand small{color:#8a99ad!important}
  .workspace-card{background:#f4f7fb!important;border:1px solid #e2e9f3!important;color:#17233b!important;box-shadow:none!important}
  .workspace-card small{color:#71839d!important}
  .nav-group{background:#fff!important;border:1px solid #e4eaf3!important;box-shadow:0 3px 10px rgba(31,62,112,.035)!important}
  .nav-group summary{color:#71819a!important;background:#f8faff!important}
  .nav-links a{color:#53647c!important}.nav-links a:hover{background:#f1f6ff!important;color:#155fcf!important}
  .nav-links a.active{background:#eaf2ff!important;color:#1769ee!important;border:1px solid #d4e4ff!important}
  .nav-icon{background:#edf3fb!important;color:#4d79b8!important}.nav-links a.active .nav-icon{background:#1769ee!important;color:#fff!important}
  .sidebar-footer{background:#fff!important;border-top:1px solid #e5ebf3!important}.sidebar-footer .side-note{color:#6e809a!important}.sidebar-footer .side-note small{color:#98a5b7!important}
  .sidebar-footer .mini{background:#f4f7fb!important;border-color:#dfe7f1!important;color:#33445d!important}.sidebar-footer .mini.primary{background:#eaf2ff!important;border-color:#cfe0ff!important;color:#1769ee!important}.sidebar-footer .mini.danger{background:#fff0f1!important;border-color:#ffd3d8!important;color:#d93c4d!important}

  /* Typography */
  .top h1,.section-head h2,.panel h2,.router-card b,.health-list b{color:#17233b!important}
  .top p,.section-head p,.crumb,.card small,.router-card small,.block,.muted,.health-list span,.sales-plan-row small,.auth-note{color:#7f8fa6!important}
  .crumb a,.section-head>a{color:#1769ee!important}

  /* Buttons */
  .btn{background:linear-gradient(135deg,#3280ff,#1767ea)!important;color:#fff!important;border:0!important;box-shadow:0 7px 18px rgba(30,105,234,.22)!important}
  .mini{background:#f2f6fb!important;color:#38516f!important;border:1px solid #dce5f0!important;box-shadow:none!important}
  .mini.primary{background:#eaf2ff!important;color:#1769ee!important;border-color:#cfe0ff!important}
  .mini.danger{background:#fff0f1!important;color:#d84151!important;border-color:#ffd0d5!important}

  /* Cards */
  .card,.panel,.router-card{background:#fff!important;border:1px solid #e2e9f3!important;box-shadow:0 8px 24px rgba(27,56,99,.07)!important;color:#17233b!important}
  .card.accent{background:linear-gradient(145deg,#eef5ff,#f9fbff)!important;border-color:#cfe0ff!important}
  .card span,.router-metrics span{color:#8090a6!important}
  .card b{color:#14213b!important}
  .router-card:not(.static):hover{border-color:#bcd4f9!important;box-shadow:0 11px 28px rgba(25,84,167,.10)!important}
  .router-metrics div{background:#f6f8fc!important;border:1px solid #edf1f6!important}.router-metrics b{color:#1c2d49!important}
  .wanline{border-top-color:#e8edf5!important;color:#74869f!important}.wanline strong{color:#15925f!important}

  /* Status pills */
  .pill{background:#edf2f8!important;color:#53657c!important}
  .pill.ok,.status-active{background:#e3f8ed!important;color:#15915d!important}
  .pill.bad,.status-expired,.status-terminated,.status-void{background:#ffe9ec!important;color:#d83f50!important}
  .pill.warn,.status-sold{background:#fff5d9!important;color:#a87100!important}
  .status-unused{background:#edf3fb!important;color:#536d91!important}
  .level-info{background:#e7f3ff!important;color:#1770c6!important}.level-warn{background:#fff4dc!important;color:#a66c00!important}.level-error{background:#ffe9ec!important;color:#d83f50!important}

  /* Forms */
  .form-grid label,.action-stack label,.inline>label{color:#6d7f98!important}
  .form-grid input,.form-grid select,.inline select,.auth-card input,.auth-card select,.action-stack input,.small-input{background:#fff!important;border:1px solid #d9e2ee!important;color:#17233b!important;box-shadow:0 1px 2px rgba(23,35,59,.02)!important}
  .form-grid input::placeholder,.auth-card input::placeholder,.small-input::placeholder{color:#a1adbd!important}
  .form-grid input:focus,.form-grid select:focus,.inline select:focus,.auth-card input:focus,.auth-card select:focus,.small-input:focus{border-color:#4a8cff!important;box-shadow:0 0 0 3px rgba(52,121,255,.12)!important}
  .weekday-box{background:#f7f9fc!important;border-color:#e1e8f2!important}.weekday-box>span,.weekday-box label{color:#657791!important}

  /* Tables and filter tabs */
  .table{background:#fff;border-radius:12px}
  th,td{border-bottom-color:#edf1f6!important}th{color:#8796aa!important;background:#fbfcfe!important}td{color:#33445d!important}
  .filterbar{overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.filterbar::-webkit-scrollbar{display:none}
  .filterbar a{background:#f2f5fa!important;color:#71839d!important;border:1px solid #e0e7f0!important;white-space:nowrap!important}
  .filterbar a.active{background:#1769ee!important;color:#fff!important;border-color:#1769ee!important;box-shadow:0 5px 14px rgba(23,105,238,.18)!important}

  /* Notices / banners */
  .notice{background:#eef5ff!important;border-color:#cee0ff!important;color:#45617f!important}
  .alert{background:#fff0f2!important;border-color:#ffd1d8!important;color:#a83645!important}
  .warning-box{background:#fff8e8!important;border-color:#f4dda6!important;color:#926500!important}
  .subscription-banner{background:#fff6dc!important;border-color:#f0d58e!important;color:#875f00!important}.subscription-banner.suspended{background:#fff0f2!important;border-color:#ffd0d7!important;color:#9e3442!important}.subscription-banner a{color:#1769ee!important}

  /* Lists / charts / misc */
  .health-list div,.sales-plan-row,.log,.action-stack .inline{border-bottom-color:#edf1f6!important}
  .sales-plan-row strong{color:#138d59!important}
  canvas{background:#fff!important;border-color:#e4eaf3!important}
  .lifecycle>div{background:#f7f9fc!important;border-color:#e2e9f2!important}.lifecycle>div span{background:#e7f0ff!important;color:#1769ee!important}.lifecycle>div b{color:#263650!important}.lifecycle>div small{color:#8594a9!important}.lifecycle i{color:#a6b3c4!important}
  .data-bar{background:#edf1f6!important;border-color:#e0e7f0!important}.data-bar>i{background:linear-gradient(90deg,#2d82ff,#1769ee)!important}
  .empty{color:#91a0b3!important}
  .good{color:#138d59!important}.warn{color:#a66d00!important}.error-text{color:#d83f50!important}
  .code{color:#24446e!important}

  /* Mobile dashboard quick-action tabs */
  .mobile-quick-actions{display:block;margin:0 0 18px}
  .mobile-quick-actions h2{font-size:14px;margin:0 0 9px;color:#1c2b45}
  .mobile-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .mobile-quick-grid .qa{display:flex;align-items:center;gap:9px;min-height:52px;padding:10px 11px;border-radius:12px;text-decoration:none;color:#fff;box-shadow:0 7px 18px rgba(25,58,105,.10)}
  .mobile-quick-grid .qa span{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:rgba(255,255,255,.19);font-weight:900}.mobile-quick-grid .qa b{font-size:11px;line-height:1.2}
  .mobile-quick-grid .blue{background:linear-gradient(135deg,#3988ff,#1769ee)}.mobile-quick-grid .green{background:linear-gradient(135deg,#25b77a,#10955f)}.mobile-quick-grid .orange{background:linear-gradient(135deg,#ff9a31,#f07511)}.mobile-quick-grid .purple{background:linear-gradient(135deg,#8c5cf5,#6942de)}

  /* Toast */
  .pwa-toast{background:#fff!important;border-color:#d9e4f2!important;color:#33445d!important;box-shadow:0 14px 34px rgba(31,62,112,.18)!important}

  /* Auth pages on phones */
  .auth-body{background:linear-gradient(180deg,#f8fbff,#f3f6fb)!important;color:#17233b!important;display:grid!important}
  .auth-brand h1{color:#17233b!important}.auth-brand p{color:#8090a6!important}
  .auth-card{background:#fff!important;border:1px solid #e0e8f2!important;box-shadow:0 18px 50px rgba(31,62,112,.12)!important;color:#17233b!important}
  .auth-card>p,.auth-card label{color:#72839c!important}.auth-card h2{color:#17233b!important}
}

@media(max-width:390px){
  .mobile-quick-grid{gap:7px}.mobile-quick-grid .qa{min-height:49px;padding:8px 9px}.mobile-quick-grid .qa span{width:29px;height:29px}
}

/* V2.6.2 UX + responsive management surfaces */
.mobile-only,.voucher-mobile-list,.unified-users-mobile{display:none}
.voucher-filter-grid{display:grid;grid-template-columns:minmax(220px,2fr) repeat(3,minmax(130px,1fr)) auto;gap:10px;align-items:end}
.voucher-filter-grid label{font-size:11px;color:#8da0bd}.voucher-filter-grid input,.voucher-filter-grid select{display:block;width:100%;margin-top:6px;background:#091423;border:1px solid #2a3d59;color:#eef5ff;padding:9px 10px;border-radius:8px;outline:none;min-height:38px}
.voucher-filter-actions{padding-bottom:1px}.pager{display:flex;align-items:center;justify-content:center;gap:6px;margin:18px 0 2px;flex-wrap:wrap}.pager .mini{min-width:38px}
button[disabled]{opacity:.58;cursor:wait!important}.pwa-toast[data-type="error"]{border-color:#8e3a50!important;color:#ffd4da!important;background:#381f29!important}.server-message{scroll-margin-top:90px}
.voucher-mobile-card{border:1px solid #20324e;border-radius:13px;padding:14px;background:linear-gradient(180deg,#101b2d,#0d1728);box-shadow:0 8px 22px #02061722}.voucher-mobile-card+.voucher-mobile-card{margin-top:10px}.voucher-mobile-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.voucher-mobile-head b{font-size:14px}.voucher-mobile-head small{display:block;color:#7185a4;margin-top:5px}.voucher-mobile-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}.voucher-mobile-metrics>div{padding:9px;border-radius:9px;background:#0a1423;border:1px solid #1b2c45;min-width:0}.voucher-mobile-metrics span{display:block;color:#7185a4;text-transform:uppercase;font-size:9px;letter-spacing:.07em}.voucher-mobile-metrics b{display:block;font-size:12px;margin-top:5px;overflow:hidden;text-overflow:ellipsis}.voucher-mobile-metrics small{display:block;font-size:9px;margin-top:3px;overflow:hidden;text-overflow:ellipsis}.voucher-mobile-sync{font-size:11px;margin:4px 0 11px}.voucher-actions{align-items:stretch}.voucher-actions form{display:flex}.voucher-actions .mini{min-height:34px}

@media(max-width:1100px){.voucher-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.voucher-filter-actions{grid-column:1/-1}}
@media(max-width:720px){
  .mobile-only{display:inline-flex!important}.voucher-desktop-table{display:none!important}.voucher-mobile-list{display:block}.mobile-collapsible{display:none}.mobile-collapsible.is-open{display:block}.voucher-filter-grid{grid-template-columns:1fr 1fr;gap:8px}.voucher-filter-grid label:first-child{grid-column:1/-1}.voucher-filter-actions{grid-column:1/-1}.voucher-filter-actions .mini{flex:1}.voucher-filter-grid input,.voucher-filter-grid select{background:#fff!important;border-color:#d9e2ee!important;color:#17233b!important;font-size:15px;min-height:44px}.voucher-filter-grid label{color:#6d7f98!important}.voucher-mobile-card{background:#fff!important;border-color:#e2e9f3!important;box-shadow:0 7px 20px rgba(27,56,99,.06)!important}.voucher-mobile-head b{color:#17233b!important}.voucher-mobile-head small{color:#8190a5!important}.voucher-mobile-metrics>div{background:#f6f8fc!important;border-color:#e8edf4!important}.voucher-mobile-metrics span{color:#8392a7!important}.voucher-mobile-metrics b{color:#263650!important}.voucher-mobile-sync{color:#53647c}.voucher-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.voucher-actions form,.voucher-actions .mini{width:100%}.pager{margin-bottom:8px}
  .pwa-toast[data-type="error"]{background:#fff0f2!important;border-color:#ffd0d7!important;color:#a83645!important}
}
@media(max-width:420px){.voucher-filter-grid{grid-template-columns:1fr}.voucher-filter-grid label:first-child,.voucher-filter-actions{grid-column:auto}.voucher-mobile-metrics{grid-template-columns:1fr 1fr}.voucher-actions{grid-template-columns:1fr 1fr}}
.user-mobile-card{border:1px solid #20324e;border-radius:13px;padding:14px;background:linear-gradient(180deg,#101b2d,#0d1728)}.user-mobile-card+.user-mobile-card{margin-top:10px}.user-mobile-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.user-mobile-head small{display:block;color:#7185a4;margin-top:5px}.user-mobile-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}.user-mobile-metrics>div{padding:9px;border-radius:9px;background:#0a1423;border:1px solid #1b2c45;min-width:0}.user-mobile-metrics span{display:block;color:#7185a4;text-transform:uppercase;font-size:9px;letter-spacing:.07em}.user-mobile-metrics b,.user-mobile-metrics small{display:block;overflow:hidden;text-overflow:ellipsis}.user-mobile-metrics b{font-size:12px;margin-top:4px}.user-mobile-metrics small{font-size:9px;margin-top:3px}.adopt-card-form{display:grid;grid-template-columns:1fr auto;gap:7px}.adopt-card-form select{min-width:0;width:100%;padding:8px;border-radius:8px;background:#091423;border:1px solid #2a3d59;color:#eef5ff}
@media(max-width:720px){.unified-users-mobile{display:block}.unified-users-mobile+.table{display:none}.user-mobile-card{background:#fff!important;border-color:#e2e9f3!important;box-shadow:0 7px 20px rgba(27,56,99,.06)!important}.user-mobile-head b,.user-mobile-metrics b{color:#263650!important}.user-mobile-head small,.user-mobile-metrics span,.user-mobile-metrics small{color:#8190a5!important}.user-mobile-metrics>div{background:#f6f8fc!important;border-color:#e8edf4!important}.adopt-card-form select{background:#fff!important;color:#17233b!important;border-color:#d9e2ee!important;min-height:42px}}
@media(max-width:720px){.users-desktop-table{display:none!important}}

/* ==========================================================================
   V2.7.2 - ARLDOLE CONNECT brand + responsive SaaS experience
   ========================================================================== */
:root{--ac-bg:#07111f;--ac-panel:#0d1b2f;--ac-panel-2:#10223b;--ac-border:#203a5d;--ac-blue:#2780ff;--ac-blue2:#135fe3;--ac-text:#edf5ff;--ac-muted:#8298b8;--ac-green:#24c781;--ac-orange:#ff9b32;--ac-purple:#7e5cff;--ac-cyan:#22b8d7}
.brand-a{font-family:Inter,Segoe UI,Arial,sans-serif;font-weight:900;letter-spacing:-.08em;background:linear-gradient(145deg,#42a2ff,#1458e0)!important;box-shadow:0 10px 28px rgba(30,111,255,.28)!important}
.credit{display:block;margin-top:3px;color:#6f89ad!important;font-weight:700;letter-spacing:.01em}.subscription-banner.trial{background:linear-gradient(90deg,#102f52,#123963)!important;border-color:#285e9c!important;color:#cfe6ff!important}.subscription-banner.trial a{color:#fff!important}

/* Auth experience */
.connect-auth-body{display:block!important;min-height:100vh!important;background:#06101d!important;color:var(--ac-text)!important}
.connect-auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(360px,.95fr) minmax(430px,1.05fr);background:radial-gradient(circle at 13% 12%,rgba(32,112,236,.26),transparent 28%),radial-gradient(circle at 85% 88%,rgba(28,83,173,.16),transparent 28%),#07111f}
.auth-story{position:relative;overflow:hidden;padding:52px clamp(38px,6vw,88px);display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid rgba(77,124,184,.20);background:linear-gradient(155deg,rgba(9,29,52,.88),rgba(6,17,31,.96))}
.auth-story:after{content:"";position:absolute;inset:auto -12% -18% -8%;height:44%;background:radial-gradient(ellipse at center,rgba(31,118,255,.25),transparent 62%);transform:rotate(-5deg);pointer-events:none}.auth-story-brand,.auth-mobile-brand{display:flex;align-items:center;gap:13px}.auth-story-brand b,.auth-mobile-brand b{display:block;font-size:18px;letter-spacing:.02em}.auth-story-brand small,.auth-mobile-brand small{display:block;color:#7190b7;font-size:10px;margin-top:4px}.auth-logo{width:48px;height:48px;border-radius:14px;font-size:27px}.auth-story-copy{position:relative;z-index:1;max-width:520px}.eyebrow{display:block;color:#66a8ff;font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;margin-bottom:10px}.auth-story-copy h1{font-size:clamp(46px,6vw,76px);line-height:.94;letter-spacing:-.055em;margin:0 0 22px;color:#f4f8ff}.auth-story-copy h1 em{font-style:normal;color:#42a2ff}.auth-story-copy p{max-width:470px;color:#8ea5c3;font-size:15px;line-height:1.65}.auth-benefits{display:flex;gap:18px;flex-wrap:wrap;color:#9db2ce;font-size:12px}.auth-benefits span:before{color:#35c98a}.auth-story-foot,.auth-footer{display:flex;justify-content:space-between;gap:16px;color:#5f789c;font-size:10px}.auth-login-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 30px}.auth-mobile-brand{display:none}.connect-auth-card{width:min(100%,500px)!important;padding:34px!important;border:1px solid #234263!important;border-radius:18px!important;background:linear-gradient(180deg,rgba(16,34,58,.98),rgba(11,26,45,.98))!important;box-shadow:0 24px 70px rgba(0,0,0,.30)!important;color:#edf5ff!important}.connect-auth-card h2{margin:0 0 8px!important;font-size:28px!important;color:#f2f7ff!important}.connect-auth-card>p{margin:0 0 22px!important;color:#8299b8!important}.connect-login-form{display:grid;gap:16px}.connect-login-form>label{font-size:11px;color:#a8b8cc!important}.connect-login-form>label>input{margin-top:7px}.auth-input-wrap{position:relative;margin-top:7px}.auth-input-wrap>span{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#6280a9;font-size:11px}.auth-input-wrap input{width:100%;min-height:46px;padding:11px 58px 11px 34px!important;margin:0!important;background:#091727!important;border:1px solid #294565!important;color:#edf5ff!important;border-radius:10px!important}.auth-input-wrap input::placeholder{color:#5f7898!important}.password-toggle{position:absolute;right:9px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#6da6f0;font-size:10px;cursor:pointer;padding:8px}.auth-options{display:flex;justify-content:space-between;align-items:center;gap:14px}.remember-check{display:flex!important;align-items:center;gap:7px;color:#9caec5!important;font-size:11px!important}.remember-check input{width:auto!important;margin:0!important}.auth-help{font-size:10px;color:#6680a4;text-align:right}.auth-submit{width:100%;min-height:46px;justify-content:space-between!important;padding-inline:18px!important}.auth-footer{width:min(100%,500px);margin-top:18px}.setup-shell .connect-login-form input{width:100%;margin-top:7px;min-height:44px;background:#091727!important;border:1px solid #294565!important;color:#edf5ff!important;border-radius:10px!important;padding:10px 12px!important}

/* Dashboard */
.connect-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.connect-page-head h1{margin:0;color:#f2f7ff;font-size:30px;letter-spacing:-.035em}.connect-page-head p{margin:6px 0 0;color:#7890b1;font-size:13px}.connect-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.connect-kpi{display:flex;align-items:center;gap:14px;min-height:118px;padding:17px;border:1px solid #203957;border-radius:14px;background:linear-gradient(180deg,#102038,#0d1a2c);text-decoration:none;color:inherit;box-shadow:0 12px 30px rgba(0,0,0,.12);transition:.18s}.connect-kpi:hover{transform:translateY(-2px);border-color:#365d8d}.connect-kpi .kpi-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;font-weight:900;color:#fff;flex:0 0 auto}.connect-kpi.purple .kpi-icon{background:linear-gradient(135deg,#8a66ff,#6342db)}.connect-kpi.blue .kpi-icon{background:linear-gradient(135deg,#42a3ff,#1769ee)}.connect-kpi.green .kpi-icon{background:linear-gradient(135deg,#33cb87,#15975e)}.connect-kpi.cyan .kpi-icon{background:linear-gradient(135deg,#36c8e1,#158da9)}.connect-kpi small{display:block;color:#8095b2;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.connect-kpi b{display:block;color:#f4f8ff;font-size:23px;margin:5px 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.connect-kpi em{display:block;color:#6f86a6;font-size:10px;font-style:normal}.dashboard-primary-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);gap:16px;align-items:start}.connect-panel{margin:0!important}.dashboard-side-stack{display:grid;gap:16px}.dashboard-router-list{display:grid}.dashboard-router-row{display:grid;grid-template-columns:auto minmax(130px,1fr) auto minmax(260px,.9fr);align-items:center;gap:12px;padding:13px 3px;border-bottom:1px solid #1a2d47;text-decoration:none;color:inherit}.dashboard-router-row:last-child{border-bottom:0}.router-avatar{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#153d70;color:#8fc0ff;font-weight:900}.router-main b{display:block;color:#dce9f9;font-size:12px}.router-main small{display:block;color:#6c83a2;font-size:10px;margin-top:4px}.router-inline-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.router-inline-metrics span{padding:7px 8px;border-radius:8px;background:#091726;text-align:center}.router-inline-metrics b{display:block;color:#dbe8f8;font-size:11px}.router-inline-metrics small{display:block;color:#657d9d;font-size:8px;margin-top:2px}.desktop-quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.desktop-quick-grid a{display:flex;align-items:center;gap:8px;min-height:64px;padding:10px;border-radius:11px;color:#fff;text-decoration:none}.desktop-quick-grid a span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:rgba(255,255,255,.18);font-weight:900}.desktop-quick-grid a b{font-size:10px}.q-blue{background:linear-gradient(135deg,#3988ff,#1769ee)}.q-green{background:linear-gradient(135deg,#25b77a,#10955f)}.q-orange{background:linear-gradient(135deg,#ff9a31,#f07511)}.q-purple{background:linear-gradient(135deg,#8c5cf5,#6942de)}.connect-activity{display:flex;gap:9px;padding:9px 0;border-bottom:1px solid #172a43}.connect-activity:last-child{border-bottom:0}.activity-dot{width:8px;height:8px;border-radius:50%;margin-top:4px;background:#4a8cff;flex:0 0 auto}.activity-dot.error{background:#ef596b}.activity-dot.warn{background:#e5a535}.connect-activity b{display:block;font-size:10px;color:#bdcce0;font-weight:600;line-height:1.35}.connect-activity small{display:block;color:#617998;font-size:9px;margin-top:3px}.dashboard-secondary-grid{margin-top:0}.mobile-quick-actions{display:none}

/* Quick action sheet */
.quick-sheet-backdrop,.quick-sheet{display:none}.quick-sheet-backdrop{position:fixed;inset:0;background:rgba(0,8,20,.58);backdrop-filter:blur(3px);z-index:120}.quick-sheet{position:fixed;left:50%;bottom:82px;transform:translate(-50%,18px);width:min(92vw,430px);padding:16px;border-radius:18px;background:#0d1c31;border:1px solid #29486e;box-shadow:0 26px 70px rgba(0,0,0,.42);z-index:121;opacity:0;transition:.18s}.quick-sheet.is-open{opacity:1;transform:translate(-50%,0)}.quick-sheet-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.quick-sheet-head b{display:block;color:#eff6ff}.quick-sheet-head small{display:block;color:#6f86a6;font-size:9px;margin-top:3px}.quick-sheet-head button{border:0;background:#172b47;color:#b8c9de;width:30px;height:30px;border-radius:9px}.quick-sheet-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.quick-sheet-grid a{display:grid;grid-template-columns:auto 1fr;column-gap:9px;align-items:center;padding:11px;border:1px solid #203b5d;border-radius:12px;background:#0a1729;text-decoration:none}.quick-sheet-grid a>span{grid-row:1/3;display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#163d72;color:#7db4ff;font-weight:900}.quick-sheet-grid b{color:#dce8f7;font-size:10px}.quick-sheet-grid small{color:#6981a0;font-size:8px;margin-top:2px}

/* Desktop branding refinements */
.sidebar-footer .credit{margin-top:2px}.app-sidebar .brand{letter-spacing:.01em}.workspace-card .pill{margin-top:9px}

@media(max-width:1100px){.connect-kpis{grid-template-columns:repeat(2,1fr)}.dashboard-primary-grid{grid-template-columns:1fr}.dashboard-side-stack{grid-template-columns:1fr 1fr}.dashboard-router-row{grid-template-columns:auto 1fr auto}.router-inline-metrics{grid-column:2/-1}}

@media(max-width:720px){
  html,body{background:#07111f!important}body{color:#edf5ff!important;padding-bottom:80px!important}.mobile-topbar{background:rgba(7,17,31,.96)!important;border-bottom:1px solid #1e3552!important;box-shadow:0 8px 28px rgba(0,0,0,.16)!important}.mobile-topbar .mobile-icon-btn,.mobile-avatar{background:#10233b!important;color:#d9e9ff!important;border-color:#284462!important}.mobile-brand b{color:#eef6ff!important}.mobile-brand small{color:#6f86a6!important}.mobile-brand .brand-mark{width:31px!important;height:31px!important;border-radius:9px!important}
  main{background:radial-gradient(circle at 90% 0,rgba(35,103,207,.13),transparent 23%),#07111f!important;color:#edf5ff!important;padding:18px 13px 96px!important}.top h1,.section-head h2,.panel h2,.connect-page-head h1{color:#edf5ff!important}.top p,.section-head p,.connect-page-head p{color:#7188a7!important}.panel,.card,.router-card,.voucher-mobile-card,.user-mobile-card{background:linear-gradient(180deg,#0e1d31,#0a1728)!important;border-color:#203957!important;color:#dce8f7!important;box-shadow:0 9px 26px rgba(0,0,0,.14)!important}.card b,.router-card b,.voucher-mobile-head b,.user-mobile-head b,.user-mobile-metrics b{color:#eaf3ff!important}.card small,.router-card small,.voucher-mobile-head small,.user-mobile-head small,.user-mobile-metrics span,.user-mobile-metrics small{color:#6f86a6!important}.router-metrics div,.voucher-mobile-metrics>div,.user-mobile-metrics>div{background:#081522!important;border-color:#1a304c!important}.voucher-mobile-metrics b{color:#dce9f8!important}.form-grid input,.form-grid select,.inline select,.small-input,.voucher-filter-grid input,.voucher-filter-grid select,.adopt-card-form select{background:#091727!important;border-color:#294565!important;color:#e8f2ff!important}.table{background:transparent!important}th{background:#0b192b!important;color:#6f86a6!important}td{color:#cbd8e8!important;border-bottom-color:#1b304b!important}.filterbar a{background:#0e1d31!important;border-color:#203957!important;color:#7f95b2!important}.filterbar a.active{background:#1769ee!important;color:#fff!important}.notice{background:#0f2b4b!important;border-color:#24558a!important;color:#aac9ee!important}.subscription-banner.trial{margin-top:0!important}
  .app-sidebar{background:#081522!important;border-color:#203957!important;color:#edf5ff!important;box-shadow:24px 0 60px rgba(0,0,0,.40)!important}.app-sidebar .brand{color:#edf5ff!important}.app-sidebar .brand small{color:#6f86a6!important}.workspace-card{background:#0d1d31!important;border-color:#203957!important;color:#edf5ff!important}.workspace-card small{color:#7289a8!important}.nav-group{background:#0a1829!important;border-color:#1e3552!important}.nav-group summary{background:#0c1b2e!important;color:#6f86a6!important}.nav-links a{color:#9caec5!important}.nav-links a:hover{background:#102541!important;color:#fff!important}.nav-links a.active{background:#183d70!important;color:#eaf3ff!important;border-color:#2c66b9!important}.nav-icon{background:#102844!important;color:#78aaf0!important}.nav-links a.active .nav-icon{background:#2780ff!important;color:#fff!important}.sidebar-footer{background:#081522!important;border-color:#203957!important}.sidebar-footer .side-note{color:#7f95b2!important}.sidebar-footer .side-note small{color:#607a9c!important}.sidebar-footer .mini.primary{background:#163d72!important;border-color:#2d67b5!important;color:#e5f0ff!important}.sidebar-footer .mini.danger{background:#301d2a!important;border-color:#633244!important;color:#ffb1bd!important}
  .connect-page-head{align-items:flex-start;margin-bottom:15px}.connect-page-head h1{font-size:24px}.connect-page-head .eyebrow{font-size:8px;margin-bottom:6px}.desktop-dashboard-actions{display:none}.connect-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.connect-kpi{min-height:98px;padding:12px;gap:9px;background:linear-gradient(180deg,#0e2037,#0b1a2d)!important;border-color:#213b5d!important}.connect-kpi .kpi-icon{width:34px;height:34px;border-radius:10px}.connect-kpi b{font-size:19px}.connect-kpi small{font-size:8px}.connect-kpi em{font-size:8px}.dashboard-primary-grid{grid-template-columns:1fr}.dashboard-side-stack{display:none}.dashboard-router-row{grid-template-columns:auto 1fr auto;padding:11px 0}.router-inline-metrics{grid-column:1/-1;grid-template-columns:repeat(4,1fr)}.dashboard-secondary-grid{grid-template-columns:1fr}.dashboard-secondary-grid .table{overflow-x:auto}.mobile-quick-actions{display:block}.desktop-quick-grid{display:none}
  .connect-bottom-nav{display:grid!important;grid-template-columns:repeat(5,1fr)!important;height:70px!important;padding:5px 8px calc(5px + env(safe-area-inset-bottom))!important;background:rgba(7,17,31,.97)!important;border-top:1px solid #203957!important;box-shadow:0 -10px 30px rgba(0,0,0,.24)!important}.connect-bottom-nav a,.connect-bottom-nav button{color:#6f86a6!important}.connect-bottom-nav a.active{color:#4f9aff!important}.connect-bottom-nav a.active span{background:#102b4f!important;color:#4f9aff!important}.connect-bottom-nav span{color:#718bb0!important}.connect-bottom-nav .mobile-create-btn{position:relative;overflow:visible}.connect-bottom-nav .mobile-create-btn>span{width:42px!important;height:42px!important;border-radius:14px!important;margin-top:-16px!important;background:linear-gradient(145deg,#42a2ff,#1458e0)!important;color:white!important;font-size:25px!important;box-shadow:0 8px 22px rgba(20,94,224,.38)!important}.connect-bottom-nav .mobile-create-btn small{margin-top:0!important;color:#8da5c4!important}
  .quick-sheet-backdrop,.quick-sheet{display:block}.quick-sheet-backdrop[hidden]{display:none}.quick-sheet:not(.is-open){pointer-events:none}.quick-sheet-grid{grid-template-columns:repeat(2,1fr)}
  .auth-story{display:none}.connect-auth-shell{display:block;min-height:100vh}.auth-login-wrap{min-height:100vh;padding:28px 18px;background:radial-gradient(circle at 50% 0,rgba(32,112,236,.20),transparent 30%),#07111f}.auth-mobile-brand{display:flex;width:min(100%,500px);margin-bottom:24px}.auth-mobile-brand b{color:#f0f6ff}.connect-auth-card{padding:25px 20px!important}.connect-auth-card h2{font-size:25px!important}.auth-options{align-items:flex-start}.auth-help{max-width:150px}.auth-footer{color:#5f7898}.connect-login-form>label{color:#9eb0c7!important}.connect-auth-body .auth-card{background:linear-gradient(180deg,#0e2037,#0a182a)!important;border-color:#264669!important;color:#edf5ff!important;box-shadow:0 20px 60px rgba(0,0,0,.28)!important}.connect-auth-body .auth-card h2{color:#edf5ff!important}.connect-auth-body .auth-card>p{color:#7f96b5!important}.connect-auth-body .auth-card input{background:#081522!important;border-color:#294565!important;color:#edf5ff!important}.setup-shell .connect-login-form input{background:#081522!important;border-color:#294565!important;color:#edf5ff!important}
}
@media(max-width:400px){.connect-kpis{grid-template-columns:1fr 1fr}.connect-kpi{display:block}.connect-kpi .kpi-icon{margin-bottom:8px}.quick-sheet-grid{grid-template-columns:1fr 1fr}.auth-help{display:none}}

/* V2.7.2 compact voucher branding editor + live print preview */
.voucher-editor{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:22px;align-items:start}.voucher-settings{min-width:0}.voucher-options{margin:14px 0;border:1px solid #253a58;border-radius:10px;background:#0b1627}.voucher-options summary{cursor:pointer;padding:11px 13px;color:#b8c8df;font-size:12px;font-weight:800;user-select:none}.voucher-toggle-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:0 12px 12px}.voucher-toggle-grid .check{display:flex;align-items:center;gap:7px;min-height:38px;padding:8px 9px;border:1px solid #243956;border-radius:8px;background:#101d31;color:#aebed5;font-size:11px}.voucher-toggle-grid .check input{width:auto;min-height:0;margin:0}.voucher-preview-wrap{position:sticky;top:24px;border:1px solid #263b59;border-radius:14px;background:#0a1424;padding:14px}.voucher-preview-title{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px;color:#d9e6f8;font-size:12px}.voucher-preview-title span{color:#7085a3;font-size:10px}.voucher-preview-wrap>small{display:block;margin-top:9px;color:#6f829f;font-size:10px;line-height:1.45}.voucher-preview{background:#fff;color:#111827;border-radius:13px;padding:16px;box-shadow:0 12px 30px #02061733;max-width:390px;margin:0 auto}.vp-head{display:flex;justify-content:center;align-items:center;gap:10px;min-height:38px}.vp-logo{display:none;max-width:56px;max-height:42px;object-fit:contain}.vp-logo-box{display:grid;place-items:center;width:48px;height:34px;border:1px dashed #c9d1dc;border-radius:8px;color:#9aa5b4;font-size:8px;font-weight:800}.vp-brand{font-size:17px;font-weight:900;letter-spacing:.015em;text-align:center}.vp-plan{text-align:center;font-size:22px;font-weight:900;margin:13px 0 14px}.vp-login{display:flex;align-items:center;gap:10px}.vp-creds{flex:1;background:#f4f6f9;border-radius:10px;padding:10px 12px}.vp-creds div{display:grid;grid-template-columns:72px 1fr;align-items:center;margin:4px 0}.vp-creds span{font-size:11px;color:#374151}.vp-creds b{font:800 19px Consolas,monospace;letter-spacing:.05em}.vp-qr{display:grid;place-items:center;width:70px;height:70px;border:4px solid #111;background:repeating-linear-gradient(45deg,#111 0 4px,#fff 4px 8px);color:#fff;text-shadow:0 1px 3px #000;font-weight:900;font-size:12px}.vp-details{margin-top:12px;padding-top:9px;border-top:1px solid #e5e7eb}.vp-details div{display:grid;grid-template-columns:76px 1fr;gap:7px;align-items:start;margin:5px 0;font-size:11px}.vp-details span{color:#4b5563}.vp-details b{font-weight:700}.vp-footer{margin-top:12px;padding:9px 8px 0;border-top:1px solid #e5e7eb;text-align:center;font-size:11px;font-weight:800}.vp-batch{text-align:center;color:#9aa5b4;font-size:8px;margin-top:5px}.sync-template-box{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:11px 12px;border:1px solid #29466f;border-radius:10px;background:#0d1b30}.sync-template-box b{display:block;font-size:12px}.sync-template-box small{display:block;color:#7488a6;font-size:10px;margin-top:3px}.batch-voucher-editor{grid-template-columns:1fr;gap:16px}.batch-voucher-editor .voucher-preview-wrap{position:static}.batch-voucher-editor .voucher-preview{max-width:360px}
@media(max-width:1000px){.voucher-editor{grid-template-columns:1fr}.voucher-preview-wrap{position:static}.voucher-toggle-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.voucher-brand-panel{padding:13px!important}.voucher-toggle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.voucher-preview-wrap{background:#f7f9fc!important;border-color:#e0e7f0!important}.voucher-preview-title{color:#23334d!important}.voucher-preview-title span,.voucher-preview-wrap>small{color:#8190a5!important}.voucher-options{background:#f8faff!important;border-color:#dfe7f1!important}.voucher-options summary{color:#53647c!important}.voucher-toggle-grid .check{background:#fff!important;border-color:#e2e8f1!important;color:#53647c!important}.sync-template-box{background:#f3f7fd!important;border-color:#d7e4f5!important}.sync-template-box b{color:#23334d!important}.sync-template-box small{color:#7a8da7!important}.voucher-preview{padding:14px}.vp-plan{font-size:20px}.vp-creds b{font-size:17px}}

/* V2.8.0 bilingual/settings/notifications/security */
:root{--brand-accent:#3479ff}.btn,.mini.primary,.mobile-create-btn>span{background-color:var(--brand-accent)}
.language-switch{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:8px}.language-switch button{border:1px solid #294565;background:#0c1b2e;color:#7890b1;border-radius:8px;padding:7px 8px;font-size:10px;font-weight:800;cursor:pointer}.language-switch button.active{background:var(--brand-accent);border-color:var(--brand-accent);color:#fff}.nav-badge{margin-left:auto;min-width:20px;height:20px;padding:0 6px;display:grid;place-items:center;border-radius:999px;background:#df3b57;color:#fff;font-size:9px;font-weight:900}.mobile-notification-btn{position:relative;display:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;border:1px solid #dfe7f1;background:#fff;text-decoration:none;font-size:15px}.mobile-notification-btn em{position:absolute;right:-3px;top:-4px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;display:grid;place-items:center;background:#e54662;color:#fff;font:800 8px system-ui;font-style:normal}.sidebar-brand-logo,.mobile-brand-logo{object-fit:contain;background:#fff;border-radius:10px}.sidebar-brand-logo{width:42px;height:42px}.mobile-brand-logo{width:34px;height:34px}
.settings-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:18px;align-items:start}.settings-stack{display:grid;gap:18px}.settings-section{border:1px solid #233a58;border-radius:14px;background:#0d1a2d;padding:18px}.settings-section h2{margin:0 0 4px}.settings-section>.desc{margin:0 0 15px;color:#7890ae;font-size:11px}.settings-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.settings-status{padding:12px;border:1px solid #253e60;border-radius:10px;background:#091626}.settings-status span{display:block;color:#7088a8;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.settings-status b{display:block;margin-top:5px;font-size:12px;word-break:break-word}.settings-lock{padding:12px;border:1px solid #5b4d2e;border-radius:10px;background:#241f14;color:#e5c985;font-size:11px;line-height:1.5}.settings-help{font-size:10px;color:#6f85a4;line-height:1.55}.notification-list{display:grid;gap:10px}.notification-item{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:11px;align-items:start;padding:14px 15px;border:1px solid #213956;border-radius:12px;background:#0c1a2d}.notification-item.unread{border-color:#2f66a8;background:#0e2038}.notification-dot{width:9px;height:9px;border-radius:50%;margin-top:6px;background:#5b7598}.notification-item[data-severity="warn"] .notification-dot{background:#e5a93b}.notification-item[data-severity="bad"] .notification-dot{background:#e65269}.notification-item[data-severity="ok"] .notification-dot{background:#4cc98a}.notification-item h3{font-size:13px;margin:0 0 4px}.notification-item p{font-size:11px;color:#8196b3;margin:0;line-height:1.45}.notification-item small{display:block;color:#607895;margin-top:6px}.notification-actions{display:flex;gap:6px;align-items:center}.notification-actions a{text-decoration:none}.recovery-link-box{padding:12px;border-radius:10px;background:#081522;border:1px solid #28415f;word-break:break-all}.security-badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 9px;background:#123527;color:#78e0a7;font-size:10px;font-weight:800}.security-badge.bad{background:#3b1f2a;color:#ff9aad}
@media(max-width:1000px){.settings-grid{grid-template-columns:1fr}}
@media(max-width:720px){.mobile-notification-btn{display:flex}.mobile-topbar{gap:7px}.mobile-brand{min-width:0;flex:1}.mobile-brand span:last-child{min-width:0}.mobile-brand b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.settings-section{padding:14px}.settings-status-grid{grid-template-columns:1fr}.notification-item{grid-template-columns:8px minmax(0,1fr)}.notification-actions{grid-column:2;justify-content:flex-start}.language-switch{margin-top:2px}}

/* V2.9 Remote Connector wizard */
.connector-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 18px}
.connector-step{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel);opacity:.62}
.connector-step span{display:grid;place-items:center;min-width:26px;height:26px;border-radius:50%;border:1px solid var(--line);font-size:12px}
.connector-step.active{opacity:1;border-color:var(--accent)}
.connector-step.done{opacity:1}.connector-step.done span{background:var(--accent);color:#fff;border-color:var(--accent)}
.connector-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}
.connector-summary>div{padding:10px;border:1px solid var(--line);border-radius:10px}.connector-summary span{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}
.connector-summary.connector-summary-four{grid-template-columns:repeat(4,minmax(0,1fr))}
.connector-auto-detail{margin:0 0 14px}
.advanced-box summary{cursor:pointer;font-weight:700}.advanced-box[open] summary{margin-bottom:8px}
.connector-script{width:100%;min-height:330px;white-space:pre;margin-top:10px}.connector-snippet{width:100%;min-height:100px;white-space:pre}
.setup-instruction{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:16px;padding:10px 12px;border-radius:10px;background:var(--soft)}
.setup-instruction span{font-size:12px;color:var(--muted)}
.key-short{display:block;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.connector-test-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.connector-test-row small{display:block;color:var(--muted);margin-top:4px}
.connector-success{border-color:color-mix(in srgb,var(--ok) 45%,var(--line))}
.connector-state-machine{display:flex;align-items:center;gap:6px;overflow:auto;padding:3px 0 7px}.connector-state-machine span{white-space:nowrap;padding:6px 9px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:10px;font-weight:800}.connector-state-machine span.done{border-color:color-mix(in srgb,var(--ok) 45%,var(--line));color:var(--ok)}.connector-state-machine span.current{background:var(--accent);border-color:var(--accent);color:#fff}.connector-current-state{margin-top:5px}
html[lang="my"] .btn,html[lang="my"] .mini{white-space:nowrap;line-height:1.25}
@media(max-width:900px){.connector-summary.connector-summary-four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.connector-steps{grid-template-columns:repeat(2,1fr)}.connector-summary,.connector-summary.connector-summary-four{grid-template-columns:1fr}.connector-test-row{align-items:stretch;flex-direction:column}.connector-test-row .btn{width:100%}.setup-instruction{align-items:flex-start;flex-direction:column}.connector-script{min-height:280px}}
.status-terminated,.status-void{background:#49222c;color:#ffadb8}

/* V2.9.4 router context, staff scoping, filters and friendly permission pages */
.router-context{margin:9px 0 4px;padding:10px;border:1px solid #24405f;border-radius:10px;background:#091727}.router-context label{display:block;margin-bottom:6px;color:#6f86a6;font-size:9px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.router-context select{display:block;width:100%;padding:9px 30px 9px 10px;border:1px solid #2a496c;border-radius:8px;background:#0d2037;color:#e8f2ff;font-size:11px}.router-context small{display:block;margin-top:6px;color:#68809f;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.friendly-error{width:min(620px,100%);margin:8vh auto 0;padding:42px 30px;border:1px solid #543044;border-radius:20px;background:linear-gradient(180deg,#131c2e,#0b1728);text-align:center;box-shadow:0 24px 70px #02061766}.friendly-error-icon{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 15px;border-radius:18px;background:#3b1f2a;color:#ff91a3;font-size:30px;box-shadow:0 10px 30px #d83d5b22}.friendly-error-icon.neutral{background:#17345e;color:#8fc0ff}.friendly-error-label{margin:0 0 8px!important;color:#ff879a!important;font-size:10px!important;font-weight:900;letter-spacing:.16em}.friendly-error h1{margin:0 0 10px;font-size:30px}.friendly-error>p{color:#8da2bf;font-size:13px;line-height:1.65}.friendly-error-help{padding-top:10px;border-top:1px solid #213650}.friendly-error-actions{justify-content:center;margin-top:18px}
.router-assignment{margin:0;padding:14px;border:1px solid #294565;border-radius:11px;background:#091727}.router-assignment legend{padding:0 7px;color:#a9bdd7;font-size:11px;font-weight:800}.router-assignment>p{margin:0 0 10px;color:#7188a7;font-size:10px;line-height:1.5}.router-check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.router-check-grid>label{display:flex!important;align-items:center;gap:9px;padding:10px!important;border:1px solid #263f60;border-radius:9px;background:#0e1d31}.router-check-grid input{width:auto!important;margin:0!important}.router-check-grid b,.router-check-grid small{display:block}.router-check-grid b{color:#dce8f7;font-size:11px}.router-check-grid small{margin-top:3px;color:#6f86a6;font-size:9px}
.user-filter-grid{display:grid;grid-template-columns:1fr 1fr minmax(180px,1.5fr) 1fr .7fr auto;gap:9px;align-items:end}.user-filter-grid label{color:#879ab7;font-size:10px}.user-filter-grid input,.user-filter-grid select{display:block;width:100%;margin-top:5px;padding:9px;border:1px solid #294565;border-radius:8px;background:#091727;color:#e8f2ff}.user-status-tabs a span{margin-left:5px;opacity:.72}.router-choice-empty{text-align:center;padding:40px}.router-choice-empty h2{margin:12px 0 7px;font-size:22px}.router-choice-empty>p{max-width:620px;margin:0 auto 18px;color:#7e93b0;line-height:1.6}.router-choice-form{justify-content:center}.pager{display:flex;justify-content:center;gap:7px;margin-top:18px}
@media(max-width:1100px){.user-filter-grid{grid-template-columns:repeat(3,1fr)}.router-check-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.router-context{margin-top:7px}.friendly-error{margin-top:3vh;padding:30px 18px}.friendly-error h1{font-size:25px}.router-check-grid,.user-filter-grid{grid-template-columns:1fr}.router-choice-form{align-items:stretch;flex-direction:column}.router-choice-form select{width:100%}.user-status-tabs{overflow:auto;padding-bottom:5px}.user-status-tabs a{white-space:nowrap}}

/* ========================================================================== 
   V2.9.5 — Workspace UI refresh
   Visual-only shell/dashboard upgrade. Existing routes, permissions and data
   semantics remain authoritative; no demo router or placeholder metrics exist.
   ========================================================================== */
:root{
  --v295-bg:#f5f7fb;--v295-surface:#ffffff;--v295-border:#e3eaf3;--v295-text:#17233b;
  --v295-muted:#7d8da4;--v295-navy:#071426;--v295-navy-2:#0b1c31;--v295-blue:#1671ee;
  --v295-green:#12a867;--v295-orange:#f07b17;--v295-purple:#7448e8;
}
.desktop-app-topbar,.mobile-router-strip{display:none}

@media(min-width:721px){
  html,body{background:var(--v295-bg)!important;color:var(--v295-text)!important}
  body{display:block!important;min-width:980px;background:linear-gradient(180deg,#f8faff 0,#f4f7fb 100%)!important}
  .app-sidebar{width:272px!important;padding:22px 14px 16px!important;background:radial-gradient(circle at 40% 92%,rgba(31,111,238,.22),transparent 27%),linear-gradient(180deg,#071427 0,#08182b 64%,#061322 100%)!important;border-right:1px solid #153252!important;box-shadow:10px 0 34px rgba(15,42,77,.08)!important;color:#e8f2ff!important}
  main{margin-left:272px!important;width:calc(100% - 272px)!important;max-width:none!important;padding:0 26px 52px!important;background:transparent!important}
  .sidebar-head{padding:0 4px 4px!important}.app-sidebar .brand{color:#f0f6ff!important;font-size:16px!important}.app-sidebar .brand b{color:#43a0ff!important}.app-sidebar .brand small{color:#6884a8!important;font-size:9px!important}
  .brand-mark{background:linear-gradient(145deg,#4598ff,#1764e9)!important;box-shadow:0 10px 24px rgba(35,111,242,.32)!important}
  .workspace-card{margin:16px 1px 9px!important;padding:11px 12px!important;border:1px solid #1d3a5b!important;background:rgba(10,31,53,.76)!important;box-shadow:none!important}.workspace-card b{color:#e7f1ff!important}.workspace-card small{color:#7088aa!important}
  .side-scroll{margin:5px -2px 0!important;padding:0 2px 12px!important}.grouped-nav{gap:7px!important}.nav-group{background:transparent!important;border-color:transparent!important}.nav-group[open]{background:rgba(11,31,53,.48)!important;border-color:#153553!important}.nav-group summary{color:#597697!important;background:transparent!important;font-size:8px!important}.nav-links a{color:#9db0c9!important;border:1px solid transparent!important}.nav-links a:hover{background:#102946!important;color:#fff!important}.nav-links a.active{background:linear-gradient(135deg,#1777f3,#1263da)!important;color:#fff!important;border-color:#2783f7!important;box-shadow:0 8px 20px rgba(18,99,218,.24)!important}.nav-icon{background:#102740!important;color:#83b8ff!important}.nav-links a.active .nav-icon{background:rgba(255,255,255,.16)!important;color:#fff!important}.nav-badge{background:#f04c5c!important}
  .sidebar-footer{background:transparent!important;border-top:1px solid #16314f!important}.sidebar-footer .side-note{color:#7890af!important}.sidebar-footer .side-note small{color:#58718f!important}.language-switch button{background:#0d233c!important;color:#7e98b9!important;border-color:#1f4165!important}.language-switch button.active{background:#176fe9!important;color:#fff!important;border-color:#2f84ef!important}.sidebar-footer .mini{background:#102740!important;border-color:#23496f!important;color:#c7d8ed!important}.sidebar-footer .mini.danger{background:#281d2b!important;border-color:#573047!important;color:#ffabb6!important}

  .desktop-app-topbar{display:flex;position:sticky;top:0;z-index:980;min-height:72px;margin:0 -26px 24px;padding:11px 26px;align-items:center;justify-content:space-between;gap:18px;background:rgba(255,255,255,.96);border-bottom:1px solid #e4ebf4;box-shadow:0 4px 18px rgba(37,65,105,.055);backdrop-filter:blur(16px)}
  .global-search{position:relative;display:flex;align-items:center;gap:8px;width:min(540px,42vw);min-width:260px}.global-search-icon{position:absolute;left:13px;color:#6682a7;font-size:20px;line-height:1}.global-search input{width:100%;height:43px;padding:0 74px 0 42px;border:1px solid #dfe7f1;border-radius:11px;background:#f3f6fa;color:#20304b;outline:none;font-size:12px}.global-search input:focus{background:#fff;border-color:#78aef7;box-shadow:0 0 0 3px rgba(49,126,239,.10)}.global-search input::placeholder{color:#8fa0b4}.global-search kbd{position:absolute;right:10px;padding:4px 7px;border:1px solid #d9e3ef;border-bottom-width:2px;border-radius:6px;background:#fff;color:#8798ad;font:700 9px/1.1 Inter,Segoe UI,sans-serif}
  .topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;min-width:0}.top-router-context{display:flex;align-items:center;gap:8px;height:43px;min-width:240px;max-width:330px;padding:0 10px;border:1px solid #dce6f1;border-radius:11px;background:#fff}.top-router-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#edf4ff;color:#2477e9;font-size:13px}.top-router-context select{min-width:0;width:100%;height:38px;border:0!important;outline:0;background:transparent!important;color:#243650!important;font-size:11px;font-weight:750;cursor:pointer;padding:0 24px 0 0!important;box-shadow:none!important;margin:0!important}.top-router-empty{color:#176fe9;text-decoration:none;font-size:11px;font-weight:800;white-space:nowrap}.topbar-icon-btn{position:relative;display:grid;place-items:center;width:43px;height:43px;border:1px solid #e0e7f0;border-radius:11px;background:#fff;color:#43617f;text-decoration:none;font-size:15px}.topbar-icon-btn em{position:absolute;right:-4px;top:-5px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#ef485a;color:#fff;font:800 8px Inter;font-style:normal;border:2px solid #fff}
  .topbar-language,.topbar-account{position:relative}.topbar-language summary,.topbar-account summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;height:43px;border:1px solid #e0e7f0;border-radius:11px;background:#fff;color:#334861}.topbar-language summary::-webkit-details-marker,.topbar-account summary::-webkit-details-marker{display:none}.topbar-language summary{padding:0 12px;font-size:11px;font-weight:800}.topbar-account summary{padding:0 10px 0 7px;min-width:150px}.topbar-avatar{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:linear-gradient(145deg,#3787ff,#1264df);color:#fff;font-size:13px;font-weight:900}.topbar-user{display:block;min-width:66px}.topbar-user b,.topbar-user small{display:block}.topbar-user b{max-width:110px;color:#17233b;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-user small{margin-top:2px;color:#8795a9;font-size:8px}.topbar-chevron{margin-left:auto;color:#7c8da4;font-size:12px}.topbar-popover{position:absolute;right:0;top:50px;z-index:1200;min-width:190px;padding:7px;border:1px solid #e0e7f0;border-radius:12px;background:#fff;box-shadow:0 18px 50px rgba(29,58,101,.16)}.topbar-popover a,.topbar-popover button{display:block;width:100%;padding:10px 11px;border:0;border-radius:8px;background:transparent;color:#40536d;text-align:left;text-decoration:none;font:700 11px Inter,Segoe UI,sans-serif;cursor:pointer}.topbar-popover a:hover,.topbar-popover button:hover{background:#f2f6fc;color:#1268df}.topbar-popover form{margin:0}.account-popover-head{padding:10px 11px 11px;border-bottom:1px solid #edf1f6;margin-bottom:4px}.account-popover-head b,.account-popover-head small{display:block}.account-popover-head b{font-size:12px;color:#17233b}.account-popover-head small{margin-top:3px;color:#8998aa;font-size:9px}.account-popover form:last-child{border-top:1px solid #edf1f6;margin-top:4px;padding-top:4px}.account-popover form:last-child button{color:#d33d50}

  .panel,.card,.router-card,.settings-section,.notification-item{background:#fff!important;border-color:#e3eaf3!important;color:#263650!important;box-shadow:0 7px 24px rgba(27,56,99,.055)!important}.panel h2,.section-head h2,.router-card b,.settings-section h2{color:#17233b!important}.section-head p,.top p,.router-card small,.muted,.block{color:#7f8fa5!important}.section-head>a,.crumb a{color:#176fe9!important}.table{background:#fff!important;border-radius:12px}.table th,.table td,th,td{border-bottom-color:#edf1f6!important}.table th,th{color:#8796aa!important;background:#fbfcfe!important}.table td,td{color:#33445d!important}.code{color:#244c79!important}.empty{color:#8e9caf!important}
  .form-grid label,.inline>label,.action-stack label{color:#6d7f97!important}.form-grid input,.form-grid select,.inline select,.action-stack input,.small-input,.user-filter-grid input,.user-filter-grid select,.voucher-filter-grid input,.voucher-filter-grid select{background:#fff!important;border-color:#d9e3ef!important;color:#17233b!important}.form-grid input:focus,.form-grid select:focus,.inline select:focus,.small-input:focus{border-color:#4c8ef1!important;box-shadow:0 0 0 3px rgba(47,125,246,.10)!important}.notice{background:#eef5ff!important;border-color:#d2e3ff!important;color:#49647f!important}.alert{background:#fff0f2!important;border-color:#ffd3d8!important;color:#a13b49!important}.filterbar a{background:#f2f5fa!important;color:#71839d!important;border-color:#e0e7f0!important}.filterbar a.active{background:#176fe9!important;color:#fff!important;border-color:#176fe9!important}.data-bar{background:#edf2f7!important;border-color:#e2e8f0!important}.data-bar>i{background:#2077ec!important}
}

/* Dashboard */
.v295-dashboard-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:18px}.v295-dashboard-head h1{margin:3px 0 5px;color:#17233b;font-size:28px;letter-spacing:-.035em}.v295-dashboard-head p{max-width:760px;margin:0;color:#7789a1;font-size:12px;line-height:1.55}.v295-dashboard-head p b{color:#2a466c}.v295-eyebrow{color:#2777e5;font-size:8px;font-weight:900;letter-spacing:.16em}.v295-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.v295-clock{display:flex;align-items:center;gap:8px;min-height:39px;padding:0 11px;border:1px solid #e0e7f0;border-radius:9px;background:#fff}.v295-clock>span{color:#2678e7}.v295-clock b,.v295-clock small{display:block}.v295-clock b{color:#314762;font-size:9px}.v295-clock small{margin-top:2px;color:#8797aa;font-size:8px}
.v295-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.v295-kpi{position:relative;display:flex;align-items:center;gap:13px;min-height:108px;padding:16px;border-radius:13px;color:#fff;text-decoration:none;overflow:hidden;box-shadow:0 10px 25px rgba(28,70,132,.12)}.v295-kpi:after{content:"";position:absolute;right:-18px;bottom:-30px;width:95px;height:95px;border-radius:50%;background:rgba(255,255,255,.09)}.v295-kpi.blue{background:linear-gradient(135deg,#1d91ff,#1269ea)}.v295-kpi.green{background:linear-gradient(135deg,#20bd78,#07975a)}.v295-kpi.orange{background:linear-gradient(135deg,#ff9b2f,#e96909)}.v295-kpi.purple{background:linear-gradient(135deg,#8a5af3,#6537dc)}.v295-kpi-icon{display:grid;place-items:center;flex:0 0 39px;width:39px;height:39px;border-radius:11px;background:rgba(255,255,255,.18);font-weight:900}.v295-kpi small,.v295-kpi strong,.v295-kpi em{display:block}.v295-kpi small{font-size:9px;opacity:.92}.v295-kpi strong{max-width:240px;margin:5px 0 3px;font-size:21px;line-height:1.08;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v295-kpi em{font-size:8px;font-style:normal;opacity:.82}
.v295-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.72fr) minmax(260px,.58fr);gap:14px;align-items:start}.v295-panel{margin:0!important;padding:17px!important;border-radius:13px!important}.v295-section-head{margin-bottom:12px!important}.v295-section-head h2{font-size:14px!important}.v295-section-head p{font-size:10px!important}.v295-section-head>a{font-size:10px!important}
.v295-router-activity-list{display:grid}.v295-router-activity{display:grid;grid-template-columns:auto minmax(120px,1fr) auto minmax(230px,.95fr);align-items:center;gap:10px;padding:12px 2px;border-bottom:1px solid #edf1f6;color:inherit;text-decoration:none}.v295-router-activity:last-child{border-bottom:0}.v295-router-activity:hover{background:#f8fbff}.v295-router-device{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#eaf3ff;color:#2375e8;font-size:12px}.v295-router-name b,.v295-router-name small{display:block}.v295-router-name b{color:#23334d;font-size:11px}.v295-router-name small{margin-top:3px;color:#8696a9;font-size:8px}.v295-router-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.v295-router-metrics span{padding:6px 5px;border-radius:7px;background:#f5f8fc;text-align:center}.v295-router-metrics b,.v295-router-metrics small{display:block}.v295-router-metrics b{color:#28415f;font-size:9px}.v295-router-metrics small{margin-top:2px;color:#8b99aa;font-size:7px}.v295-empty-state{text-align:center;padding:42px 20px}.v295-empty-state>span{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 12px;border-radius:14px;background:#ecf4ff;color:#2879e8;font-size:19px}.v295-empty-state h3{margin:0;color:#263650;font-size:14px}.v295-empty-state p{max-width:390px;margin:6px auto 15px;color:#8494a8;font-size:10px;line-height:1.5}
.v295-donut-wrap{display:grid;grid-template-columns:150px 1fr;gap:18px;align-items:center;min-height:230px}.v295-donut{position:relative;width:142px;height:142px;margin:auto;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.02)}.v295-donut:after{content:"";position:absolute;inset:25px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #edf1f6}.v295-donut>span{position:absolute;z-index:1;inset:0;display:grid;place-content:center;text-align:center}.v295-donut b,.v295-donut small{display:block}.v295-donut b{color:#17233b;font-size:20px}.v295-donut small{margin-top:1px;color:#8796aa;font-size:8px}.v295-donut-legend{display:grid;gap:10px}.v295-donut-legend div{display:grid;grid-template-columns:auto 1fr auto;gap:7px;align-items:center;color:#667990;font-size:9px}.v295-donut-legend i{width:8px;height:8px;border-radius:50%}.v295-donut-legend i.green{background:#14b86e}.v295-donut-legend i.blue{background:#2f7df6}.v295-donut-legend i.orange{background:#f4a51c}.v295-donut-legend i.red{background:#f0525d}.v295-donut-legend b{color:#263650;font-size:10px}
.v295-side-stack{display:grid;gap:14px}.v295-status-list{display:grid}.v295-status-list>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid #edf1f6}.v295-status-list>div:last-child{border-bottom:0}.status-symbol{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#edf4ff;color:#2b76db;font-size:9px;font-weight:900}.v295-status-list b{color:#3a4d66;font-size:9px}.v295-status-list em{font-size:8px;font-style:normal;font-weight:800}.v295-status-list em.ok{color:#11975d}.v295-status-list em.warn{color:#b57a08}.v295-status-list em.bad{color:#d64757}.v295-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.v295-quick-grid a{display:flex;align-items:center;gap:7px;min-height:52px;padding:9px;border-radius:9px;text-decoration:none}.v295-quick-grid a span{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;font-size:10px;font-weight:900}.v295-quick-grid a b{font-size:9px}.v295-quick-grid .qa-blue{background:#eaf3ff;color:#156ce5}.v295-quick-grid .qa-blue span{background:#1d77eb;color:#fff}.v295-quick-grid .qa-green{background:#e7f8ef;color:#138e59}.v295-quick-grid .qa-green span{background:#19a866;color:#fff}.v295-quick-grid .qa-purple{background:#f0eafd;color:#673ed5}.v295-quick-grid .qa-purple span{background:#7449df;color:#fff}.v295-quick-grid .qa-orange{background:#fff0e1;color:#c9630d}.v295-quick-grid .qa-orange span{background:#ed7a18;color:#fff}
.v295-lower-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:14px;margin-top:14px}.v295-table table{font-size:10px!important}.v295-table th{font-size:8px!important;padding:9px 8px!important}.v295-table td{padding:9px 8px!important}.v295-top-plans{display:grid;gap:12px}.v295-plan-row{display:grid;grid-template-columns:minmax(110px,.7fr) minmax(90px,1fr) auto;gap:10px;align-items:center}.v295-plan-row b,.v295-plan-row small{display:block}.v295-plan-row b{color:#2a3e58;font-size:10px}.v295-plan-row small{margin-top:2px;color:#8a99aa;font-size:8px}.v295-plan-row strong{color:#243954;font-size:9px;white-space:nowrap}.v295-plan-bar{height:7px;border-radius:999px;background:#edf2f7;overflow:hidden}.v295-plan-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2d83f7,#176fe9)}

@media(max-width:1380px) and (min-width:721px){.v295-dashboard-grid{grid-template-columns:minmax(0,1.5fr) minmax(280px,.72fr)}.v295-side-stack{grid-column:1/-1;grid-template-columns:1fr 1fr}.v295-kpi strong{font-size:18px}.v295-router-activity{grid-template-columns:auto minmax(110px,1fr) auto minmax(205px,.95fr)}}
@media(max-width:1120px) and (min-width:721px){.app-sidebar{width:230px!important}.app-sidebar .brand{font-size:14px!important}.workspace-card{padding:9px!important}.nav-links a{font-size:11px!important}.nav-icon{width:21px!important;height:21px!important;flex-basis:21px!important}main{margin-left:230px!important;width:calc(100% - 230px)!important;padding-left:18px!important;padding-right:18px!important}.desktop-app-topbar{margin-left:-18px!important;margin-right:-18px!important;padding-left:18px!important;padding-right:18px!important}.topbar-user{display:none}.topbar-account summary{min-width:49px}.top-router-context{min-width:200px;max-width:240px}.v295-kpi-grid{grid-template-columns:repeat(2,1fr)}.v295-lower-grid{grid-template-columns:1fr}}

@media(max-width:720px){
  .desktop-app-topbar{display:none!important}.mobile-router-strip{display:block;margin:0 0 11px}.mobile-router-strip form{display:flex;align-items:center;gap:8px;min-height:43px;padding:5px 8px;border:1px solid #dfe7f1;border-radius:11px;background:#fff;box-shadow:0 5px 15px rgba(31,62,112,.06)}.mobile-router-strip form>span{display:grid;place-items:center;flex:0 0 29px;width:29px;height:29px;border-radius:8px;background:#eaf3ff;color:#1e72e7;font-size:10px}.mobile-router-strip select{min-width:0;width:100%;height:34px;border:0;background:#fff;color:#2a3f5b;font-size:11px;font-weight:750;outline:none}.mobile-router-strip a{color:#176fe9;text-decoration:none;font-size:11px;font-weight:800}.mobile-router-strip b{color:#75879d;font-size:10px}
  .v295-dashboard-head{display:block;margin-bottom:13px}.v295-dashboard-head h1{font-size:23px}.v295-dashboard-head p{font-size:10px}.v295-head-actions{justify-content:flex-start;margin-top:11px}.v295-clock{display:none}.v295-head-actions .mini,.v295-head-actions .btn{min-height:38px;font-size:10px}.v295-add-router{display:none!important}
  .v295-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px}.v295-kpi{display:block;min-height:105px;padding:12px}.v295-kpi-icon{width:31px;height:31px;border-radius:9px;margin-bottom:8px;font-size:10px}.v295-kpi strong{font-size:17px}.v295-kpi small{font-size:8px}.v295-kpi em{font-size:7px}
  .v295-dashboard-grid,.v295-lower-grid{grid-template-columns:1fr;gap:10px;margin-top:10px}.v295-panel{padding:13px!important}.v295-side-stack{display:grid;grid-template-columns:1fr;gap:10px}.v295-router-activity{grid-template-columns:auto 1fr auto;padding:10px 0}.v295-router-metrics{grid-column:1/-1;grid-template-columns:repeat(4,1fr)}.v295-donut-wrap{grid-template-columns:130px 1fr;min-height:180px;gap:12px}.v295-donut{width:120px;height:120px}.v295-donut:after{inset:22px}.v295-donut b{font-size:17px}.v295-section-head{align-items:flex-start!important}.v295-quick-grid{grid-template-columns:repeat(2,1fr)}.v295-plan-row{grid-template-columns:minmax(90px,.8fr) 1fr}.v295-plan-row strong{grid-column:1/-1;text-align:right}.v295-empty-state{padding:28px 12px}
}
@media(max-width:390px){.v295-donut-wrap{grid-template-columns:1fr}.v295-donut-legend{grid-template-columns:repeat(2,1fr)}.v295-kpi strong{font-size:15px}.v295-router-metrics{grid-template-columns:repeat(2,1fr)}}

/* V2.9.5 workspace search */
.v295-search-page{display:grid;gap:14px}.v295-search-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.v295-search-head h1{margin:4px 0 3px;color:#14223a;font-size:26px;letter-spacing:-.035em}.v295-search-head p{margin:0;color:#7c8da1;font-size:10px}.v295-search-mobile{display:none;gap:8px}.v295-search-mobile input{min-width:0;flex:1;height:42px;border:1px solid #d9e3ef;border-radius:10px;background:#fff;color:#223650;padding:0 12px;outline:none}.v295-search-mobile input:focus{border-color:#3786f4;box-shadow:0 0 0 3px rgba(55,134,244,.11)}.v295-search-group{display:grid;gap:4px}.v295-search-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.v295-search-cards>a{display:flex;align-items:center;gap:10px;min-height:62px;padding:10px 12px;border:1px solid #e4eaf2;border-radius:10px;background:#fbfdff;color:#263a55;text-decoration:none}.v295-search-cards>a:hover{border-color:#c8daf2;background:#f5f9ff}.v295-search-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:9px;background:#eaf3ff;color:#176fe9;font-size:10px;font-weight:900}.v295-search-cards>a div{min-width:0;flex:1}.v295-search-cards b,.v295-search-cards small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v295-search-cards b{font-size:10px}.v295-search-cards small{margin-top:3px;color:#8393a5;font-size:8px}.v295-search-cards em{color:#2879e8;font-size:9px;font-style:normal;font-weight:800}.v295-search-cards .pill{flex:0 0 auto}
@media(max-width:720px){.v295-search-head{align-items:flex-start}.v295-search-head h1{font-size:23px}.v295-search-mobile{display:flex}.v295-search-cards{grid-template-columns:1fr}.v295-search-cards>a{min-height:58px}}

/* ======================================================================
   ARLDOLE CONNECT V2.9.6 — Professional Workspace UI
   Dark navy navigation + light operational workspace. All selectors are
   scoped under .ui-v296 so voucher print/portal documents remain untouched.
   ====================================================================== */
.ui-v296{
  --ui-navy:#06162d;--ui-navy-2:#082142;--ui-header:#082650;--ui-blue:#1677ff;
  --ui-blue-2:#0b63ed;--ui-cyan:#17b3ff;--ui-green:#0eb86a;--ui-orange:#ff7a13;
  --ui-purple:#7a38ec;--ui-red:#ef4753;--ui-bg:#f5f9ff;--ui-card:#fff;
  --ui-line:#dce8f6;--ui-text:#0b1735;--ui-muted:#6c7f9e;--ui-shadow:0 8px 28px rgba(31,78,130,.08);
  margin:0;background:var(--ui-bg);color:var(--ui-text);font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif;
}
.ui-v296 *{box-sizing:border-box}.ui-v296 a{text-decoration:none}.ui-v296 .ui-icon{width:22px;height:22px;display:block;flex:0 0 auto}
.ui-v296 .app-sidebar{position:fixed;left:0;top:0;bottom:0;width:276px;background:linear-gradient(180deg,#06162d 0%,#071d3a 62%,#071a32 100%);color:#eaf4ff;border-right:1px solid rgba(97,157,231,.16);z-index:80;display:flex;flex-direction:column;overflow:hidden}
.ui-v296 .sidebar-head{padding:20px 18px 14px;border-bottom:1px solid rgba(138,181,232,.12)}
.ui-v296 .v296-brand{display:flex;align-items:center;gap:12px;color:white}.ui-v296 .v296-brand .brand-mark{width:50px;height:50px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#29a7ff,#0a66f0);font-size:27px;font-weight:900;box-shadow:0 8px 24px rgba(20,126,255,.32)}
.ui-v296 .v296-brand>div{display:flex;flex-direction:column;min-width:0}.ui-v296 .v296-brand b{font-size:18px;letter-spacing:.1px;white-space:nowrap}.ui-v296 .v296-brand b::first-line{color:#fff}.ui-v296 .v296-brand small{color:#9db2ce;font-size:11px;margin-top:4px;font-weight:500}
.ui-v296 .sidebar-brand-logo{width:50px;height:50px;object-fit:contain;border-radius:12px}
.ui-v296 .v296-side-scroll{padding:12px 11px 0;overflow:auto;min-height:0;flex:1;scrollbar-width:thin;scrollbar-color:#1b4778 transparent}
.ui-v296 .v296-primary-nav{display:flex;flex-direction:column;gap:4px}.ui-v296 .v296-primary-nav>a{display:flex;align-items:center;gap:14px;color:#d6e4f6;padding:12px 14px;border-radius:9px;font-size:14px;font-weight:600;transition:.16s ease;min-height:48px}
.ui-v296 .v296-primary-nav>a:hover{background:rgba(40,110,201,.18);color:#fff}.ui-v296 .v296-primary-nav>a.active{background:linear-gradient(90deg,#1788ff,#0966f2);color:#fff;box-shadow:0 10px 24px rgba(0,106,255,.28)}
.ui-v296 .v296-primary-nav>a.active .ui-icon{filter:drop-shadow(0 0 5px rgba(255,255,255,.2))}
.ui-v296 .v296-more{margin:10px 4px 18px;border-top:1px solid rgba(143,184,230,.13);padding-top:10px}.ui-v296 .v296-more summary{cursor:pointer;display:flex;align-items:center;gap:12px;color:#aebfd5;padding:9px 10px;font-size:12px;font-weight:700;list-style:none}.ui-v296 .v296-more summary::-webkit-details-marker{display:none}.ui-v296 .v296-more summary .ui-icon{width:20px;height:20px}.ui-v296 .v296-more summary i{margin-left:auto;font-style:normal}.ui-v296 .v296-more-links{display:grid;gap:2px;padding:3px 0 0 34px}.ui-v296 .v296-more-links a{color:#aebfd5;font-size:12px;padding:8px 9px;border-radius:7px;display:flex;justify-content:space-between}.ui-v296 .v296-more-links a:hover,.ui-v296 .v296-more-links a.active{background:rgba(29,113,222,.18);color:white}
.ui-v296 .v296-sidebar-footer{position:relative;padding:18px 23px 21px;min-height:205px;border-top:1px solid rgba(124,171,226,.1);overflow:hidden;background:radial-gradient(circle at 75% 40%,rgba(16,101,203,.24),transparent 42%),linear-gradient(180deg,rgba(2,16,33,.2),rgba(2,16,33,.78))}
.ui-v296 .v296-sidebar-footer:before{content:"";position:absolute;left:-10%;right:-10%;bottom:48px;height:95px;opacity:.95;background:linear-gradient(155deg,transparent 39%,#0b315d 40% 47%,transparent 48%),linear-gradient(25deg,transparent 46%,#0e3f77 47% 55%,transparent 56%);transform:skewY(-3deg);pointer-events:none}
.ui-v296 .v296-slogan{position:relative;z-index:1;color:#17b9ff;font-family:"Segoe Script","Brush Script MT",cursive;font-style:italic;font-size:22px;line-height:1.15;transform:rotate(-7deg);margin-top:28px;text-shadow:0 0 16px rgba(23,185,255,.28)}
.ui-v296 .v296-side-version{position:absolute;right:22px;bottom:58px;color:#dce9f8;font-size:11px;z-index:1}.ui-v296 .v296-sidebar-footer>small{position:absolute;left:22px;bottom:16px;color:#8ea7c5;font-size:9.5px;line-height:1.45;z-index:1}
.ui-v296 .sidebar-mobile-row{display:none}

.ui-v296 .v296-main{margin-left:276px;min-height:100vh;padding:0;background:linear-gradient(180deg,#f9fcff 0,#f4f8fd 100%)}
.ui-v296 .desktop-app-topbar{height:68px;position:sticky;top:0;z-index:60;background:linear-gradient(90deg,#082448,#092d5c 68%,#061b37);display:flex;align-items:center;padding:0 20px;gap:14px;border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 3px 16px rgba(4,24,54,.12)}
.ui-v296 .v296-sidebar-toggle{border:0;background:transparent;color:#fff;font-size:26px;line-height:1;padding:6px 8px;cursor:pointer;display:none}
.ui-v296 .global-search{height:42px;max-width:510px;min-width:320px;flex:1;display:flex;align-items:center;gap:9px;background:#0b3768;border:1px solid #2c5d91;border-radius:10px;padding:0 12px;color:#bcd2eb;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.ui-v296 .global-search .ui-icon{width:20px;height:20px}.ui-v296 .global-search input{border:0!important;background:transparent!important;color:#f3f8ff!important;outline:0!important;box-shadow:none!important;padding:0!important;min-width:0;width:100%;font-size:13px}.ui-v296 .global-search input::placeholder{color:#b3c7df}.ui-v296 .global-search kbd{margin-left:auto;font-size:10px;color:#b9cde4;background:#164579;border:1px solid #346895;border-radius:5px;padding:4px 6px;white-space:nowrap;font-family:inherit}
.ui-v296 .topbar-actions{display:flex;align-items:center;gap:8px;margin-left:auto;height:100%}.ui-v296 .top-router-context{height:44px;display:flex;align-items:center;gap:8px;background:#0a376b;border:1px solid #2b68a5;border-radius:9px;padding:0 9px 0 12px;min-width:240px;max-width:320px}.ui-v296 .router-live-dot{width:10px;height:10px;border-radius:50%;background:#0ed06f;box-shadow:0 0 0 4px rgba(14,208,111,.08);flex:0 0 auto}.ui-v296 .router-live-dot.summary{background:#20a7ff}.ui-v296 .top-router-context select{border:0!important;background:transparent!important;color:#fff!important;font-weight:700;font-size:12px;width:100%;padding:0 24px 0 0;outline:0;box-shadow:none!important}.ui-v296 .top-router-context select option{background:#0b2b54;color:#fff}.ui-v296 .top-router-empty{color:#fff;font-size:12px;font-weight:700}
.ui-v296 .topbar-icon-btn{width:42px;height:42px;border:0;background:transparent;color:#eef6ff;display:grid;place-items:center;border-radius:9px;position:relative;cursor:pointer}.ui-v296 .topbar-icon-btn:hover{background:rgba(255,255,255,.08)}.ui-v296 .topbar-icon-btn .ui-icon{width:22px;height:22px}.ui-v296 .topbar-icon-btn em{position:absolute;right:2px;top:1px;min-width:17px;height:17px;border-radius:10px;background:#ff3d45;color:white;font-size:9px;font-style:normal;font-weight:800;display:grid;place-items:center;padding:0 4px}
.ui-v296 .topbar-language,.ui-v296 .topbar-account{height:100%;position:relative}.ui-v296 .topbar-language summary,.ui-v296 .topbar-account summary{height:100%;display:flex;align-items:center;gap:7px;color:#fff;cursor:pointer;list-style:none;padding:0 11px;border-left:1px solid rgba(255,255,255,.08)}.ui-v296 .topbar-language summary::-webkit-details-marker,.ui-v296 .topbar-account summary::-webkit-details-marker{display:none}.ui-v296 .topbar-language .ui-icon{width:18px;height:18px}.ui-v296 .topbar-avatar{width:36px;height:36px;border-radius:10px;background:linear-gradient(145deg,#29a7ff,#0b64ed);display:grid;place-items:center;color:white;font-weight:900}.ui-v296 .topbar-user{display:flex;flex-direction:column;line-height:1.12}.ui-v296 .topbar-user b{font-size:12px}.ui-v296 .topbar-user small{font-size:9px;color:#aac2dc;margin-top:3px}.ui-v296 .topbar-chevron{font-size:15px;color:#c9d9e9}
.ui-v296 .topbar-popover{position:absolute;right:0;top:62px;min-width:185px;background:#fff;border:1px solid #dbe7f4;border-radius:10px;box-shadow:0 18px 42px rgba(23,48,85,.18);padding:7px;z-index:120;color:#13233e}.ui-v296 .topbar-popover a,.ui-v296 .topbar-popover button{display:block;width:100%;text-align:left;padding:9px 10px;border:0;background:transparent;border-radius:7px;color:#243956;font:inherit;font-size:12px;cursor:pointer}.ui-v296 .topbar-popover a:hover,.ui-v296 .topbar-popover button:hover{background:#eef5ff}.ui-v296 .account-popover-head{padding:9px 10px;border-bottom:1px solid #edf2f8;margin-bottom:5px;display:flex;flex-direction:column}.ui-v296 .account-popover-head small{color:#7385a0;font-size:10px;margin-top:2px}
.ui-v296 .mobile-topbar,.ui-v296 .mobile-router-strip{display:none}
.ui-v296 .v296-content{padding:22px 24px 6px;max-width:1800px;margin:0 auto}.ui-v296 .v296-page-footer{max-width:1800px;margin:0 auto;padding:16px 24px 22px;color:#6d83a2;font-size:10px;display:flex;justify-content:space-between;gap:20px}

/* Generic page language */
.ui-v296 .top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:0 0 16px}.ui-v296 .top h1{font-size:24px;line-height:1.15;margin:0;color:#0a1733;letter-spacing:-.4px}.ui-v296 .top p{font-size:12px;color:#667d9d;margin:5px 0 0}.ui-v296 .top .actions{margin:0;align-items:center}
.ui-v296 .btn{background:linear-gradient(180deg,#1888ff,#0967ef);color:#fff;border:0;border-radius:8px;padding:10px 15px;font-weight:750;font-size:12px;box-shadow:0 6px 15px rgba(22,119,255,.18);cursor:pointer}.ui-v296 .btn:hover{filter:brightness(.98);transform:translateY(-1px)}.ui-v296 .mini{background:#fff;color:#2462ad;border:1px solid #cfe0f4;border-radius:7px;padding:8px 11px;font-size:11px;font-weight:700;cursor:pointer;box-shadow:none}.ui-v296 .mini:hover{background:#f4f8ff}.ui-v296 .mini.primary{background:#1378fa;color:#fff;border-color:#1378fa}.ui-v296 .mini.danger{background:#fff3f4;color:#d9434e;border-color:#ffd6da}.ui-v296 .actions{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.ui-v296 .actions form{margin:0}
.ui-v296 .panel,.ui-v296 .router-card{background:#fff;border:1px solid #dce7f4;border-radius:10px;box-shadow:var(--ui-shadow);padding:16px}.ui-v296 .section-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:12px}.ui-v296 .section-head h2{margin:0;color:#0d1b37;font-size:15px}.ui-v296 .section-head p{margin:3px 0 0;color:#7488a5;font-size:10.5px}.ui-v296 .section-head>a{color:#126fe8;font-size:11px;font-weight:700}
.ui-v296 .notice{border:1px solid #d8e7fb;background:#f2f7ff;color:#345271;border-radius:8px;padding:10px 12px;font-size:11px;margin:10px 0}.ui-v296 .alert{border:1px solid #ffd9dc;background:#fff4f5;color:#a83c46;border-radius:8px;padding:10px 12px}.ui-v296 .pill{border-radius:12px;padding:4px 7px;font-size:9px;font-weight:800;letter-spacing:.1px}.ui-v296 .pill.ok{background:#dff8eb;color:#078448}.ui-v296 .pill.bad{background:#ffe7e9;color:#d52f3a}.ui-v296 .pill.warn{background:#fff3d8;color:#a66700}
.ui-v296 label{font-size:10.5px;color:#304865;font-weight:700}.ui-v296 input,.ui-v296 select,.ui-v296 textarea{border:1px solid #cfdff1;border-radius:7px;background:#fff;color:#172a46;padding:9px 10px;font:inherit;font-size:11px;outline:0;transition:border-color .15s,box-shadow .15s}.ui-v296 input:focus,.ui-v296 select:focus,.ui-v296 textarea:focus{border-color:#6ea9f8;box-shadow:0 0 0 3px rgba(32,125,247,.10)}.ui-v296 input::placeholder,.ui-v296 textarea::placeholder{color:#9babc0}.ui-v296 .check{display:flex;align-items:center;gap:8px}.ui-v296 .check input{width:auto}
.ui-v296 .table{overflow:auto;border-radius:8px;border:1px solid #e2ebf5}.ui-v296 table{width:100%;border-collapse:collapse;font-size:10.5px}.ui-v296 th{text-align:left;background:#f3f7fc;color:#49617f;font-weight:750;padding:9px 10px;white-space:nowrap}.ui-v296 td{padding:9px 10px;border-top:1px solid #e8eef6;color:#263d59;vertical-align:middle}.ui-v296 tbody tr:hover{background:#f8fbff}.ui-v296 .code{font-family:"SFMono-Regular",Consolas,monospace;color:#116be5;font-weight:700}.ui-v296 .empty{color:#8294aa;text-align:center;padding:22px!important}
.ui-v296 .filterbar{display:flex;gap:5px;padding:5px;background:#eff5fc;border:1px solid #dce8f6;border-radius:9px;margin:0 0 12px;overflow:auto}.ui-v296 .filterbar a{padding:7px 11px;border-radius:6px;color:#52708f;font-size:10px;font-weight:700;white-space:nowrap}.ui-v296 .filterbar a.active{background:#1677ff;color:#fff;box-shadow:0 4px 9px rgba(22,119,255,.18)}
.ui-v296 .form-grid{gap:12px}.ui-v296 .form-grid label{display:flex;flex-direction:column;gap:5px}.ui-v296 .form-grid .check{flex-direction:row}.ui-v296 .grid{gap:14px}.ui-v296 .wide-space{gap:14px}

/* Dashboard V2.9.6 */
.ui-v296 .v296-dashboard-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:15px}.ui-v296 .v296-dashboard-head .greeting small{display:block;color:#365b8c;font-weight:650;font-size:11px;margin-bottom:3px}.ui-v296 .v296-dashboard-head h1{font-size:25px;margin:0;color:#071634;letter-spacing:-.55px}.ui-v296 .v296-dashboard-head p{margin:4px 0 0;color:#617b9d;font-size:11.5px}.ui-v296 .v296-date-tools{display:flex;align-items:center;gap:9px}.ui-v296 .v296-dateblock{text-align:right;color:#4d6686;font-size:10px}.ui-v296 .v296-dateblock b{display:block;color:#19385e;margin-bottom:2px}.ui-v296 .v296-period{border:1px solid #cfdef0;background:#fff;color:#1f3b5d;border-radius:7px;padding:8px 10px;font-size:10.5px;font-weight:700}
.ui-v296 .v296-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.ui-v296 .v296-kpi{min-height:116px;border-radius:11px;color:white;padding:18px 17px;display:flex;align-items:flex-start;gap:13px;box-shadow:0 8px 20px rgba(14,54,105,.12);overflow:hidden;position:relative}.ui-v296 .v296-kpi:after{content:"";position:absolute;right:-16px;bottom:-26px;width:105px;height:105px;border-radius:50%;background:rgba(255,255,255,.07)}.ui-v296 .v296-kpi.blue{background:linear-gradient(135deg,#1aa0ff,#0c68ec)}.ui-v296 .v296-kpi.green{background:linear-gradient(135deg,#18c775,#069c58)}.ui-v296 .v296-kpi.orange{background:linear-gradient(135deg,#ff9a24,#f5680b)}.ui-v296 .v296-kpi.purple{background:linear-gradient(135deg,#9954f7,#6830db)}.ui-v296 .v296-kpi-icon{width:42px;height:42px;border-radius:10px;background:rgba(255,255,255,.13);display:grid;place-items:center;font-size:18px;font-weight:900}.ui-v296 .v296-kpi small{display:block;font-size:10.5px;color:rgba(255,255,255,.93);font-weight:650}.ui-v296 .v296-kpi strong{display:block;font-size:24px;line-height:1.1;margin:6px 0 7px;letter-spacing:-.5px}.ui-v296 .v296-kpi em{display:block;font-style:normal;font-size:9.5px;color:rgba(255,255,255,.88)}
.ui-v296 .v296-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(290px,.9fr) 330px;gap:14px;align-items:stretch}.ui-v296 .v296-main-chart,.ui-v296 .v296-voucher-status,.ui-v296 .v296-side-stack{min-width:0}.ui-v296 .v296-side-stack{display:grid;gap:14px}.ui-v296 .v296-activity-chart{height:230px;border-top:1px solid #eff4fa;padding-top:8px}.ui-v296 .v296-activity-chart svg{width:100%;height:100%;display:block}.ui-v296 .v296-chart-grid line{stroke:#e8eff8;stroke-width:1}.ui-v296 .v296-chart-area{fill:url(#v296Area)}.ui-v296 .v296-chart-line{fill:none;stroke:#1677ff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.ui-v296 .v296-chart-dot{fill:#1677ff;stroke:white;stroke-width:2}.ui-v296 .v296-chart-labels{display:flex;justify-content:space-between;color:#7188a7;font-size:9px;margin-top:-3px;padding:0 4px}
.ui-v296 .v296-donut-wrap{display:flex;align-items:center;justify-content:center;gap:25px;min-height:215px}.ui-v296 .v296-donut{width:155px;height:155px;border-radius:50%;position:relative;display:grid;place-items:center;flex:0 0 auto}.ui-v296 .v296-donut:before{content:"";position:absolute;inset:29px;background:#fff;border-radius:50%;box-shadow:inset 0 0 0 1px #eef3f8}.ui-v296 .v296-donut span{position:relative;display:flex;flex-direction:column;align-items:center;z-index:1}.ui-v296 .v296-donut span b{font-size:23px}.ui-v296 .v296-donut span small{font-size:10px;color:#6c819f}.ui-v296 .v296-donut-legend{display:grid;gap:13px;min-width:110px}.ui-v296 .v296-donut-legend>div{display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:8px;font-size:10px}.ui-v296 .v296-donut-legend i{width:9px;height:9px;border-radius:50%}.ui-v296 .v296-donut-legend i.green{background:#11b967}.ui-v296 .v296-donut-legend i.blue{background:#1677ff}.ui-v296 .v296-donut-legend i.orange{background:#ff9a13}.ui-v296 .v296-donut-legend i.red{background:#ef4f55}
.ui-v296 .v296-status-list{border:1px solid #e0eaf6;border-radius:8px;overflow:hidden}.ui-v296 .v296-status-list>div{display:grid;grid-template-columns:26px 1fr auto;gap:8px;align-items:center;padding:11px 10px;border-bottom:1px solid #e8eff7;font-size:10px}.ui-v296 .v296-status-list>div:last-child{border-bottom:0}.ui-v296 .v296-status-list .status-symbol{width:23px;height:23px;border-radius:7px;background:#eaf3ff;color:#126fe8;display:grid;place-items:center;font-size:9px;font-weight:900}.ui-v296 .v296-status-list b{font-size:10px}.ui-v296 .v296-status-list em{font-style:normal;font-weight:750;font-size:9px}.ui-v296 .v296-status-list em.ok{color:#059454}.ui-v296 .v296-status-list em.warn{color:#b77a09}.ui-v296 .v296-status-list em.bad{color:#d83c48}
.ui-v296 .v296-quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ui-v296 .v296-quick-grid a{min-height:75px;border:1px solid #dbe7f4;border-radius:8px;background:#f8fbff;color:#183654;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;font-size:9px;text-align:center;font-weight:750;transition:.14s}.ui-v296 .v296-quick-grid a:hover{transform:translateY(-1px);border-color:#a7c9f5}.ui-v296 .v296-quick-grid a span{font-size:20px;color:#1677ff}.ui-v296 .v296-quick-grid .qa-green span{color:#10a762}.ui-v296 .v296-quick-grid .qa-purple span{color:#7b40e8}.ui-v296 .v296-quick-grid .qa-orange span{color:#ed7b19}
.ui-v296 .v296-lower-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(290px,.8fr);gap:14px;margin-top:14px}.ui-v296 .v296-top-plans{display:grid;gap:11px}.ui-v296 .v296-plan-row{display:grid;grid-template-columns:120px 1fr 85px;align-items:center;gap:10px}.ui-v296 .v296-plan-row>div{display:flex;flex-direction:column}.ui-v296 .v296-plan-row b{font-size:10px}.ui-v296 .v296-plan-row small{font-size:8.5px;color:#7c8da3}.ui-v296 .v296-plan-bar{height:7px;background:#ebf1f8;border-radius:6px;overflow:hidden}.ui-v296 .v296-plan-bar i{height:100%;display:block;background:linear-gradient(90deg,#1b95ff,#146ef5);border-radius:6px}.ui-v296 .v296-plan-row strong{font-size:9.5px;color:#1f5aa1;text-align:right}

/* Main tabs: routers / vouchers / users / plans / hotspot / reports / remote / settings */
.ui-v296 .router-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ui-v296 .router-card{padding:14px}.ui-v296 .router-card .row.between{align-items:flex-start}.ui-v296 .router-card b{color:#0e2343}.ui-v296 .router-card small{display:block;color:#778ba5;font-size:9.5px;margin-top:3px}.ui-v296 .router-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:13px 0}.ui-v296 .router-metrics>div{background:#f5f9fe;border:1px solid #e5edf7;border-radius:7px;padding:8px}.ui-v296 .router-metrics span{display:block;color:#7c8ea4;font-size:8.5px}.ui-v296 .router-metrics b{display:block;margin-top:3px;font-size:12px}.ui-v296 .wanline{display:flex;justify-content:space-between;gap:10px;color:#657b97;font-size:9.5px;border-top:1px solid #edf2f8;padding-top:9px}
.ui-v296 .voucher-filter-panel,.ui-v296 .compact-panel{padding:12px}.ui-v296 .voucher-filter-grid{display:grid;grid-template-columns:minmax(210px,1.5fr) repeat(3,minmax(120px,.7fr)) auto;gap:9px;align-items:end}.ui-v296 .voucher-status-tabs{margin-top:2px}.ui-v296 .voucher-actions{flex-wrap:nowrap}.ui-v296 .mobile-only{display:none}
.ui-v296 .user-summary,.ui-v296 .stat-grid,.ui-v296 .metric-grid{gap:10px}.ui-v296 .stat,.ui-v296 .metric{border:1px solid #dce7f4;background:#fff;border-radius:9px;box-shadow:var(--ui-shadow)}
.ui-v296 .portal-preview,.ui-v296 iframe{border-radius:10px;border:1px solid #dce7f4;background:#fff}
.ui-v296 .connector-steps{border:1px solid #dce7f4;background:#fff;border-radius:10px;box-shadow:var(--ui-shadow)}
.ui-v296 .settings-tabs,.ui-v296 .portal-tabs{background:#eff5fc;border-radius:8px;padding:4px;border:1px solid #dde8f5}

/* Remote access overview */
.ui-v296 .v296-remote-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ui-v296 .v296-remote-card{background:#fff;border:1px solid #dce7f4;border-radius:10px;padding:15px;box-shadow:var(--ui-shadow)}.ui-v296 .v296-remote-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.ui-v296 .v296-remote-head h3{margin:0;font-size:14px}.ui-v296 .v296-remote-head p{margin:3px 0 0;color:#7285a1;font-size:9.5px}.ui-v296 .v296-remote-info{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin:13px 0}.ui-v296 .v296-remote-info span{background:#f5f9fe;border:1px solid #e4edf7;border-radius:7px;padding:8px;color:#71849f;font-size:9px}.ui-v296 .v296-remote-info b{display:block;color:#173655;font-size:10px;margin-top:3px}

/* Optional dim workspace toggle; navigation stays consistent. */
.ui-v296.theme-dim{--ui-bg:#0c1930;--ui-card:#0f213c;--ui-line:#203958;--ui-text:#eaf4ff;--ui-muted:#9fb4cf;background:#0c1930}.ui-v296.theme-dim .v296-main{background:#0c1930}.ui-v296.theme-dim .v296-content,.ui-v296.theme-dim .v296-page-footer{color:#eaf4ff}.ui-v296.theme-dim .panel,.ui-v296.theme-dim .router-card,.ui-v296.theme-dim .v296-remote-card{background:#102441;border-color:#244160;color:#dbeaff}.ui-v296.theme-dim .top h1,.ui-v296.theme-dim .section-head h2,.ui-v296.theme-dim td,.ui-v296.theme-dim .router-card b{color:#eaf4ff}.ui-v296.theme-dim th,.ui-v296.theme-dim .table{background:#132946;border-color:#244160}.ui-v296.theme-dim td{border-color:#203a58}.ui-v296.theme-dim tbody tr:hover{background:#142b49}.ui-v296.theme-dim input,.ui-v296.theme-dim select,.ui-v296.theme-dim textarea{background:#0f213b;border-color:#2b4c70;color:#eaf4ff}

@media(max-width:1250px){
  .ui-v296 .v296-dashboard-grid{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr)}.ui-v296 .v296-side-stack{grid-column:1/-1;grid-template-columns:1fr 1fr}.ui-v296 .top-router-context{min-width:205px}.ui-v296 .global-search{min-width:220px}.ui-v296 .v296-kpi strong{font-size:21px}
}
@media(max-width:980px){
  .ui-v296 .app-sidebar{width:238px}.ui-v296 .v296-main{margin-left:238px}.ui-v296 .v296-brand b{font-size:15px}.ui-v296 .global-search{display:none}.ui-v296 .v296-sidebar-toggle{display:block}.ui-v296 .v296-kpi-grid{grid-template-columns:repeat(2,1fr)}.ui-v296 .v296-lower-grid{grid-template-columns:1fr}.ui-v296 .router-grid,.ui-v296 .v296-remote-grid{grid-template-columns:1fr}.ui-v296 .voucher-filter-grid{grid-template-columns:1fr 1fr 1fr}.ui-v296 .voucher-filter-actions{grid-column:1/-1}
}
@media(max-width:720px){
  .ui-v296{padding-bottom:70px}.ui-v296 .desktop-app-topbar{display:none}.ui-v296 .mobile-topbar{display:flex;position:sticky;top:0;z-index:75;height:60px;background:linear-gradient(90deg,#061a35,#092d5b);align-items:center;padding:0 10px;gap:9px;color:#fff}.ui-v296 .mobile-icon-btn{background:transparent;border:0;color:#fff;font-size:22px}.ui-v296 .mobile-brand{display:flex;align-items:center;gap:8px;color:#fff;min-width:0;flex:1}.ui-v296 .mobile-brand .brand-mark{width:34px;height:34px;border-radius:9px;background:#1677ff;display:grid;place-items:center;font-weight:900}.ui-v296 .mobile-brand>span:last-child{display:flex;flex-direction:column;min-width:0}.ui-v296 .mobile-brand b{font-size:12px;white-space:nowrap}.ui-v296 .mobile-brand small{font-size:8px;color:#a9bfd7;margin-top:2px}.ui-v296 .mobile-notification-btn{width:34px;height:34px;display:grid;place-items:center;color:white;position:relative}.ui-v296 .mobile-notification-btn .ui-icon{width:18px}.ui-v296 .mobile-notification-btn em{position:absolute;right:1px;top:0;background:#ef4753;color:#fff;font-size:8px;border-radius:8px;padding:1px 4px;font-style:normal}.ui-v296 .mobile-avatar{width:33px;height:33px;border-radius:9px;background:#1677ff;color:white;display:grid;place-items:center;font-size:12px;font-weight:900}
  .ui-v296 .mobile-router-strip{display:block;position:sticky;top:60px;z-index:70;background:#fff;border-bottom:1px solid #dce8f6;padding:7px 10px}.ui-v296 .mobile-router-strip form{height:35px;border:1px solid #cfe0f4;border-radius:8px;padding:0 10px;display:flex;align-items:center;gap:7px;background:#f7fbff}.ui-v296 .mobile-router-strip select{border:0;background:transparent;padding:0;width:100%;box-shadow:none;font-size:10px;font-weight:700}.ui-v296 .mobile-router-strip .router-live-dot{width:8px;height:8px}
  .ui-v296 .app-sidebar{transform:translateX(-102%);width:282px;z-index:100;transition:transform .2s ease;box-shadow:18px 0 40px rgba(0,0,0,.28)}.ui-v296.sidebar-open .app-sidebar{transform:translateX(0)}.ui-v296 .sidebar-mobile-row{display:flex;justify-content:flex-end;margin:-8px -5px 3px}.ui-v296 .sidebar-close{font-size:25px}.ui-v296 .sidebar-backdrop{position:fixed;inset:0;background:rgba(2,10,22,.48);z-index:90;display:none}.ui-v296.sidebar-open .sidebar-backdrop{display:block}.ui-v296 .v296-main{margin-left:0}.ui-v296 .v296-content{padding:14px 10px 4px}.ui-v296 .v296-page-footer{display:none}
  .ui-v296 .v296-dashboard-head{align-items:flex-start}.ui-v296 .v296-dashboard-head h1{font-size:21px}.ui-v296 .v296-dashboard-head .greeting small{font-size:9px}.ui-v296 .v296-dashboard-head p{font-size:10px}.ui-v296 .v296-date-tools{display:none}.ui-v296 .v296-kpi-grid{grid-template-columns:repeat(2,1fr);gap:8px}.ui-v296 .v296-kpi{min-height:96px;padding:13px 11px;gap:9px}.ui-v296 .v296-kpi-icon{width:34px;height:34px;font-size:14px}.ui-v296 .v296-kpi strong{font-size:18px}.ui-v296 .v296-kpi small{font-size:8.5px}.ui-v296 .v296-kpi em{font-size:8px}.ui-v296 .v296-dashboard-grid{grid-template-columns:1fr}.ui-v296 .v296-side-stack{grid-column:auto;grid-template-columns:1fr}.ui-v296 .v296-donut-wrap{gap:16px}.ui-v296 .v296-donut{width:135px;height:135px}.ui-v296 .v296-donut:before{inset:25px}.ui-v296 .v296-lower-grid{grid-template-columns:1fr}.ui-v296 .v296-main-chart{overflow:hidden}
  .ui-v296 .top{align-items:flex-start}.ui-v296 .top h1{font-size:21px}.ui-v296 .top p{font-size:10px}.ui-v296 .top>.actions{justify-content:flex-end}.ui-v296 .panel,.ui-v296 .router-card{padding:12px}.ui-v296 .router-metrics{grid-template-columns:repeat(2,1fr)}.ui-v296 .voucher-filter-grid{grid-template-columns:1fr 1fr}.ui-v296 .voucher-filter-grid>label:first-child{grid-column:1/-1}.ui-v296 .mobile-only{display:inline-flex}
  .ui-v296 .v296-plan-row{grid-template-columns:95px 1fr 65px}.ui-v296 .v296-quick-grid{grid-template-columns:repeat(2,1fr)}
  .ui-v296 .connect-bottom-nav{display:grid;position:fixed;left:0;right:0;bottom:0;height:62px;background:#fff;border-top:1px solid #dce7f4;z-index:70;grid-template-columns:repeat(5,1fr);box-shadow:0 -8px 24px rgba(22,54,88,.09)}.ui-v296 .connect-bottom-nav a,.ui-v296 .connect-bottom-nav button{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#6e82a0;font-size:15px}.ui-v296 .connect-bottom-nav small{font-size:8px}.ui-v296 .connect-bottom-nav .active{color:#1677ff}.ui-v296 .mobile-create-btn span{width:34px;height:34px;margin-top:-20px;background:#1677ff;color:#fff;border-radius:50%;display:grid;place-items:center;box-shadow:0 7px 18px rgba(22,119,255,.28)}
}
@media(min-width:721px){.ui-v296 .connect-bottom-nav{display:none}}
@media(max-width:420px){.ui-v296 .v296-kpi-grid{grid-template-columns:1fr 1fr}.ui-v296 .v296-kpi{min-height:90px}.ui-v296 .v296-kpi strong{font-size:16px}.ui-v296 .v296-donut-wrap{flex-direction:column}.ui-v296 .v296-donut-legend{width:100%;grid-template-columns:1fr 1fr}.ui-v296 .voucher-filter-grid{grid-template-columns:1fr}.ui-v296 .voucher-filter-grid>label:first-child{grid-column:auto}}

/* V2.9.6.1: header language visibility + reliable light/dark presentation */
.ui-v296 .topbar-language summary{
  min-width:94px!important;
  justify-content:center!important;
  background:transparent!important;
  border:0!important;
  border-left:1px solid rgba(255,255,255,.08)!important;
  border-radius:0!important;
  color:#f5f9ff!important;
  padding:0 12px!important;
  font-size:12px!important;
  font-weight:800!important;
  box-shadow:none!important;
}
.ui-v296 .topbar-language summary b{color:#fff!important;font-size:12px!important;line-height:1;white-space:nowrap}
.ui-v296 .topbar-language summary span{color:#c5d7eb!important}
.ui-v296 .topbar-language summary:hover{background:rgba(255,255,255,.08)!important}
.ui-v296 .topbar-language[open] summary{background:rgba(255,255,255,.10)!important}
.ui-v296 .language-popover{min-width:170px!important}
.ui-v296 .language-popover button{font-size:13px!important;padding:11px 12px!important}

.ui-v296 .v296-theme-btn{width:44px!important;min-width:44px!important}
.ui-v296 .v296-theme-btn .theme-toggle-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ui-v296 .v296-theme-btn[aria-pressed="true"]{background:rgba(255,255,255,.10)!important;color:#ffd56a!important}

.ui-v296.theme-dim{background:#071423!important;color:#eaf3ff!important}
.ui-v296.theme-dim .v296-main{background:linear-gradient(180deg,#081626 0,#0a1a2d 100%)!important}
.ui-v296.theme-dim .v296-content,.ui-v296.theme-dim .v296-page-footer{color:#dbe9f8!important}
.ui-v296.theme-dim .subscription-banner{background:#0d2a4c!important;border-color:#244b73!important;color:#dcecff!important}
.ui-v296.theme-dim .subscription-banner a{color:#6db8ff!important}
.ui-v296.theme-dim .panel,.ui-v296.theme-dim .router-card,.ui-v296.theme-dim .v296-remote-card,
.ui-v296.theme-dim .stat,.ui-v296.theme-dim .chart-card,.ui-v296.theme-dim .metric-card{
  background:#0f2138!important;border-color:#24415f!important;color:#e7f1fb!important;box-shadow:0 10px 28px rgba(0,0,0,.18)!important
}
.ui-v296.theme-dim .top h1,.ui-v296.theme-dim .section-head h2,.ui-v296.theme-dim h1,.ui-v296.theme-dim h2,.ui-v296.theme-dim h3,
.ui-v296.theme-dim td,.ui-v296.theme-dim .router-card b,.ui-v296.theme-dim .panel b{color:#edf6ff!important}
.ui-v296.theme-dim .top p,.ui-v296.theme-dim .section-head p,.ui-v296.theme-dim .muted,.ui-v296.theme-dim small{color:#9eb3cb!important}
.ui-v296.theme-dim label{color:#b8cbe0!important}
.ui-v296.theme-dim .table{background:#0e2037!important;border-color:#24415f!important}
.ui-v296.theme-dim table{background:#0e2037!important}
.ui-v296.theme-dim th{background:#132944!important;color:#bcd0e7!important;border-color:#24415f!important}
.ui-v296.theme-dim td{background:#0f2138!important;border-color:#203b57!important;color:#dce9f6!important}
.ui-v296.theme-dim tbody tr:hover td{background:#142b47!important}
.ui-v296.theme-dim input,.ui-v296.theme-dim select,.ui-v296.theme-dim textarea{
  background:#0b1c31!important;border-color:#2a4a69!important;color:#edf6ff!important
}
.ui-v296.theme-dim input::placeholder,.ui-v296.theme-dim textarea::placeholder{color:#6f88a4!important}
.ui-v296.theme-dim select option{background:#0b1c31!important;color:#edf6ff!important}
.ui-v296.theme-dim .notice{background:#0d2948!important;border-color:#244d75!important;color:#b9d3ec!important}
.ui-v296.theme-dim .filterbar{background:#0b1c31!important;border-color:#233f5d!important}
.ui-v296.theme-dim .filterbar a{color:#9fb7d1!important}.ui-v296.theme-dim .filterbar a.active{color:#fff!important}
.ui-v296.theme-dim .mini:not(.primary):not(.danger){background:#102640!important;border-color:#2a4a69!important;color:#a9ceff!important}
.ui-v296.theme-dim .topbar-popover{background:#0e2139!important;border-color:#294865!important;color:#e7f1fb!important}
.ui-v296.theme-dim .topbar-popover a,.ui-v296.theme-dim .topbar-popover button{color:#d9e7f5!important}
.ui-v296.theme-dim .topbar-popover a:hover,.ui-v296.theme-dim .topbar-popover button:hover{background:#16304e!important;color:#fff!important}
.ui-v296.theme-dim .account-popover-head{border-color:#29445f!important}.ui-v296.theme-dim .account-popover-head small{color:#91a8c0!important}
.ui-v296.theme-dim .pagination a,.ui-v296.theme-dim .pagination span{background:#102640!important;border-color:#294865!important;color:#bed3e9!important}

.ui-v296 .v296-mobile-language{display:none}
@media (max-width:900px){
  .ui-v296 .v296-mobile-language{display:flex;gap:6px;position:relative;z-index:2;margin:0 0 16px}
  .ui-v296 .v296-mobile-language button{flex:1;border:1px solid #28547e;background:#0b2a4d;color:#aac4df;border-radius:8px;padding:9px 8px;font-weight:800}
  .ui-v296 .v296-mobile-language button.active{background:#1677ff;border-color:#1677ff;color:#fff}
}


/* ========================================================================== */
/* V2.9.6.2 - readability, compact network/router views, clearer status colors */
/* ========================================================================== */
.ui-v2962{
  --v2962-text:#13233c;
  --v2962-muted:#5f748f;
  --v2962-line:#d8e4f0;
  --v2962-soft:#f4f8fc;
  --v2962-blue:#0b74f6;
  --v2962-green:#0a9f64;
  --v2962-cyan:#0c84d8;
  --v2962-red:#b4232f;
  --v2962-amber:#9a6500;
  font-size:16px;
  line-height:1.5;
  background:#f4f8fc;
  color:var(--v2962-text);
}
html[lang="my"] body.ui-v2962{
  font-family:"Myanmar Text","Noto Sans Myanmar","Pyidaungsu","Padauk","Segoe UI",Arial,sans-serif;
  line-height:1.62;
}
html[lang="my"] .ui-v2962 .code{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;line-height:1.45}

/* Shell / header / navigation */
.ui-v2962 .v296-primary-nav>a{font-size:16px;font-weight:650;min-height:50px;padding:12px 14px}
.ui-v2962 .v296-more summary,.ui-v2962 .v296-more-links a{font-size:14px}
.ui-v2962 .global-search input{font-size:15px!important}
.ui-v2962 .global-search kbd{font-size:12px}
.ui-v2962 .top-router-context select,.ui-v2962 .top-router-empty{font-size:14.5px}
.ui-v2962 .topbar-language summary{font-size:14.5px!important;min-width:118px!important}
.ui-v2962 .topbar-language summary b{font-size:14.5px!important}
.ui-v2962 .topbar-user b{font-size:14px}.ui-v2962 .topbar-user small{font-size:11.5px}
.ui-v2962 .topbar-popover a,.ui-v2962 .topbar-popover button{font-size:14px}
.ui-v2962 .v296-content{padding:28px 28px 8px}
.ui-v2962 .v296-page-footer{font-size:12.5px}
.ui-v2962 .subscription-banner{font-size:14px;line-height:1.5;padding:11px 14px;border-radius:9px;margin-bottom:22px}

/* Consistent readable content scale */
.ui-v2962 .top{margin-bottom:20px;align-items:center}
.ui-v2962 .top h1{font-size:30px;line-height:1.18;color:var(--v2962-text);letter-spacing:-.55px}
.ui-v2962 .top p{font-size:15px;line-height:1.55;color:var(--v2962-muted);margin-top:6px}
.ui-v2962 .section-head h2,.ui-v2962 .panel>h2{font-size:19px;line-height:1.3;color:var(--v2962-text)}
.ui-v2962 .section-head p{font-size:14px;line-height:1.45;color:var(--v2962-muted);margin-top:4px}
.ui-v2962 .section-head>a{font-size:14px}
.ui-v2962 .panel,.ui-v2962 .router-card{border-color:var(--v2962-line);border-radius:12px;padding:18px;box-shadow:0 8px 24px rgba(28,72,119,.07)}
.ui-v2962 .compact-panel{padding:14px 16px}
.ui-v2962 .btn{font-size:14.5px;padding:11px 17px;min-height:42px;border-radius:8px}
.ui-v2962 .mini{font-size:13.5px;padding:8px 11px;min-height:36px}
.ui-v2962 label,.ui-v2962 .form-grid label,.ui-v2962 .inline>label,.ui-v2962 .action-stack label{font-size:14px!important;color:#354f6c!important;line-height:1.35}
.ui-v2962 input,.ui-v2962 select,.ui-v2962 textarea,
.ui-v2962 .form-grid input,.ui-v2962 .form-grid select,.ui-v2962 .inline select,
.ui-v2962 .small-input,.ui-v2962 .user-filter-grid input,.ui-v2962 .user-filter-grid select,
.ui-v2962 .voucher-filter-grid input,.ui-v2962 .voucher-filter-grid select{
  font-size:15px!important;min-height:43px;padding:10px 11px!important;color:#162d48!important;background:#fff!important;border-color:#c5d7e8!important;
}
.ui-v2962 input::placeholder,.ui-v2962 textarea::placeholder{color:#71869f!important}
.ui-v2962 .notice,.ui-v2962 .alert{font-size:14px;line-height:1.55;padding:12px 14px}
.ui-v2962 .filterbar a{font-size:13.5px;padding:8px 12px}
.ui-v2962 .block{font-size:13px;line-height:1.4;color:#526b87!important}
.ui-v2962 .muted{color:#526a85!important}
.ui-v2962 .empty{font-size:14.5px}

/* Table readability */
.ui-v2962 .table{border-color:#dbe6f1;border-radius:10px;background:#fff}
.ui-v2962 table{font-size:14.5px;line-height:1.42}
.ui-v2962 th{font-size:12.5px;letter-spacing:.025em;color:#405a78!important;background:#f5f8fc!important;padding:11px 12px!important;border-color:#e3ebf4!important}
.ui-v2962 td{font-size:14.5px;color:#203b59!important;padding:11px 12px!important;border-color:#e6edf5!important}
.ui-v2962 tbody tr:hover td{background:#f8fbff!important}
.ui-v2962 td b{color:#162b46}
.ui-v2962 .code{font-size:13.5px;letter-spacing:.035em;color:#155fac!important}
.ui-v2962 .pill{font-size:12.5px!important;line-height:1;padding:6px 9px!important;letter-spacing:.02em;border:1px solid transparent}
.ui-v2962 .pill.ok,.ui-v2962 .status-active{background:#e1f7ec!important;color:#087b4d!important;border-color:#bcebd6!important}
.ui-v2962 .pill.bad,.ui-v2962 .status-expired,.ui-v2962 .status-terminated{background:#fff0f1!important;color:#ad2331!important;border-color:#f3c3c9!important}
.ui-v2962 .status-unused{background:#e8eef5!important;color:#465d78!important;border-color:#d5e0eb!important}
.ui-v2962 .status-sold{background:#fff0c9!important;color:#875c00!important;border-color:#f1d88f!important}
.ui-v2962 .status-void{background:#f8e8ee!important;color:#8f3550!important;border-color:#eccbd7!important}
.ui-v2962 .status-archived{background:#edf1f5!important;color:#617286!important;border-color:#dde4eb!important}
.ui-v2962 .good,.ui-v2962 .speed-down{color:#078f5c!important}
.ui-v2962 .speed-up{color:#126fe8!important}
.ui-v2962 .error-text{color:#bd3340!important}

/* Dashboard scale - information stays dense, but no tiny text */
.ui-v2962 .v296-dashboard-head .greeting small{font-size:14px;color:#3f638e}
.ui-v2962 .v296-dashboard-head h1{font-size:30px}
.ui-v2962 .v296-dashboard-head p{font-size:15px}
.ui-v2962 .v296-dateblock{font-size:12.5px}.ui-v2962 .v296-period{font-size:13px}
.ui-v2962 .v296-kpi{min-height:118px;padding:18px}
.ui-v2962 .v296-kpi small{font-size:13px}.ui-v2962 .v296-kpi strong{font-size:27px}.ui-v2962 .v296-kpi em{font-size:12px}
.ui-v2962 .v296-activity-chart{height:215px}.ui-v2962 .v296-chart-labels{font-size:11.5px}
.ui-v2962 .v296-donut-legend>div{font-size:13px}.ui-v2962 .v296-donut-legend b{font-size:13px}.ui-v2962 .v296-donut span small{font-size:12px}
.ui-v2962 .v296-status-list>div{font-size:13.5px;padding:12px}.ui-v2962 .v296-status-list b{font-size:13.5px}.ui-v2962 .v296-status-list em{font-size:12.5px}
.ui-v2962 .v296-quick-grid a{font-size:12.5px;min-height:74px}.ui-v2962 .v296-plan-row b{font-size:13.5px}.ui-v2962 .v296-plan-row small{font-size:12px}.ui-v2962 .v296-plan-row strong{font-size:12.5px}

/* Compact Routers page - desktop table instead of oversized cards */
.ui-v2962 .router-mobile-list{display:none}
.ui-v2962 .router-list-panel{padding:16px}
.ui-v2962 .router-list-table{min-width:1180px}
.ui-v2962 .router-list-table th:last-child,.ui-v2962 .router-list-table td:last-child{text-align:right}
.ui-v2962 .router-name-cell{min-width:190px;max-width:280px;white-space:normal}
.ui-v2962 .router-name-cell>b{font-size:16px}
.ui-v2962 .router-error{display:block;max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#b73944!important;margin-top:5px}
.ui-v2962 .router-traffic-cell{min-width:130px}.ui-v2962 .router-traffic-cell strong{display:block;font-size:14px}.ui-v2962 .router-traffic-cell small{font-size:13px!important}
.ui-v2962 .router-row-actions{justify-content:flex-end;flex-wrap:nowrap;min-width:285px}
.ui-v2962 .compact-router-error{margin:10px 0 0!important}

/* Network page - compact chart + interface table side-by-side */
.ui-v2962 .network-page-head{align-items:flex-end}
.ui-v2962 .network-router-select select{min-width:220px}
.ui-v2962 .network-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:14px}
.ui-v2962 .network-stat{min-height:116px;background:#fff;border:1px solid var(--v2962-line);border-radius:11px;padding:16px;box-shadow:0 7px 22px rgba(28,72,119,.06)}
.ui-v2962 .network-stat>span{display:block;font-size:12.5px;color:#687d98;text-transform:uppercase;letter-spacing:.055em;font-weight:750}
.ui-v2962 .network-stat>b{display:block;margin-top:7px;color:#122944;font-size:24px;line-height:1.18;overflow-wrap:anywhere}
.ui-v2962 .network-stat .network-ip-value{font-size:18px}
.ui-v2962 .network-stat .network-speed-value{font-size:25px}
.ui-v2962 .network-stat small{display:block;margin-top:6px;font-size:13.5px;color:#687e99}
.ui-v2962 .network-info-strip{display:grid;grid-template-columns:1.2fr .8fr;gap:0;padding:0!important;overflow:hidden}
.ui-v2962 .network-info-strip>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px}
.ui-v2962 .network-info-strip>div+div{border-left:1px solid #e2ebf4}
.ui-v2962 .network-info-strip span{font-size:14px;color:#637993}.ui-v2962 .network-info-strip b{font-size:14.5px;color:#1d3450;text-align:right;overflow-wrap:anywhere}
.ui-v2962 .network-main-grid{display:grid;grid-template-columns:minmax(360px,.82fr) minmax(520px,1.18fr);gap:14px;align-items:stretch;margin-top:14px}
.ui-v2962 .network-chart-panel,.ui-v2962 .network-interface-panel{margin:0}
.ui-v2962 .network-traffic-canvas{height:158px!important;min-height:158px!important;max-height:158px!important;background:#fbfdff!important;border:1px solid #dce7f2!important;border-radius:9px}
.ui-v2962 .network-legend{font-size:13.5px;margin-top:10px;font-weight:650}
.ui-v2962 .network-interface-table table{min-width:560px}
.ui-v2962 .network-interface-table td,.ui-v2962 .network-interface-table th{padding-top:10px!important;padding-bottom:10px!important}

/* Voucher list - prioritize Data / Speed / Sync readability */
.ui-v2962 .voucher-filter-grid label,.ui-v2962 .user-filter-grid label{font-size:13.5px!important}
.ui-v2962 .voucher-table-v2962{min-width:1370px;table-layout:auto}
.ui-v2962 .voucher-table-v2962 th:nth-child(1){min-width:105px}.ui-v2962 .voucher-table-v2962 th:nth-child(2){min-width:185px}
.ui-v2962 .voucher-table-v2962 th:nth-child(6){min-width:150px}.ui-v2962 .voucher-table-v2962 th:nth-child(7){min-width:125px}
.ui-v2962 .voucher-table-v2962 th:nth-child(8){min-width:135px}.ui-v2962 .voucher-table-v2962 th:nth-child(9){min-width:165px}.ui-v2962 .voucher-table-v2962 th:nth-child(10){min-width:155px}
.ui-v2962 .voucher-used-cell>b{font-size:15.5px}.ui-v2962 .voucher-speed-cell strong{display:block;font-size:14.5px;white-space:nowrap}.ui-v2962 .voucher-speed-cell small{font-size:13.5px!important;white-space:nowrap}
.ui-v2962 .voucher-time-cell{white-space:normal;min-width:160px}.ui-v2962 .voucher-sync-cell{min-width:155px}.ui-v2962 .voucher-action-cell{min-width:115px}
.ui-v2962 .voucher-actions{flex-wrap:wrap!important;gap:5px}
.ui-v2962 .sync-chip{display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:6px 9px;border-radius:999px;font-size:12.5px;font-weight:800;white-space:nowrap;border:1px solid transparent}
.ui-v2962 .sync-chip i{display:block;width:7px;height:7px;border-radius:50%;background:currentColor}
.ui-v2962 .sync-ok{background:#e0f8ee;color:#087f50;border-color:#bdebd7}.ui-v2962 .sync-warn{background:#fff3d7;color:#946000;border-color:#f1d79a}
.ui-v2962 .sync-bad{background:#fde8ea;color:#b32431;border-color:#f3cbd0}.ui-v2962 .sync-clean{background:#e8f0f8;color:#44617f;border-color:#d1dfec}.ui-v2962 .sync-neutral{background:#eef2f6;color:#61758a;border-color:#dce4ec}
.ui-v2962 .sync-error{max-width:220px;font-size:12.5px!important}
.ui-v2962 .voucher-mobile-head b{font-size:16px}.ui-v2962 .voucher-mobile-head small{font-size:13px}.ui-v2962 .voucher-mobile-metrics span{font-size:11px}.ui-v2962 .voucher-mobile-metrics b{font-size:13.5px}

/* Users / plans / reports / settings / remote / portal */
.ui-v2962 .cards .card span{font-size:12.5px!important;color:#607690!important}.ui-v2962 .cards .card b{font-size:25px!important;color:#172d49!important}.ui-v2962 .cards .card small{font-size:13px!important;color:#657c97!important}
.ui-v2962 .user-filter-grid{gap:11px}.ui-v2962 .users-desktop-table table{min-width:1250px}
.ui-v2962 .sales-plan-row b{font-size:15px}.ui-v2962 .sales-plan-row small{font-size:13px;color:#637a95}.ui-v2962 .sales-plan-row strong{font-size:15px;color:#087f50}
.ui-v2962 .settings-section{background:#fff!important;border-color:var(--v2962-line)!important;border-radius:12px;padding:18px;box-shadow:0 8px 24px rgba(28,72,119,.06);color:#1f3551!important}
.ui-v2962 .settings-section h2{font-size:18px;color:#152943!important}.ui-v2962 .settings-section>.desc{font-size:14px!important;color:#617892!important;line-height:1.5}
.ui-v2962 .settings-status{background:#f7faff!important;border-color:#dce7f2!important}.ui-v2962 .settings-status span{font-size:11.5px!important;color:#687d96!important}.ui-v2962 .settings-status b{font-size:14px!important;color:#1d3551!important}
.ui-v2962 .settings-help,.ui-v2962 .settings-lock{font-size:13px;line-height:1.55}
.ui-v2962 .v296-remote-head h3{font-size:16px}.ui-v2962 .v296-remote-head p{font-size:13px}.ui-v2962 .v296-remote-info span{font-size:12.5px}.ui-v2962 .v296-remote-info b{font-size:13.5px}
.ui-v2962 .portal-tabs button{font-size:13.5px}.ui-v2962 .portal-meta{font-size:13px}

/* Dark mode: neutral navy surfaces, readable text, less color clash */
.ui-v2962.theme-dim{--v2962-text:#edf5fd;--v2962-muted:#a8bdd2;--v2962-line:#29465f;--v2962-soft:#0d2034;background:#081827!important;color:#edf5fd!important}
.ui-v2962.theme-dim .v296-main{background:linear-gradient(180deg,#081827,#0a1b2c)!important}
.ui-v2962.theme-dim .v296-content,.ui-v2962.theme-dim .v296-page-footer{color:#e9f2fb!important}
.ui-v2962.theme-dim .top h1,.ui-v2962.theme-dim .section-head h2,.ui-v2962.theme-dim .panel>h2,.ui-v2962.theme-dim h1,.ui-v2962.theme-dim h2,.ui-v2962.theme-dim h3{color:#f1f7fd!important}
.ui-v2962.theme-dim .top p,.ui-v2962.theme-dim .section-head p,.ui-v2962.theme-dim .block,.ui-v2962.theme-dim .muted,.ui-v2962.theme-dim small{color:#a5bad0!important}
.ui-v2962.theme-dim .panel,.ui-v2962.theme-dim .router-card,.ui-v2962.theme-dim .v296-remote-card,.ui-v2962.theme-dim .settings-section,.ui-v2962.theme-dim .network-stat{background:#10253a!important;border-color:#29465f!important;color:#eaf3fc!important;box-shadow:0 10px 28px rgba(0,0,0,.16)!important}
.ui-v2962.theme-dim .table{background:#0f2236!important;border-color:#29465f!important}
.ui-v2962.theme-dim table{background:#0f2236!important}.ui-v2962.theme-dim th{background:#142b42!important;color:#b7caDC!important;border-color:#29465f!important}.ui-v2962.theme-dim td{background:#10253a!important;color:#dce9f5!important;border-color:#213e57!important}.ui-v2962.theme-dim tbody tr:hover td{background:#153049!important}
.ui-v2962.theme-dim td b,.ui-v2962.theme-dim .router-card b,.ui-v2962.theme-dim .network-stat>b,.ui-v2962.theme-dim .network-info-strip b,.ui-v2962.theme-dim .cards .card b,.ui-v2962.theme-dim .settings-status b{color:#eef6fd!important}
.ui-v2962.theme-dim label{color:#bfd0e0!important}.ui-v2962.theme-dim input,.ui-v2962.theme-dim select,.ui-v2962.theme-dim textarea,.ui-v2962.theme-dim .form-grid input,.ui-v2962.theme-dim .form-grid select,.ui-v2962.theme-dim .inline select,.ui-v2962.theme-dim .user-filter-grid input,.ui-v2962.theme-dim .user-filter-grid select,.ui-v2962.theme-dim .voucher-filter-grid input,.ui-v2962.theme-dim .voucher-filter-grid select{background:#0b1d2f!important;border-color:#34516b!important;color:#f0f6fc!important}
.ui-v2962.theme-dim input::placeholder,.ui-v2962.theme-dim textarea::placeholder{color:#7f97ae!important}
.ui-v2962.theme-dim .notice{background:#0d2a46!important;border-color:#285274!important;color:#c3d7e9!important}.ui-v2962.theme-dim .alert{background:#3a2029!important;border-color:#75404b!important;color:#ffc0c7!important}
.ui-v2962.theme-dim .filterbar{background:#0c2033!important;border-color:#29465f!important}.ui-v2962.theme-dim .filterbar a{background:#11273d!important;border-color:#29465f!important;color:#afc3d7!important}.ui-v2962.theme-dim .filterbar a.active{background:#1477f5!important;color:#fff!important}
.ui-v2962.theme-dim .mini:not(.primary):not(.danger){background:#112a42!important;border-color:#365573!important;color:#c2daf2!important}.ui-v2962.theme-dim .mini.danger{background:#3a2029!important;border-color:#75404b!important;color:#ffbec5!important}
.ui-v2962.theme-dim .network-stat>span,.ui-v2962.theme-dim .network-stat small,.ui-v2962.theme-dim .network-info-strip span{color:#9fb6cc!important}.ui-v2962.theme-dim .network-info-strip{background:#10253a!important;border-color:#29465f!important}.ui-v2962.theme-dim .network-info-strip>div+div{border-color:#29465f!important}
.ui-v2962.theme-dim .network-traffic-canvas{background:#0b1e31!important;border-color:#29465f!important}.ui-v2962.theme-dim .network-interface-table{border-color:#29465f!important}
.ui-v2962.theme-dim .v296-chart-grid line{stroke:#29465f}.ui-v2962.theme-dim .v296-chart-dot{stroke:#10253a}.ui-v2962.theme-dim .v296-donut:before{background:#10253a!important;box-shadow:inset 0 0 0 1px #29465f!important}.ui-v2962.theme-dim .v296-donut span b{color:#f2f7fd}.ui-v2962.theme-dim .v296-plan-bar{background:#243d55}.ui-v2962.theme-dim .v296-plan-row b,.ui-v2962.theme-dim .v296-plan-row strong{color:#dceaf7!important}
.ui-v2962.theme-dim .v296-status-list{border-color:#29465f}.ui-v2962.theme-dim .v296-status-list>div{border-color:#29465f}.ui-v2962.theme-dim .v296-status-list b{color:#dceaf7}.ui-v2962.theme-dim .v296-status-list .status-symbol{background:#163654;color:#6eb6ff}
.ui-v2962.theme-dim .v296-quick-grid a{background:#10263c;border-color:#29465f;color:#dbeaf8}.ui-v2962.theme-dim .settings-status{background:#0b1f33!important;border-color:#29465f!important}.ui-v2962.theme-dim .settings-section>.desc,.ui-v2962.theme-dim .settings-status span{color:#9fb5ca!important}
.ui-v2962.theme-dim .cards .card{background:#10253a!important;border-color:#29465f!important}.ui-v2962.theme-dim .cards .card span,.ui-v2962.theme-dim .cards .card small{color:#a4bad0!important}
.ui-v2962.theme-dim .pill.ok,.ui-v2962.theme-dim .status-active{background:#123f32!important;color:#86e8bc!important;border-color:#24624e!important}.ui-v2962.theme-dim .pill.bad,.ui-v2962.theme-dim .status-expired,.ui-v2962.theme-dim .status-terminated{background:#4a2630!important;color:#ffb9c1!important;border-color:#713943!important}.ui-v2962.theme-dim .status-unused{background:#27394c!important;color:#cfdeec!important;border-color:#3c5268!important}.ui-v2962.theme-dim .status-sold{background:#4a3816!important;color:#ffdc7f!important;border-color:#705721!important}.ui-v2962.theme-dim .status-void{background:#492c39!important;color:#f3c3d0!important;border-color:#6c4051!important}
.ui-v2962.theme-dim .sync-ok{background:#123f32;color:#86e8bc;border-color:#24624e}.ui-v2962.theme-dim .sync-warn{background:#4a3816;color:#ffdc7f;border-color:#705721}.ui-v2962.theme-dim .sync-bad{background:#542630;color:#ffc1c8;border-color:#7c3945}.ui-v2962.theme-dim .sync-clean,.ui-v2962.theme-dim .sync-neutral{background:#27394c;color:#cad9e7;border-color:#3c5268}
.ui-v2962.theme-dim .speed-down{color:#41d79b!important}.ui-v2962.theme-dim .speed-up{color:#5aaeff!important}.ui-v2962.theme-dim .code{color:#76b6ff!important}

/* Responsive */
@media(max-width:1250px){
  .ui-v2962 .network-summary-grid{grid-template-columns:repeat(3,1fr)}
  .ui-v2962 .network-main-grid{grid-template-columns:1fr}
  .ui-v2962 .network-traffic-canvas{height:138px!important;min-height:138px!important;max-height:138px!important}
}
@media(max-width:980px){
  .ui-v2962 .top h1{font-size:27px}.ui-v2962 .top p{font-size:13px}
  .ui-v2962 .network-summary-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:720px){
  .ui-v2962{font-size:15px}.ui-v2962 .v296-content{padding:16px 12px 5px}
  .ui-v2962 .top h1{font-size:24px}.ui-v2962 .top p{font-size:13px}.ui-v2962 .section-head h2,.ui-v2962 .panel>h2{font-size:17px}.ui-v2962 .section-head p{font-size:12px}
  .ui-v2962 .v296-primary-nav>a{font-size:15px}.ui-v2962 .mobile-router-strip select{font-size:13px!important}
  .ui-v2962 .router-desktop-table{display:none}.ui-v2962 .router-mobile-list{display:grid;gap:11px}.ui-v2962 .compact-router-card{padding:14px}.ui-v2962 .compact-router-card b{font-size:15px}.ui-v2962 .compact-router-card small{font-size:12px!important}
  .ui-v2962 .network-summary-grid{grid-template-columns:1fr 1fr;gap:9px}.ui-v2962 .network-stat{min-height:105px;padding:13px}.ui-v2962 .network-stat>b{font-size:20px}.ui-v2962 .network-stat .network-ip-value{font-size:15px}.ui-v2962 .network-info-strip{grid-template-columns:1fr}.ui-v2962 .network-info-strip>div+div{border-left:0;border-top:1px solid #e2ebf4}.ui-v2962.theme-dim .network-info-strip>div+div{border-color:#29465f!important}.ui-v2962 .network-main-grid{grid-template-columns:1fr}.ui-v2962 .network-traffic-canvas{height:138px!important;min-height:138px!important;max-height:138px!important}.ui-v2962 .network-interface-table table{min-width:560px}
  .ui-v2962 .v296-dashboard-head h1{font-size:24px}.ui-v2962 .v296-dashboard-head p{font-size:13px}.ui-v2962 .v296-kpi small{font-size:11px}.ui-v2962 .v296-kpi strong{font-size:21px}.ui-v2962 .v296-kpi em{font-size:10px}
  .ui-v2962 .voucher-mobile-metrics{font-size:12px}.ui-v2962 .voucher-mobile-sync .sync-chip{font-size:11.5px}
  .ui-v2962 input,.ui-v2962 select,.ui-v2962 textarea,.ui-v2962 .form-grid input,.ui-v2962 .form-grid select{font-size:16px!important}
}

/* V2.9.6.3 - portal polish + topbar search contrast */
.ui-v2963 .global-search{
  background:#104477!important;
  border-color:#3970a5!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 5px 18px rgba(0,20,48,.10)!important;
}
.ui-v2963 .global-search input{
  background:transparent!important;
  color:#f7fbff!important;
  -webkit-text-fill-color:#f7fbff;
}
.ui-v2963 .global-search input::placeholder{color:#bfd0e2!important;opacity:1}
.ui-v2963 .global-search kbd{background:#1b578e!important;border-color:#4b7eae!important;color:#e7f2ff!important}
.ui-v2963.theme-dim .global-search{background:#103d69!important;border-color:#356892!important}
.ui-v2963.theme-dim .global-search input{background:transparent!important;color:#f5faff!important;-webkit-text-fill-color:#f5faff}
.ui-v2963.theme-dim .global-search input::placeholder{color:#b5c9dd!important}

/* Portal page - explicit light surfaces instead of inherited faded cards. */
.ui-v2963 .portal-page-head{align-items:flex-end;margin-bottom:18px}
.ui-v2963 .portal-eyebrow{font-size:12px;line-height:1;text-transform:uppercase;letter-spacing:.11em;font-weight:800;color:#2f75c9;margin-bottom:8px}
.ui-v2963 .portal-head-actions{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}
.ui-v2963 .portal-router-picker{display:grid;gap:5px;min-width:230px}
.ui-v2963 .portal-router-picker label{font-size:12px!important;font-weight:750;color:#607895!important}
.ui-v2963 .portal-router-picker select{min-width:230px}
.ui-v2963 .portal-download-btn{height:43px;padding-inline:14px}

.ui-v2963 .portal-mode-panel,
.ui-v2963 .portal-editor-panel,
.ui-v2963 .portal-preview-panel,
.ui-v2963 .portal-plans-panel,
.ui-v2963 .portal-empty-panel{
  background:#fff!important;
  color:#1a314d!important;
  border-color:#d7e3ef!important;
}
.ui-v2963 .portal-section-head{margin-bottom:14px}
.ui-v2963 .portal-section-head h2{color:#142a45!important}
.ui-v2963 .portal-section-head p{color:#607793!important}

.ui-v2963 .portal-runtime-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 14px}
.ui-v2963 .portal-runtime-meta>div{padding:11px 13px;border:1px solid #dce7f1;background:#f7faff;border-radius:10px;min-width:0}
.ui-v2963 .portal-runtime-meta span{display:block;color:#6a8099;font-size:11.5px;font-weight:750;text-transform:uppercase;letter-spacing:.04em}
.ui-v2963 .portal-runtime-meta b{display:block;margin-top:4px;color:#18314f;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.ui-v2963 .portal-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ui-v2963 .portal-mode-card{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;padding:16px;border:1px solid #d9e5f0;border-radius:12px;background:#f8fbff;box-shadow:0 6px 18px rgba(31,76,124,.04)}
.ui-v2963 .portal-mode-card.is-selected{border-color:#8ebeff;box-shadow:0 0 0 2px rgba(25,119,255,.08),0 8px 22px rgba(31,76,124,.06)}
.ui-v2963 .portal-mode-card.custom.is-selected{background:#f5faff}
.ui-v2963 .portal-mode-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:#e8f2ff;color:#0b70ee;font-size:18px;font-weight:900;border:1px solid #cfe3fb}
.ui-v2963 .portal-mode-copy{min-width:0}
.ui-v2963 .portal-mode-copy>span{display:block;color:#5e7896;font-size:11.5px;font-weight:800;letter-spacing:.065em}
.ui-v2963 .portal-mode-copy h3{margin:4px 0 5px;color:#172f4c!important;font-size:18px;line-height:1.25}
.ui-v2963 .portal-mode-copy p{margin:0;color:#5b738f;font-size:13.5px;line-height:1.5}
.ui-v2963 .portal-backup-note{display:block;margin-top:8px;color:#7188a1!important;font-size:12.5px!important}
.ui-v2963 .portal-mode-card form{grid-column:1/-1;margin:0}
.ui-v2963 .portal-mode-action{width:100%;min-height:39px}

.ui-v2963 .portal-workspace-grid{grid-template-columns:minmax(500px,.92fr) minmax(430px,1.08fr);gap:14px;align-items:start}
.ui-v2963 .portal-form-grid{gap:13px}
.ui-v2963 .portal-color-control>label{display:block;margin-bottom:6px}
.ui-v2963 .portal-color-row{display:flex;align-items:center;gap:10px;min-height:43px;padding:6px 10px;background:#f8fbff;border:1px solid #c9d9e9;border-radius:9px}
.ui-v2963 .portal-color-row input[type=color]{width:44px!important;height:30px!important;min-height:30px!important;padding:0!important;border:0!important;background:transparent!important;cursor:pointer}
.ui-v2963 .portal-color-row span{font:700 12.5px/1.2 Consolas,monospace;color:#526d8a}

.ui-v2963 .portal-logo-card{padding:15px;border:1px solid #d8e4ef;border-radius:12px;background:#f8fbff}
.ui-v2963 .portal-logo-copy b{display:block;font-size:15px;color:#18304d}
.ui-v2963 .portal-logo-copy small{display:block;margin-top:4px;color:#657d98!important;font-size:12.5px!important;line-height:1.45}
.ui-v2963 .portal-file-picker{position:relative;display:inline-flex!important;align-items:center;justify-content:center;width:max-content!important;min-height:38px!important;margin-top:11px;padding:0 13px!important;border:1px solid #b9d4f0;border-radius:8px;background:#fff;color:#166fd8!important;font-weight:800;cursor:pointer;overflow:hidden}
.ui-v2963 .portal-file-picker input{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;cursor:pointer;margin:0!important;padding:0!important;min-height:0!important}
.ui-v2963 .portal-logo-current{display:grid;grid-template-columns:190px 1fr;gap:14px;align-items:center;margin-top:13px;padding:12px;border:1px solid #dce6f0;border-radius:10px;background:#fff}
.ui-v2963 .portal-logo-stage{height:92px;display:flex;align-items:center;justify-content:center;padding:10px;border:1px solid #d6e0eb;border-radius:9px;background-color:#eaf0f6;background-image:linear-gradient(45deg,#f7f9fc 25%,transparent 25%),linear-gradient(-45deg,#f7f9fc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f7f9fc 75%),linear-gradient(-45deg,transparent 75%,#f7f9fc 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}
.ui-v2963 .portal-logo-stage img{display:block;max-width:168px;max-height:70px;width:auto;height:auto;object-fit:contain;border-radius:5px}
.ui-v2963 .portal-logo-current>div:last-child>b{display:block;color:#19314e;font-size:14px}
.ui-v2963 .portal-logo-current>div:last-child>small{display:block;margin-top:4px;color:#697f98!important;font-size:12.5px!important;line-height:1.45}
.ui-v2963 .portal-remove-logo{margin-top:8px!important;padding:0!important;min-height:28px!important}
.ui-v2963 .portal-options-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;padding:12px;border:1px solid #dde7f1;border-radius:10px;background:#fbfdff}
.ui-v2963 .portal-options-grid .check{padding:0!important;min-height:32px!important}
.ui-v2963 .portal-save-note{margin-top:13px;padding:10px 12px;border-radius:9px;background:#edf5ff;border:1px solid #cfe2fb;color:#426384;font-size:13px}
.ui-v2963 .portal-save-actions{margin-top:12px}

.ui-v2963 .portal-preview-panel{position:sticky;top:82px}
.ui-v2963 .portal-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.ui-v2963 .portal-preview-toolbar .filterbar{margin:0;padding:4px;border:1px solid #dbe6f1;border-radius:10px;background:#f7faff}
.ui-v2963 .portal-tabs button{padding:8px 13px;border-radius:8px;background:transparent;color:#617995;border:0;cursor:pointer;font-weight:750}
.ui-v2963 .portal-tabs button.active{background:#1777f2;color:#fff;box-shadow:0 4px 12px rgba(23,119,242,.18)}
.ui-v2963 .portal-preview-hint{font-size:12px;color:#70859d;font-weight:700}
.ui-v2963 .portal-device-stage{padding:18px;border:1px solid #d7e3ef;border-radius:13px;background:#eef4fa}
.ui-v2963 .portal-frame{display:block;width:100%;height:650px;border:1px solid #cbd9e7;border-radius:12px;background:#fff;box-shadow:0 12px 30px rgba(26,62,104,.10)}

/* Dark portal editor stays genuinely dark; no white cards or faded text. */
.ui-v2963.theme-dim .portal-mode-panel,
.ui-v2963.theme-dim .portal-editor-panel,
.ui-v2963.theme-dim .portal-preview-panel,
.ui-v2963.theme-dim .portal-plans-panel,
.ui-v2963.theme-dim .portal-empty-panel{background:#10253a!important;border-color:#29465f!important;color:#eaf3fc!important}
.ui-v2963.theme-dim .portal-eyebrow{color:#6db8ff!important}
.ui-v2963.theme-dim .portal-section-head h2{color:#f1f7fd!important}
.ui-v2963.theme-dim .portal-section-head p{color:#a8bdd2!important}
.ui-v2963.theme-dim .portal-runtime-meta>div{background:#0c2033;border-color:#29465f}
.ui-v2963.theme-dim .portal-runtime-meta span{color:#91aac2}.ui-v2963.theme-dim .portal-runtime-meta b{color:#eef6fd}
.ui-v2963.theme-dim .portal-mode-card{background:#0c2033!important;border-color:#29465f!important;box-shadow:none!important}
.ui-v2963.theme-dim .portal-mode-card.is-selected{background:#102b47!important;border-color:#3974aa!important;box-shadow:0 0 0 2px rgba(74,156,255,.08)!important}
.ui-v2963.theme-dim .portal-mode-icon{background:#123a61;border-color:#2f5c83;color:#73bcff}
.ui-v2963.theme-dim .portal-mode-copy>span{color:#8faac4!important}.ui-v2963.theme-dim .portal-mode-copy h3{color:#f2f7fd!important}.ui-v2963.theme-dim .portal-mode-copy p{color:#abc0d4!important}.ui-v2963.theme-dim .portal-backup-note{color:#8ea6bc!important}
.ui-v2963.theme-dim .portal-color-row{background:#0b1d2f;border-color:#34516b}.ui-v2963.theme-dim .portal-color-row span{color:#c3d6e8}
.ui-v2963.theme-dim .portal-logo-card{background:#0c2033;border-color:#29465f}.ui-v2963.theme-dim .portal-logo-copy b{color:#eef6fd}.ui-v2963.theme-dim .portal-logo-copy small{color:#a5bad0!important}
.ui-v2963.theme-dim .portal-file-picker{background:#112a42;border-color:#365573;color:#8cc6ff!important}
.ui-v2963.theme-dim .portal-logo-current{background:#0b1d2f;border-color:#29465f}.ui-v2963.theme-dim .portal-logo-current>div:last-child>b{color:#edf6ff}.ui-v2963.theme-dim .portal-logo-current>div:last-child>small{color:#9fb5ca!important}
.ui-v2963.theme-dim .portal-logo-stage{border-color:#3a5269;background-color:#1c2c3b;background-image:linear-gradient(45deg,#25394b 25%,transparent 25%),linear-gradient(-45deg,#25394b 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#25394b 75%),linear-gradient(-45deg,transparent 75%,#25394b 75%)}
.ui-v2963.theme-dim .portal-options-grid{background:#0b1f32;border-color:#29465f}
.ui-v2963.theme-dim .portal-save-note{background:#0e2a45;border-color:#285274;color:#bdd4e9}
.ui-v2963.theme-dim .portal-preview-toolbar .filterbar{background:#0b1f32!important;border-color:#29465f!important}
.ui-v2963.theme-dim .portal-tabs button{color:#9fb8cf}.ui-v2963.theme-dim .portal-tabs button.active{background:#1777f2;color:#fff}
.ui-v2963.theme-dim .portal-preview-hint{color:#91a9bf}
.ui-v2963.theme-dim .portal-device-stage{background:#091a2b;border-color:#29465f}.ui-v2963.theme-dim .portal-frame{border-color:#35516b;box-shadow:0 14px 34px rgba(0,0,0,.18)}

@media(max-width:1180px){
  .ui-v2963 .portal-workspace-grid{grid-template-columns:1fr}
  .ui-v2963 .portal-preview-panel{position:static}
}
@media(max-width:820px){
  .ui-v2963 .portal-page-head{align-items:flex-start}.ui-v2963 .portal-head-actions{width:100%}.ui-v2963 .portal-router-picker{flex:1;min-width:190px}.ui-v2963 .portal-router-picker select{min-width:0;width:100%}
  .ui-v2963 .portal-mode-grid,.ui-v2963 .portal-runtime-meta{grid-template-columns:1fr}
  .ui-v2963 .portal-logo-current{grid-template-columns:1fr}.ui-v2963 .portal-logo-stage{width:100%}
  .ui-v2963 .portal-frame{height:590px}
}
@media(max-width:560px){
  .ui-v2963 .portal-options-grid{grid-template-columns:1fr}.ui-v2963 .portal-device-stage{padding:8px}.ui-v2963 .portal-frame{height:560px}
}

/* V2.9.6.4 - dashboard usage reporting and balanced light/dark surfaces */
.ui-v2964 .v2964-dashboard-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 16px}
.ui-v2964 .v2964-dashboard-head .greeting small{display:block;color:#35649a;font-size:12px;font-weight:750;margin-bottom:4px}
.ui-v2964 .v2964-dashboard-head h1{margin:0;color:#102b4c;font-size:29px;line-height:1.18;letter-spacing:-.035em}
.ui-v2964 .v2964-dashboard-head h1 span{color:#1677f2}.ui-v2964 .v2964-dashboard-head p{margin:5px 0 0;color:#657d99;font-size:13px}
.ui-v2964 .v2964-head-tools{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}
.ui-v2964 .v2964-dateblock{min-width:174px;padding:8px 11px;border:1px solid #d7e3ef;border-radius:9px;background:#fff;text-align:right;line-height:1.25}
.ui-v2964 .v2964-dateblock b{display:block;color:#173453;font-size:11px}.ui-v2964 .v2964-dateblock span{display:block;margin-top:3px;color:#68809b;font-size:9px}
.ui-v2964 .v2964-create-btn,.ui-v2964 .v2964-add-router-btn{min-height:39px;padding:0 13px;font-size:12px}
.ui-v2964 .v2964-create-btn{background:#1877f2!important;border-color:#1877f2!important;color:#fff!important;box-shadow:0 7px 17px rgba(24,119,242,.18)}
.ui-v2964 .v2964-add-router-btn{background:#12365d!important;border-color:#254d77!important;color:#fff!important}

.ui-v2964 .v2964-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;margin:0 0 14px}
.ui-v2964 .v2964-kpi{position:relative;display:flex;align-items:center;gap:12px;min-width:0;min-height:105px;padding:15px;border-radius:12px;color:#fff;text-decoration:none;overflow:hidden;box-shadow:0 9px 22px rgba(21,57,101,.12);transition:transform .16s ease,box-shadow .16s ease}
.ui-v2964 .v2964-kpi:hover{transform:translateY(-2px);box-shadow:0 13px 26px rgba(21,57,101,.17)}
.ui-v2964 .v2964-kpi:after{content:"";position:absolute;width:98px;height:98px;border-radius:50%;right:-27px;bottom:-44px;background:rgba(255,255,255,.08)}
.ui-v2964 .v2964-kpi.blue{background:linear-gradient(135deg,#2589f5,#1768d9)}.ui-v2964 .v2964-kpi.green{background:linear-gradient(135deg,#18b874,#087f54)}
.ui-v2964 .v2964-kpi.orange{background:linear-gradient(135deg,#fa8a27,#d85e12)}.ui-v2964 .v2964-kpi.teal{background:linear-gradient(135deg,#1fa8a7,#13777e)}
.ui-v2964 .v2964-kpi.purple{background:linear-gradient(135deg,#8552e8,#5e35b9)}
.ui-v2964 .v2964-kpi-icon{position:relative;z-index:1;display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.14);font-size:16px;font-weight:900}
.ui-v2964 .v2964-kpi>div{position:relative;z-index:1;min-width:0}.ui-v2964 .v2964-kpi small{display:block;color:rgba(255,255,255,.9)!important;font-size:10px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ui-v2964 .v2964-kpi strong{display:block;margin:5px 0 6px;color:#fff!important;font-size:21px;line-height:1.08;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ui-v2964 .v2964-kpi em{display:block;color:rgba(255,255,255,.84);font-size:8.8px;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.ui-v2964 .v2964-analytics-grid{display:grid;grid-template-columns:minmax(420px,1.45fr) minmax(315px,.92fr) minmax(270px,.7fr);gap:14px;align-items:stretch}
.ui-v2964 .v2964-analytics-grid>.panel,.ui-v2964 .v2964-lower-grid>.panel{min-width:0;margin:0;background:#fff!important;border-color:#d8e4ef!important;color:#17314f!important;box-shadow:0 9px 25px rgba(34,69,108,.07)!important}
.ui-v2964 .v2964-analytics-grid .section-head h2,.ui-v2964 .v2964-lower-grid .section-head h2{color:#142d4b!important;font-size:15px}
.ui-v2964 .v2964-analytics-grid .section-head p,.ui-v2964 .v2964-lower-grid .section-head p{color:#6b8199!important;font-size:10.5px}
.ui-v2964 .v2964-chart-legend{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.ui-v2964 .v2964-chart-legend span{font-size:9.5px;color:#647b95;white-space:nowrap}.ui-v2964 .v2964-chart-legend b{color:#24415e;margin-left:2px}.ui-v2964 .v2964-chart-legend .download:before,.ui-v2964 .v2964-chart-legend .upload:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:4px}.ui-v2964 .v2964-chart-legend .download:before{background:#1682f3}.ui-v2964 .v2964-chart-legend .upload:before{background:#16a777}
.ui-v2964 .v2964-usage-chart{position:relative;height:237px;padding-top:3px;border-top:1px solid #edf2f7}.ui-v2964 .v2964-usage-chart svg{display:block;width:100%;height:205px;overflow:visible}
.ui-v2964 .v2964-chart-grid line{stroke:#e5edf5;stroke-width:1}.ui-v2964 .v2964-usage-line{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.ui-v2964 .v2964-usage-line.download{stroke:#1682f3}.ui-v2964 .v2964-usage-line.upload{stroke:#16a777}
.ui-v2964 .v2964-usage-dot{stroke:#fff;stroke-width:2}.ui-v2964 .v2964-usage-dot.download{fill:#1682f3}.ui-v2964 .v2964-usage-dot.upload{fill:#16a777}
.ui-v2964 .v2964-chart-labels{display:flex;justify-content:space-between;padding:0 7px;color:#71879f;font-size:9px}.ui-v2964 .v2964-chart-empty{position:absolute;inset:82px 20px auto;text-align:center;color:#8295aa;font-size:11px}

.ui-v2964 .v2964-top-users{display:grid;gap:3px}.ui-v2964 .v2964-usage-user{display:grid;grid-template-columns:28px 1fr;gap:9px;padding:8px 5px;border-bottom:1px solid #e8eff6;color:inherit;text-decoration:none;border-radius:7px}.ui-v2964 .v2964-usage-user:hover{background:#f5f9fd}
.ui-v2964 .v2964-user-rank{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#e8f3ff;color:#1677e8;font-size:10px;font-weight:900}
.ui-v2964 .v2964-user-main{min-width:0}.ui-v2964 .v2964-user-main>div{display:flex;justify-content:space-between;gap:8px}.ui-v2964 .v2964-user-main b{color:#17314f;font-size:11px;overflow:hidden;text-overflow:ellipsis}.ui-v2964 .v2964-user-main strong{color:#126fd8;font-size:10.5px;white-space:nowrap}.ui-v2964 .v2964-user-main small{display:block;margin-top:2px;color:#70859d!important;font-size:8.7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ui-v2964 .v2964-user-bar{display:block;height:5px;margin:5px 0 3px;border-radius:999px;background:#e8eff6;overflow:hidden}.ui-v2964 .v2964-user-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1682f3,#16a777)}.ui-v2964 .v2964-user-main em{display:block;color:#71869c;font-size:8.4px;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ui-v2964 .v2964-system-panel .v296-status-list{margin-top:5px}.ui-v2964 .v2964-system-panel .v296-status-list>div{grid-template-columns:34px minmax(0,1fr);grid-template-areas:"symbol title" "symbol state";gap:1px 8px;padding:11px 0}.ui-v2964 .v2964-system-panel .status-symbol{grid-area:symbol}.ui-v2964 .v2964-system-panel .v296-status-list b{grid-area:title;color:#17314f!important;font-size:10.5px}.ui-v2964 .v2964-system-panel .v296-status-list em{grid-area:state;text-align:left;font-size:9px}

.ui-v2964 .v2964-lower-grid{display:grid;grid-template-columns:minmax(460px,1.5fr) minmax(300px,.72fr) minmax(300px,.78fr);gap:14px;margin-top:14px;align-items:stretch}
.ui-v2964 .v2964-recent-panel .table{max-height:290px}.ui-v2964 .v2964-recent-panel table{font-size:10px}.ui-v2964 .v2964-recent-panel th{color:#71859b!important}.ui-v2964 .v2964-recent-panel td{color:#304d6d!important}.ui-v2964 .v2964-log-message{max-width:460px;overflow:hidden;text-overflow:ellipsis}
.ui-v2964 .v2964-voucher-status .v296-donut-wrap{min-height:205px}.ui-v2964 .v2964-top-plans-panel .v296-plan-row{grid-template-columns:96px 1fr 72px;gap:8px}.ui-v2964 .v2964-top-plans-panel .v296-plan-row b{color:#213d5c!important}.ui-v2964 .v2964-top-plans-panel .v296-plan-row strong{color:#1b68bf!important}

/* Dark mode uses calm navy cards and explicit contrast for every dashboard label. */
.ui-v2964.theme-dim .v2964-dashboard-head .greeting small{color:#72b6fa}.ui-v2964.theme-dim .v2964-dashboard-head h1{color:#f2f7fd}.ui-v2964.theme-dim .v2964-dashboard-head h1 span{color:#72b6fa}.ui-v2964.theme-dim .v2964-dashboard-head p{color:#a4b9cd}
.ui-v2964.theme-dim .v2964-dateblock{background:#10253a;border-color:#29465f}.ui-v2964.theme-dim .v2964-dateblock b{color:#eaf3fc}.ui-v2964.theme-dim .v2964-dateblock span{color:#9fb5ca}
.ui-v2964.theme-dim .v2964-analytics-grid>.panel,.ui-v2964.theme-dim .v2964-lower-grid>.panel{background:#10253a!important;border-color:#29465f!important;color:#eaf3fc!important;box-shadow:0 10px 28px rgba(0,0,0,.15)!important}
.ui-v2964.theme-dim .v2964-analytics-grid .section-head h2,.ui-v2964.theme-dim .v2964-lower-grid .section-head h2{color:#f1f7fd!important}.ui-v2964.theme-dim .v2964-analytics-grid .section-head p,.ui-v2964.theme-dim .v2964-lower-grid .section-head p{color:#9fb5ca!important}
.ui-v2964.theme-dim .v2964-chart-legend span{color:#9eb5ca}.ui-v2964.theme-dim .v2964-chart-legend b{color:#e7f1fa}.ui-v2964.theme-dim .v2964-usage-chart{border-color:#29465f}.ui-v2964.theme-dim .v2964-chart-grid line{stroke:#29465f}.ui-v2964.theme-dim .v2964-usage-dot{stroke:#10253a}.ui-v2964.theme-dim .v2964-chart-labels,.ui-v2964.theme-dim .v2964-chart-empty{color:#91a8be}
.ui-v2964.theme-dim .v2964-usage-user{border-color:#29465f}.ui-v2964.theme-dim .v2964-usage-user:hover{background:#142c44}.ui-v2964.theme-dim .v2964-user-rank{background:#163654;color:#7abaff}.ui-v2964.theme-dim .v2964-user-main b{color:#eef6fd}.ui-v2964.theme-dim .v2964-user-main strong{color:#79bcff}.ui-v2964.theme-dim .v2964-user-main small,.ui-v2964.theme-dim .v2964-user-main em{color:#9fb5ca!important}.ui-v2964.theme-dim .v2964-user-bar{background:#243d55}
.ui-v2964.theme-dim .v2964-system-panel .v296-status-list b{color:#edf5fd!important}.ui-v2964.theme-dim .v2964-recent-panel th{color:#a8bdd2!important}.ui-v2964.theme-dim .v2964-recent-panel td{color:#dce9f5!important}.ui-v2964.theme-dim .v2964-top-plans-panel .v296-plan-row b{color:#e8f2fb!important}.ui-v2964.theme-dim .v2964-top-plans-panel .v296-plan-row strong{color:#78b9ff!important}
.ui-v2964.theme-dim .topbar-popover{background:#10253a!important;border-color:#34516b!important;color:#edf5fd!important}.ui-v2964.theme-dim .topbar-popover a,.ui-v2964.theme-dim .topbar-popover button{color:#dce9f5!important}.ui-v2964.theme-dim .topbar-popover a:hover,.ui-v2964.theme-dim .topbar-popover button:hover{background:#18314a!important}

@media(max-width:1450px){
  .ui-v2964 .v2964-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ui-v2964 .v2964-analytics-grid{grid-template-columns:minmax(420px,1.35fr) minmax(300px,.9fr)}.ui-v2964 .v2964-system-panel{grid-column:1/-1}.ui-v2964 .v2964-system-panel .v296-status-list{display:grid;grid-template-columns:repeat(4,1fr);gap:0 15px}.ui-v2964 .v2964-lower-grid{grid-template-columns:minmax(440px,1.25fr) minmax(290px,.75fr)}.ui-v2964 .v2964-top-plans-panel{grid-column:1/-1}
}
@media(max-width:1000px){
  .ui-v2964 .v2964-dashboard-head{align-items:flex-start}.ui-v2964 .v2964-head-tools{max-width:390px}.ui-v2964 .v2964-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ui-v2964 .v2964-analytics-grid,.ui-v2964 .v2964-lower-grid{grid-template-columns:1fr}.ui-v2964 .v2964-system-panel,.ui-v2964 .v2964-top-plans-panel{grid-column:auto}.ui-v2964 .v2964-system-panel .v296-status-list{display:grid;grid-template-columns:repeat(2,1fr);gap:0 14px}
}
@media(max-width:720px){
  .ui-v2964 .v2964-dashboard-head{display:block;margin-bottom:12px}.ui-v2964 .v2964-dashboard-head h1{font-size:23px}.ui-v2964 .v2964-dashboard-head p{font-size:11px}.ui-v2964 .v2964-head-tools{justify-content:flex-start;max-width:none;margin-top:11px}.ui-v2964 .v2964-dateblock{width:100%;text-align:left}.ui-v2964 .v2964-create-btn,.ui-v2964 .v2964-add-router-btn{flex:1;min-width:130px;min-height:40px}
  .ui-v2964 .v2964-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ui-v2964 .v2964-kpi{min-height:92px;padding:12px 10px;gap:8px}.ui-v2964 .v2964-kpi-icon{flex-basis:32px;width:32px;height:32px;font-size:13px}.ui-v2964 .v2964-kpi strong{font-size:17px}.ui-v2964 .v2964-kpi small{font-size:8.5px}.ui-v2964 .v2964-kpi em{font-size:7.8px}
  .ui-v2964 .v2964-analytics-grid,.ui-v2964 .v2964-lower-grid{gap:10px}.ui-v2964 .v2964-analytics-grid>.panel,.ui-v2964 .v2964-lower-grid>.panel{padding:14px}.ui-v2964 .v2964-chart-legend{justify-content:flex-start}.ui-v2964 .v2964-usage-chart{height:220px}.ui-v2964 .v2964-usage-chart svg{height:188px}.ui-v2964 .v2964-system-panel .v296-status-list{grid-template-columns:1fr}.ui-v2964 .v2964-recent-panel .table{max-height:none}.ui-v2964 .v2964-log-message{max-width:260px}
}
@media(max-width:430px){
  .ui-v2964 .v2964-kpi-grid{grid-template-columns:1fr 1fr}.ui-v2964 .v2964-kpi{min-height:88px}.ui-v2964 .v2964-kpi:nth-child(5){grid-column:1/-1}.ui-v2964 .v2964-chart-legend{display:grid;gap:4px}.ui-v2964 .v2964-user-main em{white-space:normal;line-height:1.35}.ui-v2964 .v2964-top-plans-panel .v296-plan-row{grid-template-columns:82px 1fr 65px}
}

/* Mobile theme control and final surface overrides. The navigation remains the
   familiar navy shell while content, forms and bottom navigation follow the
   saved Light/Dark choice. */
@media(max-width:720px){
  .ui-v2964 .mobile-theme-btn{display:grid;place-items:center;flex:0 0 34px;width:34px!important;min-width:34px!important;height:34px;border:1px solid rgba(255,255,255,.16);border-radius:9px;background:rgba(255,255,255,.07);color:#ddecff;cursor:pointer;padding:0}
  .ui-v2964 .mobile-theme-btn .ui-icon{width:17px;height:17px}.ui-v2964 .mobile-theme-btn[aria-pressed="true"]{color:#ffd66f!important;background:rgba(255,255,255,.11)!important}
  html:not(.theme-dim),body.ui-v2964:not(.theme-dim){background:#f4f8fd!important;color:#172d49!important}
  .ui-v2964:not(.theme-dim) .v296-main{background:linear-gradient(180deg,#f8fbff,#f3f7fc)!important;color:#172d49!important}
  .ui-v2964:not(.theme-dim) .mobile-router-strip{background:#fff!important;border-color:#dce8f4!important}.ui-v2964:not(.theme-dim) .mobile-router-strip form{background:#f7fbff!important;border-color:#cfe0f3!important}.ui-v2964:not(.theme-dim) .mobile-router-strip select{background:transparent!important;color:#263f5e!important}
  .ui-v2964:not(.theme-dim) .connect-bottom-nav{background:rgba(255,255,255,.98)!important;border-color:#dce7f3!important}.ui-v2964:not(.theme-dim) .connect-bottom-nav a,.ui-v2964:not(.theme-dim) .connect-bottom-nav button{color:#6e82a0!important}
  .ui-v2964:not(.theme-dim) .quick-sheet{background:#fff!important;border-color:#dbe6f1!important;color:#17314f!important;box-shadow:0 24px 65px rgba(24,54,91,.22)!important}.ui-v2964:not(.theme-dim) .quick-sheet-head b{color:#17314f!important}.ui-v2964:not(.theme-dim) .quick-sheet-head small{color:#71869e!important}.ui-v2964:not(.theme-dim) .quick-sheet-head button{background:#edf3f9!important;color:#536b85!important}.ui-v2964:not(.theme-dim) .quick-sheet-grid a{background:#f7faff!important;border-color:#dbe6f1!important}.ui-v2964:not(.theme-dim) .quick-sheet-grid b{color:#26425f!important}.ui-v2964:not(.theme-dim) .quick-sheet-grid small{color:#71869e!important}
  html.theme-dim,body.ui-v2964.theme-dim{background:#071423!important;color:#eaf3fc!important}
  .ui-v2964.theme-dim .mobile-router-strip{background:#0a1c2f!important;border-color:#29465f!important}.ui-v2964.theme-dim .mobile-router-strip form{background:#10263c!important;border-color:#34516b!important}.ui-v2964.theme-dim .mobile-router-strip select{background:transparent!important;color:#edf5fd!important}
  .ui-v2964.theme-dim .connect-bottom-nav{background:rgba(7,20,35,.98)!important;border-color:#29465f!important}.ui-v2964.theme-dim .connect-bottom-nav a,.ui-v2964.theme-dim .connect-bottom-nav button{color:#9fb5ca!important}.ui-v2964.theme-dim .connect-bottom-nav .active{color:#72b6fa!important}
  .ui-v2964.theme-dim .quick-sheet{background:#0d2034!important;border-color:#34516b!important;color:#edf5fd!important}.ui-v2964.theme-dim .quick-sheet-grid a{background:#0b1d2f!important;border-color:#29465f!important}.ui-v2964.theme-dim .quick-sheet-grid b{color:#e6f0fa!important}.ui-v2964.theme-dim .quick-sheet-grid small{color:#91a9bf!important}
}
@media(max-width:380px){
  .ui-v2964 .mobile-topbar{gap:6px!important}.ui-v2964 .mobile-theme-btn,.ui-v2964 .mobile-notification-btn,.ui-v2964 .mobile-avatar{flex-basis:31px!important;width:31px!important;height:31px!important}.ui-v2964 .mobile-brand small{display:none!important}.ui-v2964 .mobile-brand b{font-size:11px!important}
}

/* V2.9.6.5 - truthful health/remote states, readable clock and explicit limits */
.ui-v2965 .v2964-dateblock{display:flex;align-items:center;gap:10px;min-width:238px;padding:8px 12px;text-align:left}
.ui-v2965 .v2965-clock-icon{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:10px;background:#e8f2ff;color:#1677f2;font-size:22px;font-weight:800}
.ui-v2965 .v2965-clock-copy{display:block;min-width:0}.ui-v2965 .v2965-clock-copy>b{font-size:12.5px;line-height:1.25;white-space:nowrap}
.ui-v2965 .v2965-clock-copy>span{display:flex;align-items:baseline;gap:7px;margin-top:2px!important}.ui-v2965 .v2965-clock-copy time{color:#173453;font-size:15px;font-weight:850;letter-spacing:.01em}
.ui-v2965 .v2965-clock-copy em{color:#68809b;font-size:8.5px;font-style:normal;white-space:nowrap}
.ui-v2965 .input-muted{opacity:.58;background:#edf2f7!important;cursor:not-allowed}.ui-v2965 .speed-unlimited-control{align-self:end;min-height:42px}

.ui-v2965 .health-page-head{align-items:center}.ui-v2965 .health-overall{display:inline-flex;align-items:center;min-height:34px;padding:0 14px;border-radius:999px;border:1px solid;font-size:11px;font-weight:900;letter-spacing:.055em}
.ui-v2965 .health-healthy{color:#087b50;background:#dcf7ea;border-color:#aee8cc}.ui-v2965 .health-ready{color:#1267bd;background:#e7f2ff;border-color:#bbd9fb}.ui-v2965 .health-degraded{color:#946200;background:#fff3cf;border-color:#f1d98c}.ui-v2965 .health-unhealthy{color:#b02d3a;background:#ffe8eb;border-color:#f5b9c0}
.ui-v2965 .health-legend{display:flex;flex-wrap:wrap;gap:8px 15px;margin:-2px 0 15px;padding:10px 13px;border:1px solid #d9e5f0;border-radius:10px;background:rgba(255,255,255,.68);font-size:10px;font-weight:750}
.ui-v2965 .health-legend .ok{color:#0b9461}.ui-v2965 .health-legend .info{color:#1775d1}.ui-v2965 .health-legend .warn{color:#b47700}.ui-v2965 .health-legend .error{color:#d23f4b}.ui-v2965 .health-legend .disabled{color:#7b8c9f}
.ui-v2965 .v296-status-list em.info{color:#1775d1!important}
.ui-v2965 .health-check-grid{align-items:stretch}.ui-v2965 .health-card{position:relative;min-height:132px;border-left:4px solid #8698aa!important}.ui-v2965 .health-card>span{font-size:10.5px;letter-spacing:.07em}.ui-v2965 .health-card .small-b{margin:11px 0 7px;font-size:17px}.ui-v2965 .health-card small{line-height:1.45;overflow-wrap:anywhere}
.ui-v2965 .health-card.status-ok{border-left-color:#12ae72!important}.ui-v2965 .health-card.status-ok .small-b{color:#0d9a65}.ui-v2965 .health-card.status-info{border-left-color:#2584e8!important}.ui-v2965 .health-card.status-info .small-b{color:#1972c9}.ui-v2965 .health-card.status-warn{border-left-color:#e8a317!important}.ui-v2965 .health-card.status-warn .small-b{color:#a86f00}.ui-v2965 .health-card.status-error{border-left-color:#ec4c59!important}.ui-v2965 .health-card.status-error .small-b{color:#d43c49}.ui-v2965 .health-card.status-disabled .small-b{color:#75879a}

.ui-v2965 .connector-state-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0 18px}.ui-v2965 .connector-state-summary>div{padding:12px 13px;border:1px solid #d7e3ef;border-radius:11px;background:#fff}.ui-v2965 .connector-state-summary span,.ui-v2965 .connector-state-summary small{display:block;color:#71869d}.ui-v2965 .connector-state-summary span{font-size:9px;text-transform:uppercase;letter-spacing:.07em}.ui-v2965 .connector-state-summary b{display:block;margin:6px 0 3px;color:#17314f;font-size:14px}.ui-v2965 .connector-state-summary small{font-size:9px;line-height:1.35}
.ui-v2965 .connector-state-summary .status-ok{border-color:#9ee2c4;background:#edfbf4}.ui-v2965 .connector-state-summary .status-ok b{color:#0b8e5d}.ui-v2965 .connector-state-summary .status-info{border-color:#b9d9fb;background:#edf6ff}.ui-v2965 .connector-state-summary .status-info b{color:#176fc7}.ui-v2965 .connector-state-summary .status-warn{border-color:#efd58d;background:#fff9e8}.ui-v2965 .connector-state-summary .status-warn b{color:#a56c00}.ui-v2965 .connector-state-summary .status-bad{border-color:#f1b4bb;background:#fff0f2}.ui-v2965 .connector-state-summary .status-bad b{color:#cf3543}
.ui-v2965 .connector-state-summary .status-disabled{border-color:#cfd8e2;background:#f1f4f7}.ui-v2965 .connector-state-summary .status-disabled b{color:#66798d}
.ui-v2965 .connector-live-error{margin:10px 0;padding:10px 12px;border-radius:9px;font-size:11px;line-height:1.45;overflow-wrap:anywhere}.ui-v2965 .connector-live-error.status-warn{background:#fff4d8;color:#8d6108}.ui-v2965 .connector-live-error.status-bad{background:#ffe9ec;color:#a62e3a}.ui-v2965 .pill.info{background:#e5f1ff!important;color:#146abf!important;border-color:#bad8f8!important}.ui-v2965 .pill.disabled{background:#e9eef3!important;color:#65788d!important;border-color:#cbd6e0!important}

.ui-v2965.theme-dim .v2965-clock-icon{background:#163654;color:#79bcff}.ui-v2965.theme-dim .v2965-clock-copy time{color:#edf5fd}.ui-v2965.theme-dim .v2965-clock-copy em{color:#91a9bf}
.ui-v2965.theme-dim .health-legend{background:#0d2034;border-color:#29465f}.ui-v2965.theme-dim .health-card{background:#10253a!important;border-color:#29465f!important}.ui-v2965.theme-dim .health-card>span,.ui-v2965.theme-dim .health-card small{color:#9fb5ca!important}
.ui-v2965.theme-dim .connector-state-summary>div{background:#10253a;border-color:#29465f}.ui-v2965.theme-dim .connector-state-summary b{color:#eef6fd}.ui-v2965.theme-dim .connector-state-summary span,.ui-v2965.theme-dim .connector-state-summary small{color:#9fb5ca}.ui-v2965.theme-dim .connector-state-summary .status-ok{background:#0d3028;border-color:#236b53}.ui-v2965.theme-dim .connector-state-summary .status-info{background:#102d49;border-color:#295b84}.ui-v2965.theme-dim .connector-state-summary .status-warn{background:#382f17;border-color:#6e5924}.ui-v2965.theme-dim .connector-state-summary .status-bad{background:#3a2028;border-color:#713641}.ui-v2965.theme-dim .connector-state-summary .status-disabled{background:#1a2837;border-color:#3b4b5a}.ui-v2965.theme-dim .input-muted{background:#14283b!important}
@media(max-width:900px){.ui-v2965 .connector-state-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.ui-v2965 .v2964-dateblock{width:auto;min-width:210px;flex:1}.ui-v2965 .v2965-clock-copy>b{font-size:11.5px}.ui-v2965 .v2965-clock-copy time{font-size:14px}.ui-v2965 .health-page-head{gap:10px}.ui-v2965 .health-overall{min-height:30px;padding:0 11px}.ui-v2965 .health-check-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.ui-v2965 .v2964-dateblock{width:100%}.ui-v2965 .connector-state-summary,.ui-v2965 .health-check-grid{grid-template-columns:1fr}.ui-v2965 .health-card{min-height:112px}}

/* V2.9.6.5.1 - health color priority and aligned owner forms */
.ui-v29651 .field-label-inline{display:flex;align-items:baseline;gap:5px;min-width:0;white-space:nowrap}
.ui-v29651 .field-label-inline small{display:inline!important;margin:0!important;font-size:.82em!important;font-weight:600}
.ui-v29651 .data-limit-control{display:grid;grid-template-columns:minmax(0,1fr) 82px;gap:8px;width:100%}
.ui-v29651 .form-grid .data-limit-control>input,.ui-v29651 .form-grid .data-limit-control>select{width:100%;min-width:0;margin:0!important}
.ui-v29651 .plan-form-grid{align-items:stretch}
.ui-v29651 .plan-form-grid .plan-toggle{align-self:end;min-height:56px!important;padding:8px 10px!important;border:1px solid #d8e4ef;border-radius:8px;background:#f7faff;gap:9px!important}
.ui-v29651 .plan-form-grid .plan-toggle>input{flex:0 0 auto;margin:0!important}
.ui-v29651 .plan-form-grid .plan-toggle>span{display:block;min-width:0}
.ui-v29651 .plan-form-grid .plan-toggle b{display:block;color:#243c59;font-size:11px;line-height:1.25}
.ui-v29651 .plan-form-grid .plan-toggle small{display:block;margin-top:3px;color:#71869d!important;font-size:8.5px!important;line-height:1.25}
.ui-v29651 .plan-secondary-options{display:flex;margin-top:12px}.ui-v29651 .plan-secondary-options .plan-toggle{min-height:50px;padding:8px 12px;border:1px solid #d8e4ef;border-radius:8px;background:#f7faff}.ui-v29651 .plan-secondary-options .plan-toggle span{display:block}.ui-v29651 .plan-secondary-options .plan-toggle b{display:block;color:#243c59;font-size:11px}.ui-v29651 .plan-secondary-options .plan-toggle small{display:block;margin-top:3px;color:#71869d!important;font-size:8.5px!important}

/* Earlier dark-theme card rules used !important. These final selectors keep
   semantic health states visible in both themes without coloring whole cards. */
.ui-v29651 .health-check-grid .health-card.status-ok{border-left-color:#12ae72!important}
.ui-v29651 .health-check-grid .health-card.status-ok .small-b{color:#0d9a65!important}
.ui-v29651 .health-check-grid .health-card.status-info{border-left-color:#2584e8!important}
.ui-v29651 .health-check-grid .health-card.status-info .small-b{color:#1972c9!important}
.ui-v29651 .health-check-grid .health-card.status-warn{border-left-color:#e8a317!important}
.ui-v29651 .health-check-grid .health-card.status-warn .small-b{color:#a86f00!important}
.ui-v29651 .health-check-grid .health-card.status-error{border-left-color:#ec4c59!important}
.ui-v29651 .health-check-grid .health-card.status-error .small-b{color:#d43c49!important}
.ui-v29651 .health-check-grid .health-card.status-disabled{border-left-color:#8698aa!important}
.ui-v29651 .health-check-grid .health-card.status-disabled .small-b{color:#75879a!important}

.ui-v29651.theme-dim .plan-form-grid .plan-toggle{background:#0b1f33;border-color:#29465f}
.ui-v29651.theme-dim .plan-form-grid .plan-toggle b{color:#e8f2fc}
.ui-v29651.theme-dim .plan-form-grid .plan-toggle small{color:#96abc0!important}
.ui-v29651.theme-dim .plan-secondary-options .plan-toggle{background:#0b1f33;border-color:#29465f}.ui-v29651.theme-dim .plan-secondary-options .plan-toggle b{color:#e8f2fc}.ui-v29651.theme-dim .plan-secondary-options .plan-toggle small{color:#96abc0!important}
.ui-v29651.theme-dim .health-check-grid .health-card.status-ok{border-left-color:#31d995!important}
.ui-v29651.theme-dim .health-check-grid .health-card.status-ok .small-b{color:#62e5ae!important}
.ui-v29651.theme-dim .health-check-grid .health-card.status-info{border-left-color:#4aa5ff!important}
.ui-v29651.theme-dim .health-check-grid .health-card.status-info .small-b{color:#73baff!important}
.ui-v29651.theme-dim .health-check-grid .health-card.status-warn{border-left-color:#f0b83d!important}
.ui-v29651.theme-dim .health-check-grid .health-card.status-warn .small-b{color:#ffd36f!important}
.ui-v29651.theme-dim .health-check-grid .health-card.status-error{border-left-color:#f36572!important}
.ui-v29651.theme-dim .health-check-grid .health-card.status-error .small-b{color:#ff909a!important}
.ui-v29651.theme-dim .health-check-grid .health-card.status-disabled{border-left-color:#71869b!important}
.ui-v29651.theme-dim .health-check-grid .health-card.status-disabled .small-b{color:#9bafc3!important}

@media(max-width:720px){
  .ui-v29651 .data-limit-control{grid-template-columns:minmax(0,1fr) 88px}
  .ui-v29651 .plan-form-grid .plan-toggle{min-height:58px!important}
}

/* V2.9.6.5.2 - aligned Plan editor and a real, stable dashboard clock icon. */
.ui-v29652 .v2964-dateblock>.v2965-clock-icon{
  display:grid!important;place-items:center!important;flex:0 0 36px!important;width:36px!important;height:36px!important;
  margin:0!important;border-radius:10px!important;background:#e8f2ff!important;color:#1677f2!important;
  font-size:0!important;line-height:1!important
}
.ui-v29652 .v2964-dateblock>.v2965-clock-icon svg{display:block;width:20px;height:20px}
.ui-v29652 .v2964-dateblock>.v2965-clock-copy{margin:0!important;font-size:inherit!important}
.ui-v29652.theme-dim .v2964-dateblock>.v2965-clock-icon{background:#163654!important;color:#79bcff!important}

.ui-v29652 .plan-form-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;column-gap:12px;row-gap:14px}
.ui-v29652 .plan-form-grid>label{min-width:0;margin:0}
.ui-v29652 .field-label-inline{min-height:19px;align-items:center;overflow:hidden;text-overflow:ellipsis}
.ui-v29652 .plan-composite-control{display:grid;width:100%;gap:8px;margin:0}
.ui-v29652 .data-limit-control{grid-template-columns:minmax(0,1fr) 82px}
.ui-v29652 .duration-control{grid-template-columns:minmax(0,1fr) 112px}
.ui-v29652 .form-grid .plan-composite-control>input,
.ui-v29652 .form-grid .plan-composite-control>select{width:100%;min-width:0;margin:0!important}
.ui-v29652 .plan-span-2{grid-column:span 2}
.ui-v29652 .plan-form-grid .plan-toggle{
  align-self:end;min-height:67px!important;height:67px;padding:9px 11px!important;border:1px solid #d8e4ef;
  border-radius:8px;background:#f7faff;gap:9px!important;overflow:hidden
}
.ui-v29652 .plan-form-grid .plan-toggle>input{flex:0 0 auto;margin:0!important;min-height:0!important}
.ui-v29652 .plan-form-grid .plan-toggle>span{display:block;min-width:0}
.ui-v29652 .plan-form-grid .plan-toggle b{display:block;color:#243c59;font-size:13px;line-height:1.25}
.ui-v29652 .plan-form-grid .plan-toggle small{display:block;margin-top:3px;color:#71869d!important;font-size:10.5px!important;line-height:1.25}
.ui-v29652 .plan-summary-card{display:grid;gap:4px;margin:14px 0 12px;padding:12px 14px;border:1px solid #cfe0f2;border-left:4px solid #2584e8;border-radius:9px;background:#f4f9ff}
.ui-v29652 .plan-summary-card>span{color:#617b98;font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.ui-v29652 .plan-summary-card>strong{color:#173a60;font-size:15px;line-height:1.35;overflow-wrap:anywhere}
.ui-v29652 .plan-summary-card>small{color:#71869d;font-size:10.5px;line-height:1.4}
.ui-v29652 .plan-name-warning{margin-top:5px;padding:8px 10px;border:1px solid #efd58d;border-radius:7px;background:#fff7df;color:#8b5d00;font-size:11px;font-weight:750;line-height:1.4}
.ui-v29652 .plan-name-warning[hidden]{display:none!important}
.ui-v29652 .is-unlimited-speed .speed-value{cursor:not-allowed}

.ui-v29652.theme-dim .plan-form-grid .plan-toggle{background:#0b1f33;border-color:#29465f}
.ui-v29652.theme-dim .plan-form-grid .plan-toggle b{color:#e8f2fc}
.ui-v29652.theme-dim .plan-form-grid .plan-toggle small{color:#96abc0!important}
.ui-v29652.theme-dim .plan-summary-card{background:#0d253c;border-color:#294f71;border-left-color:#4aa5ff}
.ui-v29652.theme-dim .plan-summary-card>span,.ui-v29652.theme-dim .plan-summary-card>small{color:#96abc0}
.ui-v29652.theme-dim .plan-summary-card>strong{color:#eef6fd}
.ui-v29652.theme-dim .plan-name-warning{background:#382f17;border-color:#6e5924;color:#ffd36f}

@media(max-width:1200px){
  .ui-v29652 .plan-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  .ui-v29652 .plan-form-grid{grid-template-columns:1fr;gap:11px}
  .ui-v29652 .plan-span-2{grid-column:auto}
  .ui-v29652 .data-limit-control{grid-template-columns:minmax(0,1fr) 82px}
  .ui-v29652 .duration-control{grid-template-columns:minmax(0,1fr) 112px}
  .ui-v29652 .plan-form-grid .plan-toggle{height:auto;min-height:64px!important}
  .ui-v29652 .plan-summary-card{margin-top:12px}
}

/* V2.9.6.5.4 - truthful router scope, calm Remote Access and usable alerts. */
.ui-v29654 .router-live-dot.router-status-summary{background:#2b8cf5!important;box-shadow:0 0 0 4px rgba(43,140,245,.12)!important}
.ui-v29654 .router-live-dot.router-status-online,.ui-v29654 .router-live-dot.router-status-demo{background:#18bd78!important;box-shadow:0 0 0 4px rgba(24,189,120,.12)!important}
.ui-v29654 .router-live-dot.router-status-degraded{background:#e9aa24!important;box-shadow:0 0 0 4px rgba(233,170,36,.14)!important}
.ui-v29654 .router-live-dot.router-status-offline{background:#ef5262!important;box-shadow:0 0 0 4px rgba(239,82,98,.13)!important}
.ui-v29654 .router-live-dot.router-status-unknown,.ui-v29654 .router-live-dot.router-status-disabled{background:#8092a6!important;box-shadow:0 0 0 4px rgba(128,146,166,.12)!important}

.ui-v29654 .remote-page-head{margin-bottom:12px}.ui-v29654 .remote-overview-note{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:14px;padding:11px 14px;border:1px solid #d8e5f2;border-radius:11px;background:#f7faff;color:#637a94;font-size:11px}.ui-v29654 .remote-overview-note>b{color:#1b3552}.ui-v29654 .remote-overview-note span{display:flex;align-items:center;gap:6px}.ui-v29654 .state-dot{display:inline-block;width:8px;height:8px;border-radius:50%}.ui-v29654 .state-dot.ok{background:#16b875}.ui-v29654 .state-dot.warn{background:#e5a41c}.ui-v29654 .state-dot.bad{background:#ea4e5e}
.ui-v29654 .remote-friendly-grid{align-items:start}.ui-v29654 .remote-friendly-card{border-left:4px solid #8294a8!important}.ui-v29654 .remote-friendly-card.status-ok{border-left-color:#16b875!important}.ui-v29654 .remote-friendly-card.status-warn{border-left-color:#e5a41c!important}.ui-v29654 .remote-friendly-card.status-bad{border-left-color:#ea4e5e!important}.ui-v29654 .remote-friendly-card.status-info{border-left-color:#2c83df!important}
.ui-v29654 .remote-status-message{display:grid;gap:3px;margin:13px 0;padding:11px 12px;border:1px solid #dbe6f1;border-radius:9px;background:#f7faff}.ui-v29654 .remote-status-message b{color:#203b58;font-size:12px}.ui-v29654 .remote-status-message span{color:#6e8299;font-size:10.5px;line-height:1.45}.ui-v29654 .remote-status-message.status-ok{background:#edf9f4;border-color:#b9e8d3}.ui-v29654 .remote-status-message.status-warn{background:#fff8e6;border-color:#ecd79b}.ui-v29654 .remote-status-message.status-bad{background:#fff0f2;border-color:#efbec4}
.ui-v29654 .remote-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.ui-v29654 .remote-summary-grid>div{min-width:0;padding:10px;border:1px solid #e0e9f3;border-radius:8px;background:#fbfdff}.ui-v29654 .remote-summary-grid span,.ui-v29654 .remote-summary-grid small{display:block;color:#7a8da2}.ui-v29654 .remote-summary-grid span{font-size:8.5px;font-weight:800;letter-spacing:.065em;text-transform:uppercase}.ui-v29654 .remote-summary-grid b{display:block;margin:5px 0 2px;color:#213b58;font-size:12px;overflow-wrap:anywhere}.ui-v29654 .remote-summary-grid small{font-size:8.5px}.ui-v29654 .remote-summary-grid .tone-ok{color:#0c9460}.ui-v29654 .remote-summary-grid .tone-warn{color:#9d6a00}.ui-v29654 .remote-summary-grid .tone-bad{color:#ce3544}
.ui-v29654 .remote-technical{margin-top:12px;border:1px solid #dce6f1;border-radius:9px;background:#f9fbfe}.ui-v29654 .remote-technical>summary{padding:10px 12px;cursor:pointer;color:#526b86;font-size:10.5px;font-weight:800}.ui-v29654 .remote-technical .v296-remote-info{margin:0;padding:0 10px 10px}.ui-v29654 .remote-friendly-error{margin:0 10px 10px;padding:9px 10px;border-radius:7px;background:#fff0f2;color:#a23b48;font-size:10px;line-height:1.45;overflow-wrap:anywhere}.ui-v29654 .remote-card-actions{margin-top:13px}.ui-v29654 .connector-connection-card{border-left:4px solid #e5a41c!important}.ui-v29654 .connector-connection-card.status-ok{border-left-color:#16b875!important}.ui-v29654 .connector-connection-card.status-bad{border-left-color:#ea4e5e!important}

.ui-v29654 .notification-page-head{margin-bottom:12px}.ui-v29654 .notification-filters{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:10px;padding:9px;border:1px solid #dbe6f1;border-radius:11px;background:#fff}.ui-v29654 .notification-filters a{padding:7px 10px;border:1px solid transparent;border-radius:8px;color:#607791;font-size:10.5px;font-weight:800;text-decoration:none}.ui-v29654 .notification-filters a:hover{background:#f1f6fc}.ui-v29654 .notification-filters a.active{background:#2379eb;color:#fff}.ui-v29654 .notification-filter-spacer{flex:1}.ui-v29654 .notification-results{margin:0 2px 9px;color:#7488a0;font-size:10px}.ui-v29654 .notification-results b{color:#294560}.ui-v29654 .notification-item{background:#fff!important;border-color:#dce6f1!important;color:#213a57!important;box-shadow:0 6px 20px rgba(35,70,110,.045)!important}.ui-v29654 .notification-item.unread{border-color:#9dc7fb!important;background:#f7fbff!important}.ui-v29654 .notification-copy h3{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#1d3653!important;font-size:13px}.ui-v29654 .notification-copy h3 em{padding:3px 6px;border-radius:999px;background:#eaf3ff;color:#3172bc;font-size:8px;font-style:normal}.ui-v29654 .notification-item p{color:#687e96!important;font-size:11px}.ui-v29654 .notification-item small{color:#8394a8!important}.ui-v29654 .notification-item[data-severity="info"] .notification-dot{background:#2e82e8}.ui-v29654 .notification-item[data-severity="warn"] .notification-dot{background:#e4a31d}.ui-v29654 .notification-item[data-severity="bad"] .notification-dot,.ui-v29654 .notification-item[data-severity="error"] .notification-dot{background:#ea4e5e}.ui-v29654 .notification-item[data-severity="ok"] .notification-dot{background:#16b875}.ui-v29654 .notification-empty{display:grid;gap:5px}.ui-v29654 .notification-empty span{color:#7b8da3;font-size:11px}.ui-v29654 .notification-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:14px}.ui-v29654 .notification-pagination span{color:#7488a0;font-size:10px}

.ui-v29654.theme-dim .remote-overview-note,.ui-v29654.theme-dim .notification-filters{background:#0d2034;border-color:#29465f;color:#9fb5ca}.ui-v29654.theme-dim .remote-overview-note>b{color:#edf5fd}.ui-v29654.theme-dim .remote-status-message,.ui-v29654.theme-dim .remote-summary-grid>div,.ui-v29654.theme-dim .remote-technical{background:#0b1f33;border-color:#29465f}.ui-v29654.theme-dim .remote-status-message b,.ui-v29654.theme-dim .remote-summary-grid b{color:#edf5fd!important}.ui-v29654.theme-dim .remote-status-message span,.ui-v29654.theme-dim .remote-summary-grid span,.ui-v29654.theme-dim .remote-summary-grid small{color:#9fb5ca}.ui-v29654.theme-dim .remote-status-message.status-ok{background:#0d3028;border-color:#236b53}.ui-v29654.theme-dim .remote-status-message.status-warn{background:#382f17;border-color:#6e5924}.ui-v29654.theme-dim .remote-status-message.status-bad{background:#3a2028;border-color:#713641}.ui-v29654.theme-dim .remote-technical .v296-remote-info span{background:#10283e!important;border-color:#29465f!important;color:#9fb5ca!important}.ui-v29654.theme-dim .remote-technical .v296-remote-info b{color:#eef6fd!important}.ui-v29654.theme-dim .remote-technical>summary{color:#b7cbe0}.ui-v29654.theme-dim .remote-friendly-error{background:#3a2028;color:#ffc0c7}
.ui-v29654.theme-dim .notification-filters a{color:#afc3d7}.ui-v29654.theme-dim .notification-filters a:hover{background:#142d45}.ui-v29654.theme-dim .notification-filters a.active{background:#2379eb;color:#fff}.ui-v29654.theme-dim .notification-results,.ui-v29654.theme-dim .notification-pagination span{color:#96abc0}.ui-v29654.theme-dim .notification-results b{color:#edf5fd}.ui-v29654.theme-dim .notification-item{background:#10253a!important;border-color:#29465f!important;color:#eaf3fc!important;box-shadow:0 8px 24px rgba(0,0,0,.13)!important}.ui-v29654.theme-dim .notification-item.unread{background:#102d49!important;border-color:#356b9b!important}.ui-v29654.theme-dim .notification-copy h3{color:#f0f7fd!important}.ui-v29654.theme-dim .notification-copy h3 em{background:#173a5c;color:#8bc5ff}.ui-v29654.theme-dim .notification-item p{color:#aec1d3!important}.ui-v29654.theme-dim .notification-item small{color:#859eb6!important}.ui-v29654.theme-dim .connector-connection-card{background:#10253a!important}

@media(max-width:1100px){.ui-v29654 .remote-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){
  .ui-v29654 .remote-page-head,.ui-v29654 .notification-page-head{align-items:flex-start;gap:10px}.ui-v29654 .remote-overview-note{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}.ui-v29654 .remote-overview-note>b{grid-column:1/-1}.ui-v29654 .remote-summary-grid{grid-template-columns:1fr 1fr}.ui-v29654 .remote-friendly-card{padding:13px}.ui-v29654 .remote-card-actions .mini{width:100%;text-align:center}.ui-v29654 .notification-filter-spacer{display:none}.ui-v29654 .notification-filters{overflow-x:auto;flex-wrap:nowrap;padding:7px}.ui-v29654 .notification-filters a{white-space:nowrap}.ui-v29654 .notification-item{grid-template-columns:8px minmax(0,1fr)}.ui-v29654 .notification-actions{grid-column:2;flex-wrap:wrap}.ui-v29654 .notification-pagination{justify-content:space-between}
}
@media(max-width:430px){.ui-v29654 .remote-summary-grid{grid-template-columns:1fr}.ui-v29654 .remote-overview-note{grid-template-columns:1fr}.ui-v29654 .remote-overview-note>b{grid-column:auto}}

/* V2.9.6.5.5 - professional density, responsive records and report exports. */
.ui-v29655 .v296-content{font-size:14px;line-height:1.45}.ui-v29655 table{font-size:13.5px}.ui-v29655 th{font-size:11.5px}.ui-v29655 .mini{min-height:36px;font-size:13px}.ui-v29655 .btn{min-height:42px;font-size:14px}
.ui-v29655 .section-head p,.ui-v29655 .top p{font-size:13px;line-height:1.5}.ui-v29655 .card small,.ui-v29655 .router-card small{font-size:12.5px}
.ui-v29655 .voucher-mobile-card,.ui-v29655 .user-mobile-card{background:#fff!important;border-color:#dbe5ef!important;color:#1f3854!important;box-shadow:0 7px 22px rgba(29,65,103,.055)!important}.ui-v29655 .voucher-mobile-head b,.ui-v29655 .user-mobile-head b{color:#1d3652!important}.ui-v29655 .voucher-mobile-head small,.ui-v29655 .user-mobile-head small{color:#71869d!important}
.ui-v29655 .remote-status-message b{font-size:14px}.ui-v29655 .remote-status-message span{font-size:12.5px}.ui-v29655 .remote-summary-grid span{font-size:10.5px}.ui-v29655 .remote-summary-grid b{font-size:14px}.ui-v29655 .remote-summary-grid small{font-size:12px}.ui-v29655 .remote-technical>summary{font-size:13px}.ui-v29655 .remote-friendly-error{font-size:12.5px}
.ui-v29655 .notification-filters a{font-size:12.5px}.ui-v29655 .notification-results{font-size:12px}.ui-v29655 .notification-copy h3{font-size:15px}.ui-v29655 .notification-copy h3 em{font-size:10px}.ui-v29655 .notification-item p,.ui-v29655 .notification-item small{font-size:12.5px;line-height:1.5}

.ui-v29655 .v29655-attention{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 14px;padding:11px 13px;border:1px solid;border-left-width:4px;border-radius:10px}.ui-v29655 .v29655-attention>div{display:grid;gap:2px}.ui-v29655 .v29655-attention b{font-size:13.5px}.ui-v29655 .v29655-attention span{font-size:12.5px}.ui-v29655 .v29655-attention.info{background:#edf6ff;border-color:#2d86e7;color:#28577f}.ui-v29655 .v29655-attention.warn{background:#fff7df;border-color:#e7a91e;color:#7e5b0b}
.ui-v29655 .v29655-chart-axis{position:relative;height:20px;margin:0 30px;color:#72869d;font-size:10.5px}.ui-v29655 .v29655-chart-axis span{position:absolute;top:2px;transform:translateX(-50%)}.ui-v29655 .v29655-chart-axis span:first-child{transform:none}.ui-v29655 .v29655-chart-axis span:last-child{transform:translateX(-100%)}.ui-v29655 .v2964-user-main strong{display:grid;justify-items:end;gap:1px}.ui-v29655 .v2964-user-main strong small{font-size:9px;font-weight:700;color:#71869d}.ui-v29655 .v2964-user-main em b{font-style:normal;color:inherit}

/* Router cards replace wide horizontal tables on every viewport. */
.ui-v29655 .router-desktop-table{display:none!important}.ui-v29655 .router-mobile-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ui-v29655 .router-mobile-list>:only-child{grid-column:1/-1}.ui-v29655 .compact-router-card{padding:17px}.ui-v29655 .compact-router-card .router-metrics span{font-size:11px}.ui-v29655 .compact-router-card .router-metrics b{font-size:15px}

/* Plan and batch cards keep full-size text without sideways scrolling. */
.ui-v29655 .plan-desktop-table,.ui-v29655 .batch-desktop-table{display:none!important}.ui-v29655 .plan-card-grid,.ui-v29655 .batch-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.ui-v29655 .plan-list-card,.ui-v29655 .batch-list-card{padding:16px;border:1px solid #dbe5ef;border-radius:12px;background:#fff;box-shadow:0 7px 22px rgba(29,65,103,.055)}.ui-v29655 .plan-list-card h3{margin:0 0 3px;font-size:16px}.ui-v29655 .plan-list-card small,.ui-v29655 .batch-list-card small{display:block;margin-top:4px;color:#72869c}.ui-v29655 .plan-card-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:13px 0}.ui-v29655 .plan-card-metrics>div,.ui-v29655 .batch-status-grid>span,.ui-v29655 .batch-card-meta>span{min-width:0;padding:9px;border:1px solid #e4ebf2;border-radius:8px;background:#f7faff}.ui-v29655 .plan-card-metrics span,.ui-v29655 .batch-status-grid>span,.ui-v29655 .batch-card-meta>span{color:#72869c;font-size:10.5px}.ui-v29655 .plan-card-metrics b,.ui-v29655 .batch-status-grid b,.ui-v29655 .batch-card-meta b{display:block;margin-top:3px;color:#1d3652;font-size:13px;overflow-wrap:anywhere}.ui-v29655 .plan-card-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.ui-v29655 .plan-card-actions form:first-child{display:flex;gap:7px;flex:1}.ui-v29655 .plan-card-actions select{min-width:150px;flex:1;padding:8px;border:1px solid #d4e0eb;border-radius:8px;background:#fff;color:#1a324f}.ui-v29655 .batch-card-meta{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:8px;margin:13px 0}.ui-v29655 .batch-status-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-bottom:12px}.ui-v29655 .batch-list-card>.row b{font-size:15px}

/* Compact user cards: primary values stay visible, technical fields expand. */
.ui-v29655 .compact-user-card{padding:12px 13px}.ui-v29655 .compact-user-metrics{display:grid;grid-template-columns:1.25fr .8fr 1fr;gap:6px;margin:10px 0}.ui-v29655 .compact-user-metrics>div{min-width:0;padding:7px 8px;border:1px solid #e4ebf2;border-radius:8px;background:#f7faff}.ui-v29655 .compact-user-metrics span{display:block;color:#75889d;font-size:9.5px;font-weight:750;text-transform:uppercase;letter-spacing:.04em}.ui-v29655 .compact-user-metrics b{display:block;margin-top:3px;color:#203954;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui-v29655 .compact-user-actions{display:flex;align-items:flex-start;gap:7px}.ui-v29655 .user-card-details{position:relative}.ui-v29655 .user-card-details>summary{list-style:none;cursor:pointer}.ui-v29655 .user-card-details>summary::-webkit-details-marker{display:none}.ui-v29655 .user-detail-pop{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:7px;padding:9px;border:1px solid #dce6f0;border-radius:9px;background:#f8fbfe}.ui-v29655 .user-detail-pop>span{color:#72869c;font-size:10.5px}.ui-v29655 .user-detail-pop>span b{display:block;margin-top:3px;color:#203954;font-size:12px}.ui-v29655 .user-detail-pop .adopt-card-form{grid-column:1/-1;margin-top:2px}

/* Reports: filters and exports remain usable on touch screens. */
.ui-v29655 .report-controls{display:grid;gap:12px}.ui-v29655 .report-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr)) auto;gap:10px;align-items:end}.ui-v29655 .report-filter-grid label{color:#637a94;font-size:12px}.ui-v29655 .report-filter-grid input,.ui-v29655 .report-filter-grid select{display:block;width:100%;min-height:42px;margin-top:5px;padding:9px;border:1px solid #d7e2ed;border-radius:8px;background:#fff;color:#1c3550;font-size:13.5px}.ui-v29655 .report-export-actions{display:flex;gap:7px;flex-wrap:wrap;padding-top:10px;border-top:1px solid #e3eaf1}.ui-v29655 .report-main-grid{grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);align-items:start}.ui-v29655 .report-side-stack{display:grid;gap:14px}.ui-v29655 .report-side-stack>.panel{margin:0}.ui-v29655 .report-mobile-cards{display:none}.ui-v29655 .report-user-row strong{white-space:nowrap}

.ui-v29655.theme-dim .v29655-attention.info{background:#102d49;border-color:#3b8ddd;color:#bbd9f5}.ui-v29655.theme-dim .v29655-attention.warn{background:#382f17;border-color:#dba128;color:#f2d481}.ui-v29655.theme-dim .voucher-mobile-card,.ui-v29655.theme-dim .user-mobile-card,.ui-v29655.theme-dim .plan-list-card,.ui-v29655.theme-dim .batch-list-card,.ui-v29655.theme-dim .compact-user-metrics>div,.ui-v29655.theme-dim .user-detail-pop{background:#10253a!important;border-color:#29465f!important;color:#e9f3fc!important}.ui-v29655.theme-dim .voucher-mobile-head b,.ui-v29655.theme-dim .user-mobile-head b{color:#eef6fd!important}.ui-v29655.theme-dim .voucher-mobile-head small,.ui-v29655.theme-dim .user-mobile-head small{color:#9fb5ca!important}.ui-v29655.theme-dim .plan-card-metrics>div,.ui-v29655.theme-dim .batch-status-grid>span,.ui-v29655.theme-dim .batch-card-meta>span{background:#0b1f33;border-color:#29465f}.ui-v29655.theme-dim .plan-card-metrics b,.ui-v29655.theme-dim .batch-status-grid b,.ui-v29655.theme-dim .batch-card-meta b,.ui-v29655.theme-dim .compact-user-metrics b,.ui-v29655.theme-dim .user-detail-pop>span b{color:#eef6fd}.ui-v29655.theme-dim .plan-card-actions select,.ui-v29655.theme-dim .report-filter-grid input,.ui-v29655.theme-dim .report-filter-grid select{background:#0b1d2f;border-color:#34516b;color:#f0f6fc}.ui-v29655.theme-dim .report-export-actions{border-color:#29465f}

@media(max-width:1450px){.ui-v29655 .voucher-desktop-table,.ui-v29655 .users-desktop-table{display:none!important}.ui-v29655 .voucher-mobile-list,.ui-v29655 .unified-users-mobile{display:block}.ui-v29655 .report-main-grid{grid-template-columns:1fr}.ui-v29655 .report-side-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.ui-v29655 .report-side-stack>:last-child:nth-child(odd){grid-column:1/-1}}
@media(max-width:980px){.ui-v29655 .router-mobile-list,.ui-v29655 .plan-card-grid,.ui-v29655 .batch-card-grid{grid-template-columns:1fr}.ui-v29655 .report-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ui-v29655 .report-apply{grid-column:1/-1}.ui-v29655 .report-side-stack{grid-template-columns:1fr}.ui-v29655 .report-side-stack>:last-child:nth-child(odd){grid-column:auto}}
@media(max-width:720px){.ui-v29655 .v29655-attention{align-items:flex-start;flex-direction:column}.ui-v29655 .v29655-attention .mini{width:100%}.ui-v29655 .v2964-create-btn,.ui-v29655 .v2964-add-router-btn{display:none!important}.ui-v29655 .plan-card-metrics{grid-template-columns:1fr 1fr}.ui-v29655 .batch-card-meta{grid-template-columns:1fr}.ui-v29655 .batch-status-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ui-v29655 .plan-card-actions form:first-child{flex-basis:100%}.ui-v29655 .report-kpis{grid-template-columns:1fr 1fr!important}.ui-v29655 .report-filter-grid{grid-template-columns:1fr}.ui-v29655 .report-apply{grid-column:auto}.ui-v29655 .report-export-actions{display:grid;grid-template-columns:1fr 1fr}.ui-v29655 .report-desktop-table{display:none}.ui-v29655 .report-mobile-cards{display:grid;gap:8px}.ui-v29655 .report-mobile-card{padding:11px;border:1px solid #dce6f0;border-radius:10px;background:#f8fbfe}.ui-v29655 .report-mobile-card>div{display:flex;justify-content:space-between;gap:10px}.ui-v29655 .report-mobile-card>div>span{color:#087f50;font-weight:800}.ui-v29655 .report-mobile-card p{margin:4px 0 8px;color:#697f98;font-size:12px}.ui-v29655 .report-mobile-card dl{display:grid;gap:4px;margin:0}.ui-v29655 .report-mobile-card dl>div{display:flex;justify-content:space-between;gap:10px;font-size:11.5px}.ui-v29655 .report-mobile-card dt{color:#75889d}.ui-v29655 .report-mobile-card dd{margin:0;text-align:right}.ui-v29655.theme-dim .report-mobile-card{background:#0b1f33;border-color:#29465f}.ui-v29655 .compact-user-metrics{grid-template-columns:1.2fr .8fr}.ui-v29655 .compact-user-metrics>div:last-child{grid-column:1/-1}.ui-v29655 .user-detail-pop{grid-template-columns:1fr 1fr}.ui-v29655 .user-detail-pop>span:last-of-type{grid-column:1/-1}}
@media(max-width:430px){.ui-v29655 .report-kpis{grid-template-columns:1fr!important}.ui-v29655 .plan-card-metrics,.ui-v29655 .batch-status-grid{grid-template-columns:1fr 1fr}.ui-v29655 .compact-user-metrics{grid-template-columns:1fr 1fr}.ui-v29655 .compact-user-metrics>div:last-child{grid-column:1/-1}}

@media print{.ui-v29655 .app-sidebar,.ui-v29655 .desktop-app-topbar,.ui-v29655 .mobile-topbar,.ui-v29655 .mobile-router-strip,.ui-v29655 .subscription-banner,.ui-v29655 .report-controls,.ui-v29655 .connect-bottom-nav,.ui-v29655 .v296-page-footer{display:none!important}.ui-v29655 .v296-main{margin:0!important;width:100%!important}.ui-v29655 .v296-content{padding:0!important}.ui-v29655 .report-main-grid{display:block}.ui-v29655 .report-results{box-shadow:none;border:0;padding:0}.ui-v29655 .report-desktop-table{display:block!important}.ui-v29655 .report-mobile-cards{display:none!important}.ui-v29655 .report-side-stack{display:grid;grid-template-columns:repeat(2,1fr);page-break-before:always}body.ui-v29655{background:#fff!important;color:#111!important}}

/* V2.9.6.5.6 — report, router card and navigation polish */
.ui-v29656 .side-scroll,.ui-v29656 .v296-side-scroll{scrollbar-width:none!important;-ms-overflow-style:none!important}
.ui-v29656 .side-scroll::-webkit-scrollbar,.ui-v29656 .v296-side-scroll::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}

@media(min-width:721px){
  .ui-v29656 .top-router-context{min-width:275px!important;max-width:360px!important;background:linear-gradient(135deg,#103e70,#0a2d53)!important;border:1px solid #3473aa!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 6px 18px rgba(2,16,33,.18)!important}
  .ui-v29656 .top-router-context select{background:transparent!important;color:#f6faff!important;-webkit-text-fill-color:#f6faff!important;font-size:14px!important;font-weight:800!important;letter-spacing:0!important}
  .ui-v29656 .top-router-context select option{background:#0b2d52!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
  .ui-v29656 .top-router-icon{background:#1d5d96!important;color:#dff0ff!important}
}

.ui-v29656 .compact-router-card{padding:19px!important}
.ui-v29656 .compact-router-card>.row:first-child b{font-size:19px!important;line-height:1.25!important}
.ui-v29656 .compact-router-card>.row:first-child small{font-size:13px!important;line-height:1.45!important;color:#6f859c!important}
.ui-v29656 .compact-router-card .pill{font-size:11.5px!important;padding:6px 10px!important}
.ui-v29656 .compact-router-card .router-metrics{gap:10px!important;margin:16px 0!important}
.ui-v29656 .compact-router-card .router-metrics>div{min-height:68px!important;padding:11px 12px!important;background:#f2f7fc!important;border:1px solid #dce7f1!important;border-radius:9px!important}
.ui-v29656 .compact-router-card .router-metrics span{color:#637b94!important;font-size:11.5px!important;font-weight:750!important;letter-spacing:.055em!important}
.ui-v29656 .compact-router-card .router-metrics b{color:#162f4c!important;font-size:18px!important;line-height:1.25!important}
.ui-v29656 .compact-router-card .wanline{font-size:13px!important;line-height:1.45!important;padding-top:12px!important;color:#617991!important}
.ui-v29656 .compact-router-card .wanline strong{font-size:13px!important}
.ui-v29656 .compact-router-card .actions{margin-top:13px!important}
.ui-v29656 .compact-router-card .actions .mini{font-size:13px!important}

.ui-v29656.theme-dim .compact-router-card>.row:first-child b{color:#f4f8fc!important}
.ui-v29656.theme-dim .compact-router-card>.row:first-child small{color:#9ab0c5!important}
.ui-v29656.theme-dim .compact-router-card .router-metrics>div{background:#0a2035!important;border-color:#294b68!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important}
.ui-v29656.theme-dim .compact-router-card .router-metrics span{color:#9eb4c8!important}
.ui-v29656.theme-dim .compact-router-card .router-metrics b{color:#f4f8fc!important}
.ui-v29656.theme-dim .compact-router-card .wanline{border-color:#29445f!important;color:#a2b5c8!important}
.ui-v29656.theme-dim .compact-router-card .wanline strong{color:#65e5ae!important}

@media(max-width:720px){
  .ui-v29656 .compact-router-card{padding:15px!important}
  .ui-v29656 .compact-router-card>.row:first-child b{font-size:17px!important}
  .ui-v29656 .compact-router-card .router-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .ui-v29656 .compact-router-card .router-metrics>div{min-height:62px!important}
  .ui-v29656 .compact-router-card .wanline{align-items:flex-start!important;flex-direction:column!important;gap:4px!important}
}

@media print{
  @page{size:A4 landscape;margin:10mm}
  html,body,body.ui-v29656{background:#fff!important;color:#111827!important;font-family:Arial,"Myanmar Text",sans-serif!important}
  .ui-v29656 .app-sidebar,.ui-v29656 .desktop-app-topbar,.ui-v29656 .mobile-topbar,.ui-v29656 .mobile-router-strip,.ui-v29656 .subscription-banner,.ui-v29656 .report-controls,.ui-v29656 .connect-bottom-nav,.ui-v29656 .v296-page-footer{display:none!important}
  .ui-v29656 .v296-main{display:block!important;margin:0!important;width:100%!important;max-width:none!important}
  .ui-v29656 .v296-content{display:block!important;padding:0!important;margin:0!important;width:100%!important;max-width:none!important}
  .ui-v29656 .report-page-head{display:block!important;margin:0 0 5mm!important;padding:0 0 3mm!important;border-bottom:2px solid #176fe8!important}
  .ui-v29656 .report-page-head h1{margin:0!important;color:#102a49!important;font-size:20pt!important}
  .ui-v29656 .report-page-head p{margin:2mm 0 0!important;color:#4b627b!important;font-size:9pt!important}
  .ui-v29656 .report-page-head>.mini{display:none!important}
  .ui-v29656 .report-kpis{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4mm!important;margin:0 0 5mm!important}
  .ui-v29656 .report-kpis .card{min-height:23mm!important;margin:0!important;padding:4mm!important;background:#fff!important;border:1px solid #a9b8c8!important;border-radius:2mm!important;box-shadow:none!important;break-inside:avoid!important}
  .ui-v29656 .report-kpis .card span{color:#536b84!important;font-size:7.5pt!important}
  .ui-v29656 .report-kpis .card b{margin:2mm 0 1mm!important;color:#102a49!important;font-size:15pt!important}
  .ui-v29656 .report-kpis .card small{color:#64748b!important;font-size:7.5pt!important}
  .ui-v29656 .report-main-grid{display:block!important;margin:0!important}
  .ui-v29656 .report-results{display:block!important;margin:0!important;padding:0!important;background:#fff!important;border:0!important;border-radius:0!important;box-shadow:none!important}
  .ui-v29656 .report-results .section-head{margin:0 0 3mm!important;padding:0!important}
  .ui-v29656 .report-results .section-head h2{color:#102a49!important;font-size:12pt!important}
  .ui-v29656 .report-results .section-head p,.ui-v29656 .report-results .section-head>b{color:#405970!important;font-size:8pt!important}
  .ui-v29656 .report-desktop-table{display:block!important;overflow:visible!important;width:100%!important}
  .ui-v29656 .report-mobile-cards,.ui-v29656 .report-side-stack{display:none!important}
  .ui-v29656 .report-results table{width:100%!important;table-layout:fixed!important;border-collapse:collapse!important;font-size:8pt!important}
  .ui-v29656 .report-results thead{display:table-header-group!important}
  .ui-v29656 .report-results tr{break-inside:avoid!important}
  .ui-v29656 .report-results th,.ui-v29656 .report-results td{padding:2.2mm!important;border:1px solid #cbd5e1!important;white-space:normal!important;overflow-wrap:anywhere!important;color:#111827!important;background:#fff!important}
  .ui-v29656 .report-results th{background:#eaf2fb!important;color:#163a61!important;font-size:7pt!important;font-weight:800!important}
  .ui-v29656 .report-results tbody tr:nth-child(even) td{background:#f8fafc!important}
}

/* V2.9.6.5.7 — custom Router scope, compact dashboard and friendly failures */
.ui-v29657 .top-router-context{position:relative;margin:0;box-sizing:border-box}
.ui-v29657 details.top-router-context{display:block!important;padding:0!important}
.ui-v29657 .top-router-picker>summary{display:flex;align-items:center;gap:10px;width:100%;height:100%;min-height:42px;padding:0 12px;list-style:none;cursor:pointer;user-select:none;box-sizing:border-box}
.ui-v29657 .top-router-picker>summary::-webkit-details-marker{display:none}
.ui-v29657 .router-picker-current{display:flex;flex:1;min-width:0;flex-direction:column;line-height:1.15}
.ui-v29657 .router-picker-current b{overflow:hidden;color:#f7fbff;font-size:13.5px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}
.ui-v29657 .router-picker-current small{overflow:hidden;margin-top:3px;color:#9fc3e5;font-size:10px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}
.ui-v29657 .router-picker-chevron{flex:0 0 auto;color:#bcd8f2;font-size:15px;transition:transform .16s ease}
.ui-v29657 .top-router-picker[open] .router-picker-chevron{transform:rotate(180deg)}
.ui-v29657 .router-context-static{padding:0 13px!important}
.ui-v29657 .router-context-empty{padding:0 12px!important}
.ui-v29657 .router-picker-menu{position:absolute;z-index:350;top:calc(100% + 9px);right:0;width:340px;max-width:min(340px,calc(100vw - 28px));padding:8px;border:1px solid #d6e2ee;border-radius:12px;background:#fff;box-shadow:0 18px 46px rgba(8,33,61,.2)}
.ui-v29657 .router-picker-head{display:flex;align-items:center;justify-content:space-between;padding:7px 8px 10px;color:#153554}
.ui-v29657 .router-picker-head b{font-size:12px}.ui-v29657 .router-picker-head small{color:#7890a8;font-size:10px}
.ui-v29657 .router-picker-menu form,.ui-v29657 .mobile-router-strip .router-picker-menu form{display:grid!important;height:auto!important;min-height:0!important;gap:4px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.ui-v29657 .router-picker-option{display:grid;grid-template-columns:12px minmax(0,1fr) 18px;align-items:center;gap:10px;width:100%;min-height:52px;padding:8px 10px;border:1px solid transparent;border-radius:9px;background:transparent;color:#1a3551;text-align:left;cursor:pointer}
.ui-v29657 .router-picker-option:hover{background:#f1f7fd;border-color:#dce9f5}.ui-v29657 .router-picker-option.selected{background:#eaf4ff;border-color:#b9d8fa}
.ui-v29657 .router-picker-option>span:nth-child(2){display:flex;min-width:0;flex-direction:column}.ui-v29657 .router-picker-option b{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.ui-v29657 .router-picker-option small{overflow:hidden;margin-top:3px;color:#6d849c;font-size:10.5px;text-overflow:ellipsis;white-space:nowrap}
.ui-v29657 .router-option-dot{width:8px;height:8px;border-radius:50%;background:#7e9bb6;box-shadow:0 0 0 3px rgba(126,155,182,.13)}.ui-v29657 .router-option-dot.summary{background:#1686f4;box-shadow:0 0 0 3px rgba(22,134,244,.12)}
.ui-v29657 .router-picker-check{visibility:hidden;color:#1677ee;font-size:14px;font-style:normal;font-weight:900}.ui-v29657 .router-picker-option.selected .router-picker-check{visibility:visible}
.ui-v29657.theme-dim .router-picker-menu{border-color:#31526e;background:#0b2034;box-shadow:0 20px 50px rgba(0,0,0,.4)}
.ui-v29657.theme-dim .router-picker-head{color:#e9f3fc}.ui-v29657.theme-dim .router-picker-head small{color:#92aac0}
.ui-v29657.theme-dim .router-picker-option{color:#edf6fd}.ui-v29657.theme-dim .router-picker-option small{color:#9db2c6}.ui-v29657.theme-dim .router-picker-option:hover{background:#12304a;border-color:#31526e}.ui-v29657.theme-dim .router-picker-option.selected{background:#11385e;border-color:#2d70aa}

.ui-v29657 .router-error-summary{margin-top:5px;color:#b64850!important;font-size:11px;font-weight:750}
.ui-v29657 .router-error-details{margin-top:4px;max-width:290px}.ui-v29657 .router-error-details summary{color:#667f99;font-size:10.5px;font-weight:700;cursor:pointer}.ui-v29657 .router-error-details code{display:block;max-height:92px;margin-top:5px;padding:7px;border:1px solid #e4c9cc;border-radius:6px;background:#fff5f5;color:#80313a;font:10px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto;white-space:normal;overflow-wrap:anywhere}
.ui-v29657 .compact-router-error{display:block!important;padding:11px 12px!important}.ui-v29657 .compact-router-error>b,.ui-v29657 .compact-router-error>span{display:block}.ui-v29657 .compact-router-error>b{font-size:12.5px}.ui-v29657 .compact-router-error>span{margin-top:3px;font-size:11.5px;opacity:.88}
.ui-v29657.theme-dim .router-error-summary{color:#ff949b!important}.ui-v29657.theme-dim .router-error-details summary{color:#9fb5ca}.ui-v29657.theme-dim .router-error-details code{border-color:#6f3b46;background:#2d1820;color:#ffc2c7}

@media(min-width:1001px){
  .ui-v29657 .v2964-dashboard-head{gap:14px;margin-bottom:12px}
  .ui-v29657 .v2964-dashboard-head h1{font-size:27px}
  .ui-v29657 .v2964-kpi-grid{gap:10px;margin-bottom:12px}
  .ui-v29657 .v2964-kpi{min-height:96px;padding:13px}
  .ui-v29657 .v2964-analytics-grid,.ui-v29657 .v2964-lower-grid{gap:12px}
  .ui-v29657 .v2964-lower-grid{margin-top:12px}
  .ui-v29657 .v2964-analytics-grid>.panel,.ui-v29657 .v2964-lower-grid>.panel{padding:16px}
  .ui-v29657 .v2964-usage-chart{height:207px}.ui-v29657 .v2964-usage-chart svg{height:175px}
  .ui-v29657 .v2964-recent-panel .table{max-height:245px}
}

@media(min-width:721px){
  .ui-v29657 .top-router-context{min-width:275px!important;max-width:360px!important;height:46px!important;background:linear-gradient(135deg,#103e70,#0a2d53)!important;border:1px solid #3473aa!important}
  .ui-v29657 .router-context-static{display:flex!important;align-items:center!important;gap:10px!important}
}

@media(max-width:720px){
  .ui-v29657 .mobile-router-strip{overflow:visible!important;padding:7px 10px!important}
  .ui-v29657 .mobile-router-strip>.top-router-context{display:flex!important;width:100%!important;min-width:0!important;max-width:none!important;height:45px!important;margin:0!important;padding:0!important;border:1px solid #cfe0f4!important;border-radius:9px!important;background:#f7fbff!important;box-shadow:0 4px 12px rgba(22,57,92,.06)!important}
  .ui-v29657 .mobile-router-strip>.router-context-static,.ui-v29657 .mobile-router-strip>.router-context-empty{align-items:center!important;gap:9px!important;padding:0 11px!important}
  .ui-v29657 .mobile-router-strip .top-router-picker>summary{min-height:43px;padding:0 11px}
  .ui-v29657 .mobile-router-strip .router-picker-current b{color:#1a3958;font-size:13.5px}.ui-v29657 .mobile-router-strip .router-picker-current small{color:#6c839a;font-size:10.5px}.ui-v29657 .mobile-router-strip .router-picker-chevron{color:#476c90}
  .ui-v29657 .mobile-router-strip .router-picker-menu{position:fixed;top:112px;right:10px;left:10px;width:auto;max-width:none;max-height:calc(100vh - 135px);overflow:auto}
  .ui-v29657.theme-dim .mobile-router-strip>.top-router-context{background:#10263c!important;border-color:#34516b!important}.ui-v29657.theme-dim .mobile-router-strip .router-picker-current b{color:#edf6fd}.ui-v29657.theme-dim .mobile-router-strip .router-picker-current small,.ui-v29657.theme-dim .mobile-router-strip .router-picker-chevron{color:#9db5cb}
  .ui-v29657 .v2964-usage-chart{height:205px}.ui-v29657 .v2964-usage-chart svg{height:173px}
  .ui-v29657 .router-error-details{max-width:none}.ui-v29657 .router-error-details summary{font-size:11.5px}.ui-v29657 .router-error-details code{font-size:10.5px}
}