/* ACCURIS VPN — local-only futuristic command center skin */
:root{
  --space-0:#04050d;--space-1:#070a17;--space-2:#0b1022;--space-3:#11172c;
  --violet:#8b5cf6;--violet-hi:#b795ff;--blue:#3b82f6;--cyan:#38d8ff;
  --mint:#4ce6b3;--amber:#ffb74d;--danger:#ff5577;--ink:#f5f3ff;--muted:#8f97b3;
  --line:rgba(146,162,218,.14);--line-hi:rgba(142,108,255,.34);
}
html,body{background:var(--space-0)!important;color:var(--ink)}
body{background-image:radial-gradient(circle at 42% -15%,rgba(75,51,160,.22),transparent 36%),radial-gradient(circle at 96% 42%,rgba(16,94,154,.11),transparent 28%),linear-gradient(180deg,#050611,#03040a)!important}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:radial-gradient(circle,rgba(195,208,255,.38) 0 1px,transparent 1.4px);background-size:67px 67px;mask-image:linear-gradient(to bottom,#000,transparent 72%)}
.ambient{opacity:.18!important;filter:blur(80px)!important}.ambient-one{background:#6d42dd!important}.ambient-two{background:#0879b9!important}
.app-shell{grid-template-columns:minmax(0,1fr) 270px!important;direction:ltr;background:transparent!important}
.sidebar{grid-column:2!important;grid-row:1!important;direction:rtl;background:linear-gradient(180deg,rgba(9,11,25,.97),rgba(4,6,14,.99))!important;border-inline-start:1px solid rgba(160,136,255,.18)!important;box-shadow:-24px 0 70px rgba(0,0,0,.28);padding:24px 18px!important}
.workspace{grid-column:1!important;grid-row:1!important;direction:rtl;background:transparent!important}
.brand{padding:0 8px 24px!important;border-bottom:1px solid var(--line)}
.brand-mark{background:linear-gradient(145deg,#ddd3ff,#865de9 55%,#32c3ff)!important;color:#080816!important;border:1px solid rgba(205,191,255,.48)!important;box-shadow:0 0 34px rgba(131,82,246,.26)!important}
.brand strong{letter-spacing:.34em!important}.brand small,.sidebar-title small{color:#8573c9!important;letter-spacing:.16em!important}
.sidebar-title{margin:18px 6px 10px!important;background:rgba(106,75,194,.08)!important;border:1px solid rgba(157,128,255,.14)!important}
.nav{gap:5px!important}.nav-item{border-radius:12px!important;color:#9da4bd!important;border:1px solid transparent!important;min-height:44px!important}
.nav-item:hover{background:rgba(122,94,206,.08)!important;color:#e8e3ff!important}
.nav-item.active{background:linear-gradient(90deg,rgba(116,74,235,.22),rgba(52,111,240,.08))!important;color:#f5f1ff!important;border-color:rgba(153,117,255,.32)!important;box-shadow:inset -3px 0 #9a72ff,0 12px 30px rgba(67,35,148,.12)!important}
.nav-item.active i{color:#b69aff!important;filter:drop-shadow(0 0 8px #835cf0)}
.nav-item b{background:rgba(116,84,209,.18)!important;color:#c5b6ff!important}.nav-planned{opacity:.46!important;cursor:not-allowed!important}.nav-planned small{margin-inline-start:auto;font-size:9px;color:#776e94}
.sidebar-health{background:linear-gradient(145deg,rgba(14,19,37,.9),rgba(7,10,22,.9))!important;border-color:rgba(98,225,191,.17)!important}.health-light,.pulse-dot{background:var(--mint)!important;box-shadow:0 0 12px var(--mint)!important}
.topbar{height:88px!important;background:rgba(5,7,17,.72)!important;backdrop-filter:blur(18px);border-color:var(--line)!important;padding:0 30px!important}
.topbar h1{font-size:21px!important}.topbar .eyebrow{color:#9d82f5!important;letter-spacing:.15em!important}.top-actions{gap:10px!important}.system-clock{direction:rtl;display:flex;flex-direction:column;align-items:flex-start;padding:7px 13px;border-inline-end:1px solid var(--line)}.system-clock span{font-size:9px;color:#777f99}.system-clock b{font:600 14px/1.3 ui-monospace,SFMono-Regular,Consolas;color:#d9d2ff;letter-spacing:.08em}.notification-btn{position:relative}.notification-dot{position:absolute;top:8px;right:8px;width:6px;height:6px;border-radius:50%;background:var(--danger);box-shadow:0 0 9px var(--danger)}
.btn.primary{background:linear-gradient(135deg,#8d64f7,#5369ee)!important;color:white!important;border-color:rgba(179,155,255,.6)!important;box-shadow:0 10px 34px rgba(94,61,209,.24)!important}.icon-btn,.sync-state{background:rgba(15,20,40,.82)!important;border-color:var(--line)!important}
.workspace>.view{padding:24px 30px 54px!important}.ops-dashboard{max-width:1700px;margin:auto}.surface,.data-surface{background:linear-gradient(145deg,rgba(13,18,37,.86),rgba(7,10,23,.92))!important;border:1px solid var(--line)!important;box-shadow:inset 0 1px rgba(255,255,255,.025),0 24px 70px rgba(0,0,0,.19)!important;border-radius:18px!important}
.ops-preview-notice{border-color:rgba(255,183,77,.3)!important;background:rgba(255,183,77,.08)!important;color:#ffd28b!important}
.ops-space-hero{position:relative;overflow:hidden;margin-bottom:18px!important;border-color:rgba(130,95,242,.28)!important;background:radial-gradient(circle at 52% 52%,rgba(63,42,134,.27),transparent 28%),linear-gradient(145deg,rgba(9,13,30,.96),rgba(3,5,14,.98))!important}
.ops-space-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(114,123,187,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(114,123,187,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(circle at 50%,black,transparent 75%)}
.ops-section-head{border-color:var(--line)!important}.ops-section-head span{color:#8d72e8!important;letter-spacing:.14em!important}.ops-section-head h2{color:#f4f1ff!important}.ops-section-head p{color:#8089a5!important}.transit-head-meta b{background:rgba(76,230,179,.1)!important;color:var(--mint)!important;border:1px solid rgba(76,230,179,.22)}
.transit-core{height:540px!important;min-height:540px!important;background:radial-gradient(ellipse at center,rgba(57,46,137,.17),transparent 54%)!important}.transit-core canvas{filter:saturate(1.12) hue-rotate(18deg)}
.transit-readout{background:rgba(8,12,28,.78)!important;border-color:rgba(122,111,200,.22)!important;backdrop-filter:blur(12px)}.transit-readout span{color:#717a9b!important}.transit-readout b{color:#e5e0ff!important}.transit-readout.rx b{color:#49d9ff!important}.transit-readout.tx b{color:#a996ff!important}
.transit-legend{background:rgba(5,7,18,.72)!important;border-color:var(--line)!important;backdrop-filter:blur(12px)}
.ops-hero-status{position:absolute;z-index:4;right:24px;bottom:68px;width:220px;padding:18px;border-radius:16px;background:linear-gradient(145deg,rgba(15,19,43,.88),rgba(8,10,25,.9));border:1px solid rgba(137,96,242,.28);box-shadow:0 20px 50px rgba(0,0,0,.25);backdrop-filter:blur(12px)}.ops-hero-status>span{font-size:9px;letter-spacing:.16em;color:#8975d3}.ops-hero-status>strong{display:block;margin:6px 0 2px;font:700 38px/1 ui-monospace,Consolas;color:#eef1ff;text-shadow:0 0 18px rgba(97,203,255,.35);white-space:nowrap}.ops-hero-status>small{display:block;color:#747e9c;line-height:1.8;font-size:10px}.ops-hero-status #opsHealthFactors{display:flex;gap:5px;flex-wrap:wrap;margin-top:12px}.ops-hero-status #opsHealthFactors i{font-style:normal;font-size:9px;padding:5px 7px;border-radius:99px;background:rgba(82,101,181,.12);color:#aab4da;border:1px solid rgba(123,141,218,.16)}
.ops-space-hero>.ops-section-head{min-height:82px;padding:16px 22px!important}.ops-space-hero>.ops-section-head h2{font-size:22px!important}.ops-space-hero>.ops-section-head p{font-size:10px!important;margin-top:4px!important}
.ops-hero-layout{display:grid;grid-template-columns:minmax(250px,29%) minmax(430px,1fr) minmax(210px,23%);direction:ltr;min-height:430px;border-top:1px solid rgba(117,128,188,.08)}
.ops-protection-panel,.ops-hero-status{direction:rtl;position:relative;inset:auto;width:auto;border-radius:0;background:linear-gradient(145deg,rgba(10,14,31,.72),rgba(7,9,22,.86));border:0;box-shadow:none;backdrop-filter:none;padding:22px}
.ops-protection-panel{grid-column:1;border-inline-end:1px solid var(--line);z-index:4}.ops-protection-panel>span{display:block;color:#a5acc2;font-size:11px}.protection-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:12px 0 18px}.protection-title strong{display:block;font-size:27px;color:#7ca4ff;text-shadow:0 0 20px rgba(71,113,255,.34)}.protection-title small{display:block;margin-top:6px;color:#707995;font-size:9px}.protection-shield{display:grid;place-items:center;width:58px;height:68px;font-style:normal;font-size:26px;color:#91a8ff;clip-path:polygon(50% 0,95% 18%,88% 73%,50% 100%,12% 73%,5% 18%);background:linear-gradient(145deg,rgba(74,102,247,.34),rgba(97,60,222,.13));border:1px solid rgba(127,151,255,.5);filter:drop-shadow(0 0 14px rgba(79,108,255,.42))}
.ops-protection-panel .ops-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin:0!important;direction:ltr}.ops-protection-panel .ops-kpi{direction:rtl;min-height:112px!important;padding:10px 7px!important;border-radius:12px!important;text-align:center;background:linear-gradient(180deg,rgba(18,27,66,.94),rgba(7,13,36,.96))!important;border-color:rgba(68,101,222,.22)!important;box-shadow:inset 0 1px rgba(110,130,255,.08),0 0 24px rgba(31,57,162,.08)!important}.ops-protection-panel .ops-kpi span{font-size:8px!important;white-space:nowrap}.ops-protection-panel .ops-kpi strong{font-size:17px!important;margin:5px 0 3px!important;white-space:nowrap}.ops-protection-panel .ops-kpi small{font-size:8px!important;line-height:1.35!important;color:#40e07e!important}.ops-protection-panel .ops-kpi:nth-child(n+5){display:none}.ops-kpi-icon{display:grid!important;place-items:center!important;width:28px!important;height:28px!important;margin:0 auto 4px!important;border-radius:8px!important;background:rgba(45,80,211,.12)!important;color:#568fff!important;font-style:normal!important;font-size:18px!important;box-shadow:0 0 16px rgba(86,93,255,.12)!important}
.ops-hero-layout>.transit-core{grid-column:2;height:430px!important;min-height:430px!important;border:0!important;border-radius:0!important}.ops-hero-layout>.transit-core:after{content:"";position:absolute;left:8%;right:8%;bottom:18px;height:42px;border-radius:50%;background:radial-gradient(ellipse,rgba(57,111,255,.32),transparent 68%);filter:blur(9px);pointer-events:none}
.ops-hero-layout>.ops-hero-status{grid-column:3;display:flex;flex-direction:column;justify-content:center;border-inline-start:1px solid var(--line);z-index:4}.ops-hero-status>span{font-size:11px;color:#a5acc2;letter-spacing:0}.ops-hero-status>strong{font-size:43px;margin:18px 0 4px;text-align:center}.ops-hero-status>em{font-style:normal;color:var(--mint);font-weight:700;text-align:end;font-size:12px}.health-score-line{height:4px;margin:8px 0 18px;border-radius:99px;background:#171b35;overflow:hidden}.health-score-line i{display:block;width:96%;height:100%;background:linear-gradient(90deg,#45d9ff,#7957ff,#bf65ff);box-shadow:0 0 12px #835cff}.ops-hero-status>small{font-size:9px;text-align:center}.ops-hero-status #opsHealthFactors{justify-content:center}.ops-hero-status #opsHealthFactors i{font-size:8px}
.ops-hero-layout .transit-readout{transform:scale(.78)}.ops-hero-layout .transit-readout.rx{left:14px;top:14px}.ops-hero-layout .transit-readout.tx{left:122px;top:14px}.ops-hero-layout .transit-readout.sessions{right:14px;top:14px}.ops-hero-layout .transit-legend{bottom:12px!important}
.ops-kpi-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:12px!important;margin:0 0 18px!important}.ops-kpi{background:linear-gradient(150deg,rgba(15,20,42,.92),rgba(8,11,25,.88))!important;border-color:var(--line)!important;border-radius:16px!important;min-height:112px!important}.ops-kpi:after{background:linear-gradient(90deg,transparent,var(--violet),transparent)!important}.ops-kpi strong{color:#f6f3ff!important}.ops-kpi small,.ops-kpi span{color:#79829f!important}.ops-kpi.tone-healthy i,.ops-kpi.tone-green i{background:var(--mint)!important;box-shadow:0 0 12px var(--mint)!important}.ops-kpi.tone-blue i{background:var(--cyan)!important;box-shadow:0 0 12px var(--cyan)!important}.ops-kpi.tone-gold i{background:var(--violet)!important;box-shadow:0 0 12px var(--violet)!important}
.ops-service-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}.ops-vpn-card{position:relative;overflow:hidden;min-height:210px;padding:22px;border-radius:18px;background:linear-gradient(145deg,rgba(16,21,44,.94),rgba(7,10,24,.94));border:1px solid var(--line);box-shadow:inset 0 1px rgba(255,255,255,.03)}.ops-vpn-card:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;inset:auto -80px -130px auto;background:radial-gradient(circle,rgba(92,76,227,.18),transparent 66%)}.ops-vpn-card.warning:after{background:radial-gradient(circle,rgba(255,166,64,.17),transparent 66%)}.ops-vpn-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.ops-vpn-title{display:flex;gap:13px;align-items:center}.ops-vpn-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:14px;background:linear-gradient(145deg,rgba(87,108,255,.2),rgba(129,70,245,.16));border:1px solid rgba(130,116,255,.28);font:bold 14px ui-monospace;color:#b9b4ff}.ops-vpn-title h3{margin:0;font-size:20px}.ops-vpn-title span{display:block;margin-top:4px;color:#79819d;font-size:10px}.ops-live-state{display:flex;align-items:center;gap:7px;color:var(--mint);font-size:11px}.ops-live-state i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}.ops-vpn-card.down .ops-live-state{color:var(--danger)}.ops-vpn-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:22px 0 18px}.ops-vpn-stats div{padding:10px 12px;border-radius:11px;background:rgba(5,8,19,.58);border:1px solid rgba(124,137,191,.11)}.ops-vpn-stats span{display:block;color:#707996;font-size:9px}.ops-vpn-stats b{display:block;margin-top:5px;color:#e8e5ff;font:600 13px ui-monospace,Consolas}.ops-vpn-actions{display:flex;align-items:center;gap:8px}.ops-vpn-actions button{border:1px solid var(--line);background:rgba(13,17,35,.8);color:#c3c5d6;border-radius:9px;padding:8px 11px;font:inherit;font-size:10px}.ops-vpn-actions button:not(:disabled):hover{border-color:var(--line-hi);color:white}.ops-vpn-actions button:disabled{opacity:.36;cursor:not-allowed}.ops-vpn-actions small{margin-inline-start:auto;color:#606981;font-size:9px}
.ops-primary-grid{grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr)!important;gap:14px!important}.ops-line.rx{stroke:#41d8ff!important}.ops-line.tx{stroke:#9b78ff!important}.ops-area.rx{fill:url(#opsRxFill)!important}.ops-chart-legend .rx i{background:#41d8ff!important}.ops-chart-legend .tx i{background:#9b78ff!important}.ops-range button.active{background:rgba(117,81,223,.22)!important;color:#d4c7ff!important;border-color:rgba(140,102,245,.32)!important}.ops-health-badge.healthy{background:rgba(76,230,179,.1)!important;color:var(--mint)!important}.ops-resource div{background:#12172b!important}.ops-resource div i{background:linear-gradient(90deg,#4e8cff,#9b65f2)!important}.ops-service,.ops-event,.ops-quota-row{border-color:var(--line)!important;background:rgba(9,13,28,.54)!important}
.ops-connected{color:var(--mint)!important}.ops-protocol{background:rgba(114,75,223,.14)!important;color:#baa9ff!important;border-color:rgba(133,99,232,.24)!important}.ops-table-wrap table th{color:#717b99!important}.ops-table-wrap table tr{border-color:var(--line)!important}.text-btn{color:#a892fa!important}
.data-surface,.modal,.confirm-body,.auth-card{background:linear-gradient(145deg,rgba(13,18,37,.98),rgba(5,8,18,.98))!important;border-color:rgba(141,113,234,.22)!important}.filters input,.filters select,input,select,textarea{background:#080c1c!important;border-color:rgba(132,143,188,.19)!important;color:#f0edff!important}.filters input:focus,input:focus,select:focus,textarea:focus{border-color:#8d67ef!important;box-shadow:0 0 0 3px rgba(126,85,234,.12)!important}

/* Full-screen secure access gateway */
.auth-shell{isolation:isolate;overflow:hidden;padding:clamp(18px,3vw,54px)!important;background:radial-gradient(circle at 23% 48%,rgba(53,82,211,.17),transparent 30%),radial-gradient(circle at 75% 22%,rgba(112,57,220,.13),transparent 26%),linear-gradient(135deg,#03050d,#080b1a 58%,#040611)}
.auth-shell:before,.auth-shell:after{content:"";position:absolute;pointer-events:none}.auth-shell:before{inset:0;z-index:-2;background-image:linear-gradient(rgba(91,116,190,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(91,116,190,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,#000,transparent 94%)}.auth-shell:after{left:-12%;right:-12%;bottom:-24%;height:48%;z-index:-1;border-radius:50%;border-top:1px solid rgba(84,128,255,.45);background:radial-gradient(ellipse at 50% 0,rgba(42,94,255,.25),rgba(30,40,120,.08) 32%,transparent 65%);box-shadow:0 -18px 90px rgba(38,91,255,.19)}
.auth-stage{width:min(1380px,100%);min-height:min(780px,calc(100vh - 72px));display:grid;grid-template-columns:minmax(0,1.35fr) minmax(390px,.65fr);direction:ltr;overflow:hidden;border:1px solid rgba(132,113,226,.23);border-radius:30px;background:linear-gradient(145deg,rgba(7,11,27,.9),rgba(3,5,14,.96));box-shadow:0 50px 140px rgba(0,0,0,.58),inset 0 1px rgba(218,209,255,.05)}
.auth-visual{position:relative;direction:rtl;overflow:hidden;padding:34px 38px 30px;border-inline-end:1px solid rgba(140,124,217,.16);background:radial-gradient(circle at 50% 45%,rgba(51,57,168,.25),transparent 32%),linear-gradient(150deg,rgba(8,13,36,.76),rgba(4,7,20,.88))}
.auth-stars{position:absolute;inset:0;opacity:.5;background-image:radial-gradient(circle,#899dff 0 1px,transparent 1.4px),radial-gradient(circle,#4fdfff 0 1px,transparent 1.4px);background-position:0 0,31px 23px;background-size:79px 79px,113px 113px;mask-image:radial-gradient(circle at 50% 45%,#000,transparent 76%)}
.auth-visual-head{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between}.auth-visual .auth-brand{padding:0!important}.auth-visual .brand-mark,.auth-mobile-brand .brand-mark{background:linear-gradient(145deg,#dfd4ff,#8a5cf0 55%,#36c8ff)!important;box-shadow:0 0 36px rgba(127,81,239,.38)!important}.auth-visual .auth-brand strong{font-size:20px}.auth-visual .auth-brand small{color:#9e8ae4!important}.auth-live{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(72,229,179,.22);border-radius:99px;color:#8e9ab8;font-size:10px;background:rgba(8,24,30,.5)}.auth-live i{width:7px;height:7px;border-radius:50%;background:#4ce6b3;box-shadow:0 0 13px #4ce6b3}
.auth-network-core{position:absolute;left:50%;top:45%;width:min(54vw,560px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;perspective:900px;background:radial-gradient(circle at 42% 36%,rgba(85,108,255,.28),rgba(24,31,97,.2) 30%,rgba(5,9,28,.95) 69%);border:1px solid rgba(100,129,255,.35);box-shadow:inset -32px -35px 80px rgba(1,3,13,.85),inset 22px 18px 55px rgba(83,102,255,.12),0 0 45px rgba(50,89,255,.24),0 0 130px rgba(75,49,201,.15)}
.auth-network-core:before{content:"";position:absolute;inset:-13%;border-radius:50%;border:1px solid rgba(80,120,255,.23);box-shadow:0 0 80px rgba(56,101,255,.12)}.auth-network-core:after{content:"";position:absolute;inset:8%;border-radius:50%;background-image:radial-gradient(circle,rgba(79,219,255,.75) 0 1px,transparent 1.5px);background-size:21px 21px;opacity:.25;mask-image:radial-gradient(circle,#000 15%,transparent 72%)}
.auth-globe-grid{position:absolute;inset:2%;border-radius:50%;opacity:.31;background:repeating-radial-gradient(ellipse at center,transparent 0 31px,rgba(101,116,255,.25) 32px 33px),repeating-linear-gradient(90deg,transparent 0 50px,rgba(83,107,216,.16) 51px 52px);clip-path:circle(49%)}
.auth-orbit{position:absolute;left:-14%;right:-14%;top:46%;height:12%;border:1px solid rgba(85,200,255,.44);border-radius:50%;transform:rotate(-10deg);box-shadow:0 0 20px rgba(56,173,255,.11);animation:authOrbit 11s linear infinite}.auth-orbit.orbit-b{top:42%;height:20%;transform:rotate(18deg);border-color:rgba(153,94,255,.42);animation-duration:15s;animation-direction:reverse}.auth-orbit.orbit-c{left:4%;right:4%;top:-8%;height:116%;transform:rotate(70deg);border-color:rgba(72,119,255,.25);animation-duration:19s}
.auth-node{position:absolute;z-index:3;width:9px;height:9px;border-radius:50%;background:#61e5ff;box-shadow:0 0 5px #fff,0 0 18px #3ebeff}.auth-node.node-a{left:4%;top:45%}.auth-node.node-b{right:6%;top:37%;background:#a588ff;box-shadow:0 0 5px #fff,0 0 18px #8c5fff}.auth-node.node-c{left:28%;top:10%}.auth-node.node-d{right:26%;bottom:9%;background:#a989ff}
.auth-core-mark{position:absolute;z-index:5;left:50%;top:50%;width:150px;height:150px;transform:translate(-50%,-50%);display:grid;place-content:center;text-align:center;border-radius:50%;border:1px solid rgba(164,132,255,.62);background:radial-gradient(circle at 38% 25%,#262054,#0a0c22 68%);box-shadow:inset -12px -15px 28px rgba(0,0,0,.6),0 0 0 12px rgba(94,63,205,.08),0 0 42px rgba(116,70,244,.44)}.auth-core-mark b{font:italic 800 54px/1 Georgia;color:#9d7cff;text-shadow:5px 5px 0 #3b7cff,0 0 20px #9b5fff}.auth-core-mark strong{font:700 14px/1.5 Arial;letter-spacing:.12em}.auth-core-mark small{font:7px Arial;color:#8b95bd;letter-spacing:.12em}
.auth-visual-copy{position:absolute;z-index:4;right:38px;bottom:116px;max-width:430px}.auth-visual-copy>span{color:#8c79dd;font:700 9px/1.4 Arial;letter-spacing:.17em}.auth-visual-copy h2{margin:8px 0 6px;font-size:27px}.auth-visual-copy p{margin:0;color:#8992b0;font-size:11px;line-height:1.9}.auth-status-strip{position:absolute;z-index:4;left:38px;right:38px;bottom:28px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(113,124,188,.14);border-radius:14px;background:rgba(6,10,25,.72);backdrop-filter:blur(12px)}.auth-status-strip div{display:grid;grid-template-columns:auto 1fr;gap:3px 8px;padding:12px 14px;border-inline-start:1px solid rgba(113,124,188,.12);font-size:9px}.auth-status-strip div:first-child{border:0}.auth-status-strip i{grid-row:1/3;width:7px;height:7px;margin-top:5px;border-radius:50%;background:#4ce6b3;box-shadow:0 0 10px #4ce6b3}.auth-status-strip span{color:#7983a1}.auth-status-strip b{color:#cbd0e4;font-size:10px}
.auth-stage>.auth-card{position:relative;direction:rtl;width:auto!important;margin:0!important;padding:clamp(38px,5vw,76px)!important;border:0!important;border-radius:0!important;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(155deg,rgba(12,16,36,.98),rgba(5,7,18,.99))!important;box-shadow:none!important}.auth-card-glow{position:absolute;right:-160px;top:12%;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,rgba(128,69,239,.17),transparent 67%);pointer-events:none}.auth-mobile-brand{display:none!important}.auth-stage .auth-copy{text-align:right}.auth-stage .auth-copy .eyebrow{color:#a88aff!important;font:700 9px/1.4 Arial;letter-spacing:.19em}.auth-stage .auth-copy h1{margin:13px 0 9px!important;font-size:clamp(28px,2.4vw,39px)!important;line-height:1.45!important;letter-spacing:-.04em}.auth-stage .auth-copy h1 em{font:700 .78em/1 Arial;font-style:normal;color:#bba8ff;letter-spacing:.04em;text-shadow:0 0 25px rgba(123,75,239,.28)}.auth-stage .auth-copy p{font-size:11px!important;line-height:1.9!important;color:#818aa6!important}
.auth-stage .auth-form{gap:18px!important;margin-top:34px!important}.auth-stage .auth-form label{gap:8px!important;color:#aeb5cf!important;font-size:11px!important}.auth-input{position:relative;display:flex}.auth-input>i{position:absolute;right:15px;top:50%;z-index:2;transform:translateY(-50%);display:grid;place-items:center;color:#8069ce}.auth-input>i svg{width:18px;height:18px}.auth-stage .auth-input input{height:57px!important;padding-right:49px!important;padding-left:50px!important;border-radius:13px!important;background:rgba(6,9,23,.9)!important;border:1px solid rgba(125,139,204,.2)!important;font-size:14px!important;letter-spacing:.04em}.auth-stage .auth-input input:focus{border-color:#8f68f5!important;box-shadow:0 0 0 3px rgba(126,85,234,.12),0 10px 30px rgba(45,33,108,.15)!important}.auth-stage .input-wrap .icon-btn{right:auto!important;left:5px!important;top:7px!important;width:43px!important;height:43px!important}.auth-submit{height:56px!important;margin-top:4px;border:1px solid rgba(184,157,255,.48)!important;border-radius:13px!important;background:linear-gradient(110deg,#5b63e9,#8a55ed 56%,#5e79f2)!important;box-shadow:0 16px 38px rgba(93,57,211,.3),inset 0 1px rgba(255,255,255,.16)!important;font-size:13px!important}.auth-submit:hover{transform:translateY(-2px)!important;box-shadow:0 20px 44px rgba(93,57,211,.38)!important}.auth-stage .auth-foot{justify-content:flex-start!important;gap:8px!important;margin-top:25px!important;padding-top:20px!important;border-color:rgba(120,132,190,.13)!important;color:#8a93ad!important;font-size:9px!important}.auth-stage .auth-foot b{margin-inline-start:auto;color:#69728f;font-weight:500}.auth-security-note{margin:22px 0 0;text-align:center;color:#464f6b;font:7px/1.4 Arial;letter-spacing:.15em}
@keyframes authOrbit{to{filter:hue-rotate(30deg);transform:rotate(350deg)}}
@media(max-width:980px){.auth-stage{grid-template-columns:1fr;min-height:auto;width:min(570px,100%)}.auth-visual{min-height:290px;padding:24px}.auth-visual-head .auth-live{display:none}.auth-network-core{width:260px;top:53%}.auth-core-mark{width:88px;height:88px}.auth-core-mark b{font-size:32px}.auth-core-mark strong{font-size:9px}.auth-core-mark small{font-size:5px}.auth-visual-copy{right:24px;bottom:25px}.auth-visual-copy h2{font-size:20px}.auth-visual-copy p,.auth-status-strip{display:none}.auth-stage>.auth-card{padding:35px 34px!important}.auth-stage .auth-copy h1{font-size:29px!important}.auth-mobile-brand{display:none!important}}
@media(max-width:560px){html,body{max-width:100%;overflow-x:hidden}.auth-shell{width:100%;padding:0!important;overflow-x:hidden;overflow-y:auto}.auth-stage{width:100%!important;max-width:100%;min-width:0;min-height:100vh;border:0;border-radius:0}.auth-visual,.auth-stage>.auth-card{min-width:0;width:100%!important}.auth-visual{min-height:220px;padding:20px}.auth-visual-head{max-width:100%}.auth-visual .auth-brand{min-width:0}.auth-visual .auth-brand strong{font-size:15px}.auth-visual .auth-brand small{font-size:6px}.auth-network-core{width:205px;top:58%}.auth-core-mark{width:70px;height:70px}.auth-core-mark b{font-size:25px}.auth-visual-copy{display:none}.auth-stage>.auth-card{padding:30px 22px 35px!important;justify-content:flex-start;overflow:hidden}.auth-stage .auth-copy{max-width:100%}.auth-stage .auth-copy h1{font-size:26px!important}.auth-stage .auth-copy p{font-size:10px!important}.auth-stage .auth-form{width:100%;min-width:0;margin-top:25px!important}.auth-stage .auth-form label,.auth-stage .auth-input{min-width:0;width:100%}.auth-stage .auth-input input{min-width:0;max-width:100%}.auth-stage .auth-foot{flex-wrap:wrap}.auth-stage .auth-foot b{width:100%;margin:0}.auth-security-note{margin-top:16px}}
@media(max-width:1300px){.app-shell{grid-template-columns:minmax(0,1fr) 238px!important}.ops-kpi-grid{grid-template-columns:repeat(3,1fr)!important}.transit-core{height:490px!important;min-height:490px!important}.ops-vpn-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1300px){.ops-hero-layout{grid-template-columns:minmax(220px,28%) minmax(360px,1fr) minmax(190px,22%)}.ops-protection-panel,.ops-hero-status{padding:16px}.protection-title strong{font-size:22px}.ops-hero-status>strong{font-size:34px}}
@media(max-width:980px){.app-shell{display:block!important}.sidebar{grid-column:auto!important}.workspace>.view{padding:18px!important}.ops-primary-grid,.ops-service-grid{grid-template-columns:1fr!important}.ops-hero-layout{grid-template-columns:1fr 1fr;min-height:0}.ops-protection-panel{grid-column:1}.ops-hero-layout>.ops-hero-status{grid-column:2}.ops-hero-layout>.transit-core{grid-column:1/3;grid-row:1;height:430px!important;min-height:430px!important}.ops-protection-panel,.ops-hero-layout>.ops-hero-status{grid-row:2;border-top:1px solid var(--line);min-height:280px}.transit-core{height:560px!important}.system-clock{display:none}.ops-kpi-grid{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:620px){.topbar{height:auto!important;min-height:76px;padding:10px 14px!important}.top-actions .sync-state{display:none}.workspace>.view{padding:12px!important}.ops-kpi-grid{grid-template-columns:1fr 1fr!important}.ops-kpi{min-height:102px!important}.transit-core{height:500px!important;min-height:500px!important}.transit-readout{transform:scale(.82)}.ops-vpn-stats{grid-template-columns:1fr 1fr}.ops-vpn-actions{flex-wrap:wrap}.ops-vpn-actions small{width:100%;margin:0}.ops-section-head{padding:16px!important}.ops-section-head h2{font-size:20px!important}.transit-legend{gap:6px!important;padding:8px!important;font-size:8px!important}.ops-hero-status{margin-bottom:70px}}

/* Keep logout and panel health visible at every desktop viewport height. */
@media(min-width:981px){
  .sidebar{height:100dvh!important;min-height:0!important;overflow:hidden!important}
  .sidebar>.nav{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain;margin-bottom:10px!important;padding-inline:2px 4px;scrollbar-width:thin;scrollbar-color:rgba(145,111,255,.34) transparent}
  .sidebar>.sidebar-health,.sidebar>.logout{flex:0 0 auto!important}
  .sidebar>.logout{position:relative;z-index:2;margin-top:8px!important;background:rgba(10,13,28,.96)!important;border:1px solid rgba(145,111,255,.16)!important}
}
@media(min-width:981px) and (max-height:940px){
  .sidebar{padding:16px 14px 12px!important}
  .brand-mark{width:38px!important;height:38px!important;font-size:24px!important}
  .brand strong{font-size:15px!important}.brand small{font-size:7px!important}
  .sidebar-title{margin:12px 5px 7px!important;padding:9px 11px!important}
  .sidebar-title span{font-size:12px!important}.sidebar-title small{font-size:7px!important}
  .nav{margin-top:8px!important;gap:2px!important}
  .nav-item{min-height:37px!important;padding:7px 10px!important;font-size:12px!important;line-height:1.45!important}
  .nav-item svg{width:17px!important;height:17px!important}.nav-planned small{font-size:7px!important}
  .sidebar-health{padding:10px!important;border-radius:12px!important}.health-head{padding-bottom:7px!important;margin-bottom:4px!important}.health-row{padding-top:4px!important;font-size:10px!important}
  .sidebar>.logout{min-height:39px!important;padding-block:7px!important}
}
/* Reference-matched compact command layout */
.ops-primary-grid{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr) minmax(280px,.85fr)!important;align-items:stretch}.ops-primary-grid>.surface{min-width:0}.ops-dashboard-secondary{display:none!important}.ops-primary-grid .ops-section-head{padding:14px 16px!important}.ops-primary-grid .ops-section-head h2{font-size:17px!important}.ops-primary-grid .ops-chart-wrap{height:150px!important}.ops-primary-grid .ops-traffic-summary{grid-template-columns:repeat(4,1fr)!important}.ops-primary-grid .ops-traffic-summary div{padding:8px!important}.ops-primary-grid .ops-traffic-summary b{font-size:12px!important}.ops-primary-grid .ops-health-columns{gap:8px!important}.ops-primary-grid .ops-service,.ops-primary-grid .ops-resource{padding:7px 8px!important}.ops-primary-grid .ops-health-reason{padding:9px!important}.ops-primary-grid .ops-event{padding:8px!important}.ops-primary-grid .ops-event-list{padding:8px 12px 12px!important}
.ops-space-hero>.ops-section-head{min-height:70px;padding:12px 20px!important}.ops-space-hero>.ops-section-head h2{font-size:20px!important}.ops-space-hero>.ops-section-head p{font-size:9px!important;margin-top:3px!important}
.ops-hero-layout{min-height:340px}.ops-protection-panel,.ops-hero-layout>.ops-hero-status{padding:17px}
.protection-title{gap:12px;margin:9px 0 13px}.protection-title strong{font-size:24px}.protection-title small{margin-top:4px;font-size:8px}.protection-shield{width:50px;height:58px;font-size:22px}
.ops-protection-panel .ops-kpi-grid{gap:7px!important}.ops-protection-panel .ops-kpi{min-height:112px!important;padding:8px 5px!important;border-radius:11px!important}.ops-protection-panel .ops-kpi span{font-size:7px!important}.ops-protection-panel .ops-kpi strong{font-size:15px!important;margin:4px 0 2px!important}.ops-protection-panel .ops-kpi small{font-size:7px!important;line-height:1.35!important}
.ops-hero-layout>.transit-core{height:340px!important;min-height:340px!important}.ops-vpn-card{min-height:178px;padding:17px}.ops-vpn-stats{margin:14px 0 12px}
@media(max-width:1100px){.ops-primary-grid{grid-template-columns:1fr!important}.ops-hero-layout{grid-template-columns:1fr 1fr}.ops-hero-layout>.transit-core{grid-column:1/3;grid-row:1}.ops-protection-panel{grid-column:1;grid-row:2}.ops-hero-layout>.ops-hero-status{grid-column:2;grid-row:2}.ops-protection-panel,.ops-hero-layout>.ops-hero-status{border-top:1px solid var(--line)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}

/* Pixel-matched reference composition */
.ops-space-hero>.ops-section-head{display:none!important}
.ops-hero-layout{min-height:336px!important}
.ops-hero-layout>.transit-core{height:336px!important;min-height:336px!important}
.ops-hero-layout .transit-readout,.ops-hero-layout .transit-legend{display:none!important}
.ops-protection-panel,.ops-hero-layout>.ops-hero-status{background:rgba(5,8,22,.64)!important}
.ops-hero-status>small,#opsHealthFactors{display:none!important}
.ops-health-diagnostics{display:grid;gap:7px;margin-top:13px;padding-top:10px;border-top:1px solid var(--line)}
.ops-health-diagnostics div{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:9px;color:#8992b0}
.ops-health-diagnostics b{font:600 10px ui-monospace,Consolas;color:#e7e6f6}

.ops-vpn-card{height:180px!important;min-height:180px!important;padding:12px 16px 10px!important;background:linear-gradient(145deg,rgba(14,18,43,.96),rgba(5,8,23,.97))!important}
.ops-service-main{display:grid;grid-template-columns:180px 1fr;gap:18px;direction:ltr}
.ops-latency-block,.ops-service-copy{direction:rtl}
.ops-latency-block{display:grid;grid-template-columns:74px 1fr;align-items:center;gap:8px}
.ops-latency-ring{position:relative;display:grid;place-content:center;text-align:center;width:72px;height:72px;border-radius:50%;background:radial-gradient(circle at center,#0a0e22 52%,transparent 54%),conic-gradient(#49e68e 0 76%,#202a42 76%);box-shadow:0 0 24px rgba(70,227,146,.16)}
.ops-latency-ring:after{content:"";position:absolute;inset:7px;border:1px solid rgba(74,238,157,.18);border-radius:50%}
.ops-latency-ring strong{font-size:17px;color:#55ef94}.ops-latency-ring span{font-size:8px;color:#8992ad;margin-top:3px}
.ops-mini-spark{width:100%;height:58px;overflow:visible}.ops-mini-spark polyline{fill:none;stroke:#925eff;stroke-width:2;filter:drop-shadow(0 0 4px #7b4fe6)}
.ops-service-copy{min-width:0}.ops-service-copy .ops-vpn-head{align-items:flex-start}.ops-vpn-title h3{font-size:18px!important}.ops-service-copy p{margin:5px 0 9px;color:#878fa8;font-size:9px}
.ops-service-badge{display:inline-flex;padding:4px 8px;border-radius:5px;background:#5120a1;color:#d9c7ff;font-size:9px;font-weight:700}
.ops-service-copy .ops-vpn-stats{margin:0!important;gap:6px!important}.ops-service-copy .ops-vpn-stats div{padding:7px 8px!important}.ops-service-copy .ops-vpn-stats b{font-size:10px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ops-vpn-actions{display:grid!important;grid-template-columns:repeat(3,1fr);gap:8px!important;margin-top:10px}.ops-vpn-actions button{padding:7px!important}.ops-vpn-actions button:nth-child(2){border-color:rgba(255,192,60,.32)!important;color:#dfbd66!important}.ops-vpn-actions .danger{border-color:rgba(255,72,112,.35)!important;background:rgba(159,27,62,.18)!important;color:#ff819e!important}

.ops-primary-grid{direction:ltr;grid-template-columns:minmax(250px,.72fr) minmax(440px,1.28fr) minmax(280px,.86fr)!important}
.ops-primary-grid>.surface{direction:rtl}
.ops-health-panel{grid-column:1;grid-row:1}.ops-traffic-panel{grid-column:2;grid-row:1}.ops-events-panel{grid-column:3;grid-row:1}
.ops-primary-grid>.surface{height:310px!important;min-height:310px!important;overflow:hidden}
.ops-health-panel .ops-service-list,.ops-health-reason{display:none!important}
.ops-health-panel .ops-health-columns{display:block!important;padding:10px 14px 16px!important}
.ops-health-panel .ops-resource-list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.ops-health-panel .ops-resource:nth-child(n+4){display:none!important}
.ops-health-panel .ops-resource{display:grid!important;justify-items:center;gap:5px;padding:0!important;background:transparent!important;border:0!important;text-align:center}
.ops-health-panel .ops-resource>span{grid-row:3;color:#a8aec1;font-size:9px}
.ops-health-panel .ops-resource>div{grid-row:1;position:relative;width:58px;height:58px;border-radius:50%;background:conic-gradient(#725cff 0 var(--value),#1a2035 var(--value) 360deg)!important;box-shadow:0 0 18px rgba(110,84,255,.13)}
.ops-health-panel .ops-resource>div:after{content:"";position:absolute;inset:7px;border-radius:50%;background:#090d1d;border:1px solid rgba(157,136,255,.12)}
.ops-health-panel .ops-resource>div i{display:none!important}
.ops-health-panel .ops-resource>b{grid-row:1;z-index:2;align-self:center;justify-self:center;font-size:15px;color:#f5f2ff}
.ops-health-badge{font-size:9px!important}
.ops-events-panel .ops-event-list{max-height:214px;overflow:hidden}

@media(max-width:1100px){.ops-primary-grid{grid-template-columns:1fr!important}.ops-primary-grid>.surface{height:auto!important}.ops-health-panel,.ops-traffic-panel,.ops-events-panel{grid-column:auto;grid-row:auto}.ops-service-main{grid-template-columns:150px 1fr}}
@media(max-width:700px){.ops-service-main{grid-template-columns:1fr}.ops-latency-block{grid-template-columns:72px 1fr}.ops-health-panel .ops-resource-list{grid-template-columns:repeat(3,1fr)}}