:root{
  --top:#ffffff;--sidebar:#263238;--sidebar2:#202a2f;--sidebar-hover:#34434b;--sidebar-active:#1e2529;
  --accent:#ef7419;--blue:#2ea7d5;--cyan:#62b9de;--green:#27d88b;--lime:#a7dd10;--yellow:#ffd438;
  --red:#ef6161;--purple:#845bd7;--panel:#263f4e;--panel2:#213744;--panel-border:#435b68;
  --workspace:#e9eef1;--ink:#17232b;--muted:#8fa1ab;--line:#4a6471;--white:#f7fbfd;--shadow:0 1px 2px #0002;
  --sidebar-w:212px;--top-h:47px
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Tahoma,Arial,"Segoe UI",sans-serif;background:var(--workspace);color:var(--ink)}
body{min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}
a{color:inherit}.mono{font-family:Consolas,monospace}.muted{color:#a8bac3}.ltr{direction:ltr;text-align:left}.nowrap{white-space:nowrap}
.topbar{
  height:var(--top-h);position:fixed;z-index:60;top:0;left:0;right:0;background:var(--top);border-bottom:1px solid #d9e1e5;
  display:grid;grid-template-columns:var(--sidebar-w) 1fr;direction:ltr;box-shadow:0 1px 2px #00000008
}
.topBrand{height:100%;display:flex;align-items:center;padding:0 18px;gap:9px}
.brandLogo{font-weight:900;line-height:.78;letter-spacing:-2px;font-size:25px;color:var(--accent);font-family:Arial Black,Arial,sans-serif}
.brandLogo small{display:block;color:#aeb5b9;font-size:11px;letter-spacing:2.8px;text-align:center;margin-top:4px}
.topMain{display:flex;align-items:center;justify-content:space-between;padding:0 20px;color:#43515a}
.menuToggle{width:34px;height:34px;background:transparent;color:#91a1aa;border:0;border-radius:3px;font-size:22px;padding:0}
.menuToggle:hover{background:#eef3f5}.userStrip{display:flex;align-items:center;gap:13px;direction:ltr;font-size:12px}
.langBtn{border:1px solid #d5dce0;background:#fff;border-radius:4px;padding:5px 8px;font-weight:700;color:#26343c}
.avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(#c9ced1,#aeb5b9);display:grid;place-items:center;color:white;font-size:20px;border:2px solid #eff2f3}
.shell{min-height:100vh;padding-top:var(--top-h);direction:ltr}
.sidebar{
  position:fixed;left:0;top:var(--top-h);bottom:0;width:var(--sidebar-w);background:var(--sidebar);z-index:50;overflow-y:auto;
  box-shadow:1px 0 2px #0002;transition:transform .2s ease
}
.sidebarBackdrop{display:none;border:0;padding:0;margin:0;background:transparent}
.sidebar nav{padding:0;margin:0}.navItem{
  width:100%;border:0;border-bottom:1px solid #334148;background:transparent;color:#eef5f8;min-height:44px;
  padding:0 15px;display:flex;align-items:center;gap:12px;font-size:13px;text-align:left;direction:ltr;position:relative
}
html[dir=rtl] .navItem{direction:rtl;text-align:right}
.navItem:hover{background:var(--sidebar-hover)}.navItem.active{background:var(--sidebar-active)}
.navItem.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#e9252e}
html[dir=rtl] .navItem.active:before{left:auto;right:0}
.navIcon{width:20px;text-align:center;color:#a7c1cf;font-size:14px}.navItem.active .navIcon{color:#ff3139}
.navItem .chev{margin-left:auto;color:#a1b2ba}.sidebarFooter{padding:18px 14px 24px}
.logoutBtn{width:100%;background:#1d282d;color:#f4a4a7;border:1px solid #3d4a50;border-radius:4px;padding:10px}
.main{margin-left:var(--sidebar-w);margin-right:0;min-height:calc(100vh - var(--top-h));direction:ltr}
html[dir=rtl] .sidebar{left:auto;right:0;box-shadow:-1px 0 2px #0002}
html[dir=rtl] .main{margin-left:0;margin-right:var(--sidebar-w);direction:rtl}
html[dir=rtl] .topbar{grid-template-columns:1fr var(--sidebar-w);direction:ltr}
html[dir=rtl] .topBrand{grid-column:2;grid-row:1;direction:rtl}
html[dir=rtl] .topMain{grid-column:1;grid-row:1;direction:rtl}
.pageCrumb{height:44px;background:#fff;border-bottom:1px solid #dce4e8;color:#9caab2;font-size:12px;display:flex;align-items:center;padding:0 18px}
.workspace{padding:12px 14px 22px;min-height:calc(100vh - var(--top-h) - 44px)}
.panel{
  background:var(--panel);border:1px solid var(--panel-border);box-shadow:var(--shadow);color:#f5fbfe;margin-bottom:12px
}
.panelHead{
  min-height:50px;padding:11px 14px;border-bottom:1px solid #526b78;display:flex;align-items:center;justify-content:space-between;gap:12px
}
.panelTitle{display:flex;align-items:center;gap:10px;font-weight:700;font-size:13px}.panelIcon{
  width:29px;height:29px;border-radius:3px;background:#225b8e;color:#6fc7fa;display:grid;place-items:center;font-size:14px
}
.panelIcon.green{background:#14714f;color:#58efad}.panelIcon.red{background:#77434a;color:#ff7b84}.panelIcon.orange{background:#68502d;color:#ffc256}
.panelIcon.purple{background:#51427e;color:#b49af2}.panelIcon.teal{background:#176d6b;color:#69ddd8}
.panelAction{color:#b2c0c7;font-size:18px}.panelBody{padding:11px 15px 15px}
.dashboardTop{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dashboardBottom{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.statList{margin:0}.statRow{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #4b6572;padding:7px 0;font-size:12px;color:#74c9ed}
.statRow:last-child{border-bottom:0}.statRow strong{color:#fff;font-size:12px}.statRow strong.blue{color:#48aff2}.statRow strong.green{color:#50e393}
.statRow strong.yellow{color:#ffe13c}.statRow strong.red{color:#ff8585}.statRow strong.cyan{color:#82d7f7}.statRow strong.money{font-size:13px}
.chartWrap{height:245px;display:flex;align-items:center;justify-content:center;padding:4px 0}.chartSvg{width:100%;height:100%;overflow:visible}
.chartGrid{stroke:#718792;stroke-width:.7;opacity:.6}.chartOnline{fill:none;stroke:#7fb6f6;stroke-width:3}.chartActive{fill:none;stroke:#d8dde0;stroke-width:1.7;stroke-dasharray:5 5}
.chartArea{fill:#609de0;opacity:.35}.chartText{fill:#b8c6cd;font-size:9px}.legend{display:flex;gap:14px;justify-content:center;color:#c8d3d8;font-size:10px;margin-top:-5px}
.legend i{width:9px;height:9px;border-radius:50%;display:inline-block;margin-inline-end:5px}.legend .lg1 i{background:#d5dbdf}.legend .lg2 i{background:#6ca9ed}
.gaugePanel .panelBody{padding:12px 14px 8px}.gauge{height:195px;display:grid;place-items:center}.gauge svg{width:100%;max-width:330px;height:175px}
.gaugeBase{fill:none;stroke:#9aa6ac;stroke-width:38;stroke-linecap:butt}.gaugeFill{fill:none;stroke:var(--gauge,#99d715);stroke-width:38;stroke-linecap:butt}
.gaugeValue{fill:#63c5ec;font-weight:700;font-size:22px;text-anchor:middle}.gaugeZero{fill:#6b777d;font-size:8px}.gaugeHundred{fill:#6b777d;font-size:8px}
.toolbar{
  background:#fff;border:1px solid #d7e0e4;min-height:50px;margin-bottom:10px;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#34444d
}
.toolbarTitle{font-weight:700;font-size:14px}.toolbarActions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.btn{border:0;border-radius:3px;padding:8px 11px;font-size:12px;font-weight:700;background:#2fa9d7;color:#fff}.btn:hover{filter:brightness(1.05)}
.btn.secondary{background:#667a84}.btn.success{background:#27a66e}.btn.danger{background:#c94d56}.btn.warning{background:#df8527}.btn.dark{background:#32444e}
.btn.sm{padding:5px 7px;font-size:10px}.searchBox{display:flex;align-items:center;border:1px solid #cad5da;background:#fff;border-radius:3px;overflow:hidden}
.searchBox input{border:0;outline:0;padding:7px 9px;width:210px;color:#394850}.searchBox span{padding:0 8px;color:#8a9aa3}
.dataPanel{background:#fff;border:1px solid #d6dfe3;box-shadow:var(--shadow);overflow:auto}
.dataTable{border-collapse:collapse;width:100%;min-width:840px;font-size:12px;color:#45555e}
.dataTable th{background:#f3f6f7;color:#677983;font-weight:700;text-align:left;border-bottom:1px solid #d7e0e4;padding:10px}
html[dir=rtl] .dataTable th{text-align:right}.dataTable td{border-bottom:1px solid #e3e9ec;padding:9px 10px;vertical-align:middle}
.dataTable tr:hover td{background:#f7fafb}.empty{text-align:center!important;color:#899aa3;padding:30px!important}.actions{display:flex;gap:4px;flex-wrap:wrap}
.badge{display:inline-block;padding:3px 7px;border-radius:10px;background:#dfe5e8;color:#54636b;font-size:10px;font-weight:700}
.badge.good{background:#daf4e6;color:#18824f}.badge.bad{background:#f7dadd;color:#ac3740}.badge.warn{background:#fff0c7;color:#9b7210}.badge.info{background:#dceef8;color:#267ca4}
.miniCards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:10px}.miniCard{background:#fff;border:1px solid #d8e1e5;padding:14px;box-shadow:var(--shadow)}
.miniCard span{display:block;color:#81929a;font-size:10px;text-transform:uppercase}.miniCard strong{display:block;font-size:21px;color:#31424c;margin-top:5px}
.twoCols{display:grid;grid-template-columns:1fr 1fr;gap:12px}.threeCols{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.darkTable{width:100%;border-collapse:collapse;font-size:11px}.darkTable th,.darkTable td{border-bottom:1px solid #4a6370;padding:8px 7px;text-align:left}
html[dir=rtl] .darkTable th,html[dir=rtl] .darkTable td{text-align:right}.darkTable th{color:#8ed0ed}.darkTable td{color:#e8f1f5}
.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.formGrid .full{grid-column:1/-1}.field label{display:block;color:#93a7b2;font-size:10px;margin-bottom:4px}
.field input,.field select,.field textarea,.inlineForm input,.inlineForm select{
  width:100%;border:1px solid #607784;background:#1f3440;color:#fff;border-radius:3px;padding:9px;outline:none
}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#49b4df}.field textarea{min-height:80px;resize:vertical}.inlineForm{display:flex;gap:8px;align-items:end;flex-wrap:wrap}
.inlineForm .field{min-width:160px;flex:1}.codes{background:#172a35;color:#82e4c5;border:1px solid #58717e;max-height:360px;overflow:auto;padding:12px;direction:ltr;text-align:left}
.modalBg{position:fixed;inset:0;background:#0b141bd6;z-index:100;display:grid;place-items:center;padding:18px}
.modal{width:min(720px,96vw);max-height:92vh;overflow:auto;background:#263f4e;color:#fff;border:1px solid #6d8794;box-shadow:0 20px 60px #0008}
.modal.modalWide{width:min(1280px,98vw)}
.modalHead{height:48px;padding:0 14px;border-bottom:1px solid #58717d;display:flex;align-items:center;justify-content:space-between}.modalHead h3{font-size:14px;margin:0}
.modalBody{padding:15px}.closeBtn{border:0;background:transparent;color:#fff;font-size:22px}
.modalButtons{display:flex;gap:8px;justify-content:flex-end;margin-top:14px}.policyTable input,.policyTable select,.modalWide .dataTable input,.modalWide .dataTable select{min-width:90px;width:100%;border:1px solid #607784;background:#1f3440;color:#fff;padding:7px}.policyTable input[name=days]{min-width:180px}.policyTable input[name=rate_limit]{min-width:150px}.modalWide .tableWrap{max-height:60vh;overflow:auto}
.notice{padding:11px 12px;border:1px solid #b9d9e8;background:#e9f6fc;color:#397490;font-size:12px;margin-bottom:10px}
.notice.error{border-color:#f0b9bf;background:#fff0f1;color:#a6444e}.notice.success{border-color:#afe0c8;background:#eaf9f1;color:#2a7852}
.settingsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.settingCard{background:#fff;border:1px solid #d6e0e4;padding:14px;color:#40515b}
.settingCard h3{font-size:13px;margin:0 0 8px}.settingCard p{font-size:11px;color:#83939b;line-height:1.7}.settingCard .btn{margin-top:8px}
.infoGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.infoBox{border:1px solid #4d6875;padding:12px;color:#dce9ef}.infoBox b{color:#76cdf0}
.login{
  min-height:100vh;display:grid;place-items:center;position:relative;overflow:hidden;background:
  radial-gradient(circle at 18% 16%,#3b93bd77 0 2px,transparent 3px),
  radial-gradient(circle at 72% 25%,#6db2d044 0 3px,transparent 4px),
  linear-gradient(145deg,#3384a9,#176287 52%,#317fa1);padding:20px
}
.login:before,.login:after{content:"";position:absolute;inset:-15%;background:
  linear-gradient(30deg,transparent 48%,#a7d9ea18 49%,#a7d9ea18 50%,transparent 51%),
  linear-gradient(150deg,transparent 48%,#a7d9ea15 49%,#a7d9ea15 50%,transparent 51%);
  background-size:180px 140px;transform:rotate(-4deg)
}
.loginBrand{position:absolute;top:42px;left:50%;transform:translateX(-50%);z-index:2;text-align:center}
.loginBrand .rc{font-family:Arial Black,Arial,sans-serif;color:#f4781d;font-size:55px;font-weight:900;letter-spacing:-4px;line-height:.75}
.loginBrand small{display:block;color:#f4f7f8;font-size:24px;letter-spacing:8px;font-weight:700;margin-top:12px}
.loginCard{width:min(445px,94vw);margin-top:70px;background:#f4f8f9d9;border:1px solid #dbe5e8;padding:42px 44px;z-index:3;box-shadow:0 10px 40px #16445b33;color:#1f2b31}
.loginCard h1{font-size:27px;font-weight:400;margin:0 0 8px}.loginCard>p{font-size:12px;color:#91a2aa;margin:0 0 17px}
.loginField{display:flex;margin:11px 0;background:white;border:1px solid #d3dde2}.loginField .ico{width:38px;display:grid;place-items:center;background:#f1f5f6;color:#3d5967;border-inline-end:1px solid #e0e7ea}
.loginField input,.loginField select{height:42px;flex:1;border:0;outline:0;padding:0 11px;background:white;color:#39484f;min-width:0}
.loginBtn{width:100%;margin-top:18px;border:0;background:#28a8d8;color:#fff;height:40px;font-weight:700}.loginLang{margin-top:11px}
.loginFoot{text-align:center;color:#dbeef7;font-size:10px;position:absolute;bottom:18px;z-index:2}.loginError{padding:8px 10px;background:#ffe8e9;color:#a83d46;border:1px solid #efc2c6;font-size:11px}
.loading{padding:60px;text-align:center;color:#78909c}.spinner{width:25px;height:25px;border:3px solid #c9d6dc;border-top-color:#2aa7d7;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 9px}
@keyframes spin{to{transform:rotate(360deg)}}#toast-root{position:fixed;right:18px;bottom:18px;z-index:200;display:flex;flex-direction:column;gap:8px}
.toast{min-width:240px;max-width:360px;background:#263e4b;color:#fff;padding:11px 13px;border-left:4px solid #32b879;box-shadow:0 4px 18px #0004;font-size:11px}
.toast.bad{border-left-color:#e9545f}
@media(max-width:1100px){.dashboardTop{grid-template-columns:1fr}.dashboardBottom{grid-template-columns:1fr 1fr}.settingsGrid{grid-template-columns:1fr 1fr}.miniCards{grid-template-columns:1fr 1fr}}
@media(max-width:760px){
  :root{--sidebar-w:min(82vw,300px)}.topbar{grid-template-columns:1fr}.topBrand{display:none}.topMain{padding:0 10px}.sidebar{transform:translateX(-105%);box-shadow:10px 0 28px #0007}.sidebar.open{transform:translateX(0)}
  html[dir=rtl] .topbar{grid-template-columns:1fr}
  html[dir=rtl] .topMain{grid-column:1;grid-row:1}
  html[dir=rtl] .sidebar{left:auto;right:0;transform:translateX(105%);box-shadow:-10px 0 28px #0007}
  html[dir=rtl] .sidebar.open{transform:translateX(0)}
  .sidebarBackdrop{display:block;position:fixed;z-index:45;top:var(--top-h);left:0;right:0;bottom:0;background:rgba(13,25,33,.58);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}
  .sidebarBackdrop.open{opacity:1;visibility:visible;pointer-events:auto}
  body.sidebarOpen{overflow:hidden}
  .main,html[dir=rtl] .main{margin-left:0;margin-right:0;min-width:0;width:100%}.workspace{padding:8px;overflow-x:hidden;max-width:100vw}.pageCrumb{padding:0 10px}.dashboardTop,.sasDashboardTop,.dashboardBottom,.twoCols,.threeCols,.settingsGrid,.infoGrid{grid-template-columns:1fr!important}
  .dashboardTop,.sasDashboardTop,.dashboardBottom{width:100%;min-width:0}.dashboardTop>div,.sasDashboardTop>div,.dashboardBottom>*{min-width:0;max-width:100%}.panel,.sasDashboardCard{min-width:0;max-width:100%;width:100%}
  .miniCards{grid-template-columns:1fr 1fr}.formGrid{grid-template-columns:1fr}.formGrid .full{grid-column:auto}.toolbar{align-items:flex-start;flex-direction:column}
  .toolbarActions{width:100%}.searchBox{flex:1}.searchBox input{width:100%}.loginBrand{top:34px}.loginBrand .rc{font-size:44px}.loginBrand small{font-size:18px}
  .loginCard{padding:28px 22px;margin-top:72px}
}
@media(max-width:430px){.miniCards{grid-template-columns:1fr}.dashboardBottom{grid-template-columns:1fr}.userStrip .userName{display:none}}

/* Nested sidebar menus */
.navGroup{border-bottom:1px solid #334148}
.navGroup>.navItem{border-bottom:0}
.navGroup .chev{margin-left:auto;color:#9fb0b8;font-size:13px;transition:transform .18s ease}
html[dir=rtl] .navGroup .chev{margin-left:0;margin-right:auto}
.navGroup.open .chev{transform:rotate(180deg)}
.subNav{display:none;background:#202a2f;border-top:1px solid #2d3a40;padding:2px 0 6px}
.navGroup.open .subNav{display:block}
.subNavItem{display:block;width:100%;border:0;background:transparent;color:#bac8cf;text-align:left;padding:10px 14px 10px 45px;font-size:12px;line-height:1.2}
html[dir=rtl] .subNavItem{text-align:right;padding:10px 45px 10px 14px}
.subNavItem:hover{background:#2a373d;color:#fff}
.subNavItem.active{background:#253138;color:#73c8f2}
.navParent.activeParent{background:#2b383e;color:#fff}
.navGroup.groupActive>.navParent:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#ef3139}
html[dir=rtl] .navGroup.groupActive>.navParent:before{left:auto;right:0}
.sidebar nav>.navItem,.sidebar nav>.navGroup{margin:0}
.sidebar .navItem{border-radius:0}
/* SAS-style data workspace */
.sasLegend{background:#fff;border:1px solid #e1e7ea;padding:7px 14px;display:flex;justify-content:space-between;gap:20px;margin-bottom:7px;direction:ltr;min-height:29px}
.legendItem{border:0;background:transparent;display:flex;gap:5px;align-items:center;font-size:10px;color:#17252d;padding:0;cursor:pointer}
.legendItem.selected{font-weight:700;box-shadow:inset 0 -2px #27a9d8}
.stateSquare{width:11px;height:11px;display:inline-block;background:#95e824;vertical-align:middle}
.stateSquare.active{background:#95e824}.stateSquare.expired{background:#ff9318}.stateSquare.depleted{background:#e5df35}
.stateSquare.disabled{background:#bd3443}.stateSquare.fup{background:#8f3ca7}.stateSquare.zombie{background:#000}
.sasBox{background:#fff;border:1px solid #d8e0e4;margin-bottom:12px;overflow:visible;color:#1f3038}
.sasHead{min-height:44px;background:#334149;color:#fff;display:flex;justify-content:space-between;align-items:stretch}
.sasHeadTitle{padding:0 18px;display:flex;align-items:center;gap:12px;font-size:13px;min-width:0}
.sasHeadTitle i{font-style:normal;font-size:11px;font-weight:600;white-space:nowrap}.sasHeadTitle b{white-space:nowrap}
.sasHeadTools{display:flex;margin-inline-start:auto}.sasHeadTools button{width:49px;border:0;border-inline-start:1px solid #71818a;background:#334149;color:#9db4c3;font-size:16px}
.sasHeadTools button:hover{background:#3d4d56;color:#fff}
.sasControls{display:flex;justify-content:space-between;align-items:center;padding:20px 18px 14px;gap:15px}
.sasActionsWrap{position:relative}.sasActionsBtn{background:#28a9d8;color:#fff;border:0;padding:10px 14px;font-size:13px;min-width:120px}
.sasActionMenu{display:none;position:absolute;top:100%;left:0;min-width:205px;background:#fff;border:1px solid #d9dfe2;box-shadow:0 5px 16px #0003;z-index:80}
html[dir=rtl] .sasActionMenu{left:auto;right:0}.sasActionMenu.open{display:block}
.sasActionMenu button{display:block;width:100%;border:0;background:#fff;text-align:left;padding:11px 15px;color:#26343c;font-size:12px}
html[dir=rtl] .sasActionMenu button{text-align:right}.sasActionMenu button:hover{background:#f1f4f5}
.sasSearch{display:flex;border:1px solid #d7dde0;background:#fff}.sasSearch input{border:0;outline:0;padding:9px 12px;width:220px;color:#33434c}
.sasSearch button{width:40px;border:0;border-inline-start:1px solid #d7dde0;background:#f4f6f7;color:#27455e;font-size:17px}
.sasTableWrap{margin:0 18px;overflow:auto;border:1px solid #d8e0e4;border-radius:6px 6px 0 0}
.sasTable{width:100%;border-collapse:collapse;min-width:900px;font-size:11px;color:#1e2d34}
.sasTable th{background:#f5f7f8;text-align:left;padding:13px 12px;border-bottom:1px solid #cdd8de;white-space:nowrap;font-weight:600}
html[dir=rtl] .sasTable th{text-align:right}.sasTable td{padding:12px;border-bottom:1px solid #dbe3e7;white-space:nowrap;background:#fff}
.sasTable tr:hover td{background:#fbfcfd}.checkCell{width:38px;text-align:center!important}.checkCell input{width:15px;height:15px}
.sortMark{font-size:7px;color:#9aa6ac;margin-inline-start:4px}.userLink,.profileLink,.ipLink{color:#0874fa;font-weight:600;text-decoration:none;cursor:pointer}
.sasFoot{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;gap:12px}
.sasSizes,.sasPager{display:flex}.sasSizes button,.sasPager button{border:1px solid #bdcdd7;background:#fff;color:#21465d;padding:8px 10px;min-width:34px;margin-inline-end:-1px}
.sasSizes button.active{background:#c9d5dc;color:#fff;font-weight:700}.sasPager button.active{background:#0878fb;color:#fff;border-color:#0878fb}.sasPager button:disabled{opacity:.45}
.approved.no{color:#ff961b}.approved.yes{color:#20a85c}.checkLabel{display:flex;align-items:center;gap:7px;padding:8px 0}
.modalButtons{border-top:1px solid #e2e7ea;padding-top:16px;margin-top:20px;display:flex;justify-content:flex-end;gap:8px}
.ticketForm{display:grid;grid-template-columns:1fr;gap:12px}.ticketForm .field{width:100%}
.exportGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.exportCard{border:1px solid #d6e0e4;background:#fff;padding:18px;text-align:left;display:flex;flex-direction:column;gap:7px;cursor:pointer}
.exportCard:hover{border-color:#2aa9d8;box-shadow:0 2px 9px #0001}.exportCard b{color:#2c424d}.exportCard span{font-size:11px;color:#80929b}
.sasBox+.panel{margin-top:12px}
@media(max-width:900px){.sasHead{flex-direction:column}.sasHeadTools{width:100%;justify-content:flex-end}.sasHeadTools button{height:38px}.sasControls{align-items:stretch;flex-direction:column}.sasSearch input{width:100%}.sasSearch{width:100%}.sasFoot{flex-direction:column;align-items:stretch}.sasPager,.sasSizes{overflow:auto}.exportGrid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.sasLegend{overflow:auto;justify-content:flex-start}.sasHeadTitle{overflow:auto}.sasHeadTools button{flex:1}.exportGrid{grid-template-columns:1fr}}

/* SAS-style expanded user Actions menu */
.sasActionMenu{min-width:280px}
.sasActionMenu button{display:flex;align-items:center;gap:12px;font-size:14px;line-height:1.2;padding:13px 16px}
.sasActionMenu .actionIcon{width:22px;min-width:22px;text-align:center;color:#71808a;font-size:20px;font-weight:400}
.sasActionMenu .action-addTraffic,
.sasActionMenu .action-deposit,
.sasActionMenu .action-enable{border-top:1px solid #e1e6e9}
.financeSummary{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;margin-bottom:12px;background:#f4f7f8;border:1px solid #d9e1e5;color:#40515b}
.financeSummary span{display:flex;gap:7px;align-items:center}
@media(max-width:900px){
  .sasHead{flex-direction:row;align-items:stretch}
  .sasHeadTitle{padding:0 10px;gap:8px;min-width:145px}
  .sasHeadTools{width:auto;justify-content:flex-end}
  .sasHeadTools button{width:44px;height:auto}
  .sasHeadTools button:nth-child(2){display:none}
  .sasControls>div:first-child,.sasActionsWrap,.sasActionsBtn{width:100%}
  .sasActionsBtn{font-size:16px;padding:12px 14px}
  .sasActionMenu{width:min(440px,88vw);min-width:0;max-height:72vh;overflow:auto}
  .sasActionMenu button{font-size:16px;padding:15px 18px}
  .sasActionMenu .actionIcon{font-size:22px;width:24px;min-width:24px}
}

/* Reports suite */
.reportFilters{display:flex;gap:8px;align-items:center;padding:14px 16px;background:#edf2f6;border:1px solid #dce4e9;margin-bottom:14px;flex-wrap:wrap}
.reportFilters select,.reportFilters input{height:40px;border:1px solid #cfd8dd;background:#fff;padding:0 12px;color:#33434d;min-width:120px}
.reportRefresh,.reportDownload{height:40px;border:1px solid #cfd8dd;background:#2599db;color:#fff;padding:0 13px;cursor:pointer}
.reportDownload{background:#fff;color:#32434d}
.reportChart{background:#fff;border:1px solid #dbe3e7;padding:14px 18px;margin-bottom:14px;min-height:300px}
.reportChart h3{text-align:center;font-weight:500;margin:5px 0 12px}
.reportChart svg{display:block;width:100%;height:auto;max-height:350px}
.reportChart .chartGrid{stroke:#dfe5e8;stroke-width:1}
.reportChart .chartText{fill:#60727e;font-size:10px}
.reportSplit{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,.8fr);gap:16px;background:#fff;border:1px solid #dbe3e7;padding:14px}
.reportSplit .reportChart{border:0;margin:0}
.reportSummary{background:#fff;border:1px solid #dbe3e7;align-self:start}
.reportSummary>div{display:flex;justify-content:space-between;gap:20px;padding:18px 20px;border-bottom:1px solid #dbe3e7;font-size:16px}
.reportSummary>div:last-child{border-bottom:0}
.reportSummary strong{font-size:18px}
.legend{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin-top:8px}
.legend span{display:flex;align-items:center;gap:6px;font-size:12px}.legend i{width:10px;height:10px;border-radius:50%;display:inline-block}
.trafficPies{display:grid;grid-template-columns:1fr;gap:14px;background:#fff}
.pieReport{min-height:420px;border-top:1px solid #dbe3e7}.pieReport svg{max-height:260px}
.radiusHero{background:linear-gradient(100deg,#151d3b,#073b6d);color:#fff;border-radius:6px;padding:18px 22px;display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:15px}
.radiusHero b{display:block;font-size:17px}.radiusHero small{display:block;margin-top:4px;opacity:.75}.radiusHero .reportRefresh{height:34px;background:transparent;border-color:#6a8aac}
.reportSection{font-size:15px;font-weight:500;border-bottom:1px solid #dbe3e7;padding:10px 0;margin:8px 0}
.radiusCards{display:grid;grid-template-columns:repeat(8,minmax(120px,1fr));gap:12px;margin-bottom:16px}
.radiusStat{background:#fff;border:1px solid #2e9cf0;border-radius:7px;padding:20px 12px;text-align:center}
.radiusStat span{display:block;font-size:11px;color:#82909a;margin-top:36px}.radiusStat strong{display:block;font-size:24px;color:#354650;position:absolute;transform:translateY(-37px);width:calc(100% - 24px)}
.radiusStat{position:relative}.radiusRaw{background:#171717;color:#bce7ff;padding:18px;max-height:310px;overflow:auto;font-size:12px}
.reportTabs{display:flex;background:#fff;border:1px solid #dbe3e7;border-bottom:0;padding-left:0}
.reportTabs button{border:0;background:#fff;padding:15px 18px;border-bottom:3px solid transparent;color:#44535d;cursor:pointer}
.reportTabs button.active{border-bottom-color:#2d9cf0;color:#168be4}
.userReportBody{background:#fff;border:1px solid #dbe3e7;padding:14px}
.usersReportGrid{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,.8fr);gap:20px}
.usersReportGrid .reportChart{border:0}
@media(max-width:1100px){.radiusCards{grid-template-columns:repeat(4,1fr)}}
@media(max-width:760px){
  .reportSplit,.usersReportGrid{grid-template-columns:1fr}
  .reportFilters>*{flex:1 1 140px;min-width:0}
  .radiusHero{align-items:flex-start;flex-direction:column}
  .radiusCards{grid-template-columns:repeat(2,1fr)}
  .reportTabs{overflow-x:auto}.reportTabs button{white-space:nowrap}
  .reportChart{padding:10px 6px;min-height:240px}.pieReport{min-height:330px}
}

/* Managers / NAS / Pricing / Settings suite */
.managerLink,.managerLink:visited,[data-nas-edit],[data-prof-edit]{color:#087df0;text-decoration:none}
.managerTabs{display:flex;background:#fff;border:1px solid #dbe3e7;border-bottom:0;overflow-x:auto}
.managerTabs button{border:0;background:#fff;padding:14px 18px;border-bottom:3px solid transparent;cursor:pointer;white-space:nowrap;color:#44535d}
.managerTabs button.active{border-bottom-color:#2196f3;color:#087df0}
.managerDetailBody{background:#fff;border:1px solid #dbe3e7;padding:16px;min-height:480px}
.managerOverview{display:grid;grid-template-columns:minmax(420px,1fr) minmax(420px,1.1fr);gap:50px}
.managerIdentity{display:flex;gap:28px;align-items:flex-start;padding:0 8px 10px}
.managerPhoto{width:180px;height:150px;background:#aeb4b9;color:#e4e7e9;display:grid;place-items:center;font-size:100px}
.managerIdentity h3{margin:6px 0 18px;font-weight:500}.managerIdentity p{margin:10px 0;color:#536570}
.managerQuick{display:grid;grid-template-columns:repeat(5,1fr);margin-top:0}
.managerQuick button{min-height:94px;border:1px solid rgba(255,255,255,.35);background:#748fb5;color:#fff;font-size:28px;cursor:pointer}
.managerQuick button span{display:block;font-size:13px;margin-top:5px}
.managerSummary{border:1px solid #dbe3e7}
.managerSummary>div{display:flex;justify-content:space-between;gap:20px;padding:13px 18px;border-bottom:1px solid #dbe3e7}
.managerSummary>div:last-child{border-bottom:0}.managerSummary strong{font-weight:500}
.sasFormWide{background:#fff;padding:10px 28px}
.sasFormWide h3{font-size:15px;font-weight:500;border-bottom:1px solid #d8e0e5;padding:16px 0 8px;margin:10px 0 16px}
.twoFieldCols{display:grid;grid-template-columns:1fr 1fr;gap:12px 75px}
.twoFieldCols .field.full{grid-column:1/-1}
.twoFieldCols .field{display:grid;grid-template-columns:180px 1fr;align-items:center;gap:12px}
.twoFieldCols .field label{text-align:right;margin:0}.twoFieldCols .field input,.twoFieldCols .field select,.twoFieldCols .field textarea{min-height:38px;border:1px solid #cfd8dd;padding:8px;background:#fff}
.twoFieldCols .field textarea{min-height:80px}.switchLine{display:flex;align-items:center;gap:10px;min-height:42px;padding-left:190px}
.switchLine input{width:44px;height:24px;accent-color:#249bed}
.formFooter{display:flex;justify-content:flex-end;gap:12px;border-top:1px solid #dbe3e7;padding:18px 0 4px;margin-top:24px}
.modal .sasFormWide{padding:0}.modal .twoFieldCols{gap:10px 25px}.modal .twoFieldCols .field{grid-template-columns:140px 1fr}
.okText{color:#22b95a}.badText{color:#ff5757}
.pricingGrid{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(560px,1.55fr);gap:30px}
.pricingTree,.priceListBox{background:#fff;border:1px solid #dbe3e7}
.treeSearch{display:block;width:calc(100% - 36px);margin:20px 18px 12px;height:38px;border:1px solid #cfd8dd;padding:0 10px}
.managerTreeItem{display:block;width:100%;border:0;background:#fff;text-align:left;padding:7px 12px;cursor:pointer;color:#273b47}
.managerTreeItem:hover,.managerTreeItem.active{background:#d9efff}
.priceListBox form{padding:18px}.priceListBox table input{width:100%;min-width:110px;height:36px;border:1px solid #d1dade;padding:0 10px}
.settingsPanel{background:#fff;border:1px solid #dbe3e7}
.settingsLongForm{padding:18px 28px 6px}
.settingRow{display:grid;grid-template-columns:minmax(250px,34%) 1fr;align-items:center;gap:22px;margin:10px 0}
.settingRow label{text-align:right;color:#41535e}.settingRow input,.settingRow select,.settingRow textarea{width:100%;border:1px solid #cfd8dd;min-height:38px;padding:8px}
.settingRow textarea{min-height:90px}.settingSwitch{margin:14px 0;padding-left:34%}
.settingsSave{display:flex;justify-content:flex-end;gap:15px;border-top:1px solid #dbe3e7;margin-top:26px;padding:18px 0}
.licenseBox{max-width:760px;margin:10px auto;background:#fff;border:1px solid #dbe3e7}.licenseRows{padding:20px 90px}
.licenseRows>div{display:flex;justify-content:space-between;padding:14px 18px;border:1px solid #dbe3e7;border-bottom:0}.licenseRows>div:last-child{border-bottom:1px solid #dbe3e7}
.licenseRows strong{font-weight:600}.licenseActions{background:#eef2f5;padding:20px}
.permissionTrees{display:grid;grid-template-columns:1fr 120px 1fr;gap:25px;padding:20px}.permissionTrees>div:not(.permArrows){border:1px solid #dbe3e7}
.permissionTrees h3{margin:0;background:#35434a;color:#fff;padding:13px;font-size:14px;font-weight:500}.permissionTrees pre,.permList{padding:14px;height:260px;overflow:auto;margin:0}
.permArrows{display:flex;flex-direction:column;justify-content:center;text-align:center;font-size:60px;color:#fff;background:#59b7d8;height:120px;margin-top:55px}
.permissionTable{padding:18px}
@media(max-width:1050px){.managerOverview,.pricingGrid{grid-template-columns:1fr}.managerOverview{gap:18px}.radiusCards{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){
 .managerDetailBody{padding:8px}.managerIdentity{flex-direction:column}.managerPhoto{width:120px;height:110px;font-size:70px}
 .managerQuick{grid-template-columns:repeat(2,1fr)}.managerQuick button:last-child{grid-column:1/-1}
 .twoFieldCols{grid-template-columns:1fr;gap:8px}.twoFieldCols .field{grid-template-columns:1fr}.twoFieldCols .field label{text-align:left}
 html[dir=rtl] .twoFieldCols .field label{text-align:right}.switchLine{padding-left:0}.settingRow{grid-template-columns:1fr;gap:5px}.settingRow label{text-align:left}
 html[dir=rtl] .settingRow label{text-align:right}.settingSwitch{padding-left:0}.licenseRows{padding:14px}.permissionTrees{grid-template-columns:1fr}.permArrows{height:70px;margin:0;flex-direction:row}
}
.sasActionMenu .action-assignSite,.sasActionMenu .action-deposit,.sasActionMenu .action-addReward,.sasActionMenu .action-delete{border-top:1px solid #e1e6e9}

/* Fix white SAS forms: visible text + no horizontal overflow */
.sasFormWide,.sasFormWide *{box-sizing:border-box}
.twoFieldCols{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.twoFieldCols .field{min-width:0}
.twoFieldCols .field input,
.twoFieldCols .field select,
.twoFieldCols .field textarea{
  width:100%;
  min-width:0;
  color:#33434d;
  -webkit-text-fill-color:#33434d;
}
.twoFieldCols .field input:disabled{
  color:#6d7d86;
  -webkit-text-fill-color:#6d7d86;
  background:#eef2f4;
  opacity:1;
}
.twoFieldCols .field select option{
  color:#263943;
  background:#fff;
}
@media(max-width:1250px){
  .twoFieldCols{grid-template-columns:1fr;gap:9px}
  .twoFieldCols .field.full{grid-column:auto}
  .twoFieldCols .field{grid-template-columns:minmax(140px,180px) minmax(0,1fr)}
  .switchLine{padding-left:192px}
}
@media(max-width:760px){
  .twoFieldCols .field{grid-template-columns:1fr}
  .switchLine{padding-left:0}
}

/* Full SAS-style Manager Form */
.managerFormHead{margin-bottom:0}
.managerFullForm{padding:18px 34px 34px;overflow:hidden}
.managerFullForm h3{font-size:16px;margin-top:8px}
.managerFullForm .twoFieldCols{column-gap:90px;row-gap:10px}
.managerFullForm .formSwitch{
  display:grid;
  grid-template-columns:180px minmax(0,1fr);
  align-items:center;
  gap:12px;
  min-height:42px;
  padding-left:0;
}
.managerFullForm .formSwitch span{text-align:right;color:#33434d}
.managerFullForm .formSwitch input[type=checkbox]{
  -webkit-appearance:none;appearance:none;
  width:46px;height:26px;border-radius:20px;
  background:#ccd5dc;position:relative;cursor:pointer;
  border:0;outline:0;margin:0;
}
.managerFullForm .formSwitch input[type=checkbox]::before{
  content:"";position:absolute;width:20px;height:20px;border-radius:50%;
  background:#fff;left:3px;top:3px;box-shadow:0 1px 3px #0003;transition:.16s ease;
}
.managerFullForm .formSwitch input[type=checkbox]:checked{background:#249bed}
.managerFullForm .formSwitch input[type=checkbox]:checked::before{transform:translateX(20px)}
.pickerRow{display:flex;align-items:center;gap:10px;min-height:38px}
.miniEdit{width:42px;height:36px;border:0;background:#b7c2cd;color:#17354a;font-size:18px;cursor:pointer}
.pickerRow span{color:#51646f;font-size:13px}
.managerLimitsGrid .formSwitch{align-self:center}
.managerFormFooter{
  position:relative;z-index:2;
  margin-top:30px;
  padding:18px 0 24px;
  background:#fff;
}
.managerFormFooter .btn{min-width:114px}
.managerFullForm{margin-bottom:38px}
@media(max-width:1250px){
  .managerFullForm .twoFieldCols{column-gap:20px}
  .managerFullForm .formSwitch{grid-template-columns:minmax(140px,180px) minmax(0,1fr)}
}
@media(max-width:760px){
  .managerFullForm{padding:12px 14px 28px}
  .managerFullForm .formSwitch{grid-template-columns:1fr}
  .managerFullForm .formSwitch span{text-align:left}
  html[dir=rtl] .managerFullForm .formSwitch span{text-align:right}
  .managerFormFooter{position:sticky;bottom:0;padding:12px;background:#fff;border-top:1px solid #dbe3e7}
}
/* SAS Radius dashboard background */
.dashboardWorkspace{
  background:#314757;
}

/* SAS-like General / License / Network / About */
.sasSettingsExact .settingsLongForm{padding:18px 24px 26px}
.generalExactForm .settingRow,.generalExactForm .settingSwitch{max-width:1180px;margin-left:auto;margin-right:auto}
.licenseCenter{display:flex;justify-content:center;padding:8px 0 30px}
.sasLicenseBox{width:min(820px,94%);background:#fff;border:1px solid #dbe3e7}
.licenseActive{color:#29b65c}
.licenseActionRow{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;background:#edf2f6;padding:18px}
.networkExact .settingsLongForm{padding:12px 20px 22px}
.networkExact h2{font-size:19px;font-weight:500;margin:12px 0 10px;padding-bottom:12px;border-bottom:1px solid #d8e0e5}
.networkTableWrap{overflow:auto;margin:4px 0 24px}
.plainNetworkTable{width:100%;border-collapse:collapse;background:#fff}
.plainNetworkTable th,.plainNetworkTable td{border:1px solid #d8e0e5;padding:8px 10px;text-align:left}
.plainNetworkTable th{font-weight:600;background:#fafbfc}
.networkSafetyNote{margin-right:auto;font-size:12px;color:#6f7f89}
.aboutTabs{display:flex;background:#fff;border:1px solid #dbe3e7;border-bottom:0}
.aboutTabs button{border:0;background:#fff;padding:15px 18px;border-bottom:3px solid transparent;cursor:pointer;color:#43535e}
.aboutTabs button.active{color:#168be4;border-bottom-color:#2d9cf0}
.aboutCompany,.aboutHardware{background:#fff;border:1px solid #dbe3e7;min-height:430px;padding:16px 30px 30px}
.aboutBrand{text-align:center;padding:0 0 48px}
.radiusCoreMark{display:inline-flex;align-items:flex-end;gap:8px;font-size:38px;letter-spacing:1px;padding-top:4px}
.radiusCoreMark span{font-weight:300;color:#647986}.radiusCoreMark b{font-size:42px;color:#f26a21;line-height:1}
.aboutCompanyGrid{display:grid;grid-template-columns:1fr 1.2fr;gap:50px;align-items:center}
.aboutCompanyGrid h2{font-size:22px;margin:0 0 18px}.aboutCompanyGrid p{margin:12px 0;color:#4c5f6b}
.aboutServices{border-left:1px solid #edf0f2;padding-left:34px;color:#52636d}
.aboutServices b{font-size:18px;color:#293c48}
.aboutHardwareRows{max-width:1050px;margin:15px auto}
.aboutHardwareRows>div{display:grid;grid-template-columns:240px 1fr;gap:28px;padding:17px 8px;border-bottom:1px solid #dbe3e7}
.aboutHardwareRows span{color:#8b98a1;text-align:right}.aboutHardwareRows strong{font-weight:400;color:#344752}
@media(max-width:760px){
  .licenseActionRow{grid-template-columns:1fr}
  .aboutCompanyGrid{grid-template-columns:1fr}
  .aboutServices{border-left:0;border-top:1px solid #edf0f2;padding:22px 0 0}
  .aboutHardwareRows>div{grid-template-columns:1fr;gap:5px}
  .aboutHardwareRows span{text-align:left}
}

/* SAS-style Sites settings */
.siteTopBar{display:flex;gap:10px;align-items:center;padding:8px 0 15px;border-bottom:1px solid #d7e0e5;margin-bottom:16px}
.siteTopBar select{height:36px;min-width:280px;max-width:800px;flex:1;border:1px solid #cfd8dd;background:#fff;padding:0 12px;color:#344752}
.siteTopEmpty{height:36px;display:flex;align-items:center;padding:0 12px;border:1px solid #cfd8dd;background:#fff;flex:1;color:#72828c}
.siteIconBtn{border:0;background:transparent;font-size:20px;line-height:1;width:28px;height:32px;cursor:pointer;color:#172c39}
.siteIconBtn:hover{background:#e8edf0}.siteIconBtn.danger:hover{color:#c33}
.siteSettingsExact{background:#fff}
.siteSettingsExact form{padding:18px 20px 26px}
.siteSettingField{margin:0 0 17px}
.siteSettingField>label:first-child{display:block;margin:0 0 8px 14px;font-size:14px;color:#334752}
.siteSettingField.required>label:first-child:before{content:"* ";color:#d82323}
.siteSettingField input[type=text],
.siteSettingField input[type=email],
.siteSettingField input:not([type]),
.siteSettingField select,
.siteSettingField textarea{width:100%;height:36px;border:1px solid #d4dadd;background:#fff;padding:0 12px;color:#334752;box-sizing:border-box}
.siteSettingField input[type=file]{height:auto;border:0;padding:0;margin-left:0}
.siteSettingField input[type=hidden]{display:none}
.siteSwitchField{padding-top:2px}
.siteToggle{display:inline-block;position:relative;width:48px;height:28px;margin-left:4px}
.siteToggle input{display:none}
.siteToggle span{position:absolute;inset:0;border-radius:20px;background:#ccd5dc;cursor:pointer}
.siteToggle span:before{content:"";position:absolute;width:22px;height:22px;border-radius:50%;background:#fff;left:3px;top:3px;transition:.15s;box-shadow:0 1px 2px #0002}
.siteToggle input:checked+span{background:#249bed}
.siteToggle input:checked+span:before{transform:translateX(20px)}
.sitePppRow{display:flex;align-items:center;gap:10px}
.siteResetBg{border:0;background:#c3ced8;padding:10px 14px;cursor:pointer;color:#203743}
.siteBgPreview{margin-top:10px;padding:8px;border:1px solid #dbe3e7;background:#f7f9fa;max-width:520px}
.siteBgPreview img{display:block;max-width:100%;max-height:180px;object-fit:contain}
.siteSettingsFooter{display:flex;justify-content:flex-end;gap:18px;align-items:center;border-top:1px solid #dbe3e7;margin-top:24px;padding-top:18px}
.siteSettingsFooter .btn{min-width:116px}
.dangerText{background:transparent!important;border-color:transparent!important;color:#222!important}
@media(max-width:760px){
  .siteTopBar{gap:4px}.siteTopBar select{min-width:0}
  .siteSettingsExact form{padding:14px 12px 22px}
}

/* General Settings exact SAS layout */
.generalSettingsSas{background:#fff}
.generalSasForm{padding:18px 26px 18px}
.generalSasRow{
  display:grid;
  grid-template-columns:minmax(300px,32%) minmax(0,1fr);
  align-items:center;
  gap:22px;
  max-width:1260px;
  margin:10px auto;
}
.generalSasRow>label:first-child{
  text-align:right;
  color:#334752;
  font-size:14px;
}
.generalSasRow>label small{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:14px;height:14px;
  border-radius:50%;
  background:#718491;
  color:#fff;
  font-size:10px;
  margin-left:4px;
}
.generalSasRow input[type=text],
.generalSasRow input:not([type]),
.generalSasRow select{
  width:100%;
  height:40px;
  border:1px solid #cfd8dd;
  background:#fff;
  padding:0 12px;
  color:#334752;
  box-sizing:border-box;
}
.generalSasRow input::placeholder{color:#c9d0d4}
.generalFileWrap{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:40px;
}
.generalFileWrap input[type=file]{
  width:auto;
  max-width:190px;
}
.generalFileWrap input[type=hidden]{display:none}
.generalFileWrap span{font-size:13px;color:#5c6e78}
.generalToggle{position:relative;width:48px;height:28px;display:inline-block}
.generalToggle input{display:none}
.generalToggle span{position:absolute;inset:0;border-radius:16px;background:#ccd5dc;cursor:pointer}
.generalToggle span:before{
  content:"";position:absolute;left:3px;top:3px;width:22px;height:22px;
  border-radius:50%;background:#fff;box-shadow:0 1px 2px #0002;transition:.15s
}
.generalToggle input:checked+span{background:#249bed}
.generalToggle input:checked+span:before{transform:translateX(20px)}
.generalSasFooter{
  display:flex;
  justify-content:flex-end;
  gap:24px;
  border-top:1px solid #dbe3e7;
  margin-top:28px;
  padding:18px 0 0;
}
.generalSasFooter .btn{min-width:118px}
@media(max-width:900px){
  .generalSasRow{grid-template-columns:1fr;gap:6px}
  .generalSasRow>label:first-child{text-align:left}
  html[dir=rtl] .generalSasRow>label:first-child{text-align:right}
}
/* SAS-inspired RadiusCore login */
.sasLogin{
  min-height:100vh;position:relative;overflow:hidden;padding:0;
  background:linear-gradient(90deg,#2ba8d6 0%,#2d9ac7 38%,#337b99 62%,#314757 100%);
}
.sasLogin:before{
  content:"";position:absolute;inset:0;transform:none;opacity:.22;
  background:
    radial-gradient(circle at 9% 86%,transparent 0 34px,#d9f3ff 35px 37px,transparent 38px),
    radial-gradient(circle at 34% 91%,transparent 0 24px,#d9f3ff 25px 27px,transparent 28px),
    radial-gradient(circle at 60% 79%,transparent 0 22px,#d9f3ff 23px 25px,transparent 26px),
    radial-gradient(circle at 82% 92%,transparent 0 20px,#d9f3ff 21px 23px,transparent 24px),
    repeating-linear-gradient(28deg,transparent 0 96px,#d9f3ff26 97px 99px,transparent 100px 190px),
    repeating-linear-gradient(153deg,transparent 0 128px,#d9f3ff1f 129px 131px,transparent 132px 230px);
}
.sasLogin:after{
  content:"";position:absolute;inset:0;transform:none;opacity:.12;
  background:
    radial-gradient(circle at 31% 24%,#e6f8ff 0 4px,transparent 5px),
    radial-gradient(circle at 41% 18%,#e6f8ff 0 5px,transparent 6px),
    radial-gradient(circle at 58% 26%,#e6f8ff 0 4px,transparent 5px),
    radial-gradient(circle at 74% 19%,#e6f8ff 0 5px,transparent 6px);
}
.loginNetwork{position:absolute;inset:0;pointer-events:none;opacity:.14;
  background:
    linear-gradient(90deg,transparent 24%,#e5f8ff 24.2% 24.35%,transparent 24.5%),
    linear-gradient(90deg,transparent 72%,#e5f8ff 72.15% 72.3%,transparent 72.45%),
    linear-gradient(0deg,transparent 70%,#e5f8ff 70.15% 70.3%,transparent 70.45%);
}
.sasLoginBrand{top:118px;left:50%;transform:translateX(-50%);z-index:4}
.sasLoginBrand .rc{font-family:Arial Black,Arial,sans-serif;font-size:72px;letter-spacing:-5px;line-height:.72;color:#ed7418}
.sasLoginBrand small{font-size:34px;letter-spacing:9px;margin-top:16px;color:#f5fbff}
.loginCenter{position:absolute;top:270px;left:50%;transform:translateX(-50%);z-index:5;width:430px}
.sasLoginCard{width:430px;margin:0;padding:42px 43px 43px;background:rgba(237,247,251,.80);border:1px solid rgba(255,255,255,.55);box-shadow:none;color:#0f1f28}
.sasLoginCard h1{font-size:32px;font-weight:400;margin:0 0 10px}
.sasLoginCard>p{font-size:13px;color:#95a8b1;margin:0 0 16px}
.sasLoginCard .loginField{height:34px;margin:12px 0;border:1px solid #dfe7eb;background:#fff}
.sasLoginCard .loginField .ico{width:37px;font-size:14px;background:#f5f8f9;color:#24495d}
.sasLoginCard .loginField input,.sasLoginCard .loginField select{height:32px;font-size:14px}
.loginDivider{height:1px;background:#d7e3e8;margin:20px 0 16px}
.sasLoginCard .loginBtn{height:35px;margin-top:0;background:#26a6d7;font-weight:500;font-size:14px}
.loginApps{display:flex;justify-content:center;gap:10px;margin-top:14px}
.loginApps span{display:flex;align-items:center;height:38px;padding:0 13px;border-radius:5px;background:#153547;color:#fff;font-size:11px}
@media(max-width:560px){
  .sasLoginBrand{top:76px}
  .sasLoginBrand .rc{font-size:54px}
  .sasLoginBrand small{font-size:25px;letter-spacing:7px}
  .loginCenter{top:205px;width:92vw;max-width:430px}
  .sasLoginCard{width:100%;padding:30px 24px}
  .loginApps{flex-wrap:wrap}
}
/* Uploaded branding on login */
.loginUploadedLogo{
  display:block;
  width:auto;
  max-width:280px;
  height:auto;
  max-height:125px;
  object-fit:contain;
  margin:0 auto;
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.10));
}
@media(max-width:560px){
  .loginUploadedLogo{max-width:220px;max-height:95px}
}
/* SAS-style full Profile Form */
.profileFormHead{margin-bottom:0}
.profileFullForm{background:#fff;padding:20px 36px 28px;border:1px solid #dbe3e7;border-top:0}
.profileFullForm section{margin-bottom:20px}
.profileFullForm section h3{
  font-size:17px;font-weight:500;color:#334752;margin:8px 0 14px;
  padding-bottom:8px;border-bottom:1px solid #d7e0e5
}
.pfGrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:88px;row-gap:10px}
.pfField,.pfToggleRow,.pfCombo{
  display:grid;grid-template-columns:245px minmax(0,1fr);align-items:center;gap:12px;min-height:38px
}
.pfField>label,.pfToggleRow>label:first-child,.pfCombo>label{
  text-align:right;color:#344752;font-size:14px;white-space:normal
}
.pfField label small,.pfToggleRow label small,.pfCombo label small{
  display:inline-flex;justify-content:center;align-items:center;
  width:13px;height:13px;border-radius:50%;background:#708391;color:#fff;
  font-size:9px;margin-left:4px;font-weight:700
}
.pfField input,.pfField select,.pfCombo input,.pfCombo select{
  width:100%;height:38px;border:1px solid #cfd8dd;background:#fff;
  padding:0 11px;color:#334752;box-sizing:border-box
}
.pfCombo{grid-template-columns:245px minmax(0,1fr) 180px}
.pfToggleRow{position:relative}
.pfToggleRow em{
  grid-column:2;font-size:11px;font-style:normal;color:#7b8a93;margin-top:-6px
}
.pfToggle{display:inline-block!important;position:relative;width:48px;height:28px;text-align:left!important}
.pfToggle input{display:none}
.pfToggle span{position:absolute;inset:0;background:#cdd6dd;border-radius:18px;cursor:pointer}
.pfToggle span:before{
  content:"";position:absolute;width:22px;height:22px;left:3px;top:3px;
  background:#fff;border-radius:50%;box-shadow:0 1px 2px #0002;transition:.16s
}
.pfToggle input:checked+span{background:#249bed}
.pfToggle input:checked+span:before{transform:translateX(20px)}
.profileFormFooter{
  display:flex;justify-content:flex-end;align-items:center;gap:24px;
  border-top:1px solid #d7e0e5;margin-top:28px;padding-top:20px
}
.profileFormFooter .btn{min-width:120px}
.profileFullForm input:disabled,.profileFullForm select:disabled{background:#f6f7f8;color:#b8c0c5}
@media(max-width:1200px){
  .pfGrid{column-gap:24px}
  .pfField,.pfToggleRow{grid-template-columns:190px minmax(0,1fr)}
  .pfCombo{grid-template-columns:190px minmax(0,1fr) 150px}
}
@media(max-width:850px){
  .profileFullForm{padding:16px 14px 24px}
  .pfGrid{grid-template-columns:1fr}
  .pfField,.pfToggleRow{grid-template-columns:160px minmax(0,1fr)}
  .pfCombo{grid-template-columns:160px minmax(0,1fr) 130px}
}
@media(max-width:560px){
  .pfField,.pfToggleRow,.pfCombo{grid-template-columns:1fr;gap:5px}
  .pfField>label,.pfToggleRow>label:first-child,.pfCombo>label{text-align:left}
  html[dir=rtl] .pfField>label,html[dir=rtl] .pfToggleRow>label:first-child,html[dir=rtl] .pfCombo>label{text-align:right}
  .pfCombo select{grid-column:1}
  .pfToggleRow em{grid-column:1}
  .profileFormFooter{position:sticky;bottom:0;background:#fff;padding:12px 0}
}
/* SAS-style About page */
.sasAboutTabs{height:48px;align-items:flex-end}
.sasAboutTabs button{font-size:14px;padding:14px 16px 13px}
.sasAboutCompany,.sasAboutHardware{min-height:505px;background:#fff;border:1px solid #dbe3e7;padding:0 28px 28px}
.sasAboutBrand{height:205px;display:flex;align-items:flex-start;justify-content:center;padding-top:18px}
.aboutUploadedLogo{display:block;max-width:250px;max-height:125px;object-fit:contain}
.aboutFallbackLogo{margin-top:8px}
.aboutCompanyBody{display:grid;grid-template-columns:minmax(300px,1fr) minmax(520px,1.6fr);gap:45px;align-items:end;min-height:250px}
.aboutCompanyInfo{padding:25px 10px 20px 8px;align-self:end}
.aboutCompanyInfo h2{font-size:25px;font-weight:500;color:#1e3444;margin:0 0 22px}
.aboutCompanyInfo p{display:flex;align-items:center;gap:14px;margin:15px 0;font-size:14px;color:#334752;min-height:18px}
.aboutCompanyInfo p i{width:18px;text-align:center;color:#687b88;font-style:normal;font-size:15px}
.aboutNetworkArt{align-self:end;min-height:240px;display:flex;align-items:flex-end;justify-content:flex-end;overflow:hidden}
.aboutNetworkArt svg{width:min(680px,100%);height:auto;max-height:250px}
.aboutNetworkArt .faint{fill:none;stroke:#c9d6dc;stroke-width:2;opacity:.28}
.aboutNetworkArt .cable{fill:none;stroke:#ffc928;stroke-width:13;stroke-linecap:round}
.aboutNetworkArt .tool{fill:#1f3442}.aboutNetworkArt .toolLight{fill:#ffc928}
.aboutNetworkArt .skin{fill:#f3d08f}.aboutNetworkArt .helmet{fill:#243b49}
.aboutNetworkArt .shirt{fill:#ff6b0a}.aboutNetworkArt .vest{fill:#253b4a}
.aboutNetworkArt .pants{fill:#223746}.aboutNetworkArt .boot{fill:#1a2e3a}
.sasAboutHardware{padding-top:10px}
.sasAboutHardware .aboutHardwareRows{max-width:none;margin:0}
.sasAboutHardware .aboutHardwareRows>div{display:grid;grid-template-columns:minmax(260px,42%) 1fr;gap:38px;padding:18px 10px;border-bottom:1px solid #d9e0e4;min-height:58px;box-sizing:border-box}
.sasAboutHardware .aboutHardwareRows>div:last-child{border-bottom:0}
.sasAboutHardware .aboutHardwareRows span{text-align:right;color:#91a0aa;padding-top:1px;font-size:14px}
.sasAboutHardware .aboutHardwareRows strong{font-weight:400;color:#344752;font-size:15px;line-height:1.35}
.sasAboutHardware .aboutServerType{padding-top:26px!important;padding-bottom:24px!important}
@media(max-width:900px){
  .aboutCompanyBody{grid-template-columns:1fr}
  .aboutNetworkArt{min-height:180px}
  .sasAboutBrand{height:170px}
}
@media(max-width:600px){
  .sasAboutCompany,.sasAboutHardware{padding-left:14px;padding-right:14px}
  .sasAboutBrand{height:150px}
  .aboutUploadedLogo{max-width:210px;max-height:100px}
  .sasAboutHardware .aboutHardwareRows>div{grid-template-columns:1fr;gap:6px}
  .sasAboutHardware .aboutHardwareRows span{text-align:left}
  html[dir=rtl] .sasAboutHardware .aboutHardwareRows span{text-align:right}
}
/* SAS-style manager profile, Tools, Backup and User Portal */
.userStrip[data-open-my-profile]{cursor:pointer}
.profileWarn{margin:0 0 16px;background:#fff3c9;border:1px solid #ffe29a;color:#9b6a00;padding:14px 18px;display:flex;align-items:center;gap:8px}
.profileWarn span{margin-left:auto;color:#13a6dc}.managerProfileGrid{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.profileCard{background:#fff;border:1px solid #dbe3e7;min-height:430px}.profileCardHead{background:#b8c4cf;color:#fff;padding:14px 20px;font-size:15px}
.profileCardBody{padding:26px 70px}.profileInfoLine{display:flex;gap:14px;align-items:center;margin:18px 0;color:#304653;font-size:14px}
#myProfileForm{margin-top:16px}#myProfileForm input{width:100%;height:36px;border:1px solid #d4dce2;margin:0 0 10px;padding:0 14px;box-sizing:border-box}
.profilePasswordBtn{float:right;margin-top:12px}.profileImageBody{padding:22px}.profileImageFrame{height:300px;border:1px solid #e6dfd3;display:flex;align-items:center;justify-content:center;background:#fff}
.profileImageFrame img{max-width:290px;max-height:290px;object-fit:cover}.profilePlaceholder{width:290px;height:290px;background:#b7c1c9;color:#fff;font-size:140px;display:flex;align-items:center;justify-content:center}
.profileImageFooter{display:flex;justify-content:space-between;color:#9e7b85;margin-top:7px}.profileImageFooter label{cursor:pointer;color:#758794}
.backupPanel{background:#fff;border:1px solid #dbe3e7}.sasHeadIcons{padding:13px 16px;color:#9fb4c5}
.backupToolbar{display:flex;justify-content:space-between;align-items:flex-start;padding:20px}.backupToolbar .searchBox{display:flex;margin-left:auto}.backupToolbar .searchBox input{height:34px;border:1px solid #dbe3e7;padding:0 12px}
.backupToolbar .searchBox span{width:40px;height:34px;border:1px solid #dbe3e7;border-left:0;display:flex;align-items:center;justify-content:center}
.backupTableWrap{padding:0 20px}.backupTable td,.backupTable th{height:46px}.backupTable a{color:#147af3;text-decoration:none}
.backupMenu{left:0;right:auto}.backupMenu.open{display:block}.listFooter{display:flex;justify-content:space-between;padding:14px 20px 22px}
.pageSizes,.pager{display:flex}.pageSizes button,.pager button{min-width:38px;height:36px;border:1px solid #cfd9e0;background:#fff}.pageSizes button.active,.pager button.active{background:#147af3;color:#fff}
.backupInitRow{padding-left:34%;margin:4px 0 10px}.backupSettingsForm,.portalSettingsForm{padding-top:12px}
.backupSettingsForm .settingRow,.portalSettingsForm .settingRow{grid-template-columns:33% 1fr;min-height:48px}
.backupHintRow{grid-template-columns:33% 60px 1fr!important}.backupHintRow small{align-self:end;margin-bottom:3px;color:#687b88}
.fileNameHint{margin-left:10px;color:#687b88;font-size:13px}.toolComingSoon{padding:70px;text-align:center;color:#687b88}
.toolComingSoon h2{color:#304653;font-weight:500}.navGroup .subNav .subNavItem{white-space:normal;line-height:1.25;min-height:36px}
@media(max-width:900px){.managerProfileGrid{grid-template-columns:1fr}.profileCardBody{padding:24px}.backupSettingsForm .settingRow,.portalSettingsForm .settingRow{grid-template-columns:1fr}.backupHintRow{grid-template-columns:1fr!important}.backupInitRow{padding-left:0}.profileWarn{display:block}.profileWarn span{display:block;margin-top:8px}}
/* SAS Radius ACL / Security Groups */
.aclSettings{background:#eef3f7;padding-bottom:20px}
.aclSettings .sasBox{margin-bottom:24px}
.aclSettings .sasTable tbody tr:has(input:checked){background:#e1efff}
.aclSettings .aclGroupLink{color:#1678f2;text-decoration:none}
.aclPermissionTrees{display:grid;grid-template-columns:minmax(0,1fr) 120px minmax(0,1fr);gap:28px;padding:0 0 18px}
.aclPermissionTrees>.aclTreeBox{border:1px solid #d5dee4;background:#fff;min-width:0}
.aclPermissionTrees>.aclTransfer{border:0!important;background:transparent}
.aclTreeHead{height:44px;background:#35434a;color:#fff;display:flex;align-items:center;gap:10px;padding:0 18px;font-size:14px}
.aclTreeBody{height:410px;overflow:auto;padding:12px 20px 18px;background:#fff}
.aclCat{position:relative;padding-left:22px;margin-bottom:7px}
.aclCat:before{content:"";position:absolute;left:7px;top:18px;bottom:-7px;border-left:1px dotted #65727a}
.aclCatTitle{font-size:14px;color:#111;line-height:28px;white-space:nowrap}
.aclLeaves{padding-left:22px;border-left:1px dotted #65727a}
.aclPermNode{display:block;position:relative;width:100%;border:0;background:transparent;text-align:left;padding:4px 7px;color:#111;font:inherit;cursor:pointer;line-height:20px}
.aclPermNode:before{content:"";position:absolute;left:-22px;top:14px;width:18px;border-top:1px dotted #65727a}
.aclPermNode span{margin-right:7px;color:#162a36}
.aclPermNode:hover{background:#edf6fd}.aclPermNode.selected{background:#cfe9ff;outline:1px solid #72bce9}
.aclTransfer{display:flex;flex-direction:column;justify-content:flex-start;gap:42px;padding-top:48px}
.aclTransfer button{height:44px;border:0;background:#62b9da;color:#fff;font-size:42px;line-height:32px;cursor:pointer}
.aclTransfer button:hover{background:#49a9cf}.aclRestrictList{display:grid;gap:8px;padding:10px;border:1px solid #d7e0e5;max-height:240px;overflow:auto}
.sasActionMenu .action-restrict,.sasActionMenu .action-rename,.sasActionMenu .action-delete{border-top:1px solid #e1e6e9}
@media(max-width:900px){.aclPermissionTrees{grid-template-columns:1fr}.aclTransfer{flex-direction:row;padding:0;gap:10px}.aclTransfer button{flex:1}.aclTreeBody{height:300px}}
/* SAS-style top user dropdown + import data */
.topMain{position:relative}.topUserWrap{position:relative;align-self:stretch;display:flex;align-items:center;gap:8px}
.langMenuWrap{position:relative;display:flex;align-items:center;height:100%}
.langBtn{width:36px;height:28px;border:0;background:#11161a;color:#fff;border-radius:3px;padding:0;font-size:16px;font-weight:700;display:grid;place-items:center;line-height:1}
.langBtn:hover{background:#263238}
.langMenu{display:none;position:absolute;top:calc(100% + 1px);right:0;width:202px;background:#fff;border:1px solid #d6dde2;box-shadow:0 2px 6px #0002;z-index:270;padding:4px 0;direction:ltr}
.langMenu.open{display:block}
.langMenu button{display:block;width:100%;height:40px;border:0;background:#fff;color:#33434c;text-align:left;padding:0 16px;font-size:13px}
.langMenu button:hover{background:#f3f6f8}
html[dir=rtl] .langMenu{right:auto;left:0}
.userStrip[data-user-menu-toggle]{cursor:pointer;height:100%;padding:0 2px}
.topUserMenu{display:none;position:absolute;right:-2px;top:calc(100% + 1px);width:200px;background:#fff;border:1px solid #d6dde2;box-shadow:0 2px 6px #0002;z-index:250;padding:8px 0}
.topUserMenu.open{display:block}.topUserMenu button{width:100%;height:42px;border:0;background:#fff;display:flex;align-items:center;gap:10px;padding:0 16px;text-align:left;color:#56636c;font-size:13px}
.topUserMenu button:hover{background:#f4f7f9}.topUserMenu button span{width:18px;color:#5b6972;font-size:16px}.topUserMenuSep{border-top:1px solid #dfe5e9;margin:5px 0}
.sasImportPage{min-height:calc(100vh - 93px);background:#eef3f7}.sasImportBar{height:66px;background:#eef3f7;border-bottom:1px solid #d6dfe5;display:grid;grid-template-columns:65px 150px 1fr 1fr 140px;align-items:center;gap:0;padding:0 14px}
.sasImportBar .importLabel{font-size:14px;color:#42515c}.sasImportBar select{height:36px;border:1px solid #cad5dc;background:#fff;padding:0 14px;color:#34444f}
.importCheck{display:flex;align-items:center;justify-content:center;gap:5px;font-size:13px;color:#465762}.importCheck input{width:14px;height:14px}
.importUploadBtn{justify-self:end;height:36px;min-width:120px}.sasImportBody{background:#fff;border:1px solid #dbe3e8;min-height:58px;margin:0 14px 14px;padding:0}
.importResult{padding:18px}.importResult h3{margin:0 0 12px;font-size:15px;font-weight:500}.importStats{display:flex;gap:14px;flex-wrap:wrap}.importStats span{background:#f3f7f9;border:1px solid #d9e2e7;padding:8px 12px}.importErrors{margin-top:12px;max-height:220px;overflow:auto;border-top:1px solid #e1e6e9;padding-top:8px;color:#a33;font-size:12px}
@media(max-width:900px){.sasImportBar{height:auto;grid-template-columns:1fr;gap:10px;padding:14px}.importCheck{justify-content:flex-start}.importUploadBtn{justify-self:start}.topUserMenu{right:0}}/* SAS-style reseller dashboard */
.resellerDashboard{min-height:calc(100vh - 125px)}
.resellerDashGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 30px;align-items:start}
.resellerDashCard{min-height:168px;color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 1px #0001}
.resellerDashTop{min-height:82px;padding:17px 24px 12px;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #ffffff1c}
.resellerDashTop h3{margin:0 0 10px;font-size:18px;font-weight:500;line-height:1}
.resellerDashTop p{margin:0;font-size:14px;line-height:1.25}
.resellerDashIcon{font-size:58px;line-height:.9;font-weight:700;opacity:.23;min-width:66px;text-align:center}
.resellerDashValue{height:86px;display:flex;align-items:center;padding:0 24px;font-size:26px;font-weight:400;background:#0000000b}
.rdBlue{background:#4d67aa}.rdGreen{background:#49b774}.rdCyan{background:#27a4cf}.rdRed{background:#ef6264}.rdYellow{background:#ffbd08}
@media(max-width:1400px){.resellerDashGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.resellerDashTop h3{font-size:16px}}
@media(max-width:1000px){.resellerDashGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.resellerDashGrid{grid-template-columns:1fr}.resellerDashCard{min-height:145px}.resellerDashValue{height:68px}}
/* SAS Radius full-backup migration */
.sasImportOptions{margin:0 14px;padding:12px 16px;background:#fff8df;border:1px solid #eadb9e;display:flex;gap:24px;align-items:center;flex-wrap:wrap;font-size:13px;color:#45545e}
.sasImportOptions label{display:flex;gap:7px;align-items:center}.sasImportOptions strong{margin-left:auto;color:#24643a;font-weight:600}
.sasImportJob{padding:18px 20px;border-bottom:1px solid #dce4e9;background:#fff}.jobLine{display:flex;justify-content:space-between;gap:12px;align-items:center}
.jobStatus{text-transform:uppercase;font-size:11px;padding:4px 8px;border-radius:3px;background:#dce6ee}.jobStatus.running{background:#d7edff;color:#176caa}.jobStatus.completed{background:#dff4e5;color:#238344}.jobStatus.failed{background:#ffe0e0;color:#b62a2a}
.jobStage{margin:10px 0 7px;color:#5b6871}.jobProgress{height:10px;background:#e5ebef;border-radius:2px;overflow:hidden}.jobProgress i{display:block;height:100%;background:#25a7d3;transition:width .25s}
.sasMigrationResult .importStats{margin-top:12px}.networkProtected{margin-top:14px;padding:10px 12px;background:#e7f6eb;border:1px solid #b8dfc1;color:#21723b}
.importWarnings{margin-top:12px;padding:10px 12px;background:#fff8df;border:1px solid #eadb9e;color:#795d00;font-size:12px;line-height:1.55}
@media(max-width:900px){.sasImportOptions{margin:0;display:block}.sasImportOptions label,.sasImportOptions strong{margin:8px 0;display:flex}}
/* SAS Radius Backup / Restore page */
.sasBackupIndex{background:#fff;border:0;min-height:640px}
.sasBackupIndex .sasHead{height:44px;min-height:44px;background:#334149}
.sasBackupIndex .sasHeadTitle{font-size:13px;font-weight:500;padding-left:18px}
.sasBackupIndex .sasHeadIcons{display:flex;align-items:stretch;padding:0;margin-left:auto}
.sasBackupIndex .sasHeadIcons span{min-width:49px;border-left:1px solid #70808a;display:flex;align-items:center;justify-content:center;color:#9db4c3;cursor:pointer}
.sasBackupIndex .sasHeadIcons span:hover{background:#3d4c54;color:#fff}
.sasBackupIndex .backupToolbar{padding:20px 18px 16px;align-items:center}
.sasBackupIndex .sasActions{position:relative}
.sasBackupIndex .sasActionsBtn{height:36px;min-width:116px;padding:0 14px;font-size:13px;background:#27a9d7;border:0;color:#fff}
.sasBackupIndex .backupMenu{left:0;right:auto;top:36px;min-width:205px;padding:5px 0}
.sasBackupIndex .backupMenu button{height:42px;padding:0 15px;display:flex;align-items:center;gap:10px;font-size:13px;color:#3d4b54}
.sasBackupIndex .backupMenu button span{width:18px;text-align:center;color:#63727c;font-size:17px}
.sasBackupIndex .backupMenu button:nth-child(5),
.sasBackupIndex .backupMenu button:nth-child(6){border-top:1px solid #e1e6e9}
.sasBackupIndex .searchBox{display:flex;height:36px}
.sasBackupIndex .searchBox input{width:220px;height:36px;border:1px solid #d8e0e5;padding:0 12px;font-size:12px}
.sasBackupIndex .searchBox button{width:42px;height:36px;border:1px solid #d8e0e5;border-left:0;background:#f5f7f9;font-size:18px;color:#173f64}
.sasBackupIndex .backupTableWrap{padding:0 18px}
.sasBackupIndex .backupTable{border:1px solid #d8e0e5;border-radius:8px;overflow:hidden}
.sasBackupIndex .backupTable thead th{height:44px;background:#f8fafb;font-size:11px;font-weight:500;color:#34434d}
.sasBackupIndex .backupTable tbody td{height:44px;font-size:12px;border-top:1px solid #dce3e7}
.sasBackupIndex .backupTable a{color:#086dff}
.sasBackupIndex .backupSelectCell{width:30px;text-align:center!important}
.sasBackupIndex .listFooter{padding:14px 18px 22px}
.sasBackupIndex .pageSizes button,.sasBackupIndex .pager button{height:35px;min-width:38px;border:1px solid #cbd6de;background:#fff;color:#32424c}
.sasBackupIndex .pageSizes button.active{background:#bdcbd4;color:#fff;font-weight:600}
.sasBackupIndex .pager button.active{background:#0d70f5;color:#fff}
@media(max-width:720px){.sasBackupIndex .backupToolbar{gap:12px;flex-direction:column;align-items:stretch}.sasBackupIndex .searchBox input{width:100%}.sasBackupIndex .backupTableWrap{overflow:auto}.sasBackupIndex .backupTable{min-width:760px}}

/* SAS Radius dashboard fidelity */
.sasDashboardTop{grid-template-columns:repeat(var(--dash-cols,2),minmax(0,1fr))}
.sasDashboardTop .sasDashboardCard{background:#263f4e;border:6px solid #314c5d;box-shadow:none}
.sasDashboardTop .sasDashboardCard .panelHead{min-height:48px;border-bottom:0;padding:10px 14px}
.sasDashboardTop .sasDashboardCard .panelBody{padding:6px 14px 14px}
.sasDashboardTop .sasDashboardCard .statRow{padding:7px 0;border-bottom:1px solid #47616f;font-size:13px}
.sasDashboardTop .sasDashboardCard .statRow span{color:#75caef}
.sasDashboardTop .sasDashboardCard .statRow strong{font-size:13px}
.sasDashboardTop .sasOnlinePanel .panelBody{padding-top:0}
.sasOnlineChart{height:245px}
.sasOnlineChart .chartArea{fill:#659fe5;opacity:.78}
.sasOnlineChart .chartOnline{stroke:#6ca9ed;stroke-width:2.6}
.sasOnlineChart .chartActive{stroke:#d5dbdf;stroke-width:2.1;stroke-dasharray:none}
.sasOnlineChart .chartDot{stroke-width:1.2}
.sasOnlineChart .onlineDot{fill:#6ca9ed;stroke:#8ec3ff}
.sasOnlineChart .activeDot{fill:#d5dbdf;stroke:#edf1f3}
.sasOnlineChart .chartAxisTitle{fill:#c6d4db;font-size:9px}
.sasOnlineChart .chartGrid{stroke:#718792;stroke-width:.75;opacity:.7}
.sasOnlineChart .chartText{fill:#b9c6cd;font-size:8.5px}
.sasOnlinePanel .legend{background:#111b21;width:max-content;margin:0 auto 2px;padding:5px 10px;color:#fff}
@media(max-width:1100px){.sasDashboardTop{grid-template-columns:1fr}}
@media(max-width:760px){
  .dashboardWorkspace{padding:8px 7px 18px}
  .sasDashboardTop{gap:9px}
  .sasDashboardTop .sasDashboardCard{border-width:4px;margin-bottom:0}
  .sasDashboardTop .sasDashboardCard .panelHead{min-height:44px;padding:8px 10px}
  .sasDashboardTop .sasDashboardCard .panelBody{padding:4px 10px 10px}
  .sasDashboardTop .sasDashboardCard .statRow{font-size:12px;padding:7px 0;gap:8px}
  .sasDashboardTop .sasDashboardCard .statRow strong{font-size:12px;white-space:nowrap}
  .sasOnlineChart{height:190px}.chartWrap{height:200px}.sasOnlinePanel .legend{max-width:100%;white-space:nowrap;overflow:hidden;font-size:9px;padding:5px 7px}
  .dashboardBottom{gap:9px;margin-top:9px}.gauge{height:155px}.gauge svg{height:145px}
  .topMain{min-width:0}.menuToggle{flex:0 0 40px;width:40px;height:40px;font-size:24px}.userStrip{min-width:0;gap:7px}.langBtn{padding:5px 6px}
}

/* SAS Radius Online Users chart - interactive series/tooltip fidelity */
.sasOnlineChart{position:relative}
.sasOnlineChart .chartAreaActive{fill:#b8c2ca;opacity:.42;transition:opacity .12s ease}
.sasOnlineChart .chartAreaOnline{fill:#659fe5;opacity:.70;transition:opacity .12s ease}
.sasOnlineChart .chartActive{stroke:#d9dee2;stroke-width:2.15;fill:none;transition:opacity .12s ease,stroke-width .12s ease}
.sasOnlineChart .chartOnline{stroke:#65a8f4;stroke-width:2.65;fill:none;transition:opacity .12s ease,stroke-width .12s ease}
.sasOnlineChart .chartHit{fill:transparent;pointer-events:all;cursor:crosshair}
.sasOnlineChart .chartPointWrap .chartTip{display:none;pointer-events:none}
.sasOnlineChart .chartPointWrap:hover .chartTip{display:block}
.sasOnlineChart .chartPointWrap:hover .chartDot{r:5;stroke-width:2.2}
.sasOnlineChart .chartTip rect{fill:#f7f8fa;stroke:#8fa7bf;stroke-width:1;filter:drop-shadow(0 2px 2px rgba(0,0,0,.25))}
.sasOnlineChart .chartTipArrow{fill:#f7f8fa;stroke:#8fa7bf;stroke-width:.7}
.sasOnlineChart .chartTipHour{font-size:9px;fill:#263644}
.sasOnlineChart .chartTipValue{font-size:10px;fill:#24313a}
.sasOnlineChart .chartTipBullet.tipActive{fill:#d8dde0}
.sasOnlineChart .chartTipBullet.tipOnline{fill:#5b9ff0}
.sasOnlineChart:has(.activePoint:hover) .chartAreaActive{opacity:.76}
.sasOnlineChart:has(.activePoint:hover) .chartAreaOnline{opacity:.13}
.sasOnlineChart:has(.activePoint:hover) .chartOnline{opacity:.33}
.sasOnlineChart:has(.activePoint:hover) .chartActive{opacity:1;stroke-width:2.7}
.sasOnlineChart:has(.onlinePoint:hover) .chartAreaOnline{opacity:.82}
.sasOnlineChart:has(.onlinePoint:hover) .chartAreaActive{opacity:.12}
.sasOnlineChart:has(.onlinePoint:hover) .chartActive{opacity:.33}
.sasOnlineChart:has(.onlinePoint:hover) .chartOnline{opacity:1;stroke-width:3}

/* SAS-style Users advanced filter + managers tree */
.sasHeadTools button.toolActive{background:#2b94c4;color:#fff}
.usersFilterOverlay,.usersTreeOverlay{position:fixed;inset:0;background:rgba(18,27,33,.46);z-index:220;display:flex;align-items:stretch;justify-content:flex-end}
.usersFilterPanel{width:min(520px,96vw);background:#f8f9fa;color:#3c4a54;box-shadow:-10px 0 30px #0003;overflow:auto}
.usersFilterHead{height:64px;background:#334149;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #71818a}
.usersFilterHead b{font-size:22px;font-weight:500}.usersFilterHead button{border:0;background:transparent;color:#a9b6bf;font-size:34px;line-height:1;cursor:pointer}
.usersFilterBody{padding:28px 30px 34px}
.usersFilterField{display:block;margin:0 0 20px}
.usersFilterField>span{display:block;font-size:17px;margin:0 0 9px 14px;color:#45545e}
.usersFilterField select{width:100%;height:48px;border:1px solid #c8d1d7;border-radius:3px;background:#fff;color:#46545e;padding:0 14px;font-size:17px;outline:none}
.usersFilterField select:focus{border-color:#30a7ea;box-shadow:0 0 0 3px rgba(48,167,234,.2)}
.usersFilterSwitch{display:flex;flex-direction:column;gap:9px;margin:4px 0 28px 14px;font-size:17px;position:relative;width:max-content}
.usersFilterSwitch input{position:absolute;opacity:0;pointer-events:none}
.usersFilterSwitch i{width:56px;height:32px;border-radius:18px;background:#c5ced4;display:block;position:relative;transition:.16s}
.usersFilterSwitch i:after{content:"";position:absolute;width:26px;height:26px;border-radius:50%;background:#fff;top:3px;left:3px;box-shadow:0 1px 4px #0004;transition:.16s}
.usersFilterSwitch input:checked+i{background:#249fee}.usersFilterSwitch input:checked+i:after{left:27px}
.usersFilterActions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #dce2e6;padding-top:22px}
.usersTreeOverlay{justify-content:flex-end}
.usersTreePanel{width:min(640px,92vw);background:#fff;color:#3f4c56;box-shadow:-10px 0 30px #0003;padding:40px 48px 28px;position:relative;overflow:auto}
.usersTreeClose{position:absolute;right:28px;top:20px;border:0;background:transparent;font-size:34px;color:#64717b;cursor:pointer}
.usersTreePanel h2{text-align:center;font-weight:500;font-size:28px;margin:32px 0 26px}
.usersTreeSearch{display:flex;border:1px solid #cfd7dc;border-radius:4px;overflow:hidden;margin:0 auto 24px;max-width:470px}
.usersTreeSearch input{height:44px;flex:1;border:0;padding:0 14px;font-size:16px;outline:none}.usersTreeSearch button{width:52px;border:0;border-left:1px solid #cfd7dc;background:#e9eef2;color:#5e6d77;font-size:22px}
.usersTreeList{border-top:1px solid #dbe1e5;padding-top:18px;max-height:72vh;overflow:auto}
.managerTreeNode{width:100%;border:0;background:#fff;display:flex;align-items:center;gap:10px;padding:7px 10px 7px calc(10px + (var(--tree-depth,0) * 28px));text-align:left;color:#495761;font-size:17px;cursor:pointer}
.managerTreeNode:hover,.managerTreeNode.active{background:#dff1ff;color:#263b48}.managerTreeBranch{width:18px;color:#687780}.managerTreePerson{width:20px;text-align:center}
@media(max-width:760px){
  .usersFilterOverlay,.usersTreeOverlay{justify-content:stretch}
  .usersFilterPanel,.usersTreePanel{width:100vw;max-width:none}
  .usersFilterPanel{padding-bottom:env(safe-area-inset-bottom)}
  .usersFilterHead{height:58px;padding:0 18px}.usersFilterHead b{font-size:19px}
  .usersFilterBody{padding:24px 18px 30px}.usersFilterField>span{font-size:16px;margin-left:10px}.usersFilterField select{height:48px;font-size:16px}
  .usersTreePanel{padding:34px 22px 24px}.usersTreePanel h2{font-size:26px;margin-top:38px}.usersTreeClose{right:18px;top:14px}
  .managerTreeNode{font-size:16px;padding-top:8px;padding-bottom:8px}
}

/* SAS-style subscriber portal */
.portalPage{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(145deg,#2da6d4,#1a607f 58%,#173f56)}
.portalAuthCard{width:min(430px,94vw);background:#f4f8f9ed;border:1px solid #fff9;padding:34px;box-shadow:0 12px 45px #0b2d3d66;color:#21313a}
.portalLogo{font:900 34px/1 Arial Black,Arial,sans-serif;color:#ef7419;margin-bottom:18px}.portalLogo b{color:#294653;font-weight:700}
.portalAuthCard h1{font-size:26px;font-weight:500;margin:0 0 8px}.portalAuthCard p{color:#718690;margin:0 0 18px}
.portalForm{display:grid;gap:10px}.portalForm input,.portalForm textarea,.portalForm select{width:100%;border:1px solid #c8d4da;background:#fff;color:#263740;border-radius:3px;padding:10px 12px;outline:none}.portalForm textarea{min-height:88px}
.portalForm input:focus,.portalForm textarea:focus,.portalForm select:focus{border-color:#2ba8d8;box-shadow:0 0 0 2px #2ba8d822}.portalForm .btn{min-height:40px}
.portalLink{border:0;background:transparent;color:#168fbe;margin-top:14px;padding:4px 0}.portalLang{display:flex;gap:10px;justify-content:center;margin-top:18px}.portalLang button{border:0;background:transparent;color:#526a76}
.portalShell{min-height:100vh;background:#edf2f5}.portalTop{height:58px;background:#263a46;color:#fff;display:flex;align-items:center;gap:18px;padding:0 22px;position:sticky;top:0;z-index:20}.portalTop b{font-size:20px}.portalTop span{margin-inline-start:auto}.portalTop button{border:1px solid #526975;background:#1f313b;color:#fff;border-radius:3px;padding:7px 12px}
.portalMain{max-width:1280px;margin:0 auto;padding:18px}.portalHero{background:#24404e;color:#fff;border:1px solid #405d6c;padding:18px;margin-bottom:14px}.portalHero h2{margin:0 0 14px;font-size:20px}
.portalStats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.portalStats>div{background:#1d3541;border:1px solid #45616f;padding:12px}.portalStats span{display:block;color:#8fc8e2;font-size:12px;margin-bottom:5px}.portalStats b{font-size:15px}
.portalGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.portalCard{background:#fff;border:1px solid #d5e0e5;padding:16px;color:#34454f;box-shadow:0 1px 2px #0001}.portalCard h3{margin:0 0 12px;font-size:15px}.portalWide{grid-column:1/-1}
.portalPackageList,.portalTicketList{display:grid;gap:7px}.portalPackageList>div,.portalTicketList>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #e3eaee;padding:8px 0}.portalPackageList span,.portalTicketList span{color:#7c8f98;font-size:12px}.portalTicketForm{grid-template-columns:1fr 2fr auto;display:grid;margin-bottom:12px}.portalTicketForm textarea{min-height:42px}
html[dir=rtl] .portalShell,html[dir=rtl] .portalAuthCard{direction:rtl}.portalShell .dataTable{background:#fff;color:#34454f}.portalShell .dataTable th{background:#eef4f7;color:#526874}.portalShell .dataTable td{color:#34454f}
@media(max-width:760px){.portalStats{grid-template-columns:1fr 1fr}.portalGrid{grid-template-columns:1fr}.portalWide{grid-column:auto}.portalTicketForm{grid-template-columns:1fr}.portalMain{padding:10px}.portalTop{padding:0 12px}.portalTop b{font-size:17px}}

/* SAS Tools modules */
.dashboardWidgetChoices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:16px}
.dashboardWidgetChoices label{background:#f6f9fb;border:1px solid #d8e2e7;padding:12px;color:#43545f}
.widgetFactoryGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:18px}.widgetFactoryCard{border:1px solid #d8e2e7;background:#fff;padding:16px;color:#40515b}.widgetFactoryCard b{display:block;font-size:14px}.widgetFactoryCard p{min-height:36px;color:#788b95;font-size:12px}.widgetFactoryCard span{font-size:11px;color:#2b9dce}
.toolActionBar{display:flex;justify-content:flex-end;padding:12px;border-bottom:1px solid #dce4e8}
.bulkToolForm{display:grid;grid-template-columns:2fr 1fr;gap:16px;padding:16px}.bulkUsers,.bulkActionPanel{border:1px solid #d8e2e7;background:#fff}.bulkSelectHead{display:flex;justify-content:space-between;gap:10px;padding:10px;border-bottom:1px solid #e0e7eb}.bulkSelectHead input[type=text],.bulkSelectHead input:not([type]){flex:1}.bulkUserList{max-height:520px;overflow:auto;padding:8px}.bulkUser{display:grid;grid-template-columns:auto 1fr 1fr;gap:8px;align-items:center;padding:8px;border-bottom:1px solid #edf1f3;color:#43545f}.bulkUser span{color:#8a9aa2;font-size:12px}.bulkActionPanel{padding:14px;display:flex;flex-direction:column;gap:12px}.bulkActionPanel label{display:grid;gap:5px;color:#657983;font-size:12px}.bulkActionPanel select{height:38px;border:1px solid #cbd6dc;background:#fff}
.systemUpdateCard{padding:24px;color:#40515b}.systemUpdateCard h2{margin:0 0 10px}.settingsHint{padding:0 18px;color:#7b8e98;font-size:12px}
@media(max-width:900px){.widgetFactoryGrid{grid-template-columns:1fr 1fr}.bulkToolForm{grid-template-columns:1fr}.dashboardWidgetChoices{grid-template-columns:1fr}}
@media(max-width:520px){.widgetFactoryGrid{grid-template-columns:1fr}.bulkSelectHead{flex-direction:column}}

/* Real-time live traffic */
.liveTrafficMonitor{min-width:640px}.liveTrafficStats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}.liveTrafficStats>div{background:#1d3541;border:1px solid #4e6976;padding:12px}.liveTrafficStats span,.liveTrafficStats small{display:block;color:#91abb7}.liveTrafficStats b{display:block;font-size:20px;margin:4px 0;color:#fff}.liveTrafficSvg{width:100%;height:260px;background:#1b303b;border:1px solid #48616d}.liveAxis{stroke:#718892;stroke-width:1}.liveTrafficSvg [data-live-down-line]{stroke:#63aaf3}.liveTrafficSvg [data-live-up-line]{stroke:#63dd9b}.liveTrafficLegend{display:flex;gap:18px;align-items:center;padding-top:9px;color:#a9bac2;font-size:12px}.liveTrafficLegend span:first-child{color:#63aaf3}.liveTrafficLegend span:nth-child(2){color:#63dd9b}.liveTrafficLegend em{margin-inline-start:auto;font-style:normal;color:#8298a3}
@media(max-width:760px){.liveTrafficMonitor{min-width:0}.liveTrafficStats{grid-template-columns:1fr}.liveTrafficSvg{height:210px}.liveTrafficLegend{flex-wrap:wrap}.liveTrafficLegend em{width:100%;margin:0}}

.portalAnnouncements{display:grid;gap:8px;margin:0 0 14px}.portalAnnouncements article{background:#fff7dc;border:1px solid #ead28a;padding:12px 14px;color:#5a4b22}.portalAnnouncements article b{display:block;margin-bottom:4px}.portalAnnouncements article p{margin:0;white-space:pre-wrap}
.dashboardCompact .panel{margin-bottom:0}.dashboardCompact .panelBody{padding:8px}.dashboardCompact .statRow{padding:5px 8px}

/* Live traffic monitor */
.liveTrafficMonitor{padding:4px 0 0}.liveTrafficStats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}.liveTrafficStats>div{border:1px solid #52707f;background:#1d3440;padding:12px}.liveTrafficStats span,.liveTrafficStats small{display:block;color:#9eb4bf}.liveTrafficStats b{display:block;color:#fff;font-size:20px;margin:5px 0}.liveTrafficSvg{width:100%;height:280px;background:#182d38;border:1px solid #486471}.liveAxis{stroke:#607986;stroke-width:1}.liveTrafficSvg [data-live-down-line]{stroke:#54b8e6}.liveTrafficSvg [data-live-up-line]{stroke:#9ee070}.liveTrafficLegend{display:flex;gap:18px;align-items:center;margin-top:9px;color:#bfd0d8}.liveTrafficLegend span:first-child{color:#54b8e6}.liveTrafficLegend span:nth-child(2){color:#9ee070}.liveTrafficLegend em{margin-inline-start:auto;color:#8398a3;font-style:normal;font-size:12px}
@media(max-width:700px){.liveTrafficStats{grid-template-columns:1fr}.liveTrafficSvg{height:220px}.liveTrafficLegend{flex-wrap:wrap}.liveTrafficLegend em{margin-inline-start:0;width:100%}}

/* Mobile SAS dashboard/header fidelity r2 */
@media(max-width:760px){
  :root{--top-h:64px;--sidebar-w:min(82vw,300px)}
  .topbar{height:var(--top-h);display:block;position:fixed;direction:ltr!important}
  .topBrand{display:flex!important;position:absolute;left:50%;top:0;transform:translateX(-50%);height:var(--top-h);padding:0;align-items:center;justify-content:center;z-index:2;pointer-events:none;white-space:nowrap}
  .topBrand .brandLogo{font-size:23px;line-height:.78;letter-spacing:-1.5px}
  .topBrand .brandLogo small{font-size:9px;letter-spacing:2.2px;margin-top:3px}
  .topMain,html[dir=rtl] .topMain{position:relative!important;display:block;height:100%;padding:0!important;direction:ltr!important;grid-column:auto;grid-row:auto}
  .menuToggle{position:absolute;left:14px;right:auto;top:50%;transform:translateY(-50%);width:42px;height:42px;font-size:28px;color:#8fa0a8;z-index:4}
  .topUserWrap{position:absolute;right:12px;left:auto;top:0;height:100%;align-self:auto;gap:10px;z-index:4;direction:ltr}
  .topUserWrap .userName{display:none}
  .topUserWrap .avatar{width:46px;height:46px;font-size:22px;border-width:2px}
  .topUserWrap .langBtn{width:38px;height:32px;font-size:17px}
  .pageCrumb{display:none}
  .workspace{min-height:calc(100vh - var(--top-h));padding-top:9px}
  .dashboardWorkspace{padding:9px 8px 18px}
  .sasDashboardTop .sasDashboardCard{border-width:5px}
  .sasDashboardTop .sasDashboardCard .panelHead{min-height:66px;padding:9px 12px}
  .sasDashboardTop .sasDashboardCard .panelBody{padding:3px 14px 14px}
  .sasDashboardTop .sasDashboardCard .panelTitle{font-size:18px;gap:12px}
  .sasDashboardTop .sasDashboardCard .panelIcon{width:42px;height:42px;font-size:20px}
  .sasDashboardTop .sasDashboardCard .panelAction{font-size:30px;color:#aab5bb;line-height:1}
  .sasDashboardTop .sasDashboardCard .statRow{font-size:16px;padding:9px 0;line-height:1.25}
  .sasDashboardTop .sasDashboardCard .statRow strong{font-size:16px}
  .sasOnlinePanel .panelBody{padding:0 14px 14px!important}
  .sasOnlineChart{height:220px}.chartWrap{height:230px}
  .sasOnlinePanel .legend{font-size:12px;padding:6px 10px;margin-top:4px}
}
@media(max-width:420px){
  .topBrand .brandLogo{font-size:20px}
  .topBrand .brandLogo small{font-size:8px}
  .topUserWrap{right:9px;gap:7px}
  .topUserWrap .avatar{width:42px;height:42px}
  .topUserWrap .langBtn{width:36px;height:30px}
  .menuToggle{left:9px}
  .sasDashboardTop .sasDashboardCard .statRow{font-size:15px}
  .sasDashboardTop .sasDashboardCard .statRow strong{font-size:15px}
}

/* Language-aware sidebar/header placement */
.sidebar{left:0;right:auto}
html[dir=rtl] .sidebar{left:auto;right:0}
@media(max-width:760px){
  html[dir=ltr] .sidebar{left:0;right:auto;transform:translateX(-105%)}
  html[dir=ltr] .sidebar.open{transform:translateX(0)}
  html[dir=rtl] .sidebar{left:auto;right:0;transform:translateX(105%)}
  html[dir=rtl] .sidebar.open{transform:translateX(0)}

  html[dir=ltr] .menuToggle{left:14px;right:auto}
  html[dir=ltr] .topUserWrap{right:12px;left:auto}

  html[dir=rtl] .menuToggle{right:14px;left:auto}
  html[dir=rtl] .topUserWrap{left:12px;right:auto}
  html[dir=rtl] .topUserMenu{left:-2px;right:auto}
}
@media(max-width:420px){
  html[dir=ltr] .menuToggle{left:9px;right:auto}
  html[dir=ltr] .topUserWrap{right:9px;left:auto}
  html[dir=rtl] .menuToggle{right:9px;left:auto}
  html[dir=rtl] .topUserWrap{left:9px;right:auto}
}

/* ===== Dashboard V2 · isolated pilot on main server ===== */
.main:has(.dashboardWorkspace)>.pageCrumb{display:none}
.dashboardWorkspace{background:#f4f7fa!important;padding:18px 20px 28px!important;min-height:calc(100vh - var(--top-h))!important}
.dashboardV2{max-width:1640px;margin:0 auto;color:#17232b;direction:inherit}
.v2Hero{min-height:116px;border-radius:14px;padding:22px 26px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:18px;color:#fff;background:linear-gradient(112deg,#182f43 0%,#214c68 58%,#276981 100%);box-shadow:0 8px 24px #18394f20;overflow:hidden;position:relative}
.v2Hero:after{content:"";position:absolute;width:330px;height:330px;border-radius:50%;right:-120px;top:-210px;border:55px solid #ffffff0a}
html[dir=rtl] .v2Hero:after{right:auto;left:-120px}
.v2Eyebrow{display:block;font-size:10px;font-weight:800;letter-spacing:2.2px;color:#8ed8f2;margin-bottom:7px}
.v2Hero h1{font-size:26px;line-height:1.1;margin:0 0 7px;font-weight:800;letter-spacing:-.4px}
.v2Hero p{margin:0;color:#c1d8e4;font-size:12px}
.v2Live{display:flex;align-items:center;gap:8px;border:1px solid #ffffff24;background:#ffffff0c;border-radius:999px;padding:8px 12px;font-size:10px;font-weight:800;letter-spacing:.7px;white-space:nowrap;z-index:1}
.v2Live i{width:8px;height:8px;border-radius:50%;background:#46df9a;box-shadow:0 0 0 5px #46df9a1c;animation:v2pulse 1.7s infinite}
@keyframes v2pulse{0%,100%{box-shadow:0 0 0 4px #46df9a20}50%{box-shadow:0 0 0 8px #46df9a05}}

.v2Metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:16px}
.v2Metric{min-height:106px;background:#fff;border:1px solid #e2e9ee;border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px;box-shadow:0 3px 12px #23435b0a;position:relative;overflow:hidden}
.v2Metric:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#66808f}
html[dir=rtl] .v2Metric:before{left:auto;right:0}
.v2Metric.blue:before{background:#2f75db}.v2Metric.cyan:before{background:#22a7c7}.v2Metric.green:before{background:#28b878}.v2Metric.amber:before{background:#e6a52b}.v2Metric.violet:before{background:#7c65d8}.v2Metric.slate:before{background:#657b89}
.v2MetricIcon{width:42px;height:42px;flex:0 0 42px;border-radius:11px;display:grid;place-items:center;font-size:20px;background:#edf3f8;color:#526b7a;font-weight:800}
.v2Metric.blue .v2MetricIcon{background:#eaf2ff;color:#2f75db}.v2Metric.cyan .v2MetricIcon{background:#e7f8fb;color:#1795b1}.v2Metric.green .v2MetricIcon{background:#e9f8f1;color:#1e9b64}.v2Metric.amber .v2MetricIcon{background:#fff5df;color:#bf8114}.v2Metric.violet .v2MetricIcon{background:#f0edff;color:#705bc8}
.v2MetricBody{min-width:0}.v2MetricBody span{display:block;color:#7d8d97;font-size:10px;font-weight:700;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v2MetricBody strong{display:block;font-size:24px;color:#203341;line-height:1;font-weight:800;font-variant-numeric:tabular-nums}.v2MetricBody small{display:block;margin-top:5px;color:#a0adb5;font-size:9px}

.v2MainGrid{display:grid;grid-template-columns:minmax(0,2fr) minmax(310px,.9fr);gap:14px;margin-bottom:14px}
.v2OpsGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:14px}
.v2Card{background:#fff;border:1px solid #e0e8ed;border-radius:13px;box-shadow:0 3px 14px #17354a0b;overflow:hidden;min-width:0}
.v2CardHead{min-height:66px;padding:14px 17px;border-bottom:1px solid #edf1f4;display:flex;align-items:center;justify-content:space-between;gap:12px}
.v2CardHead>div>span{display:block;color:#9aa8b1;font-size:9px;font-weight:800;letter-spacing:1.35px;margin-bottom:4px}
.v2CardHead h2{margin:0;font-size:14px;color:#263b48;font-weight:800}
.v2CardBody{padding:14px 17px 17px}.v2HeadPill,.v2HealthBadge{font-size:9px;font-weight:800;border-radius:999px;padding:5px 8px;background:#edf4f8;color:#527184}
.v2HealthBadge.healthy{background:#e9f8f0;color:#1d915e}
.v2ChartCard .v2CardBody{padding:7px 14px 10px}.v2ChartCard .chartWrap{height:262px}.v2ChartCard .chartText{fill:#8a9aa4}.v2ChartCard .chartGrid{stroke:#dbe4e9;opacity:1}.v2ChartCard .legend{color:#71818b;margin-top:0}.v2ChartCard .chartAxisTitle{fill:#8a9aa4}

.v2StatusBody{padding:18px;display:grid;grid-template-columns:145px 1fr;gap:20px;align-items:center}
.v2Donut{--online:0;width:138px;height:138px;border-radius:50%;background:conic-gradient(#2f91d7 calc(var(--online)*1%),#e8eef2 0);display:grid;place-items:center;position:relative}
.v2Donut:before{content:"";position:absolute;inset:17px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px #edf1f4}
.v2Donut>div{position:relative;z-index:1;text-align:center}.v2Donut strong{display:block;font-size:25px;color:#243b49;font-weight:800}.v2Donut span{font-size:9px;color:#8d9ba4}
.v2StatusList>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #edf1f4;font-size:11px;color:#6f808a}
.v2StatusList>div:last-child{border-bottom:0}.v2StatusList span{display:flex;align-items:center;gap:7px}.v2StatusList i{width:8px;height:8px;border-radius:50%;background:#9caab2}.v2StatusList i.online{background:#2f91d7}.v2StatusList i.offline{background:#c8d2d8}.v2StatusList i.active{background:#28b878}.v2StatusList i.expired{background:#e6a52b}.v2StatusList b{color:#263b48;font-size:12px}

.v2HealthList{padding-top:8px;padding-bottom:8px}.v2HealthRow{min-height:43px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #edf1f4;font-size:11px;color:#61747f}.v2HealthRow:last-child{border-bottom:0}.v2HealthRow span{display:flex;align-items:center;gap:8px}.v2HealthRow i{width:8px;height:8px;border-radius:50%;background:#a9b5bc}.v2HealthRow i.ok{background:#29b87b}.v2HealthRow i.bad{background:#e85e68}.v2HealthRow b{color:#2b404d;font-size:11px;font-weight:800}
.v2TodayGrid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.v2TodayGrid>div{background:#f7f9fb;border:1px solid #edf1f4;border-radius:9px;padding:11px}.v2TodayGrid>div.wide{grid-column:1/-1}.v2TodayGrid span{display:block;font-size:9px;color:#82919a;margin-bottom:5px}.v2TodayGrid b{font-size:17px;color:#263b48}
.v2FinanceList>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #edf1f4;font-size:10px;color:#71828c}.v2FinanceList>div:last-child{border-bottom:0}.v2FinanceList b{font-size:11px;color:#263b48}
.v2Alerts .v2CardHead{min-height:58px}.v2AlertList{padding:12px 16px;display:grid;gap:8px}.v2Alert{min-height:40px;border-radius:9px;padding:9px 11px;display:flex;align-items:center;gap:10px;font-size:11px}.v2Alert i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:800}.v2Alert.success{background:#edf9f3;color:#2c7757}.v2Alert.success i{background:#d9f2e5;color:#198657}.v2Alert.warning{background:#fff8e8;color:#8d6a18}.v2Alert.warning i{background:#ffedbc}.v2Alert.info{background:#edf7fc;color:#367894}.v2Alert.info i{background:#d9eef8}.v2Alert.critical{background:#fff0f1;color:#a34950}.v2Alert.critical i{background:#f7d9dc}

@media(max-width:1350px){.v2Metrics{grid-template-columns:repeat(3,1fr)}.v2OpsGrid{grid-template-columns:1fr 1fr}.v2OpsGrid>.v2Card:last-child{grid-column:1/-1}}
@media(max-width:1050px){.v2MainGrid{grid-template-columns:1fr}.v2OpsGrid{grid-template-columns:1fr}.v2OpsGrid>.v2Card:last-child{grid-column:auto}.v2StatusBody{grid-template-columns:170px 1fr}}
@media(max-width:760px){
  .main:has(.dashboardWorkspace)>.pageCrumb{display:none!important}.dashboardWorkspace{padding:10px 9px 22px!important}.dashboardV2{width:100%}
  .v2Hero{min-height:102px;border-radius:11px;padding:17px 16px;margin-bottom:11px}.v2Hero h1{font-size:22px}.v2Hero p{font-size:10px;max-width:230px}.v2Eyebrow{font-size:8px;letter-spacing:1.5px}.v2Live{padding:7px 9px;font-size:8px}
  .v2Metrics{grid-template-columns:1fr 1fr;gap:9px;margin-bottom:11px}.v2Metric{min-height:92px;padding:12px 11px;gap:9px;border-radius:10px}.v2MetricIcon{width:36px;height:36px;flex-basis:36px;font-size:17px}.v2MetricBody strong{font-size:21px}.v2MetricBody span{font-size:9px}
  .v2MainGrid,.v2OpsGrid{gap:10px;margin-bottom:10px}.v2Card{border-radius:11px}.v2CardHead{min-height:58px;padding:12px 13px}.v2CardHead h2{font-size:13px}.v2CardBody{padding:12px 13px}.v2ChartCard .chartWrap{height:220px}
  .v2StatusBody{grid-template-columns:125px 1fr;padding:14px;gap:13px}.v2Donut{width:118px;height:118px}.v2Donut:before{inset:15px}.v2Donut strong{font-size:22px}.v2StatusList>div{padding:8px 0;font-size:10px}
}
@media(max-width:420px){.v2Hero p{max-width:190px}.v2Metric{min-height:86px}.v2MetricIcon{display:none}.v2StatusBody{grid-template-columns:1fr}.v2Donut{margin:0 auto}.v2TodayGrid{grid-template-columns:1fr 1fr}}

/* Dashboard V2 refinement r2 */
.v2Hero{min-height:96px;padding:17px 22px;margin-bottom:13px}
.v2Hero h1{font-size:24px;margin-bottom:5px}.v2Hero p{font-size:11px}.v2Eyebrow{font-size:9px;margin-bottom:5px}
.v2Metrics{gap:10px;margin-bottom:13px}.v2Metric{min-height:92px;padding:13px 14px}.v2MetricBody strong{font-size:25px}
.v2MainGrid{gap:12px;margin-bottom:12px}.v2OpsGrid{gap:12px;margin-bottom:12px}
.v2ChartCard .v2CardBody{padding-top:3px}.v2ChartCard .chartWrap{height:235px}
.v2StatusBody{padding:15px 17px;grid-template-columns:132px 1fr;gap:16px}.v2Donut{width:126px;height:126px}.v2Donut:before{inset:15px}.v2Donut strong{font-size:23px}
.v2TodayGrid>div{position:relative;overflow:hidden}.v2TodayGrid>div:before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:3px;background:#cbd5db}
.v2TodayGrid>div.good:before{background:#28b878}.v2TodayGrid>div.info:before{background:#3b94d1}.v2TodayGrid>div.warn:before{background:#e5a52b}
.v2FinanceList b.negative{color:#d44f5a}.v2FinanceList b.positive{color:#1f9a66}.v2FinanceList b.warning{color:#bc7c14}
.v2Resources{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:12px;margin-top:6px;border-top:1px solid #edf1f4}
.v2Resources>div{min-width:0}.v2Resources span{display:flex;justify-content:space-between;gap:6px;font-size:8px;color:#87959e;margin-bottom:5px}.v2Resources span b{font-size:8px;color:#536975}
.v2Resources i{display:block;height:5px;border-radius:99px;background:#edf1f4;overflow:hidden}.v2Resources em{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#2fa7d5,#29b878)}
.v2Alerts .v2CardHead{min-height:52px}.v2AlertList{padding:10px 14px}.v2Alert{min-height:36px;padding:7px 10px}
@media(max-width:760px){
  .v2Hero{min-height:90px;padding:15px 14px}.v2Hero h1{font-size:21px}
  .v2Metric{min-height:84px;padding:11px}.v2MetricBody strong{font-size:22px}
  .v2ChartCard .chartWrap{height:205px}
  .v2StatusBody{grid-template-columns:116px 1fr}.v2Donut{width:108px;height:108px}.v2Donut strong{font-size:20px}
}

/* ===== Shell V2 · topbar + sidebar refinement ===== */
@media(min-width:761px){
  :root{--top-h:58px;--sidebar-w:224px}
  .topbar{
    height:var(--top-h);background:#fff;border-bottom:1px solid #e2e9ee;
    box-shadow:0 3px 14px #183a5109
  }
  .topBrand{
    justify-content:center;padding:0 14px;border-inline-end:1px solid #edf1f4
  }
  .brandLogo{font-size:23px;letter-spacing:-1.7px}
  .brandLogo small{font-size:9px;letter-spacing:2.5px;margin-top:3px}
  .topMain{padding:0 16px 0 18px}
  html[dir=rtl] .topMain{padding:0 18px 0 16px}
  .menuToggle{
    width:38px;height:38px;border:1px solid #e4eaee;border-radius:9px;
    background:#f7f9fa;color:#71858f;font-size:21px;transition:.16s ease
  }
  .menuToggle:hover{background:#eef4f7;color:#2a556b;border-color:#d8e3e8}
  .topUserWrap{gap:9px}
  .langBtn{
    width:38px;height:32px;border-radius:8px;background:#19252c;color:#fff;
    box-shadow:0 1px 2px #0001
  }
  .langBtn:hover{background:#263943}
  .userStrip[data-user-menu-toggle]{
    height:auto;min-height:40px;padding:3px 8px 3px 4px;border-radius:999px;
    transition:.16s ease
  }
  html[dir=rtl] .userStrip[data-user-menu-toggle]{padding:3px 4px 3px 8px}
  .userStrip[data-user-menu-toggle]:hover{background:#f3f6f8}
  .avatar{width:36px;height:36px;border:2px solid #eef2f4;background:linear-gradient(145deg,#c8d2d8,#9faeb6);font-size:17px}
  .userName{font-size:12px;font-weight:700;color:#53636d}
}

.sidebar{
  background:linear-gradient(180deg,#18272f 0%,#1b2e38 100%);
  border-inline-start:0;border-inline-end:1px solid #243a45
}
.sidebar nav{padding:8px}
.sidebar nav>.navItem,.sidebar nav>.navGroup{margin:3px 0}
.sidebar .navGroup{border-bottom:0}
.sidebar .navItem{
  min-height:45px;border:0!important;border-radius:8px!important;padding:0 12px;
  color:#dce6eb;background:transparent;transition:background .15s ease,color .15s ease
}
.sidebar .navItem:hover{background:#223945;color:#fff}
.sidebar .navItem.active,.sidebar .navParent.activeParent,.sidebar .navGroup.groupActive>.navParent{
  background:#254452;color:#fff
}
.sidebar .navItem.active:before,.sidebar .navGroup.groupActive>.navParent:before{
  top:50%;bottom:auto;height:22px;width:3px;transform:translateY(-50%);
  border-radius:3px;background:#ef7b24
}
.sidebar .navIcon{color:#8fc5da;font-size:13px;width:20px}
.sidebar .navItem.active .navIcon,.sidebar .navGroup.groupActive>.navParent .navIcon{color:#7bd6f4}
.sidebar .navGroup .chev{color:#7f98a5;font-size:11px}
.sidebar .subNav{
  background:transparent;border-top:0;padding:2px 0 5px
}
.sidebar .subNavItem{
  width:calc(100% - 14px);margin:2px 7px;border-radius:7px;
  color:#aabdc7;padding:9px 12px 9px 38px;font-size:11px
}
html[dir=rtl] .sidebar .subNavItem{padding:9px 38px 9px 12px}
.sidebar .subNavItem:hover{background:#223945;color:#fff}
.sidebar .subNavItem.active{background:#203b48;color:#7bd6f4}
.sidebarFooter{padding:12px 14px 20px}
.logoutBtn{
  border-radius:8px;background:#16252d;border:1px solid #314650;color:#f08e94;
  padding:10px 12px
}
.logoutBtn:hover{background:#20343e}

.topUserMenu,.langMenu{border-radius:10px;border-color:#e0e7eb;box-shadow:0 10px 30px #17364a20;overflow:hidden}
.topUserMenu button,.langMenu button{font-size:12px}
.topUserMenu button:hover,.langMenu button:hover{background:#f4f7f9}

@media(max-width:760px){
  .topbar{background:#fff;border-bottom:1px solid #e2e9ee;box-shadow:0 3px 14px #183a5109}
  .menuToggle{
    border:1px solid #e2e9ee!important;border-radius:9px!important;
    background:#f7f9fa!important;color:#71858f!important;font-size:24px!important
  }
  .topUserWrap .langBtn{border-radius:8px!important;background:#19252c!important}
  .topUserWrap .avatar{background:linear-gradient(145deg,#c8d2d8,#9faeb6)!important;border-color:#eef2f4!important}
  .sidebar nav{padding:8px}
  .sidebar .navItem{min-height:47px;border-radius:8px!important;padding-inline:13px}
  .sidebar .subNavItem{font-size:12px;padding-top:10px;padding-bottom:10px}
}

/* Sidebar palette V2 · deep blue */
.sidebar{
  background:linear-gradient(180deg,#102f43 0%,#14384a 48%,#0f2a3b 100%)!important;
  border-inline-end:1px solid #1d4a60!important;
}
.sidebar .navItem{
  color:#d8e8ef!important;
}
.sidebar .navItem:hover{
  background:#1a4a5f!important;
  color:#ffffff!important;
}
.sidebar .navItem.active,
.sidebar .navParent.activeParent,
.sidebar .navGroup.groupActive>.navParent{
  background:linear-gradient(90deg,#1f5c73,#246a82)!important;
  color:#ffffff!important;
  box-shadow:inset 0 0 0 1px #ffffff08;
}
.sidebar .navItem.active:before,
.sidebar .navGroup.groupActive>.navParent:before{
  background:#ff8a3d!important;
  box-shadow:0 0 10px #ff8a3d55;
}
.sidebar .navIcon{
  color:#79d0ec!important;
}
.sidebar .navItem.active .navIcon,
.sidebar .navGroup.groupActive>.navParent .navIcon{
  color:#ffffff!important;
}
.sidebar .navGroup .chev{
  color:#95b9c8!important;
}
.sidebar .subNav{
  background:#0f3041!important;
}
.sidebar .subNavItem{
  color:#a9c5d2!important;
}
.sidebar .subNavItem:hover{
  background:#1a4a5f!important;
  color:#ffffff!important;
}
.sidebar .subNavItem.active{
  background:#1e566c!important;
  color:#8ee1fb!important;
}
.sidebarFooter{
  border-top:1px solid #1c465a;
}
.logoutBtn{
  background:#123246!important;
  border-color:#28566b!important;
  color:#ffb1b5!important;
}
.logoutBtn:hover{
  background:#1a465b!important;
}

/* ===== Dashboard V3 · modern interactive pilot ===== */
.dashboardWorkspace{
  background:
    radial-gradient(circle at 14% -12%,rgba(41,156,204,.10),transparent 26%),
    linear-gradient(180deg,#f6f9fb 0%,#f3f6f9 100%)!important;
}
.dashboardV2{position:relative}
.v2Hero{
  min-height:118px!important;
  padding:20px 24px!important;
  border-radius:18px!important;
  background:
    radial-gradient(circle at 90% 15%,rgba(130,225,255,.15),transparent 26%),
    linear-gradient(120deg,#102b3d 0%,#164a61 50%,#1a6278 100%)!important;
  box-shadow:0 16px 38px rgba(26,68,92,.16)!important;
  border:1px solid rgba(255,255,255,.08);
  transition:box-shadow .2s ease,transform .2s ease;
}
.v2Hero:hover{box-shadow:0 19px 44px rgba(26,68,92,.20)!important}
.v2Hero:before{
  content:"";position:absolute;inset:auto auto -85px -55px;width:210px;height:210px;border-radius:50%;
  background:radial-gradient(circle,rgba(90,196,230,.14),transparent 68%);pointer-events:none
}
html[dir=rtl] .v2Hero:before{left:auto;right:-55px}
.v2Hero h1{font-size:28px!important;letter-spacing:-.7px!important}
.v2Hero p{font-size:12px!important;max-width:720px}
.v2Live{background:rgba(255,255,255,.10)!important;border-color:rgba(255,255,255,.18)!important;backdrop-filter:blur(6px)}

.v2Metrics{gap:12px!important}
.v2Metric{
  min-height:104px!important;border-radius:15px!important;border:1px solid #e1e9ef!important;
  box-shadow:0 6px 18px rgba(28,59,78,.055)!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}
.v2Metric:hover{
  transform:translateY(-4px);box-shadow:0 13px 28px rgba(27,58,77,.11)!important;border-color:#d2e0e8!important
}
.v2Metric:after{
  content:"";position:absolute;inset:auto -20px -38px auto;width:92px;height:92px;border-radius:50%;
  background:currentColor;opacity:.028;pointer-events:none
}
.v2MetricIcon{
  width:46px!important;height:46px!important;flex-basis:46px!important;border-radius:13px!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.45);
  transition:transform .18s ease,box-shadow .18s ease;
}
.v2Metric:hover .v2MetricIcon{transform:scale(1.06);box-shadow:0 7px 18px rgba(30,75,99,.10)}
.v2MetricBody strong{font-size:27px!important;letter-spacing:-.6px}

.v2Card{
  border-radius:16px!important;
  border-color:#e0e8ed!important;
  box-shadow:0 7px 22px rgba(28,55,73,.055)!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.v2Card:hover{transform:translateY(-2px);border-color:#d7e3e9!important;box-shadow:0 12px 28px rgba(28,55,73,.085)!important}
.v2CardHead{background:linear-gradient(180deg,#fff,#fbfcfd)}
.v2ChartCard .chartWrap{transition:filter .18s ease}
.v2ChartCard:hover .chartWrap{filter:saturate(1.08)}
.v2Donut{box-shadow:0 10px 26px rgba(38,95,125,.08);transition:transform .2s ease}
.v2StatusCard:hover .v2Donut{transform:scale(1.025)}
.v2Resources em{transition:width .5s ease}
.v2TodayGrid>div{transition:transform .16s ease,border-color .16s ease,background .16s ease}
.v2TodayGrid>div:hover{transform:translateY(-2px);background:#fff;border-color:#dce6ec}
.v2FinanceList>div,.v2HealthRow,.v2StatusList>div{transition:background .14s ease,padding .14s ease}
.v2FinanceList>div:hover,.v2HealthRow:hover,.v2StatusList>div:hover{background:#f8fafb;padding-inline:7px;border-radius:7px}
.v2Alert{transition:transform .15s ease,box-shadow .15s ease}
.v2Alert:hover{transform:translateY(-1px);box-shadow:0 5px 13px rgba(25,55,73,.06)}

/* Sidebar V3 · graphite + cyan */
.sidebar{
  background:
    radial-gradient(circle at 50% -10%,rgba(49,166,204,.16),transparent 28%),
    linear-gradient(180deg,#0d1f2a 0%,#102833 52%,#0b1d27 100%)!important;
  border-inline-end:1px solid #173746!important;
  box-shadow:6px 0 30px rgba(4,19,27,.08)
}
html[dir=rtl] .sidebar{box-shadow:-6px 0 30px rgba(4,19,27,.08)}
.sidebar nav{padding:11px 9px!important}
.sidebar nav>.navItem,.sidebar nav>.navGroup{margin:4px 0!important}
.sidebar .navItem{
  min-height:46px!important;border-radius:11px!important;padding-inline:11px!important;color:#d4e4eb!important;
  font-weight:650;letter-spacing:.01em;position:relative;overflow:hidden;
  transition:background .16s ease,color .16s ease,transform .16s ease!important;
}
.sidebar .navItem:hover{background:rgba(54,137,168,.17)!important;color:#fff!important;transform:translateX(2px)}
html[dir=rtl] .sidebar .navItem:hover{transform:translateX(-2px)}
.sidebar .navIcon{
  width:28px!important;height:28px;display:grid!important;place-items:center;border-radius:8px;
  background:rgba(92,184,215,.08);color:#82cfe9!important;font-size:13px!important;
  transition:.16s ease
}
.sidebar .navItem:hover .navIcon{background:rgba(92,184,215,.15);transform:scale(1.04)}
.sidebar .navItem.active,
.sidebar .navParent.activeParent,
.sidebar .navGroup.groupActive>.navParent{
  background:linear-gradient(90deg,rgba(38,117,146,.58),rgba(36,94,116,.42))!important;
  box-shadow:inset 0 0 0 1px rgba(120,208,238,.08)!important
}
.sidebar .navItem.active:before,
.sidebar .navGroup.groupActive>.navParent:before{
  width:3px!important;height:24px!important;background:#4dd5f5!important;box-shadow:0 0 14px rgba(77,213,245,.52)!important
}
.sidebar .navItem.active .navIcon,.sidebar .navGroup.groupActive>.navParent .navIcon{
  color:#fff!important;background:rgba(106,210,240,.20)
}
.sidebar .navGroup .chev{transition:transform .2s ease,color .2s ease!important}
.sidebar .navGroup.open .chev{color:#7ddaf2!important}
.sidebar .subNav{
  margin:3px 7px 7px!important;padding:4px!important;border-radius:10px!important;
  background:rgba(3,15,22,.18)!important
}
.sidebar .subNavItem{
  width:100%!important;margin:2px 0!important;border-radius:8px!important;color:#9ebbc7!important;min-height:36px;
  transition:background .15s ease,color .15s ease,padding .15s ease
}
.sidebar .subNavItem:hover{background:rgba(62,148,179,.14)!important;color:#fff!important}
.sidebar .subNavItem.active{background:rgba(56,163,199,.18)!important;color:#89e2fb!important}
.sidebarFooter{margin:4px 9px 0;padding:13px 5px 18px!important;border-top:1px solid rgba(128,184,205,.12)!important}
.logoutBtn{border-radius:10px!important;background:rgba(150,53,62,.10)!important;border-color:rgba(236,118,128,.16)!important}
.logoutBtn:hover{background:rgba(181,63,74,.18)!important}

/* Header V3 */
@media(min-width:761px){
  :root{--top-h:60px;--sidebar-w:224px}
  .topbar{height:var(--top-h)!important}
  .topBrand{background:linear-gradient(180deg,#fdfefe,#f8fafb)}
  .brandLogo{color:#15384a!important;font-weight:900!important;letter-spacing:-1.8px!important}
  .brandLogo small{color:#2a9fc4!important}
  .menuToggle{border-radius:10px!important}
}
.userStrip[data-user-menu-toggle]{border:1px solid transparent}
.userStrip[data-user-menu-toggle]:hover{border-color:#e7edf0;background:#f8fafb!important}

/* Motion restraint */
@media(prefers-reduced-motion:reduce){
  .v2Live i{animation:none!important}
  .v2Metric,.v2Card,.v2Donut,.sidebar .navItem,.sidebar .navIcon{transition:none!important}
}

/* Mobile polish */
@media(max-width:760px){
  .dashboardWorkspace{padding:9px 8px 20px!important}
  .v2Hero{min-height:100px!important;padding:17px 15px!important;border-radius:14px!important}
  .v2Hero h1{font-size:23px!important}
  .v2Hero p{max-width:220px!important}
  .v2Metrics{grid-template-columns:1fr 1fr!important;gap:9px!important}
  .v2Metric{min-height:92px!important;padding:12px!important}
  .sidebar{border-inline-end:0!important}
}
@media(max-width:430px){
  .v2MetricBody strong{font-size:23px!important}
}

/* ===== Subscriber Detail · SAS-inspired modern view ===== */
.userDetailPage{max-width:1640px;margin:0 auto;min-width:0}
.udHeader{
  display:flex;align-items:center;gap:14px;padding:16px 18px;background:#fff;border:1px solid #e1e8ed;
  border-radius:14px 14px 0 0;box-shadow:0 5px 18px rgba(22,55,75,.05)
}
.udBack{width:38px;height:38px;border:1px solid #dfe7ec;border-radius:10px;background:#f7f9fa;color:#536e7d;font-size:20px;cursor:pointer}
.udBack:hover{background:#eef4f7}
.udHeader>div:nth-child(2){min-width:0;flex:1}
.udHeader>div:nth-child(2)>span{display:block;font-size:9px;color:#93a1aa;text-transform:uppercase;letter-spacing:1.1px;font-weight:800}
.udHeader h1{margin:3px 0 0;color:#203744;font-size:22px;line-height:1.1;overflow:hidden;text-overflow:ellipsis}
.udHeaderMeta{display:flex;align-items:center;gap:10px;color:#75858e;font-size:11px}
.udState{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:800;text-transform:uppercase}
.udState.active{background:#e8f8f0;color:#1c8f5a}.udState.expired{background:#fff1e2;color:#b36d10}.udState.disabled{background:#f5e9eb;color:#ad4d5b}.udState.depleted{background:#f1ebfb;color:#7652ad}
.udTabs{
  display:flex;align-items:stretch;gap:0;overflow-x:auto;background:#fff;border-inline:1px solid #e1e8ed;border-bottom:1px solid #e7edf1;
  scrollbar-width:thin
}
.udTabs button{
  flex:0 0 auto;min-width:92px;height:52px;padding:0 15px;border:0;border-bottom:2px solid transparent;background:#fff;
  color:#687b86;font-size:11px;font-weight:700;cursor:pointer;transition:.15s ease
}
.udTabs button:hover{background:#f7fafb;color:#2a5d75}.udTabs button.active{color:#168fc1;border-bottom-color:#20a4dc;background:#fbfdfe}
.udContent{background:#fff;border:1px solid #e1e8ed;border-top:0;border-radius:0 0 14px 14px;padding:18px;min-height:420px}
.udGeneralGrid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,1fr);gap:22px}
.udProfileCard,.udActionSide{min-width:0}
.udIdentity{display:flex;align-items:center;gap:13px;padding:4px 0 14px;border-bottom:1px solid #edf1f4}
.udAvatar{width:64px;height:64px;border-radius:16px;background:linear-gradient(145deg,#dfe7eb,#c8d3d9);display:grid;place-items:center;font-size:27px;color:#718895}
.udIdentity h2{margin:0 0 3px;color:#263c49;font-size:19px}.udIdentity p{margin:0 0 6px;color:#8a99a2;font-size:11px}
.udInfoRows{border:1px solid #e3e9ed;border-radius:10px;overflow:hidden;margin-top:14px}
.udInfoRow{display:grid;grid-template-columns:42% 58%;min-height:46px;border-bottom:1px solid #e8edf0}
.udInfoRow:last-child{border-bottom:0}.udInfoRow>span{display:flex;align-items:center;padding:10px 13px;background:#fafcfd;color:#667984;font-size:11px}
.udInfoRow>div{display:flex;align-items:center;padding:10px 13px;color:#334b58;font-size:11px;min-width:0;overflow-wrap:anywhere}
html[dir=rtl] .udInfoRow>span{border-left:1px solid #edf1f3}html[dir=ltr] .udInfoRow>span{border-right:1px solid #edf1f3}
.udValueLink,.expiryCellLink,.udExpiryEdit{border:0;background:transparent;color:#168fc1;padding:0;cursor:pointer;font:inherit;text-decoration:none}
.udValueLink:hover,.expiryCellLink:hover{text-decoration:underline}
.expiryCellLink{font-size:11px}.udExpiryEdit{min-height:38px;border:1px solid #d7e1e7;border-radius:7px;background:#f8fafb;padding:0 11px;text-align:start}
.udContact{border:1px solid #e1e8ed;border-radius:10px;padding:13px;background:#fbfcfd;color:#546a77;font-size:11px;display:grid;gap:8px}
.udContact>div:first-child{font-weight:800;color:#2d4654;font-size:12px}
.udQuickGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#d5e0e6;border:1px solid #d5e0e6;border-radius:10px;overflow:hidden;margin-top:13px}
.udQuickGrid button{min-height:98px;border:0;background:#6f8daf;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:.15s ease}
.udQuickGrid button:hover{background:#5f82a8}.udQuickGrid button.danger:hover{background:#a95a65}
.udQuickGrid b{font-size:24px;line-height:1}.udQuickGrid span{font-size:11px}
.udNetCard{margin-top:13px;border:1px solid #e1e8ed;border-radius:10px;overflow:hidden}.udNetCard h3{margin:0;padding:12px 13px;background:#f7fafb;color:#3f5968;font-size:12px}
.udNetCard>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 13px;border-top:1px solid #edf1f3;font-size:11px;color:#71818b}
.udNetCard b{color:#344c59;font-size:11px}.udNetCard b.online{color:#1c9b64}.udNetCard b.offline{color:#b45f67}
.udEditForm{border:1px solid #e1e8ed;border-radius:10px;overflow:hidden}.udSectionTitle{padding:12px 16px;border-bottom:1px solid #e6ecef;background:#fbfcfd;color:#334d5b;font-weight:800;font-size:12px}
.udEditGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px 28px;padding:16px 20px}
.udEditGrid label{display:grid;grid-template-columns:minmax(120px,34%) 1fr;align-items:center;gap:10px;color:#485f6c;font-size:11px;min-width:0}
.udEditGrid label.full{grid-column:1/-1}.udEditGrid input,.udEditGrid select,.udEditGrid textarea{
  width:100%;min-width:0;min-height:38px;border:1px solid #d6e0e5;border-radius:6px;background:#fff;padding:8px 10px;color:#334a57;font-size:12px
}
.udEditGrid textarea{min-height:84px;resize:vertical}.udEditGrid input[readonly]{background:#f0f3f5;color:#647680}
.udSwitchRow input{display:none}.udSwitchRow i{position:relative;width:48px;height:27px;border-radius:99px;background:#cad5db;cursor:pointer;transition:.18s ease}
.udSwitchRow i:before{content:"";position:absolute;width:21px;height:21px;border-radius:50%;background:#fff;top:3px;left:3px;box-shadow:0 1px 3px #0002;transition:.18s ease}
.udSwitchRow input:checked+i{background:#2aa8e5}.udSwitchRow input:checked+i:before{left:24px}
html[dir=rtl] .udSwitchRow i:before{left:auto;right:3px}html[dir=rtl] .udSwitchRow input:checked+i:before{right:24px;left:auto}
.udFormActions{display:flex;gap:10px;padding:16px 20px;border-top:1px solid #e5ebee;background:#fafcfd}
.udStatsGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.udStatsGrid>div{border:1px solid #e1e8ed;border-radius:10px;padding:16px;background:#fbfcfd}.udStatsGrid span{display:block;color:#84939b;font-size:10px;margin-bottom:7px}.udStatsGrid b{font-size:19px;color:#2c4655}
.udTableWrap{overflow:auto;border:1px solid #e1e8ed;border-radius:10px}.udTable{width:100%;border-collapse:collapse;font-size:11px}.udTable th{background:#f7fafb;color:#607581;text-align:start;padding:11px 12px;border-bottom:1px solid #dfe7eb;white-space:nowrap}.udTable td{padding:11px 12px;border-bottom:1px solid #edf1f3;color:#405762;white-space:nowrap}.udTable tr:last-child td{border-bottom:0}.udEmptyCell{text-align:center!important;color:#96a4ac!important;padding:30px!important}
.udNotePanel,.udEmptyState{border:1px solid #e1e8ed;border-radius:10px;padding:20px;background:#fbfcfd}.udNotePanel h3{margin:0 0 10px;font-size:13px;color:#35515f}.udNotePanel p{margin:0;color:#687a84;line-height:1.8}
.udEmptyState{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:240px;text-align:center;color:#83929a;gap:7px}.udEmptyState b{color:#4f6673}
.userExpiryForm{min-width:min(440px,75vw)}.userExpiryForm .field{padding:4px 0}.userExpiryForm input{direction:ltr;text-align:center;font-size:14px}
.userExpiryActions{display:flex;justify-content:center;gap:10px;margin-top:18px}.userExpiryActions .btn{min-width:86px}
@media(max-width:1100px){.udGeneralGrid{grid-template-columns:1fr}.udStatsGrid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){
  .udHeader{border-radius:11px 11px 0 0;padding:12px}.udHeader h1{font-size:18px}.udHeaderMeta b{display:none}
  .udTabs button{min-width:82px;height:48px;padding:0 10px;font-size:10px}
  .udContent{padding:10px;border-radius:0 0 11px 11px}.udGeneralGrid{gap:12px}
  .udQuickGrid{grid-template-columns:1fr 1fr}.udQuickGrid button{min-height:86px}
  .udEditGrid{grid-template-columns:1fr;padding:12px;gap:10px}.udEditGrid label.full{grid-column:auto}.udEditGrid label{grid-template-columns:1fr;gap:6px}
  .udFormActions{padding:12px}.udStatsGrid{grid-template-columns:1fr 1fr}
}
@media(max-width:430px){.udInfoRow{grid-template-columns:43% 57%}.udStatsGrid{grid-template-columns:1fr}.udAvatar{width:52px;height:52px}.udQuickGrid button{min-height:80px}}

/* ===== List Columns + Filter visibility ===== */
.sasControls.sasControlsHidden{display:none!important}
.columnChooserPopover{
  position:fixed;z-index:4200;max-height:min(650px,calc(100vh - 30px));overflow:hidden;
  background:#fff;border:1px solid #d7e0e5;border-radius:8px;box-shadow:0 14px 38px rgba(17,41,55,.24);
  color:#445966;font-size:11px
}
.columnChooserHead{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:#334149;color:#fff}
.columnChooserHead b{font-size:11px}.columnChooserHead button{border:0;background:transparent;color:#fff;font-size:20px;cursor:pointer}
.columnChooserAll{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid #e7ecef;font-weight:800;background:#fafcfd}
.columnChooserList{max-height:500px;overflow:auto;padding:5px 0}
.columnChooserList label{display:flex;align-items:center;gap:8px;min-height:31px;padding:4px 12px;cursor:pointer}
.columnChooserList label:hover{background:#f3f7f9}
.columnChooserPopover input[type=checkbox]{width:17px;height:17px;accent-color:#229edd;flex:0 0 auto}
.columnChooserFoot{display:flex;justify-content:flex-end;padding:9px 10px;border-top:1px solid #e7ecef;background:#fafcfd}
.columnChooserFoot .btn{min-height:31px;padding:0 10px;font-size:10px}
.sasHeadTools button[data-column-toggle]{font-size:18px}
.sasHeadTools button[data-list-filter-toggle].toolActive{background:#2d5366;color:#8eddf6}
@media(max-width:760px){
  .columnChooserPopover{left:10px!important;right:10px!important;width:auto!important;top:72px!important;max-height:calc(100vh - 90px)}
  .columnChooserList{max-height:calc(100vh - 190px)}
}

/* ===== NAS full-page form ===== */
.nasPageBreadcrumb{
  display:flex;align-items:center;justify-content:flex-end;gap:6px;
  padding:2px 6px 10px;color:#9a8fb0;font-size:10px
}
.nasPageBreadcrumb button{
  border:0;background:transparent;color:#8d83a5;cursor:pointer;padding:0;font:inherit
}
.nasPageBreadcrumb button:hover{color:#278fbd;text-decoration:underline}
.nasFormHead{margin-bottom:0}
.nasFullPage{
  background:#fff;border:1px solid #dce4e8;border-top:0;
  padding:20px 34px 34px!important;min-height:620px
}
.nasFullPage h3{
  font-size:13px!important;color:#334b58;font-weight:600!important;
  margin:4px 0 16px!important;padding:14px 0 9px!important
}
.nasFullPage .twoFieldCols{column-gap:90px;row-gap:10px}
.nasFullPage .field input,.nasFullPage .field select{
  border-radius:2px;background:#fff;min-height:36px
}
.nasFullPage .field input:focus,.nasFullPage .field select:focus{
  border-color:#5bb6df;box-shadow:0 0 0 2px rgba(54,155,203,.08);outline:0
}
.nasFullPage .nasToggle{padding-left:0!important}
.nasFullPage .formFooter{
  margin-top:34px;padding-top:20px;padding-bottom:4px
}
.nasFullPage .formFooter .btn{min-width:120px}
@media(max-width:900px){
  .nasFullPage{padding:14px 16px 26px!important}
  .nasFullPage .twoFieldCols{column-gap:20px}
}

/* ===== Users list header matched to SAS reference ===== */
.usersBreadcrumb{
  text-align:right;
  direction:ltr;
  color:#a39ab8;
  font-size:10px;
  padding:1px 7px 9px;
}
.sasBoxUsers{border-top:0}
.sasBoxUsers .sasHead{
  min-height:46px;
  height:46px;
  background:#334149;
  direction:rtl;
}
.sasBoxUsers .sasHeadTitle{
  margin-left:auto;
  margin-right:0;
  padding:0 14px;
  gap:8px;
  font-size:12px;
}
.sasBoxUsers .sasHeadTitle>span{font-size:16px;color:#fff}
.sasBoxUsers .sasHeadTitle b{color:#fff;font-weight:700}
.sasBoxUsers .sasHeadTitle i{color:#fff;font-size:10px;font-weight:600}
.sasBoxUsers .sasHeadTools{
  order:2;
  margin:0 auto 0 0;
  direction:ltr;
}
.sasBoxUsers .sasHeadTools button{
  width:50px;
  min-width:50px;
  height:46px;
  border-inline-start:0;
  border-right:1px solid #71818a;
  background:#334149;
  color:#9db4c3;
}
.sasBoxUsers .sasHeadTools button:first-child{border-left:1px solid #71818a}
.sasBoxUsers .sasHeadTools button:hover{background:#3d4d56;color:#fff}
html[dir=rtl] .sasLegend{
  direction:rtl;
}
html[dir=rtl] .sasLegend .legendItem{
  flex-direction:row;
}
.sasBoxUsers + *{}
@media(max-width:900px){
  .sasBoxUsers .sasHead{height:auto;min-height:46px;flex-direction:row}
  .sasBoxUsers .sasHeadTools{overflow-x:auto}
  .sasBoxUsers .sasHeadTitle{min-width:max-content}
}

/* ===== SAS-style Advanced User Search ===== */
.usersFilterOverlay{
  position:fixed!important;
  inset:0!important;
  z-index:4300!important;
  background:transparent!important;
  display:flex!important;
  justify-content:flex-start!important;
  align-items:flex-start!important;
  padding:4px 0 4px 14px!important;
}
.usersFilterPanel{
  width:min(530px,calc(100vw - 28px))!important;
  max-height:calc(100vh - 8px)!important;
  background:#f7f7f7!important;
  color:#3c4a54!important;
  border:1px solid #aeb8bf!important;
  box-shadow:0 8px 22px rgba(22,38,48,.14)!important;
  overflow:auto!important;
}
.usersFilterHead{
  height:46px!important;
  background:#334149!important;
  color:#fff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  padding:0 20px!important;
  border-bottom:1px solid #9da8af!important;
}
.usersFilterHead b{
  font-size:13px!important;
  font-weight:600!important;
}
.usersFilterHead button{
  border:0!important;
  background:transparent!important;
  color:#9eb0bc!important;
  font-size:20px!important;
  line-height:1!important;
  cursor:pointer!important;
  padding:0!important;
}
.usersFilterBody{
  padding:18px 20px 20px!important;
  direction:rtl!important;
}
.usersFilterField{
  display:block!important;
  margin:0 0 12px!important;
}
.usersFilterField>span,.usersFilterMac>span{
  display:block!important;
  font-size:13px!important;
  margin:0 0 7px!important;
  color:#45545e!important;
  text-align:right!important;
}
.usersFilterField select{
  width:100%!important;
  height:40px!important;
  border:1px solid #c8d1d7!important;
  border-radius:2px!important;
  background:#fff!important;
  color:#46545e!important;
  padding:0 10px!important;
  font-size:13px!important;
  outline:none!important;
}
.usersFilterField select:focus,.usersFilterMac input:focus{
  border-color:#30a7ea!important;
  box-shadow:0 0 0 2px rgba(48,167,234,.14)!important;
}
.usersFilterSwitch{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:7px!important;
  margin:2px 0 15px!important;
  font-size:13px!important;
  width:100%!important;
}
.usersFilterSwitch>span{
  width:100%!important;
  text-align:right!important;
}
.usersFilterSwitch input{
  position:absolute!important;
  opacity:0!important;
  pointer-events:none!important;
}
.usersFilterSwitch i{
  width:48px!important;
  height:27px!important;
  border-radius:16px!important;
  background:#c5ced4!important;
  display:block!important;
  position:relative!important;
  transition:.16s!important;
  align-self:flex-start!important;
}
.usersFilterSwitch i:after{
  content:""!important;
  position:absolute!important;
  width:21px!important;
  height:21px!important;
  border-radius:50%!important;
  background:#fff!important;
  top:3px!important;
  left:3px!important;
  box-shadow:0 1px 4px #0003!important;
  transition:.16s!important;
}
.usersFilterSwitch input:checked+i{background:#249fee!important}
.usersFilterSwitch input:checked+i:after{left:24px!important}
.usersFilterMac{
  display:block!important;
  margin:0 0 12px!important;
}
.usersFilterMac input{
  width:100%!important;
  height:36px!important;
  box-sizing:border-box!important;
  border:1px solid #c8d1d7!important;
  background:#fff!important;
  padding:0 10px!important;
  color:#46545e!important;
  font-size:13px!important;
  outline:none!important;
}
.usersFilterActions{
  display:block!important;
  border-top:0!important;
  padding-top:0!important;
}
.usersFilterSearchBtn{
  width:100%!important;
  height:35px!important;
  border:0!important;
  background:#b9c4d0!important;
  color:#33434d!important;
  font-size:12px!important;
  cursor:pointer!important;
}
.usersFilterSearchBtn:hover{background:#aab8c6!important}
.filterFunnelIcon{
  position:relative;
  display:inline-block;
  width:15px;
  height:15px;
}
.filterFunnelIcon:before{
  content:"";
  position:absolute;
  left:1px;
  top:1px;
  width:0;
  height:0;
  border-left:7px solid transparent;
  border-right:7px solid transparent;
  border-top:8px solid currentColor;
}
.filterFunnelIcon:after{
  content:"";
  position:absolute;
  width:4px;
  height:6px;
  left:6px;
  top:7px;
  background:currentColor;
  transform:skewY(-18deg);
}
@media(max-width:600px){
  .usersFilterOverlay{padding:0!important}
  .usersFilterPanel{width:100vw!important;max-height:100vh!important;border:0!important}
  .usersFilterBody{padding:16px!important}
}

/* ===== SAS-style Managers Tree ===== */
.usersTreeOverlay{
  position:fixed!important;
  inset:0!important;
  z-index:4350!important;
  background:transparent!important;
  display:flex!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
}
.usersTreePanel{
  width:min(640px,96vw)!important;
  height:100vh!important;
  max-height:100vh!important;
  box-sizing:border-box!important;
  background:#fff!important;
  color:#4a5660!important;
  box-shadow:8px 0 24px rgba(17,38,51,.10)!important;
  padding:18px 22px 24px 44px!important;
  position:relative!important;
  overflow:auto!important;
  direction:rtl!important;
}
.usersTreeClose{
  position:absolute!important;
  top:14px!important;
  right:18px!important;
  width:30px!important;
  height:30px!important;
  border:0!important;
  background:transparent!important;
  color:#687782!important;
  font-size:27px!important;
  line-height:1!important;
  cursor:pointer!important;
}
.usersTreePanel h2{
  text-align:center!important;
  font-weight:500!important;
  font-size:22px!important;
  margin:46px 0 14px!important;
  color:#4d5962!important;
}
.usersTreeSearch{
  display:flex!important;
  flex-direction:row!important;
  direction:ltr!important;
  border:1px solid #ccd5db!important;
  border-radius:0!important;
  overflow:hidden!important;
  margin:0 0 16px!important;
  max-width:none!important;
  height:38px!important;
  background:#fff!important;
}
.usersTreeSearch button{
  order:0!important;
  width:42px!important;
  min-width:42px!important;
  height:38px!important;
  border:0!important;
  border-right:1px solid #ccd5db!important;
  background:#edf1f4!important;
  color:#5b6a75!important;
  font-size:19px!important;
}
.usersTreeSearch input{
  order:1!important;
  height:38px!important;
  flex:1!important;
  border:0!important;
  padding:0 12px!important;
  font-size:12px!important;
  outline:none!important;
  direction:rtl!important;
  text-align:right!important;
  color:#4e5c65!important;
}
.usersTreeSearch input::placeholder{color:#c7cdd1!important}
.usersTreeList{
  border-top:1px solid #e0e5e8!important;
  padding:14px 6px 30px 0!important;
  min-height:650px!important;
  overflow:visible!important;
}
.managerTreeItem{
  position:relative!important;
  display:block!important;
}
.managerTreeItem.searchHide{display:none!important}
.managerTreeRow{
  min-height:31px!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  position:relative!important;
  background:#fff!important;
  border-radius:2px!important;
}
.managerTreeRow:hover{background:#f6f9fb!important}
.managerTreeRow.active{background:#e7f4fb!important}
.managerTreeToggle{
  width:24px!important;
  min-width:24px!important;
  height:28px!important;
  border:0!important;
  background:transparent!important;
  color:#596771!important;
  font-size:13px!important;
  cursor:pointer!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  order:1!important;
}
.managerTreeToggle.leaf{cursor:default!important;color:#999!important}
.managerTreeSelect{
  height:30px!important;
  min-width:0!important;
  border:0!important;
  background:transparent!important;
  color:#5b6670!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:7px!important;
  padding:0 2px!important;
  font-size:12px!important;
  cursor:pointer!important;
  text-align:right!important;
  order:2!important;
}
.managerTreeSelect:hover{color:#243b49!important}
.managerTreePerson{
  width:14px!important;
  min-width:14px!important;
  text-align:center!important;
  color:#56646e!important;
  font-size:13px!important;
}
.managerTreeChildren{
  display:none!important;
  margin-right:19px!important;
  padding-right:9px!important;
  border-right:1px dotted #7f878c!important;
  position:relative!important;
}
.managerTreeChildren.open,
.managerTreeChildren.searchOpen{display:block!important}
.managerTreeChildren>.managerTreeItem>.managerTreeRow:before{
  content:""!important;
  position:absolute!important;
  right:-9px!important;
  top:15px!important;
  width:9px!important;
  border-top:1px dotted #7f878c!important;
}
.managerTreeItem.searchHit>.managerTreeRow{
  background:#fff5c9!important;
}
.treeToolIcon{
  width:18px;
  height:16px;
  position:relative;
  display:inline-block;
}
.treeToolIcon:before{
  content:"";
  position:absolute;
  left:4px;
  top:1px;
  width:1px;
  height:13px;
  background:currentColor;
  opacity:.9;
}
.treeToolIcon:after{
  content:"";
  position:absolute;
  left:4px;
  top:4px;
  width:8px;
  height:7px;
  border-top:1px solid currentColor;
  border-bottom:1px solid currentColor;
}
.treeToolIcon i{
  position:absolute;
  width:4px;
  height:4px;
  border:1px solid currentColor;
  background:#334149;
  box-sizing:border-box;
}
.treeToolIcon i:nth-child(1){left:1px;top:0}
.treeToolIcon i:nth-child(2){left:11px;top:3px}
.treeToolIcon i:nth-child(3){left:11px;top:10px}
@media(max-width:700px){
  .usersTreePanel{width:100vw!important;padding:16px 14px 24px 28px!important}
  .usersTreePanel h2{font-size:20px!important}
  .usersTreeList{min-height:calc(100vh - 170px)!important}
}

/* ===== SAS-style users column chooser ===== */
.colHidden{display:none!important}
.columnChooserPopover.userColumnChooser{
  position:fixed!important;
  z-index:4400!important;
  width:195px!important;
  max-height:calc(100vh - 54px)!important;
  overflow:hidden!important;
  background:#fff!important;
  border:1px solid #d7dde1!important;
  border-radius:0!important;
  box-shadow:0 8px 22px rgba(20,39,50,.16)!important;
  color:#65727b!important;
  direction:rtl!important;
}
.userColumnChooser .columnChooserList{
  max-height:calc(100vh - 58px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:8px 0!important;
  scrollbar-width:thin!important;
}
.userColumnChooser .columnChooserList label{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:9px!important;
  min-height:29px!important;
  padding:2px 13px 2px 10px!important;
  margin:0!important;
  cursor:pointer!important;
  white-space:nowrap!important;
  font-size:11px!important;
  color:#66737d!important;
}
.userColumnChooser .columnChooserList label:hover{
  background:#f4f7f9!important;
  color:#354a56!important;
}
.userColumnChooser .columnChooserList input[type=checkbox]{
  -webkit-appearance:none!important;
  appearance:none!important;
  width:19px!important;
  height:19px!important;
  min-width:19px!important;
  border:1px solid #c4cfd6!important;
  border-radius:3px!important;
  background:#fff!important;
  position:relative!important;
  cursor:pointer!important;
  margin:0!important;
}
.userColumnChooser .columnChooserList input[type=checkbox]:checked{
  background:#2ca4ed!important;
  border-color:#2ca4ed!important;
}
.userColumnChooser .columnChooserList input[type=checkbox]:checked:after{
  content:"✓"!important;
  position:absolute!important;
  inset:0!important;
  display:grid!important;
  place-items:center!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1!important;
}
.userColumnChooser .columnChooserList span{
  flex:1!important;
  text-align:right!important;
}
.columnToolIcon{
  display:inline-block;
  width:16px;
  height:15px;
  position:relative;
}
.columnToolIcon i{
  position:absolute;
  left:1px;
  width:3px;
  height:3px;
  border:1px solid currentColor;
  box-sizing:border-box;
}
.columnToolIcon i:nth-child(1){top:1px}
.columnToolIcon i:nth-child(2){top:6px}
.columnToolIcon i:nth-child(3){top:11px}
.columnToolIcon:before{
  content:"";
  position:absolute;
  left:6px;
  top:2px;
  width:9px;
  height:1px;
  background:currentColor;
  box-shadow:0 5px 0 currentColor,0 10px 0 currentColor;
}
@media(max-width:760px){
  .columnChooserPopover.userColumnChooser{
    left:0!important;
    right:auto!important;
    width:205px!important;
    top:60px!important;
    max-height:calc(100vh - 60px)!important;
  }
  .userColumnChooser .columnChooserList{max-height:calc(100vh - 62px)!important}
}

/* ===== Dashboard header V4 · compact admin header ===== */
.dashboardWorkspace{padding-top:14px!important}
.v2Hero{
  min-height:88px!important;
  padding:16px 20px!important;
  margin-bottom:14px!important;
  border-radius:14px!important;
  background:#ffffff!important;
  color:#203744!important;
  border:1px solid #dfe8ed!important;
  box-shadow:0 6px 18px rgba(24,55,72,.06)!important;
  overflow:hidden!important;
}
.v2Hero:hover{box-shadow:0 8px 22px rgba(24,55,72,.075)!important}
.v2Hero:before{display:none!important}
.v2Hero:after{
  content:""!important;
  position:absolute!important;
  inset-block:15px!important;
  inset-inline-start:0!important;
  width:4px!important;
  height:auto!important;
  border:0!important;
  border-radius:0 6px 6px 0!important;
  background:linear-gradient(180deg,#1f8fb8,#2db39b)!important;
  transform:none!important;
  top:15px!important;
  right:auto!important;
  left:auto!important;
}
html[dir=rtl] .v2Hero:after{
  right:0!important;
  left:auto!important;
  border-radius:6px 0 0 6px!important;
}
html[dir=ltr] .v2Hero:after{
  left:0!important;
  right:auto!important;
}
.v2Hero>div:first-child{
  min-width:0;
  padding-inline-start:8px;
}
.v2Eyebrow{
  color:#7d98a6!important;
  font-size:9px!important;
  letter-spacing:1.8px!important;
  margin-bottom:4px!important;
}
.v2Hero h1{
  color:#183847!important;
  font-size:24px!important;
  line-height:1.15!important;
  margin:0 0 4px!important;
  letter-spacing:-.45px!important;
}
.v2Hero p{
  color:#758892!important;
  font-size:11px!important;
  line-height:1.6!important;
  max-width:760px!important;
}
.v2Live{
  color:#17744d!important;
  background:#edf9f3!important;
  border:1px solid #cfeade!important;
  border-radius:999px!important;
  padding:7px 11px!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.v2Live i{
  width:8px!important;
  height:8px!important;
  background:#31bd7b!important;
  box-shadow:0 0 0 4px rgba(49,189,123,.11)!important;
}
@media(max-width:760px){
  .dashboardWorkspace{padding-top:9px!important}
  .v2Hero{
    min-height:78px!important;
    padding:13px 14px!important;
    border-radius:11px!important;
  }
  .v2Hero h1{font-size:20px!important}
  .v2Hero p{font-size:10px!important;max-width:230px!important}
  .v2Eyebrow{font-size:8px!important}
  .v2Live{padding:6px 9px!important;font-size:9px!important}
}

/* ===== Dashboard header V5 · centered premium brand ===== */
.v2Hero.v2HeroBrand{
  min-height:122px!important;
  padding:18px 28px!important;
  margin-bottom:14px!important;
  border-radius:16px!important;
  display:grid!important;
  place-items:center!important;
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background:
    linear-gradient(110deg,rgba(255,255,255,.025),transparent 34%,rgba(73,204,219,.055) 72%,rgba(255,255,255,.018)),
    linear-gradient(135deg,#0d2633 0%,#103a49 52%,#13586b 100%)!important;
  color:#fff!important;
  border:1px solid rgba(79,183,204,.24)!important;
  box-shadow:0 12px 30px rgba(17,54,70,.14)!important;
}
.v2Hero.v2HeroBrand:hover{
  box-shadow:0 14px 34px rgba(17,54,70,.17)!important;
}
.v2Hero.v2HeroBrand:before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:auto!important;
  height:auto!important;
  border-radius:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,transparent 0 18%,rgba(99,212,228,.055) 18% 18.12%,transparent 18.12% 81.88%,rgba(99,212,228,.055) 81.88% 82%,transparent 82%),
    linear-gradient(180deg,rgba(255,255,255,.035),transparent 35%)!important;
  opacity:1!important;
}
.v2Hero.v2HeroBrand:after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  right:auto!important;
  top:auto!important;
  bottom:0!important;
  width:180px!important;
  height:2px!important;
  transform:translateX(-50%)!important;
  border:0!important;
  border-radius:4px 4px 0 0!important;
  background:linear-gradient(90deg,transparent,#48c6d8,#54d6a9,transparent)!important;
  opacity:.9!important;
}
html[dir=rtl] .v2Hero.v2HeroBrand:after{
  left:50%!important;
  right:auto!important;
}
.v2BrandCenter{
  position:relative!important;
  z-index:2!important;
  width:min(820px,78%)!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  padding:1px 0!important;
}
.v2CompanyLogo{
  display:block!important;
  max-width:150px!important;
  max-height:28px!important;
  object-fit:contain!important;
  margin:0 auto 7px!important;
}
.v2HeroBrand .v2Eyebrow{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  margin:0 0 5px!important;
  color:#8fd9e8!important;
  font-size:8px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:3px!important;
}
.v2HeroBrand .v2Eyebrow:before,
.v2HeroBrand .v2Eyebrow:after{
  content:""!important;
  width:24px!important;
  height:1px!important;
  background:rgba(137,215,231,.38)!important;
}
.v2HeroBrand .v2CompanyName{
  color:#fff!important;
  margin:0!important;
  font-size:29px!important;
  line-height:1.15!important;
  font-weight:850!important;
  letter-spacing:-.65px!important;
  text-shadow:0 1px 10px rgba(0,0,0,.12)!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.v2HeroMeta{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  margin-top:7px!important;
  color:#bad0d9!important;
  font-size:10px!important;
  line-height:1.4!important;
}
.v2HeroMeta strong{
  color:#d9edf2!important;
  font-size:10px!important;
  font-weight:800!important;
}
.v2HeroMeta>span:first-of-type{
  color:#57cbd1!important;
  font-size:9px!important;
}
.v2Hero.v2HeroBrand .v2Live{
  position:absolute!important;
  z-index:3!important;
  inset-inline-start:18px!important;
  top:16px!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  color:#ddfff0!important;
  background:rgba(18,47,57,.52)!important;
  border:1px solid rgba(93,213,164,.30)!important;
  border-radius:999px!important;
  padding:6px 10px!important;
  font-size:9px!important;
  font-weight:800!important;
  letter-spacing:.2px!important;
  box-shadow:inset 0 1px rgba(255,255,255,.04)!important;
  backdrop-filter:blur(8px)!important;
}
.v2Hero.v2HeroBrand .v2Live i{
  width:7px!important;
  height:7px!important;
  background:#54d89f!important;
  box-shadow:0 0 0 4px rgba(84,216,159,.10),0 0 10px rgba(84,216,159,.32)!important;
}
@media(max-width:760px){
  .v2Hero.v2HeroBrand{
    min-height:108px!important;
    padding:16px 13px!important;
    border-radius:13px!important;
  }
  .v2BrandCenter{width:88%!important}
  .v2CompanyLogo{max-height:22px!important;max-width:110px!important;margin-bottom:6px!important}
  .v2HeroBrand .v2Eyebrow{font-size:7px!important;letter-spacing:2px!important}
  .v2HeroBrand .v2Eyebrow:before,.v2HeroBrand .v2Eyebrow:after{width:14px!important}
  .v2HeroBrand .v2CompanyName{font-size:22px!important}
  .v2HeroMeta{font-size:9px!important;gap:5px!important;margin-top:5px!important}
  .v2HeroMeta strong{font-size:9px!important}
  .v2Hero.v2HeroBrand .v2Live{top:10px!important;inset-inline-start:10px!important;padding:5px 8px!important;font-size:8px!important}
}

/* ===== Dashboard header V6 · true centered brand ===== */
.v2Hero.v2HeroBrand{
  display:block!important;
  min-height:122px!important;
  position:relative!important;
}
.v2Hero.v2HeroBrand .v2BrandCenter{
  position:absolute!important;
  left:50%!important;
  right:auto!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:min(760px,68%)!important;
  margin:0!important;
  padding:0!important;
  text-align:center!important;
  align-items:center!important;
  justify-content:center!important;
}
html[dir=rtl] .v2Hero.v2HeroBrand .v2BrandCenter{
  left:50%!important;
  right:auto!important;
  transform:translate(-50%,-50%)!important;
}
.v2Hero.v2HeroBrand .v2Live{
  top:16px!important;
  left:18px!important;
  right:auto!important;
  inset-inline-start:auto!important;
  inset-inline-end:auto!important;
}
html[dir=rtl] .v2Hero.v2HeroBrand .v2Live{
  left:18px!important;
  right:auto!important;
}
.v2HeroBrand .v2CompanyName{
  text-align:center!important;
  width:100%!important;
}
.v2HeroBrand .v2Eyebrow,
.v2HeroBrand .v2HeroMeta{
  width:100%!important;
  text-align:center!important;
}
@media(max-width:760px){
  .v2Hero.v2HeroBrand .v2BrandCenter{
    width:76%!important;
  }
  .v2Hero.v2HeroBrand .v2Live{
    top:10px!important;
    left:10px!important;
    right:auto!important;
  }
}

/* ===== Dashboard header V7 · dashboard title top-right ===== */
.v2DashboardCorner{
  position:absolute!important;
  z-index:4!important;
  top:17px!important;
  right:22px!important;
  left:auto!important;
  color:#ffffff!important;
  font-size:24px!important;
  line-height:1.15!important;
  font-weight:850!important;
  letter-spacing:-.4px!important;
  text-align:right!important;
  white-space:nowrap!important;
  text-shadow:0 1px 10px rgba(0,0,0,.12)!important;
}
.v2DashboardCorner:after{
  content:""!important;
  display:block!important;
  width:34px!important;
  height:2px!important;
  margin-top:7px!important;
  margin-right:0!important;
  margin-left:auto!important;
  border-radius:99px!important;
  background:linear-gradient(90deg,#56d7a8,#4ac9dd)!important;
}
.v2HeroBrand .v2HeroMeta{
  margin-top:7px!important;
}
.v2HeroBrand .v2HeroMeta>span{
  color:#bad0d9!important;
}
@media(max-width:760px){
  .v2DashboardCorner{
    top:11px!important;
    right:13px!important;
    font-size:18px!important;
  }
  .v2DashboardCorner:after{
    width:25px!important;
    margin-top:5px!important;
  }
}

/* ===== BlueRadius Identity · Login + Brand ===== */
:root{
  --br-blue:#1479f8;
  --br-cyan:#15b8ef;
  --br-navy:#071f49;
  --br-deep:#061a3a;
  --br-ink:#0b2148;
  --br-soft:#eef6ff;
}
.blueLogin{
  min-height:100vh!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.12fr) minmax(520px,.88fr)!important;
  place-items:stretch!important;
  background:#f4f8fd!important;
  overflow:hidden!important;
}
.blueLogin:before,.blueLogin:after{display:none!important}
.blueLoginVisual{
  position:relative;
  overflow:hidden;
  min-width:0;
  background:
    radial-gradient(circle at 78% 46%,rgba(19,139,255,.28),transparent 28%),
    radial-gradient(circle at 25% 20%,rgba(43,114,221,.22),transparent 24%),
    linear-gradient(135deg,#061b3d 0%,#062a61 52%,#084b91 100%);
  color:#fff;
  display:flex;
  align-items:center;
  padding:70px 8vw 70px 6vw;
}
.blueLoginGlow{
  position:absolute;inset:0;pointer-events:none;opacity:.75;
  background:
    linear-gradient(115deg,transparent 0 63%,rgba(24,183,239,.10) 63% 63.15%,transparent 63.15%),
    linear-gradient(33deg,transparent 0 48%,rgba(46,146,255,.10) 48% 48.12%,transparent 48.12%);
}
.blueLoginVisualContent{position:relative;z-index:3;max-width:650px}
.blueLoginKicker{
  font-size:10px;font-weight:900;letter-spacing:2.8px;color:#65cdfb;margin-bottom:18px
}
.blueLoginVisual h2{
  margin:0 0 18px;font-size:clamp(34px,4vw,60px);line-height:1.3;font-weight:850;letter-spacing:-1.2px
}
.blueLoginVisual h2 span{color:#24b9ff}
.blueLoginVisualContent>p{
  margin:0 0 34px;max-width:560px;font-size:14px;line-height:2;color:#c5d8ee
}
.blueFeatureList{display:grid;gap:14px;max-width:480px}
.blueFeatureList>div{
  display:flex;align-items:center;gap:14px;min-height:62px;padding:10px 12px;
  border:1px solid rgba(77,170,255,.15);border-radius:13px;background:rgba(4,25,63,.26);backdrop-filter:blur(6px)
}
.blueFeatureList i{
  width:44px;height:44px;display:grid;place-items:center;border-radius:11px;
  background:linear-gradient(145deg,rgba(16,122,244,.28),rgba(14,192,239,.12));
  border:1px solid rgba(60,170,255,.18);color:#29baff;font-style:normal;font-size:20px
}
.blueFeatureList span{display:flex;flex-direction:column;gap:3px}
.blueFeatureList b{font-size:13px;color:#fff}.blueFeatureList small{font-size:10px;color:#9ebde0}
.blueNetworkArt{
  position:absolute;z-index:1;width:560px;height:560px;border-radius:50%;right:-115px;bottom:-155px;
  background:
    radial-gradient(circle at center,rgba(33,181,255,.23) 0 2px,transparent 3px),
    radial-gradient(circle at center,rgba(0,104,255,.11),transparent 59%);
  opacity:.95
}
.blueNetworkArt:before,.blueNetworkArt:after{
  content:"";position:absolute;border-radius:50%;border:1px solid rgba(54,186,255,.18)
}
.blueNetworkArt:before{inset:55px}.blueNetworkArt:after{inset:125px}
.blueNetworkArt .orbit{position:absolute;border:1px solid rgba(48,183,255,.38);border-radius:50%;transform:rotate(-22deg)}
.blueNetworkArt .o1{width:420px;height:160px;left:40px;top:155px}
.blueNetworkArt .o2{width:350px;height:110px;left:80px;top:240px;transform:rotate(19deg)}
.blueNetworkArt .o3{width:280px;height:85px;left:120px;top:325px;transform:rotate(-36deg)}
.blueNetworkArt .node{
  position:absolute;width:12px;height:12px;border-radius:50%;background:#3bc9ff;
  box-shadow:0 0 0 5px rgba(59,201,255,.12),0 0 18px rgba(59,201,255,.55)
}
.blueNetworkArt .n1{left:85px;top:198px}.blueNetworkArt .n2{left:330px;top:170px}.blueNetworkArt .n3{left:380px;top:307px}.blueNetworkArt .n4{left:170px;top:365px}.blueNetworkArt .n5{left:255px;top:273px}

.blueLoginPanel{
  position:relative;display:grid;place-items:center;padding:56px 48px 42px;background:
  linear-gradient(160deg,#ffffff 0%,#f7fbff 54%,#edf6ff 100%);
}
.blueLoginPanel:before{
  content:"";position:absolute;top:-80px;left:-70px;width:170px;height:300px;transform:rotate(17deg);
  background:linear-gradient(90deg,rgba(39,142,255,.18),rgba(38,184,239,.06));border-radius:38px
}
.blueLoginLang{
  position:absolute;top:22px;right:28px;display:flex;align-items:center;gap:7px;
  min-height:36px;padding:0 10px;border:1px solid #d7e5f4;border-radius:10px;background:rgba(255,255,255,.84);
  box-shadow:0 3px 12px rgba(42,89,135,.05);z-index:2
}
.blueLoginLang span{color:#5577a3;font-size:14px}
.blueLoginLang select{border:0;outline:0;background:transparent;color:#28466f;font-size:12px;font-weight:700;padding:0 2px}
.blueLoginCard{
  width:min(560px,92%);position:relative;z-index:2;background:rgba(255,255,255,.90);
  border:1px solid rgba(211,226,242,.95);border-radius:24px;padding:34px 44px 32px;
  box-shadow:0 20px 55px rgba(28,79,126,.11);backdrop-filter:blur(10px);color:#10244a
}
.blueLoginLogo{
  width:210px;height:auto;display:block;margin:-4px auto 2px;object-fit:contain
}
.blueLoginCard h1{text-align:center;margin:0;font-size:31px;line-height:1.2;font-weight:850;color:#0c2350}
.blueLoginWelcome{text-align:center;margin:7px 0 0;font-size:13px;font-weight:750;color:#29486f}
.blueLoginHint{text-align:center;margin:4px 0 24px;font-size:11px;color:#8397b4}
.blueField{display:block;margin:0 0 14px}
.blueField>span{display:block;margin:0 0 7px;font-size:11px;font-weight:800;color:#1d3457;text-align:start}
.blueField>div{
  height:48px;display:flex;align-items:center;border:1px solid #cfdeef;border-radius:9px;background:#fff;
  transition:border-color .15s ease,box-shadow .15s ease
}
.blueField>div:focus-within{border-color:#2a9be8;box-shadow:0 0 0 3px rgba(42,155,232,.10)}
.blueField i{width:44px;display:grid;place-items:center;color:#5f7da7;font-style:normal;font-size:17px}
.blueField input{
  flex:1;min-width:0;height:46px;border:0!important;outline:0!important;background:transparent!important;
  padding:0 8px!important;color:#1f3558!important;font-size:12px!important
}
.passwordEye{
  width:42px;height:42px;border:0;background:transparent;color:#5678a9;cursor:pointer;font-size:15px
}
.blueLoginOptions{
  display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px;font-size:10px;color:#5a7296
}
.blueLoginOptions label{display:flex;align-items:center;gap:6px;font-weight:700;color:#29476d}
.blueLoginOptions input{accent-color:#1479f8}
.blueLoginSupport{max-width:260px;text-align:end;line-height:1.5}
.blueLoginCard .loginError{margin:0 0 12px;border-radius:7px}
.blueLoginBtn{
  width:100%;height:50px;border:0;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:10px;
  background:linear-gradient(90deg,#1058e9 0%,#168cf6 48%,#14b8ed 100%);color:#fff;cursor:pointer;
  font-size:16px;font-weight:850;box-shadow:0 9px 20px rgba(20,115,236,.20);transition:.16s ease
}
.blueLoginBtn:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(20,115,236,.25)}
.blueLoginBtn b{font-size:20px;font-weight:400}
.blueLoginFoot{
  text-align:center;margin-top:22px;padding-top:16px;border-top:1px solid #e4edf6;color:#8ca0b8;font-size:9px
}

/* BlueRadius product mark in authenticated shell */
.brandLogo.blueBrandLogo{display:flex!important;align-items:baseline!important;justify-content:center!important;gap:0!important;letter-spacing:-1.2px!important}
.brandLogo.blueBrandLogo span{font-size:23px!important;font-weight:850!important;color:#1479f8!important}
.brandLogo.blueBrandLogo b{font-size:23px!important;font-weight:850!important;color:#0b274d!important}
.blueFallbackLogo{display:inline-flex;align-items:baseline;font-size:38px;letter-spacing:-2px;padding-top:4px}
.blueFallbackLogo span{font-weight:850;color:#1479f8}.blueFallbackLogo b{font-weight:850;color:#0a2a56}

@media(max-width:1050px){
  .blueLogin{grid-template-columns:1fr!important}
  .blueLoginVisual{display:none!important}
  .blueLoginPanel{min-height:100vh;padding:64px 18px 28px}
  .blueLoginCard{width:min(540px,94vw)}
}
@media(max-width:560px){
  .blueLoginPanel{padding:62px 12px 18px}
  .blueLoginLang{top:14px;right:14px}
  .blueLoginCard{padding:26px 20px 24px;border-radius:18px}
  .blueLoginLogo{width:170px}
  .blueLoginCard h1{font-size:25px}
  .blueLoginOptions{align-items:flex-start;flex-direction:column}
  .blueLoginSupport{text-align:start}
}
/* ===== BlueRadius visual consistency fix ===== */
.brandLogo.blueBrandLogo{
  direction:ltr!important;
  unicode-bidi:isolate!important;
  flex-direction:row!important;
}
.brandLogo.blueBrandLogo span{order:1!important}
.brandLogo.blueBrandLogo b{order:2!important}
.v2HeroBrand .v2CompanyLogo{display:none!important}
.v2HeroBrand .v2BrandCenter{gap:0!important}
.v2HeroBrand .v2CompanyName{
  font-size:31px!important;
  letter-spacing:-.8px!important;
}
@media(max-width:760px){
  .v2HeroBrand .v2CompanyName{font-size:23px!important}
}/* ===== BlueRadius mobile dashboard polish V1 ===== */
@media(max-width:760px){
  :root{--top-h:58px!important}

  .topbar{
    height:58px!important;
    min-height:58px!important;
  }
  .topBrand{
    height:58px!important;
    width:auto!important;
    max-width:52vw!important;
  }
  .brandLogo.blueBrandLogo{
    transform:none!important;
  }
  .brandLogo.blueBrandLogo span,
  .brandLogo.blueBrandLogo b{
    font-size:24px!important;
    line-height:1!important;
  }

  .topUserWrap{
    height:58px!important;
    gap:0!important;
  }
  .topUserWrap .langMenuWrap{
    display:none!important;
  }
  .topUserWrap .avatar{
    width:38px!important;
    height:38px!important;
    font-size:18px!important;
    border-width:2px!important;
  }
  .topUserWrap .userStrip{
    gap:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
  }

  .menuToggle,
  html[dir=rtl] .menuToggle,
  html[dir=ltr] .menuToggle{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    border-radius:9px!important;
    font-size:24px!important;
  }

  html[dir=rtl] .menuToggle{right:10px!important;left:auto!important}
  html[dir=ltr] .menuToggle{left:10px!important;right:auto!important}
  html[dir=rtl] .topUserWrap{left:11px!important;right:auto!important}
  html[dir=ltr] .topUserWrap{right:11px!important;left:auto!important}

  .workspace.dashboardWorkspace{
    padding:8px 7px 16px!important;
  }

  .v2Hero.v2HeroBrand{
    min-height:96px!important;
    height:96px!important;
    padding:0 11px!important;
    margin-bottom:10px!important;
    border-radius:12px!important;
  }
  .v2Hero.v2HeroBrand .v2BrandCenter,
  html[dir=rtl] .v2Hero.v2HeroBrand .v2BrandCenter{
    left:50%!important;
    right:auto!important;
    top:56%!important;
    transform:translate(-50%,-50%)!important;
    width:56%!important;
  }
  .v2HeroBrand .v2Eyebrow{
    display:none!important;
  }
  .v2HeroBrand .v2CompanyName{
    font-size:21px!important;
    line-height:1.05!important;
    letter-spacing:-.45px!important;
  }
  .v2HeroBrand .v2HeroMeta{
    margin-top:5px!important;
    font-size:8px!important;
    line-height:1.3!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .v2DashboardCorner{
    top:10px!important;
    right:12px!important;
    font-size:16px!important;
    line-height:1.1!important;
  }
  .v2DashboardCorner:after{
    width:22px!important;
    height:2px!important;
    margin-top:4px!important;
  }
  .v2Hero.v2HeroBrand .v2Live,
  html[dir=rtl] .v2Hero.v2HeroBrand .v2Live{
    top:10px!important;
    left:10px!important;
    right:auto!important;
    padding:5px 8px!important;
    font-size:8px!important;
    gap:5px!important;
  }
  .v2Hero.v2HeroBrand .v2Live i{
    width:6px!important;
    height:6px!important;
    box-shadow:0 0 0 3px rgba(84,216,159,.10)!important;
  }
}
@media(max-width:390px){
  .brandLogo.blueBrandLogo span,
  .brandLogo.blueBrandLogo b{font-size:22px!important}
  .v2HeroBrand .v2CompanyName{font-size:19px!important}
  .v2HeroBrand .v2HeroMeta{font-size:7.5px!important}
  .v2DashboardCorner{font-size:15px!important}
}/* ===== Dynamic Site Title brand ===== */
.brandLogo.blueBrandLogo .dynamicBrandText{
  display:block;
  max-width:260px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:25px;
  line-height:1;
  font-weight:850;
  letter-spacing:-.6px;
  color:#0b274d;
}
@media(max-width:760px){
  .brandLogo.blueBrandLogo .dynamicBrandText{
    max-width:48vw;
    font-size:23px;
    text-align:center;
  }
}/* ===== Global system copyright footer ===== */
.systemCopyright{
  width:100%;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  padding:14px 16px 16px;
  border-top:1px solid #e2e9ee;
  background:rgba(255,255,255,.78);
  color:#7b8b95;
  text-align:center;
  font-size:10px;
  line-height:1.5;
}
.systemCopyright span{
  font-weight:600;
}
.systemCopyright b{
  color:#48616f;
  font-size:10px;
  font-weight:800;
  letter-spacing:.45px;
}
.blueLoginPanel>.systemCopyright{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  background:transparent;
  border-top:0;
  padding:8px 14px 12px;
  color:#8ca0b8;
}
.blueLoginPanel>.systemCopyright b{
  color:#647d99;
}
.portalPage{
  position:relative;
}
.portalPage>.systemCopyright{
  position:absolute;
  left:0;
  right:0;
  bottom:8px;
  background:transparent;
  border-top:0;
  color:#d6e6ef;
}
.portalPage>.systemCopyright b{
  color:#ffffff;
}
.portalShell>.systemCopyright{
  background:#fff;
}
@media(max-width:760px){
  .systemCopyright{
    padding:11px 10px 13px;
    font-size:9px;
    gap:3px;
  }
  .systemCopyright b{
    font-size:9px;
    letter-spacing:.25px;
  }
  .blueLoginPanel{
    padding-bottom:76px!important;
  }
}/* ===== Custom logo sync fix ===== */
.v2HeroBrand .v2CompanyLogo{
  display:block!important;
  width:auto!important;
  max-width:180px!important;
  max-height:44px!important;
  object-fit:contain!important;
  margin:0 auto 7px!important;
}
.topBrandCustomLogo{
  display:block;
  max-width:170px;
  max-height:38px;
  width:auto;
  height:auto;
  object-fit:contain;
  margin:auto;
}
.siteLogoPreview{
  margin-top:8px;
  min-height:68px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #d8e2e9;
  border-radius:8px;
  background:#f8fbfd;
  padding:8px;
}
.siteLogoPreview img{
  max-width:220px;
  max-height:64px;
  width:auto;
  height:auto;
  object-fit:contain;
}
.siteSettingField [data-site-logo-file]{
  margin-top:8px;
}
.blueLoginLogo{
  object-fit:contain!important;
}
@media(max-width:760px){
  .v2HeroBrand .v2CompanyLogo{
    max-width:120px!important;
    max-height:28px!important;
    margin-bottom:4px!important;
  }
  .topBrandCustomLogo{
    max-width:46vw!important;
    max-height:32px!important;
  }
  .siteLogoPreview img{
    max-width:180px;
    max-height:52px;
  }
}/* ===== Dashboard English LTR layout fix ===== */
html[dir=ltr] .v2Hero.v2HeroBrand{
  position:relative!important;
}
html[dir=ltr] .v2Hero.v2HeroBrand .v2Live{
  position:absolute!important;
  top:16px!important;
  left:18px!important;
  right:auto!important;
  inset:auto auto auto 18px!important;
  transform:none!important;
  margin:0!important;
  z-index:5!important;
}
html[dir=ltr] .v2Hero.v2HeroBrand .v2DashboardCorner{
  top:17px!important;
  right:22px!important;
  left:auto!important;
  transform:none!important;
  margin:0!important;
  text-align:right!important;
}
html[dir=ltr] .v2Hero.v2HeroBrand .v2BrandCenter{
  position:absolute!important;
  top:50%!important;
  left:50%!important;
  right:auto!important;
  transform:translate(-50%,-50%)!important;
  margin:0!important;
  width:min(760px,68%)!important;
}
html[dir=ltr] .v2Hero.v2HeroBrand .v2CompanyLogo{
  margin:0 auto 7px!important;
}
@media(max-width:760px){
  html[dir=ltr] .v2Hero.v2HeroBrand .v2Live{
    top:10px!important;
    left:10px!important;
    right:auto!important;
    inset:auto auto auto 10px!important;
  }
  html[dir=ltr] .v2Hero.v2HeroBrand .v2DashboardCorner{
    top:10px!important;
    right:12px!important;
    left:auto!important;
  }
  html[dir=ltr] .v2Hero.v2HeroBrand .v2BrandCenter{
    top:56%!important;
    left:50%!important;
    right:auto!important;
    transform:translate(-50%,-50%)!important;
    width:56%!important;
  }
}/* ===== WidgetFactory Theme & Bars ===== */
.widgetFactoryShell{display:grid;gap:16px}
.wfThemePanel{overflow:hidden}
.wfThemeIntro{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:18px 20px;border-bottom:1px solid #e3eaee;background:linear-gradient(180deg,#fbfdff,#f6fafc)
}
.wfThemeIntro>div:first-child{display:flex;flex-direction:column;gap:4px}
.wfThemeIntro b{font-size:16px;color:#203744}
.wfThemeIntro span{font-size:11px;color:#7a8e99}
.wfPresetRow{display:flex;gap:7px;flex-wrap:wrap}
.wfPresetRow button{
  border:1px solid #d5e0e6;background:#fff;color:#526975;border-radius:8px;
  padding:7px 11px;font-size:11px;font-weight:750;cursor:pointer
}
.wfPresetRow button:hover{border-color:var(--wf-accent,#1e88e5);color:var(--wf-accent,#1e88e5)}
.wfThemePanel form{padding:18px 20px 20px}
.wfThemeGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.wfColorField{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  min-height:68px;padding:11px 12px;border:1px solid #dce5ea;border-radius:10px;background:#fff
}
.wfColorField>span{display:flex;flex-direction:column;gap:3px;min-width:0}
.wfColorField b{font-size:11px;color:#304955}
.wfColorField small{font-size:9px;color:#91a0a8}
.wfColorField>div{display:flex;align-items:center;gap:7px}
.wfColorField input[type=color]{
  width:38px;height:38px;padding:2px;border:1px solid #d4dfe5;border-radius:8px;background:#fff;cursor:pointer
}
.wfHex{
  width:78px!important;height:36px!important;padding:0 7px!important;
  border:1px solid #d4dfe5!important;border-radius:7px!important;
  font:600 10px/1 monospace!important;text-transform:uppercase
}
.wfRadiusRow{
  margin-top:12px;padding:12px 14px;border:1px solid #dce5ea;border-radius:10px;
  display:grid;grid-template-columns:180px 1fr;align-items:center;gap:18px;background:#fff
}
.wfRadiusRow label{display:flex;justify-content:space-between;font-size:11px;font-weight:750;color:#405864}
.wfRadiusRow strong{color:var(--wf-accent,#1e88e5)}
.wfRadiusRow input{width:100%;accent-color:var(--wf-accent,#1e88e5)}
.wfThemePreview{
  margin-top:14px;height:190px;display:grid;grid-template-columns:92px 1fr;
  overflow:hidden;border:1px solid #d8e2e7;border-radius:12px;background:var(--wf-page,#eef4f7);
  box-shadow:0 7px 22px rgba(32,61,75,.08)
}
.wfPreviewSidebar{background:var(--wf-sidebar,#0f2b38);padding:18px 10px;display:flex;flex-direction:column;gap:10px}
.wfPreviewSidebar span{height:18px;border-radius:5px;background:rgba(255,255,255,.10)}
.wfPreviewSidebar span.active{background:var(--wf-sidebar-active,#1f5c72);border-inline-start:3px solid var(--wf-accent,#1e88e5)}
.wfPreviewMain{display:grid;grid-template-rows:34px 78px 1fr;padding:0 14px 14px;gap:10px}
.wfPreviewTop{margin:0 -14px;background:var(--wf-topbar,#fff);border-bottom:1px solid #dfe7eb}
.wfPreviewHero{
  border-radius:10px;background:linear-gradient(135deg,var(--wf-hero-start,#0d2633),var(--wf-hero-end,#13586b));
  display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff
}
.wfPreviewHero b{font-size:17px}.wfPreviewHero small{font-size:9px;opacity:.7;margin-top:4px}
.wfPreviewCards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.wfPreviewCards i{display:block;border-radius:8px;background:var(--wf-card,#fff);border:1px solid #dfe7eb}
.wfThemeActions{display:flex;justify-content:flex-end;gap:9px;margin-top:14px}
@media(max-width:980px){.wfThemeGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){
  .wfThemeIntro{align-items:flex-start;flex-direction:column;padding:14px}
  .wfThemePanel form{padding:12px}
  .wfThemeGrid{grid-template-columns:1fr}
  .wfColorField{min-height:62px}
  .wfRadiusRow{grid-template-columns:1fr;gap:8px}
  .wfThemePreview{height:150px;grid-template-columns:64px 1fr}
  .wfPreviewMain{grid-template-rows:28px 60px 1fr;padding:0 8px 8px;gap:7px}
  .wfPreviewTop{margin:0 -8px}
  .wfThemeActions{position:sticky;bottom:0;background:rgba(255,255,255,.94);padding-top:10px;z-index:4}
}
/* ===== Dashboard company logo slightly larger ===== */
.v2HeroBrand .v2CompanyLogo{
  max-width:210px!important;
  max-height:54px!important;
  margin:0 auto 6px!important;
}
@media(max-width:760px){
  .v2HeroBrand .v2CompanyLogo{
    max-width:138px!important;
    max-height:34px!important;
    margin-bottom:4px!important;
  }
}/* ===== Dashboard hero spacing fix ===== */
.v2Hero.v2HeroBrand{
  min-height:142px!important;
  height:auto!important;
  overflow:visible!important;
  padding-top:8px!important;
  padding-bottom:10px!important;
}
.v2Hero.v2HeroBrand .v2BrandCenter{
  top:47%!important;
}
.v2HeroBrand .v2HeroMeta{
  margin-top:8px!important;
  line-height:1.35!important;
  overflow:visible!important;
  white-space:normal!important;
}
@media(max-width:760px){
  .v2Hero.v2HeroBrand{
    min-height:108px!important;
    height:108px!important;
    padding-top:4px!important;
    padding-bottom:6px!important;
  }
  .v2Hero.v2HeroBrand .v2BrandCenter,
  html[dir=rtl] .v2Hero.v2HeroBrand .v2BrandCenter,
  html[dir=ltr] .v2Hero.v2HeroBrand .v2BrandCenter{
    top:53%!important;
  }
  .v2HeroBrand .v2HeroMeta{
    margin-top:5px!important;
    font-size:8px!important;
    white-space:normal!important;
  }
}/* ===== Dashboard brand order V2 ===== */
.v2HeroBrand .v2CompanyLogo{
  max-width:235px!important;
  max-height:64px!important;
  margin:0 auto 7px!important;
}
.v2HeroBrand .v2CompanyName{
  margin:0!important;
}
.v2HeroBrand .v2Eyebrow{
  display:block!important;
  order:3!important;
  margin-top:7px!important;
  font-size:10px!important;
  letter-spacing:3.4px!important;
  line-height:1!important;
  color:#9dd9ee!important;
  opacity:.95!important;
}
.v2Hero.v2HeroBrand .v2BrandCenter{
  top:48%!important;
}
@media(max-width:760px){
  .v2HeroBrand .v2CompanyLogo{
    max-width:150px!important;
    max-height:40px!important;
    margin-bottom:5px!important;
  }
  .v2HeroBrand .v2Eyebrow{
    display:block!important;
    margin-top:5px!important;
    font-size:7px!important;
    letter-spacing:1.8px!important;
  }
  .v2Hero.v2HeroBrand .v2BrandCenter,
  html[dir=rtl] .v2Hero.v2HeroBrand .v2BrandCenter,
  html[dir=ltr] .v2Hero.v2HeroBrand .v2BrandCenter{
    top:52%!important;
  }
}/* ===== Modern Manager Dashboard V1 ===== */
.mgrDash{
  display:grid;
  gap:16px;
  min-height:calc(100vh - 150px);
}
.mgrDashHero{
  position:relative;
  overflow:hidden;
  min-height:156px;
  padding:28px 30px;
  border-radius:22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  color:#fff;
  background:
    radial-gradient(circle at 15% 20%,rgba(255,255,255,.10),transparent 26%),
    radial-gradient(circle at 85% 85%,rgba(61,191,214,.18),transparent 30%),
    linear-gradient(135deg,#0b2230 0%,#114d63 65%,#176f81 100%);
  box-shadow:0 14px 38px rgba(17,55,72,.16);
}
.mgrDashHero:before{
  content:"";
  position:absolute;
  width:240px;
  height:240px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:50%;
  inset-inline-end:-70px;
  top:-110px;
}
.mgrDashHero:after{
  content:"";
  position:absolute;
  width:170px;
  height:170px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:50%;
  inset-inline-end:10px;
  top:-82px;
}
.mgrHeroCopy,.mgrHeroIdentity{position:relative;z-index:2}
.mgrHeroKicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:10px;
  font-size:10px;
  font-weight:800;
  letter-spacing:2.5px;
  color:#8eddf0;
}
.mgrHeroKicker:before{
  content:"";
  width:28px;
  height:2px;
  border-radius:10px;
  background:#50c7da;
}
.mgrHeroCopy h1{
  margin:0;
  font-size:30px;
  line-height:1.15;
  font-weight:850;
  letter-spacing:-.7px;
}
.mgrHeroCopy p{
  margin:10px 0 0;
  max-width:620px;
  color:#c5dce5;
  font-size:12px;
  line-height:1.7;
}
.mgrHeroIdentity{
  min-width:190px;
  padding:16px 18px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px;
  background:rgba(255,255,255,.07);
  backdrop-filter:blur(8px);
  display:grid;
  gap:10px;
  text-align:center;
}
.mgrHeroRole{
  display:block;
  font-size:13px;
  font-weight:800;
  color:#fff;
}
.mgrHeroLive{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  color:#bcead9;
  font-size:10px;
  font-weight:700;
}
.mgrHeroLive i{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#4ed49a;
  box-shadow:0 0 0 5px rgba(78,212,154,.12);
}

.mgrKpiGrid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.mgrKpi{
  position:relative;
  overflow:hidden;
  min-height:132px;
  padding:18px;
  border:1px solid #e0e8ed;
  border-radius:16px;
  background:var(--wf-card,#fff);
  display:flex;
  gap:15px;
  align-items:flex-start;
  box-shadow:0 6px 20px rgba(35,67,82,.055);
}
.mgrKpi:after{
  content:"";
  position:absolute;
  inset-inline-end:-22px;
  bottom:-34px;
  width:110px;
  height:110px;
  border-radius:50%;
  background:currentColor;
  opacity:.045;
}
.mgrKpiIcon{
  width:44px;
  height:44px;
  flex:0 0 44px;
  border-radius:13px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:20px;
  font-weight:800;
  background:color-mix(in srgb,currentColor 10%,#fff);
}
.mgrKpi>div:last-child{
  display:flex;
  flex-direction:column;
  min-width:0;
}
.mgrKpi span{
  color:#7c8d96;
  font-size:10px;
  font-weight:700;
}
.mgrKpi strong{
  margin-top:5px;
  color:#203744;
  font-size:27px;
  line-height:1;
  font-weight:850;
}
.mgrKpi small{
  margin-top:8px;
  color:#9aa9b0;
  font-size:9px;
}
.mgrBlue{color:#3478ea}.mgrGreen{color:#2db47d}.mgrCyan{color:#1da5c5}.mgrAmber{color:#edae23}

.mgrDashMain{
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(310px,.85fr);
  gap:14px;
}
.mgrPanel{
  border:1px solid #dfe8ed;
  border-radius:18px;
  background:var(--wf-card,#fff);
  box-shadow:0 7px 24px rgba(39,70,83,.055);
  overflow:hidden;
}
.mgrPanelHead{
  min-height:70px;
  padding:16px 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  border-bottom:1px solid #edf2f4;
}
.mgrPanelHead>div{display:flex;flex-direction:column;gap:4px}
.mgrPanelHead span{
  color:#95a6ae;
  font-size:9px;
  font-weight:800;
  letter-spacing:1.7px;
}
.mgrPanelHead h2{
  margin:0;
  color:#263e4a;
  font-size:16px;
  font-weight:800;
}
.mgrPanelHead>b{
  padding:5px 9px;
  border-radius:999px;
  color:#20916a;
  background:#e9f8f1;
  border:1px solid #cfeee0;
  font-size:9px;
  letter-spacing:.7px;
}
.mgrStatusHero{
  display:grid;
  grid-template-columns:180px 1fr;
  align-items:center;
  gap:24px;
  padding:22px 24px 14px;
}
.mgrStatusRing{
  --p:calc(var(--mgr-progress)*1%);
  width:144px;
  height:144px;
  margin:auto;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:conic-gradient(#2eb683 var(--p),#e9f0f3 0);
  position:relative;
}
.mgrStatusRing:before{
  content:"";
  position:absolute;
  inset:12px;
  border-radius:50%;
  background:#fff;
  box-shadow:inset 0 0 0 1px #edf2f4;
}
.mgrStatusRing>div{
  position:relative;
  z-index:2;
  text-align:center;
  display:flex;
  flex-direction:column;
}
.mgrStatusRing strong{
  color:#24404d;
  font-size:28px;
  line-height:1;
}
.mgrStatusRing span{
  margin-top:6px;
  color:#8899a1;
  font-size:9px;
}
.mgrStatusNumbers{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px 20px;
}
.mgrStatusNumbers>div{
  min-height:48px;
  padding:8px 0;
  border-bottom:1px solid #edf2f4;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
.mgrStatusNumbers span{
  display:flex;
  align-items:center;
  gap:7px;
  color:#6e818a;
  font-size:10px;
}
.mgrStatusNumbers i{
  width:7px;
  height:7px;
  border-radius:50%;
}
.mgrStatusNumbers i.active{background:#2db47d}
.mgrStatusNumbers i.online{background:#22a9ce}
.mgrStatusNumbers i.expired{background:#e65b60}
.mgrStatusNumbers i.warning{background:#eeb02a}
.mgrStatusNumbers b{
  color:#263f4a;
  font-size:14px;
}
.mgrProgressRows{
  padding:8px 24px 22px;
  display:grid;
  gap:12px;
}
.mgrProgressRows>div{
  display:grid;
  grid-template-columns:1fr auto;
  gap:6px 12px;
  align-items:center;
}
.mgrProgressRows span{font-size:10px;color:#758890}
.mgrProgressRows b{font-size:10px;color:#2da978}
.mgrProgressRows i{
  grid-column:1/-1;
  height:6px;
  border-radius:999px;
  background:#edf2f4;
  overflow:hidden;
}
.mgrProgressRows em{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#2fb47f,#58cea3);
}
.mgrProgressRows .cyan b{color:#1b9fc0}
.mgrProgressRows .cyan em{background:linear-gradient(90deg,#1d9fbd,#48c8dc)}

.mgrWalletPanel{
  background:linear-gradient(180deg,#ffffff 0%,#f9fcfd 100%);
}
.mgrWalletIcon{
  width:36px;
  height:36px;
  border-radius:11px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#eaf4ff;
  color:#337be2!important;
  font-size:16px!important;
}
.mgrBalanceValue{
  padding:24px 20px 18px;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}
.mgrBalanceValue span{
  color:#899aa2;
  font-size:10px;
}
.mgrBalanceValue strong{
  margin-top:9px;
  color:#1f3c4a;
  font-size:27px;
  font-weight:850;
}
.mgrWalletMeta{
  margin:0 18px 18px;
  border:1px solid #e7eef1;
  border-radius:12px;
  overflow:hidden;
  background:#fff;
}
.mgrWalletMeta>div{
  min-height:45px;
  padding:0 12px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-bottom:1px solid #eef2f4;
}
.mgrWalletMeta>div:last-child{border-bottom:0}
.mgrWalletMeta span{font-size:10px;color:#788a93}
.mgrWalletMeta b{font-size:12px;color:#29434f}

.mgrQuickPanel{padding-bottom:14px}
.mgrQuickGrid{
  padding:14px 16px 2px;
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:9px;
}
.mgrQuickGrid button{
  min-height:84px;
  padding:11px 10px;
  border:1px solid #e1e9ed;
  border-radius:13px;
  background:#fbfdfe;
  display:grid;
  grid-template-columns:36px 1fr auto;
  align-items:center;
  gap:9px;
  cursor:pointer;
  text-align:inherit;
  transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,background .15s ease;
}
.mgrQuickGrid button:hover{
  transform:translateY(-2px);
  border-color:color-mix(in srgb,var(--wf-accent,#1e88e5) 35%,#dce6eb);
  background:#fff;
  box-shadow:0 8px 20px rgba(37,75,92,.08);
}
.mgrQuickGrid i{
  width:36px;
  height:36px;
  border-radius:10px;
  background:#edf5fb;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--wf-accent,#1e88e5);
  font-style:normal;
  font-size:16px;
}
.mgrQuickGrid span{
  color:#3c5561;
  font-size:10px;
  font-weight:750;
}
.mgrQuickGrid b{
  color:#a2b0b7;
  font-size:17px;
  font-weight:500;
}

.mgrDashBottom{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:14px;
}
.mgrAttentionGrid{
  padding:14px 16px 16px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.mgrAttentionGrid button{
  min-height:76px;
  border:1px solid #e3eaee;
  border-radius:12px;
  background:#fff;
  display:grid;
  grid-template-columns:40px 1fr auto;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  cursor:pointer;
  text-align:inherit;
}
.mgrAttentionGrid i{
  width:40px;
  height:40px;
  border-radius:11px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-style:normal;
  font-size:16px;
}
.mgrAttentionGrid i.amber{background:#fff7e5;color:#d99a13}
.mgrAttentionGrid i.red{background:#fff0f1;color:#dc4d57}
.mgrAttentionGrid div{display:flex;flex-direction:column;gap:3px}
.mgrAttentionGrid span{font-size:9px;color:#81929a}
.mgrAttentionGrid b{font-size:18px;color:#2c4652}
.mgrAttentionGrid em{font-size:18px;color:#a7b4ba;font-style:normal}

.mgrTodayGrid{
  padding:14px 16px 16px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:9px;
}
.mgrTodayGrid>div{
  min-height:76px;
  border-radius:12px;
  background:#f8fbfc;
  border:1px solid #e7eef1;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.mgrTodayGrid i{font-style:normal;color:#4a93d7;font-size:16px}
.mgrTodayGrid span{margin-top:4px;color:#8b9aa2;font-size:8px}
.mgrTodayGrid b{margin-top:4px;color:#2e4651;font-size:16px}

html[dir=rtl] .mgrQuickGrid b,
html[dir=rtl] .mgrAttentionGrid em{transform:rotate(180deg)}

@media(max-width:1200px){
  .mgrKpiGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mgrQuickGrid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
  .mgrDashMain,.mgrDashBottom{grid-template-columns:1fr}
  .mgrDashHero{align-items:flex-start}
  .mgrHeroIdentity{min-width:160px}
}
@media(max-width:620px){
  .mgrDash{gap:10px}
  .mgrDashHero{
    min-height:176px;
    padding:20px 17px;
    border-radius:16px;
    flex-direction:column;
    align-items:stretch;
    gap:14px;
  }
  .mgrHeroCopy h1{font-size:23px}
  .mgrHeroCopy p{font-size:10px;line-height:1.55}
  .mgrHeroIdentity{
    min-width:0;
    width:100%;
    padding:10px 12px;
    grid-template-columns:1fr auto;
    align-items:center;
    text-align:start;
  }
  .mgrKpiGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .mgrKpi{min-height:112px;padding:12px;gap:9px;border-radius:13px}
  .mgrKpiIcon{width:34px;height:34px;flex-basis:34px;font-size:15px}
  .mgrKpi span{font-size:8px}
  .mgrKpi strong{font-size:22px}
  .mgrKpi small{font-size:7.5px}
  .mgrPanel{border-radius:14px}
  .mgrPanelHead{min-height:58px;padding:12px 13px}
  .mgrPanelHead h2{font-size:14px}
  .mgrStatusHero{grid-template-columns:112px 1fr;gap:10px;padding:15px 13px 10px}
  .mgrStatusRing{width:104px;height:104px}
  .mgrStatusRing:before{inset:9px}
  .mgrStatusRing strong{font-size:22px}
  .mgrStatusNumbers{grid-template-columns:1fr;gap:2px}
  .mgrStatusNumbers>div{min-height:32px;padding:4px 0}
  .mgrStatusNumbers span{font-size:8px}
  .mgrStatusNumbers b{font-size:11px}
  .mgrProgressRows{padding:6px 13px 15px}
  .mgrQuickGrid{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px 11px 0}
  .mgrQuickGrid button{min-height:68px;grid-template-columns:32px 1fr auto;padding:8px}
  .mgrQuickGrid i{width:32px;height:32px;font-size:14px}
  .mgrAttentionGrid{grid-template-columns:1fr;padding:10px 11px 12px}
  .mgrTodayGrid{padding:10px 11px 12px}
}
/* ===== Manager legacy cards modern V2 ===== */
.resellerDashboard{
  min-height:calc(100vh - 125px);
  padding:8px 4px 24px;
}
.resellerDashGrid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
  align-items:stretch!important;
}
.resellerDashCard{
  --mgr-card:#3b82f6;
  position:relative!important;
  min-height:168px!important;
  overflow:hidden!important;
  border-radius:20px!important;
  border:1px solid #e1e9ee!important;
  background:linear-gradient(180deg,#ffffff 0%,#f9fbfd 100%)!important;
  color:#243c49!important;
  box-shadow:0 10px 28px rgba(23,53,70,.075)!important;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease!important;
}
.resellerDashCard:hover{
  transform:translateY(-3px);
  border-color:#d4e0e6!important;
  box-shadow:0 16px 34px rgba(23,53,70,.11)!important;
}
.resellerDashCard:before{
  content:"";
  position:absolute;
  inset-inline:0;
  top:0;
  height:4px;
  background:linear-gradient(90deg,var(--mgr-card),color-mix(in srgb,var(--mgr-card) 48%,#fff));
}
.resellerDashCard:after{
  content:"";
  position:absolute;
  inset-inline-end:-32px;
  bottom:-48px;
  width:135px;
  height:135px;
  border-radius:50%;
  background:color-mix(in srgb,var(--mgr-card) 8%,#fff);
  pointer-events:none;
}
.resellerDashTop{
  position:relative;
  z-index:2;
  min-height:86px!important;
  padding:22px 20px 10px!important;
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-start!important;
  gap:12px!important;
  border-bottom:0!important;
}
.resellerDashTop>div:first-child{
  min-width:0;
}
.resellerDashTop h3{
  margin:0 0 7px!important;
  color:var(--mgr-card)!important;
  font-size:12px!important;
  font-weight:850!important;
  line-height:1.2!important;
  letter-spacing:.7px!important;
  text-transform:uppercase;
}
.resellerDashTop p{
  margin:0!important;
  color:#82949e!important;
  font-size:10px!important;
  line-height:1.45!important;
}
.resellerDashIcon{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  border-radius:14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:color-mix(in srgb,var(--mgr-card) 11%,#fff)!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--mgr-card) 18%,#fff)!important;
  color:var(--mgr-card)!important;
  font-size:22px!important;
  line-height:1!important;
  font-weight:800!important;
  opacity:1!important;
}
.resellerDashValue{
  position:relative;
  z-index:2;
  height:auto!important;
  min-height:68px!important;
  padding:14px 20px 22px!important;
  display:flex!important;
  align-items:flex-end!important;
  background:transparent!important;
  color:#203744!important;
  font-size:32px!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:-.5px!important;
}
.rdBlue{--mgr-card:#3b82f6!important;background:linear-gradient(180deg,#fff 0%,#f9fbfd 100%)!important}
.rdGreen{--mgr-card:#28b878!important;background:linear-gradient(180deg,#fff 0%,#f9fbfd 100%)!important}
.rdCyan{--mgr-card:#19a8c7!important;background:linear-gradient(180deg,#fff 0%,#f9fbfd 100%)!important}
.rdRed{--mgr-card:#eb5a63!important;background:linear-gradient(180deg,#fff 0%,#f9fbfd 100%)!important}
.rdYellow{--mgr-card:#e8ad16!important;background:linear-gradient(180deg,#fff 0%,#f9fbfd 100%)!important}

@media(max-width:1400px){
  .resellerDashGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:1000px){
  .resellerDashGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:620px){
  .resellerDashboard{padding:5px 0 18px}
  .resellerDashGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .resellerDashCard{min-height:132px!important;border-radius:15px!important}
  .resellerDashTop{min-height:70px!important;padding:15px 12px 6px!important;gap:7px!important}
  .resellerDashTop h3{font-size:9px!important;letter-spacing:.35px!important}
  .resellerDashTop p{font-size:8px!important}
  .resellerDashIcon{width:36px!important;height:36px!important;min-width:36px!important;border-radius:10px!important;font-size:16px!important}
  .resellerDashValue{min-height:50px!important;padding:8px 12px 15px!important;font-size:24px!important}
}
/* ===== Site custom logo controls ===== */
.siteLogoControls{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:8px;
  flex-wrap:wrap;
}
.siteLogoControls input[type=file]{
  flex:1 1 260px;
  min-width:0;
}
.siteLogoRemoveBtn{
  min-height:38px;
  padding:0 14px;
  border:1px solid #efc7c9;
  border-radius:8px;
  background:#fff7f7;
  color:#c7464c;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
  transition:background .15s ease,border-color .15s ease,color .15s ease,opacity .15s ease;
}
.siteLogoRemoveBtn:hover:not(:disabled){
  background:#ffecec;
  border-color:#eaa8ac;
  color:#a82f35;
}
.siteLogoRemoveBtn:disabled{
  opacity:.45;
  cursor:not-allowed;
}
.siteLogoPreview.official{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
}
.siteLogoPreview.official small{
  color:#8a9aa3;
  font-size:9px;
  font-weight:700;
}
@media(max-width:620px){
  .siteLogoControls{
    align-items:stretch;
    flex-direction:column;
  }
  .siteLogoControls input[type=file],
  .siteLogoRemoveBtn{
    width:100%;
  }
}/* ===== Site login background controls ===== */
.siteBgControls{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:8px;
  flex-wrap:wrap;
}
.siteBgControls input[type=file]{
  flex:1 1 260px;
  min-width:0;
}
.siteBgRemoveBtn{
  min-height:38px;
  padding:0 14px;
  border:1px solid #efc7c9;
  border-radius:8px;
  background:#fff7f7;
  color:#c7464c;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
  transition:background .15s ease,border-color .15s ease,color .15s ease,opacity .15s ease;
}
.siteBgRemoveBtn:hover:not(:disabled){
  background:#ffecec;
  border-color:#eaa8ac;
  color:#a82f35;
}
.siteBgRemoveBtn:disabled{
  opacity:.45;
  cursor:not-allowed;
}
.siteBgPreview.officialBg{
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#eef4f7,#f8fbfc);
}
.siteBgPreview.officialBg small{
  color:#8a9aa3;
  font-size:9px;
  font-weight:700;
}
@media(max-width:620px){
  .siteBgControls{
    flex-direction:column;
    align-items:stretch;
  }
  .siteBgControls input[type=file],
  .siteBgRemoveBtn{
    width:100%;
  }
}/* ===== BlueRadius Commercial License Center ===== */
.commercialLicense{
  display:grid;
  gap:16px;
  padding-bottom:28px;
}
.licHero{
  min-height:150px;
  border-radius:22px;
  padding:26px 28px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  color:#fff;
  overflow:hidden;
  position:relative;
  background:linear-gradient(135deg,#0d2b3a,#11586d 70%,#16768a);
  box-shadow:0 14px 36px rgba(20,67,86,.16);
}
.licHero:after{
  content:"";
  position:absolute;
  width:260px;height:260px;border-radius:50%;
  inset-inline-end:-90px;top:-130px;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 0 0 38px rgba(255,255,255,.025),0 0 0 76px rgba(255,255,255,.018);
}
.licHero.grace{background:linear-gradient(135deg,#3b3012,#8d6713,#bb851b)}
.licHero.expired,.licHero.revoked{background:linear-gradient(135deg,#3d2024,#823840,#b24f58)}
.licHero.suspended{background:linear-gradient(135deg,#2f3038,#575b68,#737887)}
.licHeroMain{display:flex;align-items:center;gap:16px;position:relative;z-index:2}
.licStatusOrb{
  width:58px;height:58px;border-radius:17px;display:grid;place-items:center;
  background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.15);
  font-size:28px;font-weight:900;
}
.licHeroMain span{font-size:9px;letter-spacing:2.4px;font-weight:800;color:#8fd9ea}
.licHeroMain h1{margin:5px 0 4px;font-size:28px;line-height:1;font-weight:850}
.licHeroMain p{margin:0;color:#c7dfe7;font-size:10px}
.licHeroState{
  min-width:205px;position:relative;z-index:2;padding:15px 17px;border-radius:15px;
  border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.07);
  display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px
}
.licHeroState b{font-size:15px}.licHeroState span{font-size:9px;color:#d9e9ee}.licHeroState small{font-size:9px;color:#9ddfd0}
.licUsageGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.licUsageCard{
  min-height:118px;padding:17px;border:1px solid #e0e8ed;border-radius:16px;background:var(--wf-card,#fff);
  display:flex;gap:13px;align-items:flex-start;box-shadow:0 6px 18px rgba(38,68,82,.05)
}
.licUsageIcon{
  width:40px;height:40px;flex:0 0 40px;border-radius:12px;display:grid;place-items:center;
  background:#eaf4fb;color:#2989c4;font-size:18px;font-weight:800
}
.licUsageBody{flex:1;min-width:0;display:flex;flex-direction:column}
.licUsageBody>span{font-size:9px;color:#82949d;font-weight:800;text-transform:uppercase;letter-spacing:.5px}
.licUsageBody strong{margin-top:5px;font-size:22px;color:#243e4a}.licUsageBody strong small{font-size:10px;color:#9aabb2;font-weight:600}
.licProgress{height:6px;border-radius:999px;background:#edf2f4;margin-top:12px;overflow:hidden}
.licProgress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1e8ed1,#35bdd0)}
.licUsageBody em{margin-top:4px;color:#96a5ac;font-size:8px;font-style:normal}
.licUnlimited{margin-top:12px;width:max-content;padding:4px 7px;border-radius:999px;background:#ecf8f3;color:#2a9d70;font-size:8px;font-weight:800}
.licTwoCol{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(330px,.82fr);gap:14px}
.licPanel,.licSection{
  border:1px solid #dfe8ed;border-radius:18px;background:var(--wf-card,#fff);
  box-shadow:0 7px 22px rgba(40,70,84,.05);overflow:hidden
}
.licPanelHead,.licSectionHead{
  min-height:68px;padding:14px 18px;border-bottom:1px solid #edf2f4;
  display:flex;align-items:center;justify-content:space-between;gap:12px
}
.licPanelHead>div,.licSectionHead>div{display:flex;flex-direction:column;gap:4px}
.licPanelHead span,.licSectionHead span{font-size:8px;letter-spacing:1.7px;font-weight:850;color:#9aabb2}
.licPanelHead h2,.licSectionHead h2{margin:0;font-size:15px;color:#263f4b;font-weight:850}
.licVendorFlag{
  padding:5px 8px;border-radius:999px;background:#f0f3f5;color:#86959c!important;
  border:1px solid #e1e7ea;font-size:7px!important;letter-spacing:.7px!important
}
.licVendorFlag.on{background:#e9f8f1;color:#278d69!important;border-color:#ccebdd}
.licDetailGrid{padding:16px 18px;display:grid;grid-template-columns:1fr 1fr;gap:9px}
.licDetailGrid>div{
  min-height:58px;padding:10px 11px;border:1px solid #e7edef;border-radius:10px;background:#fbfdfe;
  display:flex;flex-direction:column;gap:5px;min-width:0
}
.licDetailGrid span{font-size:8px;color:#93a2a9;font-weight:700}
.licDetailGrid b{font-size:10px;color:#334e5a;overflow:hidden;text-overflow:ellipsis}
.licDetailGrid .mono{font-family:monospace;font-size:9px;letter-spacing:.2px}
.licFeatureChips{padding:0 18px 14px;display:flex;gap:6px;flex-wrap:wrap}
.licFeatureChips span{
  padding:5px 8px;border-radius:999px;background:#eef6fb;color:#397c9f;border:1px solid #deedf5;font-size:8px;font-weight:750
}
.licCurrentActions{padding:14px 18px;border-top:1px solid #edf2f4;background:#fbfcfd;display:flex;gap:8px;flex-wrap:wrap}
.licCurrentActions .btn{min-height:34px;font-size:9px}
.licActivationPanel{display:flex;flex-direction:column}
.licLock{width:34px;height:34px;border-radius:10px;background:#eef6fb;display:grid!important;place-items:center;color:#337da5!important;font-size:16px!important}
.licMachineBox{
  margin:16px 16px 0;padding:11px;border-radius:11px;background:#0f2835;color:#fff;
  display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:center
}
.licMachineBox span{grid-column:1/-1;font-size:8px;color:#8fb5c5}
.licMachineBox b{font:700 10px/1.3 monospace;word-break:break-all}
.licMachineBox button{
  border:0;border-radius:7px;background:#1d5268;color:#dff5ff;padding:6px 9px;font-size:8px;cursor:pointer
}
.licActivationPanel form{padding:14px 16px 17px;display:grid;gap:8px}
.licActivationPanel form label{font-size:9px;color:#667d88;font-weight:750}
.licActivationPanel textarea{
  width:100%;box-sizing:border-box;resize:vertical;border:1px solid #d7e2e7;border-radius:9px;padding:10px;
  background:#fbfdfe;color:#314c58;font:9px/1.5 monospace;min-height:112px
}
.licPlansGrid{padding:14px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.licPlanCard{
  position:relative;min-height:285px;padding:17px;border:1px solid #e0e8ed;border-radius:15px;background:#fff;
  display:flex;flex-direction:column;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease
}
.licPlanCard:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(34,65,80,.08)}
.licPlanCard.current{border-color:#3eb1c7;box-shadow:inset 0 0 0 1px #3eb1c7}
.licCurrentRibbon{
  position:absolute;top:10px;inset-inline-end:-26px;transform:rotate(38deg);
  width:110px;text-align:center;background:#24a7bf;color:#fff;font-size:6px;font-weight:850;padding:4px
}
html[dir=rtl] .licCurrentRibbon{transform:rotate(-38deg)}
.licPlanHead{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;padding-bottom:12px;border-bottom:1px solid #eef2f4}
.licPlanHead>div{min-width:0}.licPlanHead span{font-size:7px;color:#95a5ac}.licPlanHead h3{margin:4px 0 0;font-size:18px;color:#29434f}
.licPlanHead>b{font-size:17px;color:#167fa9;white-space:nowrap}.licPlanHead>b small{font-size:7px;color:#9aa8ae;font-weight:600}
.licPlanLimits{padding:12px 0;display:grid;gap:6px;border-bottom:1px solid #eef2f4}
.licPlanLimits span{font-size:8px;color:#687d87}
.licPlanFeatures{padding:12px 0;display:grid;gap:5px;flex:1}
.licPlanFeatures span{font-size:8px;color:#607681}
.licPlanEdit{
  min-height:32px;border:1px solid #d9e4e8;border-radius:8px;background:#f8fbfc;color:#4f6a76;font-size:8px;font-weight:800;cursor:pointer
}
.licPlanEdit:hover{border-color:#56b8cf;color:#217d99;background:#f1fbfd}
.licIssuePanel{overflow:visible}
.licIssueForm{padding:17px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.licIssueForm label{display:flex;flex-direction:column;gap:5px;min-width:0}
.licIssueForm label>span{font-size:8px;color:#778c96;font-weight:750}
.licIssueForm input,.licIssueForm select{
  height:38px;border:1px solid #d8e3e8;border-radius:8px;background:#fff;padding:0 9px;color:#314b57;font-size:9px;box-sizing:border-box;width:100%
}
.licIssueForm .wide{grid-column:span 2}.licIssueSubmit{display:flex;align-items:end}.licIssueSubmit .btn{width:100%;height:38px}
.licPaymentForm{padding:12px 14px;display:grid;grid-template-columns:1fr 80px 1fr 1fr auto;gap:7px;border-bottom:1px solid #edf2f4}
.licPaymentForm input,.licPaymentForm select{height:34px;border:1px solid #d9e3e8;border-radius:7px;padding:0 8px;font-size:8px;min-width:0}
.licPaymentForm .btn{height:34px;font-size:8px}
.licTableWrap{overflow:auto;max-height:340px}
.licTableWrap table{width:100%;border-collapse:collapse;min-width:560px}
.licTableWrap th{height:34px;background:#f7fafb;color:#7c8f98;font-size:7px;text-align:start;padding:0 10px;position:sticky;top:0;z-index:1}
.licTableWrap td{height:38px;border-top:1px solid #edf2f4;padding:0 10px;color:#526b76;font-size:8px;vertical-align:middle}
.licTableWrap td b{color:#34505d}.licCopyMini{border:1px solid #d7e3e8;background:#fff;border-radius:6px;padding:5px 8px;font-size:7px;color:#3481a0;cursor:pointer}
.licTokenResult{display:grid;gap:12px}
.licTokenResult>div{display:flex;justify-content:space-between;gap:12px;padding:9px 10px;border:1px solid #e1e8ec;border-radius:8px}
.licTokenResult span{font-size:9px;color:#82949d}.licTokenResult b{font-size:10px;color:#304c58}
.licTokenResult label{display:grid;gap:6px;font-size:9px;color:#6d818b}
.licTokenResult textarea{width:100%;box-sizing:border-box;border:1px solid #d6e1e6;border-radius:8px;padding:9px;font:8px/1.45 monospace}
.licFeatureChecklist{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.licFeatureCheck{display:flex!important;align-items:center;gap:6px;padding:6px 7px;border:1px solid #e3eaee;border-radius:7px;background:#fbfdfe}
.licFeatureCheck input{width:auto!important}.licFeatureCheck span{font-size:8px;color:#617783}
.licPlanEditForm .full{grid-column:1/-1}
@media(max-width:1200px){
  .licPlansGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .licIssueForm{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .licTwoCol{grid-template-columns:1fr}
  .licUsageGrid{grid-template-columns:1fr 1fr 1fr}
  .licPaymentForm{grid-template-columns:1fr 80px 1fr}.licPaymentForm input[name=reference]{grid-column:1/3}.licPaymentForm .btn{grid-column:3}
}
@media(max-width:620px){
  .commercialLicense{gap:10px}
  .licHero{min-height:180px;padding:18px;border-radius:16px;align-items:stretch;flex-direction:column}
  .licHeroMain{align-items:flex-start}.licStatusOrb{width:44px;height:44px;border-radius:13px;font-size:21px}
  .licHeroMain h1{font-size:22px}.licHeroState{min-width:0;width:auto;padding:10px 12px}
  .licUsageGrid{grid-template-columns:1fr;gap:8px}.licUsageCard{min-height:92px}
  .licDetailGrid{grid-template-columns:1fr;padding:12px}.licFeatureChips{padding:0 12px 12px}
  .licPlansGrid{grid-template-columns:1fr;padding:10px}.licPlanCard{min-height:250px}
  .licIssueForm{grid-template-columns:1fr;padding:12px}.licIssueForm .wide{grid-column:auto}
  .licPaymentForm{grid-template-columns:1fr 70px;padding:10px}.licPaymentForm input[name=method],.licPaymentForm input[name=reference],.licPaymentForm .btn{grid-column:1/-1}
  .licFeatureChecklist{grid-template-columns:1fr 1fr}
}/* ===== Global commercial license notice ===== */
.licenseGlobalNotice{
  min-height:42px;padding:8px 14px;margin:0 0 8px;border-radius:10px;
  display:flex;align-items:center;gap:9px;border:1px solid #ecdca8;background:#fff9e8;color:#765d17;
  box-sizing:border-box
}
.licenseGlobalNotice.bad{border-color:#efc7cb;background:#fff1f2;color:#9f3e47}
.licenseGlobalNotice>span{font-size:17px}.licenseGlobalNotice>b{font-size:9px;flex:1}
.licenseGlobalNotice button{border:0;border-radius:7px;background:#fff;color:inherit;padding:7px 10px;font-size:8px;font-weight:800;cursor:pointer;box-shadow:0 1px 4px #0001}
@media(max-width:620px){.licenseGlobalNotice{margin:0 0 6px;padding:7px 9px}.licenseGlobalNotice>b{font-size:8px}.licenseGlobalNotice button{padding:6px 8px;font-size:7px}}\n.licPaymentForm{grid-template-columns:1fr 80px 1fr 1fr 110px auto}
/* ===== Issued license remote controls ===== */
.licIssuedStatus{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:7px;font-weight:850;text-transform:uppercase;background:#eaf7f1;color:#278d69}
.licIssuedStatus.suspended{background:#fff6df;color:#b37a09}.licIssuedStatus.revoked{background:#fff0f1;color:#bd4650}
.licIssuedActions{display:flex;gap:4px;flex-wrap:wrap}.licCopyMini.warn{color:#a87411;border-color:#ead9a7;background:#fffaf0}.licCopyMini.bad{color:#b74750;border-color:#ecc9cd;background:#fff6f7}/* ===== Central activation client mode ===== */
.setupLicensePage{min-height:100vh;background:radial-gradient(circle at 15% 10%,#1c789333,transparent 30%),linear-gradient(145deg,#071b26,#0d4053 58%,#11677b);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;color:#fff}
.setupLicenseCard{width:min(520px,96vw);background:#fff;color:#29424e;border-radius:24px;padding:28px;box-shadow:0 28px 80px #0005;text-align:center}
.setupLicenseBrand{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:15px}.setupLicenseBrand img{width:46px;height:46px;object-fit:contain}.setupLicenseBrand div{text-align:start}.setupLicenseBrand b{display:block;font-size:17px}.setupLicenseBrand span{font-size:7px;letter-spacing:1.8px;color:#8ba0aa;font-weight:800}
.setupPendingBadge{display:inline-flex;padding:6px 10px;border-radius:999px;background:#fff7df;color:#a97911;border:1px solid #ecdcae;font-size:8px;font-weight:850;letter-spacing:.7px}.setupLicenseCard h1{font-size:24px;margin:14px 0 7px}.setupLicenseCard>p{font-size:10px;line-height:1.8;color:#738791;margin:0 auto 18px;max-width:410px}
.setupActivationCode{border:1px solid #dce9ee;border-radius:16px;background:#f7fbfc;padding:16px;margin:16px 0}.setupActivationCode span{display:block;font-size:8px;letter-spacing:1.4px;color:#81959f;font-weight:800}.setupActivationCode strong{display:block;margin:9px 0 6px;font:900 25px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;color:#0d5870;letter-spacing:2px}.setupActivationCode small{font-size:8px;color:#98a8af}
#setupLoginForm{display:grid;gap:10px;text-align:start}#setupLoginForm label{display:grid;gap:6px}#setupLoginForm label>span{font-size:9px;color:#637984;font-weight:800}#setupLoginForm input{height:44px;border:1px solid #d6e3e8;border-radius:10px;padding:0 12px;text-align:center;font-size:18px;letter-spacing:4px;outline:none}#setupLoginForm input:focus{border-color:#4ab4ca;box-shadow:0 0 0 3px #37afc51c}#setupLoginForm .blueLoginBtn{margin-top:2px}
.setupOnline{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:15px;color:#408b70;font-size:8px;font-weight:800}.setupOnline i{width:7px;height:7px;border-radius:50%;background:#35b77d;box-shadow:0 0 0 5px #35b77d18}
.setupLicensePage>.systemCopyright{color:#bdd3dc!important;margin-top:13px}
.managedLicenseClient{display:grid;gap:14px}.managedLicHero{min-height:145px;border-radius:21px;padding:24px 26px;color:#fff;background:linear-gradient(135deg,#0c2937,#10576c 70%,#16788b);display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 12px 30px #16485c1c}.managedLicHero.pending{background:linear-gradient(135deg,#352f1d,#846318,#b4831e)}.managedLicHero.suspended,.managedLicHero.revoked,.managedLicHero.expired{background:linear-gradient(135deg,#3e2428,#854047,#b65059)}.managedLicHero>div:first-child>span{font-size:8px;letter-spacing:2px;color:#9ee1ed;font-weight:850}.managedLicHero h1{margin:7px 0 5px;font-size:26px}.managedLicHero p{margin:0;color:#d2e4e9;font-size:9px}.managedLicState{padding:13px 16px;border-radius:13px;background:#ffffff0c;border:1px solid #ffffff16;min-width:170px;text-align:center}.managedLicState b{display:block;font-size:13px}.managedLicState small{display:block;margin-top:5px;color:#d7e9ee;font-size:8px}
.activationCodePanel{background:#fff;border:1px solid #dfe8ed;border-radius:18px;padding:22px;text-align:center;box-shadow:0 6px 20px #273f4a0b}.activationCodePanel>span{font-size:8px;letter-spacing:1.5px;color:#81959e;font-weight:850}.activationCodePanel>strong{display:block;margin:10px 0 6px;font:900 29px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;color:#134c62;letter-spacing:3px}.activationCodePanel>p{max-width:720px;margin:0 auto;color:#7f919a;font-size:9px;line-height:1.7}.centralSyncState{display:inline-flex;align-items:center;gap:7px;margin-top:13px;padding:6px 9px;border-radius:999px;background:#edf8f4;color:#2f8b6c;font-size:8px;font-weight:800}.centralSyncState i{width:6px;height:6px;border-radius:50%;background:#37b57e}
.managedWaiting{background:#fff;border:1px solid #e0e8ed;border-radius:18px;padding:25px;text-align:center}.managedWaitingIcon{width:54px;height:54px;margin:0 auto 10px;border-radius:16px;background:#eef7fa;color:#1988a8;display:grid;place-items:center;font-size:24px}.managedWaiting h2{font-size:17px;margin:0 0 7px}.managedWaiting p{max-width:620px;margin:0 auto;color:#81939c;font-size:9px;line-height:1.8}
@media(max-width:620px){.setupLicenseCard{padding:20px;border-radius:18px}.setupActivationCode strong,.activationCodePanel>strong{font-size:20px;letter-spacing:1.5px}.managedLicHero{flex-direction:column;align-items:stretch;padding:18px}.managedLicState{min-width:0}.activationCodePanel{padding:17px}}