:root{--bg:#030b16;--panel:#071a36;--panel2:#09224a;--line:#174d9b;--line2:#256fe0;--text:#e8f5ff;--muted:#88a9c7;--cyan:#28dbff;--cyan2:#0b7dff;--violet:#bd83ff;--orange:#ffbd54;--red:#ff5d8c;--green:#36e3c0;--shadow:0 16px 38px rgba(0,0,0,.34)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);font:13px/1.5 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;background:#030b16;overflow-x:hidden}body:before{content:"";position:fixed;z-index:-2;inset:0;background:radial-gradient(ellipse at 55% 36%,rgba(9,82,151,.26),transparent 44%),radial-gradient(ellipse at 90% 0,rgba(67,23,143,.22),transparent 36%),linear-gradient(180deg,#061426,#020711 80%)}body:after{content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;opacity:.2;background-image:linear-gradient(rgba(44,126,230,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(44,126,230,.16) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(180deg,#000,transparent 90%)}button,input,select{font:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;z-index:5;inset:0 auto 0 0;width:210px;padding:23px 14px 16px;border-right:1px solid rgba(40,112,218,.45);background:linear-gradient(180deg,rgba(3,16,36,.96),rgba(3,11,22,.92));box-shadow:10px 0 38px rgba(0,30,90,.18);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;padding:0 8px 27px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid #3cf0ff;border-radius:7px;color:#041326;background:linear-gradient(145deg,#54efff,#2187ff);font-size:20px;box-shadow:0 0 22px rgba(40,219,255,.48)}.brand strong{display:block;color:#f5fbff;font-size:15px;letter-spacing:.06em}.brand small{display:block;margin-top:2px;color:#6fa1d5;font:9px Consolas,monospace;letter-spacing:.12em}.main-nav{display:grid;gap:4px}.main-nav a,.server-item{color:#78a0c6;text-decoration:none}.main-nav a{display:flex;align-items:center;gap:10px;padding:10px 11px;border:1px solid transparent;border-radius:4px;transition:.2s}.main-nav a span{width:16px;color:#4484cc;text-align:center;font-size:14px}.main-nav a:hover,.main-nav a.active{color:#fff;background:linear-gradient(90deg,rgba(15,93,205,.44),rgba(8,42,104,.2));border-color:#2268cf;box-shadow:inset 3px 0 var(--cyan)}.main-nav a.active span{color:var(--cyan)}.server-switcher{margin-top:27px}.switcher-heading{display:flex;justify-content:space-between;padding:0 9px 9px;color:#5f87b0;font:10px Consolas,monospace;letter-spacing:.1em;text-transform:uppercase}.switcher-heading span:last-child{color:var(--cyan)}.server-list{display:grid;gap:3px}.server-item{display:flex;align-items:center;gap:8px;padding:8px 9px;border-radius:4px}.server-item:hover,.server-item.selected{background:rgba(19,83,166,.28);color:#fff}.server-item-copy{min-width:0;flex:1}.server-item-copy strong,.server-item-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.server-item-copy strong{font-size:11px}.server-item-copy small{margin-top:1px;color:#6d91b3;font-size:10px}.server-chevron{color:#3b70aa;font-size:17px}.status-dot,.dot{display:inline-block;flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:#6a8098;box-shadow:0 0 0 3px rgba(106,128,152,.1)}.status-dot.online,.status-dot.ok,.dot.ok{background:var(--green);box-shadow:0 0 11px rgba(54,227,192,.88)}.status-dot.warning,.status-dot.warn,.dot.warn{background:var(--orange);box-shadow:0 0 11px rgba(255,189,84,.72)}.status-dot.critical,.status-dot.offline,.status-dot.down{background:var(--red);box-shadow:0 0 11px rgba(255,93,140,.75)}.status-dot.disabled{background:#536b85}.sidebar-note{display:flex;align-items:center;gap:9px;margin-top:auto;padding:13px 9px 0;border-top:1px solid #143d78;color:#759bc1}.sidebar-note small,.sidebar-note strong{display:block}.sidebar-note small{font:9px Consolas,monospace}.sidebar-note strong{margin-top:3px;color:var(--green);font-size:10px}.pulse{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(54,227,192,.1),0 0 13px var(--green)}.main-content{width:calc(100% - 210px);margin-left:210px;min-width:0;padding:22px 28px 60px}.view{max-width:1660px;margin:auto}.hidden{display:none!important}.command-header{position:relative;display:grid;grid-template-columns:235px 1fr 235px;align-items:center;min-height:82px;padding:5px 0 17px;border-bottom:1px solid rgba(29,91,174,.5)}.command-header:after{content:"";position:absolute;right:13%;bottom:-2px;left:13%;height:3px;background:linear-gradient(90deg,transparent,var(--cyan),#4b7dff,var(--cyan),transparent);box-shadow:0 0 16px rgba(40,219,255,.82)}.header-meta{display:grid;align-content:center;gap:2px;color:#86a4c6}.refresh-stamp{color:#6d92bc;font-size:10px}.header-meta strong{padding:4px 8px;border:1px solid #1c579e;border-radius:2px;color:#e5f4ff;background:rgba(0,14,35,.65);font:11px Consolas,monospace;justify-self:start}.header-meta small{color:#4774a5;font:8px Consolas,monospace;letter-spacing:.1em}.command-title{text-align:center}.command-title p{margin:0;color:#5d91d1;font:9px Consolas,monospace;letter-spacing:.18em}.command-title h1{margin:3px 0 0;color:#24deff;text-shadow:0 0 17px rgba(40,219,255,.75);font-size:31px;letter-spacing:.16em}.command-title h2{margin:0;color:#d7eaff;font-size:15px;font-weight:400;letter-spacing:.36em}.header-right{display:grid;justify-items:end;gap:5px;color:#83a8ca}.header-right>strong{color:#d9f3ff;font:18px Consolas,monospace;letter-spacing:.09em}.system-date{color:#4a78a9;font:10px Consolas,monospace}.live-signal{display:flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid #1f69bb;border-radius:3px;background:rgba(4,28,67,.8);color:#8eb9dc;font:9px Consolas,monospace;letter-spacing:.1em}.live-signal i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 9px var(--green)}.live-signal em{color:#3e73a6;font-style:normal}.command-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 2px 15px}.toolbar-title{display:flex;align-items:center;gap:9px}.signal-line{display:inline-block;width:4px;height:27px;background:linear-gradient(var(--cyan),#4b68ff);box-shadow:0 0 12px var(--cyan)}.toolbar-title strong{font-size:16px;letter-spacing:.08em}.toolbar-title small{margin-left:4px;color:#4e7eb2;font:9px Consolas,monospace;letter-spacing:.12em}.toolbar-actions{display:flex;align-items:center;gap:8px}.toolbar-actions label{display:flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid #1d579d;border-radius:3px;color:#648ab3;font-size:10px;background:rgba(3,21,49,.72)}.toolbar-actions select{border:0;outline:0;color:#d7eafe;background:transparent;font-size:10px}.primary,.ghost,.back-button,.text-button{border:0;cursor:pointer;transition:.2s}.primary{padding:8px 14px;border:1px solid #3ce9ff;border-radius:3px;color:#021525;background:linear-gradient(135deg,#5ff3ff,#2589ff);font-weight:700;box-shadow:0 0 18px rgba(40,219,255,.2)}.primary:hover{filter:brightness(1.12);transform:translateY(-1px)}.primary:disabled{opacity:.6;cursor:wait}.command-layout{display:grid;grid-template-columns:218px minmax(0,1fr) 280px;gap:12px;min-height:465px}.metric-rail,.topology-panel,.side-panel,.screen-panel{border:1px solid rgba(30,100,204,.62);background:linear-gradient(160deg,rgba(6,30,68,.95),rgba(4,16,37,.95));box-shadow:var(--shadow)}.metric-rail{position:relative;padding:18px 15px;overflow:hidden}.metric-rail:before,.topology-panel:before,.screen-panel:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(38,119,232,.8),transparent 12%,transparent 88%,rgba(38,119,232,.8));opacity:.18}.rail-heading{display:grid;gap:2px;padding-bottom:15px;border-bottom:1px solid #123f81}.rail-heading strong{font-size:15px;letter-spacing:.12em}.ring-grid{display:grid;grid-template-columns:1fr;gap:13px;padding:17px 0;border-bottom:1px solid #123f81}.metric-ring{display:grid;place-items:center;width:102px;height:102px;margin:auto;border-radius:50%;background:conic-gradient(var(--cyan) 0deg 245deg,rgba(34,73,133,.85) 245deg 360deg);box-shadow:0 0 24px rgba(40,219,255,.11);position:relative}.metric-ring:before{content:"";position:absolute;inset:7px;border-radius:50%;background:#061a3a;border:1px solid rgba(61,133,237,.34)}.metric-ring>div{position:relative;z-index:1;text-align:center}.metric-ring strong,.metric-ring small{display:block}.metric-ring strong{font:23px Consolas,monospace;color:#f1fbff}.metric-ring small{margin-top:2px;color:#78a3ca;font-size:10px}.metric-ring.violet{background:conic-gradient(var(--violet) 0deg 180deg,rgba(34,73,133,.85) 180deg 360deg);box-shadow:0 0 24px rgba(189,131,255,.11)}.metric-ring.orange{background:conic-gradient(var(--orange) 0deg 65deg,rgba(34,73,133,.85) 65deg 360deg);box-shadow:0 0 24px rgba(255,189,84,.11)}.rail-section{padding:15px 0;border-bottom:1px solid #123f81}.rail-section.compact{border-bottom:0}.rail-label{color:#5f8bc0;font:10px Consolas,monospace;letter-spacing:.12em}.rail-big{display:flex;align-items:baseline;gap:8px;margin-top:9px}.rail-big strong{color:var(--cyan);font:27px Consolas,monospace;text-shadow:0 0 12px rgba(40,219,255,.4)}.rail-big span{color:#6f94b9;font-size:10px}.rail-progress{height:5px;margin:8px 0 11px;border-radius:4px;background:#112c58;overflow:hidden}.rail-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--green));box-shadow:0 0 11px var(--cyan)}.rail-pair,.risk-line{display:flex;justify-content:space-between;align-items:center;padding:5px 0;color:#799bc0;font-size:10px}.rail-pair b,.risk-line b{color:#dcefff;font:12px Consolas,monospace}.rail-pair.warning b{color:var(--orange)}.rail-pair.critical b{color:var(--red)}.green-text{color:var(--green)!important}.topology-panel{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden}.panel-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:17px 18px 10px;position:relative;z-index:2}.panel-topline h2,.panel-heading h2{margin:0;font-size:15px;letter-spacing:.1em}.topology-legend{display:flex;gap:11px;color:#7195bb;font-size:10px}.topology-legend span{display:flex;align-items:center;gap:5px}.topology-legend .dot{width:6px;height:6px;box-shadow:none}.topology-canvas{position:relative;flex:1;min-height:355px;margin:2px 12px 7px;border:1px solid rgba(34,103,202,.52);overflow:hidden;background:radial-gradient(circle at center,rgba(11,86,172,.26),transparent 27%),linear-gradient(135deg,rgba(2,23,60,.77),rgba(6,20,43,.9))}.topology-grid{position:absolute;inset:0;opacity:.28;background-image:linear-gradient(rgba(63,146,241,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(63,146,241,.3) 1px,transparent 1px);background-size:31px 31px;mask-image:radial-gradient(circle at center,#000,transparent 82%)}.topology-canvas:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 0 46%,rgba(47,185,255,.17) 49%,transparent 52%),linear-gradient(transparent 0 84%,rgba(51,122,225,.14) 85%,transparent 86%);opacity:.9}.radar{position:absolute;left:50%;top:50%;width:330px;height:330px;transform:translate(-50%,-50%);border:1px solid rgba(54,173,255,.24);border-radius:50%;box-shadow:0 0 0 30px rgba(39,113,207,.055),0 0 0 78px rgba(39,113,207,.04)}.radar-two{width:210px;height:210px;border-color:rgba(51,227,255,.29);box-shadow:none}.aurora-glow{position:absolute;left:18%;right:12%;top:38%;height:64px;transform:rotate(-14deg);background:linear-gradient(90deg,transparent,rgba(32,215,255,.17),rgba(180,89,255,.12),transparent);filter:blur(13px)}.topology-links{position:absolute;inset:0;width:100%;height:100%;z-index:1}.core-node{position:absolute;left:50%;top:50%;z-index:3;display:grid;place-items:center;width:105px;height:105px;transform:translate(-50%,-50%);border:1px solid rgba(49,232,255,.76);border-radius:50%;background:radial-gradient(circle,#123c78,#061936 70%);box-shadow:0 0 25px rgba(40,219,255,.32),inset 0 0 22px rgba(40,219,255,.18);text-align:center}.core-node>div{display:grid;gap:1px}.core-node strong{font:21px Consolas,monospace;color:#f5ffff}.core-node small{color:#6dd5ed;font:8px Consolas,monospace}.core-node em{margin-top:4px;color:var(--cyan);font-size:9px;font-style:normal}.core-orbit{position:absolute;inset:-10px;border:1px solid rgba(43,217,255,.3);border-left-color:transparent;border-radius:50%;animation:spin 9s linear infinite}.core-orbit.second{inset:-20px;transform:rotate(66deg);border-color:rgba(173,126,255,.24);border-right-color:transparent;animation-duration:14s;animation-direction:reverse}@keyframes spin{to{transform:rotate(360deg)}}.topology-nodes{position:absolute;inset:0;z-index:4}.topology-node{position:absolute;display:flex;align-items:center;gap:7px;padding:0;border:0;color:var(--text);background:transparent;cursor:pointer;transform:translate(-50%,-50%);text-align:left}.node-beacon{display:grid;place-items:center;width:26px;height:26px;border:1px solid currentColor;border-radius:50%;background:rgba(3,19,46,.82);box-shadow:0 0 15px currentColor}.node-beacon:before{content:"";position:absolute;width:38px;height:38px;border:1px dashed currentColor;border-radius:50%;opacity:.35;animation:ping 2.3s ease-out infinite}.node-beacon i{display:block;width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}.topology-node.online{color:var(--green)}.topology-node.warning{color:var(--orange)}.topology-node.offline,.topology-node.critical{color:var(--red)}.node-label{display:grid;min-width:85px;padding:4px 7px;border-left:2px solid currentColor;background:rgba(3,17,40,.84);box-shadow:0 5px 13px rgba(0,0,0,.2)}.node-label strong{color:#f0f8ff;font-size:11px}.node-label small{margin-top:1px;color:#80a5c7;font:9px Consolas,monospace;white-space:nowrap}@keyframes ping{0%{transform:scale(.7);opacity:.7}90%,100%{transform:scale(1.4);opacity:0}}.map-coordinates{position:absolute;right:10px;bottom:8px;left:10px;display:flex;justify-content:space-between;color:#426d9d;font:8px Consolas,monospace;letter-spacing:.1em}.topology-footer{display:flex;justify-content:space-between;gap:10px;padding:8px 17px 11px;border-top:1px solid #12417f;color:#688fb8;font:10px Consolas,monospace}.topology-code{color:#3f70a7}.command-side{display:grid;grid-template-rows:minmax(0,.85fr) minmax(0,1.15fr);gap:12px;min-width:0}.side-panel{position:relative;min-height:0;padding:15px;overflow:hidden}.panel-heading{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.panel-heading .eyebrow{margin:0 0 4px}.panel-menu{color:#5d85b1;font-size:18px;line-height:1}.monitor-summary{display:grid;gap:15px;margin-top:25px}.monitor-row{display:grid;grid-template-columns:7px 40px 1fr 20px;align-items:center;gap:7px;color:#8aa9ca;font-size:10px}.monitor-row b{text-align:right;color:#e2f4ff;font:11px Consolas,monospace}.monitor-track{height:5px;border-radius:5px;background:#133364;overflow:hidden}.monitor-track i{display:block;height:100%;background:var(--green)}.monitor-track i.warning{background:var(--orange)}.monitor-track i.critical,.monitor-track i.offline{background:var(--red)}.side-alert{overflow:auto}.badge{min-width:21px;padding:2px 6px;border:1px solid #c8793c;border-radius:2px;color:#031426;background:var(--orange);font:10px Consolas,monospace;text-align:center}.alert-list{display:grid;margin-top:13px}.alert-row{display:flex;align-items:center;gap:7px;padding:9px 0;border-bottom:1px solid #123766}.alert-row:last-child{border-bottom:0}.severity-chip{flex:0 0 auto;min-width:30px;padding:2px 4px;border:1px solid #31557d;border-radius:2px;color:#91b3d3;background:#102d58;text-align:center;font-size:9px}.severity-chip.critical{border-color:#a23c64;color:#ff9eb9;background:#391832}.severity-chip.warning{border-color:#9a702d;color:#ffd17e;background:#3c2b12}.alert-copy{min-width:0;flex:1}.alert-copy strong,.alert-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alert-copy strong{font-size:10px}.alert-copy small{margin-top:2px;color:#6b91b7;font-size:9px}.alert-time{color:#5176a4;font:8px Consolas,monospace}.empty{display:flex;align-items:center;gap:7px;margin-top:15px;padding:10px;border:1px dashed #24528d;color:#81a7cc}.empty-check{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;color:#052019;background:var(--green);font-size:13px}.empty strong,.empty small{display:block}.empty small{margin-top:2px;color:#6688ae;font-size:9px}.bottom-panels{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:12px;margin-top:12px}.screen-panel{position:relative;min-width:0;padding:15px;overflow:hidden}.range-pill{padding:3px 6px;border:1px solid #2863aa;border-radius:2px;color:#8bb4db;font:9px Consolas,monospace}.chart-legend{display:flex;gap:13px;margin:14px 0 7px;color:#7b9fc5;font-size:9px}.chart-legend span{display:flex;align-items:center;gap:5px}.line{width:15px;height:2px;background:var(--cyan)}.line.purple{background:var(--violet)}.line.orange{background:var(--orange)}.trend-chart{height:146px;overflow:hidden;border:1px solid rgba(37,108,198,.43);background:rgba(2,17,43,.72)}.trend-svg{display:block;width:100%;height:100%}.chart-axis{display:flex;justify-content:space-between;margin-top:6px;color:#517ba9;font:9px Consolas,monospace}.node-grid{display:grid;gap:7px;margin-top:16px}.node-card{position:relative;cursor:pointer;min-width:0;padding:9px;border:1px solid #174986;border-radius:3px;background:rgba(7,30,67,.78);transition:.2s}.node-card:hover{border-color:var(--cyan);background:rgba(9,46,97,.82);transform:translateY(-1px)}.node-head{display:flex;align-items:center;gap:7px}.node-head>div{min-width:0;flex:1}.node-head strong,.node-head small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.node-head strong{font-size:11px}.node-head small{color:#6288b1;font:8px Consolas,monospace}.status-text{color:var(--green);font-size:9px}.node-card.warning .status-text{color:var(--orange)}.node-card.offline .status-text,.node-card.critical .status-text{color:var(--red)}.node-stat-row{display:flex;align-items:center;gap:9px;margin-top:6px}.node-stat-row>div{display:flex;justify-content:space-between;min-width:77px;color:#7095ba;font-size:9px}.node-stat-row b{color:#d7efff;font:10px Consolas,monospace}.sparkline{display:block;flex:1;width:100%;height:18px}.spark-empty{flex:1;color:#345c8c;text-align:right}.node-foot{display:flex;justify-content:space-between;margin-top:7px;color:#5f83aa;font:8px Consolas,monospace}.node-error{margin-top:6px;padding-top:5px;border-top:1px solid #5c244d;color:#ff8fac;font-size:8px}.health-table{display:grid;margin-top:15px}.health-row{display:grid;grid-template-columns:92px 1fr 31px;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid #123766}.health-row:last-child{border-bottom:0}.health-name{display:grid;grid-template-columns:7px 1fr;align-items:center;gap:6px}.health-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.health-name small{grid-column:2;color:#6489b0;font-size:8px}.health-bars{display:grid;gap:4px}.health-mini{display:grid;grid-template-columns:25px 1fr;align-items:center;gap:5px;color:#6289b1;font:8px Consolas,monospace}.bar,.detail-bar{height:4px;overflow:hidden;border-radius:4px;background:#163668}.bar i,.detail-bar i{display:block;height:100%;min-width:2px;border-radius:4px;background:linear-gradient(90deg,var(--cyan),var(--green))}.bar i.warn,.detail-bar i.warn{background:var(--orange)}.bar i.danger,.detail-bar i.danger{background:var(--red)}.health-value{text-align:right;color:#d5efff;font:10px Consolas,monospace}.section{margin-top:28px}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.section-heading h2{margin:0;font-size:17px}.eyebrow{margin:0 0 6px;color:#5e8fc7;font:9px Consolas,monospace;letter-spacing:.15em;text-transform:uppercase}.section-caption{color:#668eb7;font-size:10px}.section-subtitle{margin:5px 0 0;color:#6688ad;font-size:11px}.manage{padding-top:4px}.manage-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:12px;margin-top:12px}.config-list{display:grid;align-content:start;gap:7px}.config-card{display:flex;align-items:center;gap:9px;padding:12px;border:1px solid #174986;border-radius:3px;background:rgba(5,25,56,.85)}.config-card>div{min-width:0;flex:1}.config-card strong,.config-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.config-card small{margin-top:2px;color:#6b8fb5;font:9px Consolas,monospace}.config-card .ghost{padding:5px 8px;font-size:9px}.config-form{display:grid;gap:10px;padding:15px;border:1px solid #174986;background:rgba(5,25,56,.85)}.config-form h3{margin:0;font-size:14px}.form-hint{margin:-5px 0 1px;color:#6688ad;font-size:10px}.config-form label{display:grid;gap:4px;color:#85a8c9;font-size:10px}.config-form input:not([type=checkbox]){width:100%;padding:8px;border:1px solid #1c579b;outline:none;color:var(--text);background:#03152f}.config-form input:focus{border-color:var(--cyan);box-shadow:0 0 0 2px rgba(40,219,255,.1)}.switch-row{display:flex!important;align-items:center;gap:8px}.switch-row input{accent-color:var(--cyan)}.form-actions{display:flex;gap:7px}.form-message{margin:0;color:var(--green);font-size:10px}.form-message.error{color:#ff88a5}.detail-topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 0 27px}.detail-actions{display:flex;align-items:center;gap:10px;color:#6f97be;font:10px Consolas,monospace}.back-button{padding:8px 11px;border:1px solid #1e579d;border-radius:3px;color:#c2ddf2;background:#071d43}.detail-heading{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:25px}.detail-heading h1{margin:0;font-size:28px;letter-spacing:.08em}.title-line{display:flex;align-items:center;gap:10px}.detail-heading .subtitle{font:10px Consolas,monospace;color:#6d95bb}.status-pill{display:inline-flex;padding:3px 7px;border:1px solid #236b5f;border-radius:2px;color:var(--green);background:#082c37;font-size:10px}.status-pill.warning{border-color:#806028;color:var(--orange);background:#332811}.status-pill.critical,.status-pill.offline{border-color:#8c3055;color:#ff8fab;background:#36172d}.detail-metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.detail-metric{padding:17px;border:1px solid #174986;background:linear-gradient(145deg,#082650,#041632)}.metric-top{display:flex;justify-content:space-between;color:#82a8cb;font-size:10px}.metric-top b{color:var(--cyan);font:11px Consolas,monospace}.big-value{margin:11px 0 12px;font:33px Consolas,monospace}.detail-metric small{display:block;margin-top:8px;color:#668ab0;font-size:9px}.detail-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:12px;margin-top:12px}.panel{min-width:0;padding:16px;border:1px solid #174986;background:linear-gradient(145deg,#082650,#041632)}.runtime-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:21px}.runtime-grid div{padding:11px;border:1px solid #15457f;background:#051b3c}.runtime-grid small,.runtime-grid strong,.runtime-grid span{display:block}.runtime-grid small{color:#6389b1;font-size:9px}.runtime-grid strong{margin-top:8px;color:#e1f3ff;font:15px Consolas,monospace}.runtime-grid span{margin-top:3px;color:#537aa6;font-size:8px}
@media(max-width:1250px){.command-layout{grid-template-columns:195px minmax(0,1fr);}.command-side{grid-column:1/-1;grid-template-columns:1fr 1fr;grid-template-rows:auto}.metric-ring{width:82px;height:82px}.bottom-panels{grid-template-columns:1fr 1fr}.table-panel{grid-column:1/-1}}
@media(max-width:850px){.sidebar{position:static;width:100%;height:auto;padding:15px}.app-shell{display:block}.brand{padding-bottom:14px}.main-nav{grid-template-columns:repeat(3,1fr)}.server-switcher,.sidebar-note{display:none}.main-content{width:100%;margin:0;padding:16px 12px 42px}.command-header{grid-template-columns:1fr;gap:10px;text-align:center}.header-meta,.header-right{justify-items:center}.command-title h1{font-size:25px}.command-title h2{font-size:13px}.command-toolbar{display:block}.toolbar-actions{justify-content:flex-start;flex-wrap:wrap;margin-top:11px}.command-layout,.bottom-panels,.detail-grid,.manage-grid,.detail-metric-grid{grid-template-columns:1fr}.command-side{grid-column:auto;grid-template-columns:1fr}.topology-panel{min-height:470px}.metric-rail{display:grid;grid-template-columns:1fr 1fr;gap:13px}.ring-grid{grid-column:1/-1;grid-template-columns:repeat(3,1fr);border-bottom:0}.metric-ring{width:82px;height:82px}.metric-ring strong{font-size:18px}.rail-section{padding:9px 0;border-top:1px solid #123f81;border-bottom:0}.bottom-panels .table-panel{grid-column:auto}.detail-heading{display:block;align-items:start}.detail-heading .ghost{margin-top:15px}.runtime-grid{grid-template-columns:repeat(2,1fr)}}
/* diagnostics and repair console */
.diagnostics-panel{position:relative;padding:17px;border:1px solid rgba(30,100,204,.62);background:linear-gradient(160deg,rgba(6,30,68,.95),rgba(4,16,37,.95));box-shadow:var(--shadow);overflow:hidden}.diagnostic-actions{display:flex;align-items:center;gap:7px}.diagnostic-actions label{display:flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid #1d579d;border-radius:3px;color:#648ab3;font-size:10px;background:rgba(3,21,49,.72)}.diagnostic-actions select{border:0;outline:0;color:#d7eafe;background:transparent;font-size:10px}.diagnostics-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:12px;margin-top:15px}.diagnostics-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.diagnostic-card{display:flex;align-items:center;gap:10px;min-width:0;padding:12px;border:1px solid #174986;background:rgba(5,25,56,.82)}.diagnostic-card.wide{min-height:68px}.diagnostic-card>div{min-width:0}.diagnostic-card strong,.diagnostic-card small,.diagnostic-card em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diagnostic-card strong{font-size:11px}.diagnostic-card small{margin-top:3px;color:#d9f2ff;font:11px Consolas,monospace}.diagnostic-card small.ok{color:var(--green)}.diagnostic-card small.warning{color:var(--orange)}.diagnostic-card small.critical{color:var(--red)}.diagnostic-card em{margin-top:3px;color:#638bb4;font-size:9px;font-style:normal}.diagnostic-icon{display:grid;place-items:center;flex:0 0 auto;width:30px;height:30px;border:1px solid currentColor;border-radius:50%;color:var(--green);font:13px Consolas,monospace}.diagnostic-icon.warning{color:var(--orange)}.diagnostic-icon.critical{color:var(--red)}.diagnostic-icon.muted{color:#6a87a7}.repair-console{padding:13px;border:1px solid #174986;background:rgba(5,25,56,.82)}.repair-console-title{display:flex;align-items:center;gap:9px}.repair-console-title .eyebrow{margin:0}.repair-console-title strong{font-size:12px}.capability-pill{margin-left:auto;padding:3px 6px;border:1px solid #3b5c7e;border-radius:2px;color:#91afcc;font-size:9px}.capability-pill.enabled{border-color:#287f6d;color:var(--green)}.capability-pill.readonly{border-color:#806028;color:var(--orange)}.repair-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:17px}.repair-button{padding:7px 9px;border:1px solid #2766af;border-radius:3px;color:#a8d4ef;background:#082654;cursor:pointer;font-size:10px}.repair-button:hover{border-color:var(--cyan);color:#fff}.repair-button.update{border-color:#9b6a2d;color:#ffd083;background:#35270f}.repair-button:disabled{opacity:.55;cursor:wait}.repair-locked{color:#839fbe;font-size:10px;line-height:1.7}.repair-message{min-height:42px;margin-top:16px;padding:9px;border-top:1px solid #123766;color:#7196bc;font-size:10px}.diagnostic-empty{padding:20px;border:1px dashed #24528d;color:#7197be;font-size:10px}@media(max-width:850px){.diagnostic-actions{flex-wrap:wrap;margin-top:12px}.diagnostics-grid,.diagnostics-summary{grid-template-columns:1fr}}
.hardware-note{flex:0 0 auto;color:#8fb5d4;font:8px Consolas,monospace;white-space:nowrap}.node-stat-row>div{min-width:112px}.node-stat-row>div span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.health-mini{position:relative}.health-mini em{display:block;grid-column:2;color:#6389b1;font:7px Consolas,monospace;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sensor-list,.sensor-groups{display:grid;gap:5px;margin-top:6px}.sensor-chip{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:3px 6px;border:1px solid #24558d;border-radius:2px;color:#a8d5ee;background:#061d40;font:9px Consolas,monospace;white-space:normal}.sensor-chip b{color:#dcefff;font-family:inherit}.sensor-chip.muted{color:#718daa;border-style:dashed}.sensor-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.sensor-group{padding:5px 7px;border:1px solid #153f75;background:#061b3b}.sensor-group>strong{display:block;color:#7fa8cc;font-size:9px}.sensor-group>div{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.detail-hardware{margin-top:12px}.detail-hardware-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:15px}.detail-hardware-card,.detail-sensor-card{padding:11px;border:1px solid #15457f;background:#051b3c}.detail-hardware-card span,.detail-hardware-card strong,.detail-hardware-card small,.detail-sensor-card>span{display:block}.detail-hardware-card span,.detail-sensor-card>span{color:#77a2c8;font-size:9px}.detail-hardware-card strong{margin-top:7px;color:#e2f4ff;font:15px Consolas,monospace}.detail-hardware-card small{margin-top:5px;color:#6e96bd;font-size:9px}.detail-sensor-card{grid-column:1/-1}.detail-sensor-card>div{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-top:8px}.detail-sensor-group{display:flex;justify-content:space-between;gap:8px;padding:6px 8px;border:1px solid #153f75;color:#9bc1df;font-size:9px}.detail-sensor-group strong{color:#e2f4ff}.detail-sensor-group span{color:#7ba7c9;text-align:right;font:9px Consolas,monospace}
@media(max-width:850px){.detail-hardware-grid,.detail-sensor-card>div,.sensor-groups{grid-template-columns:1fr}.hardware-note{display:none}}
.node-card{padding:13px 14px;border-radius:7px;background:linear-gradient(145deg,rgba(8,35,75,.94),rgba(4,20,46,.94));box-shadow:inset 0 1px rgba(121,194,255,.08)}.node-card:hover{transform:translateY(-2px);box-shadow:0 9px 22px rgba(0,0,0,.22),inset 0 1px rgba(121,220,255,.16)}.node-state-line{display:flex;justify-content:space-between;gap:8px;margin-top:12px;padding:6px 8px;border:1px solid rgba(39,100,168,.42);border-radius:3px;color:#6e98be;font:8px Consolas,monospace}.node-state-label{color:#60ddc4;letter-spacing:.1em}.node-card.offline .node-state-label,.node-card.critical .node-state-label{color:#ff7d9e}.node-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:8px}.resource-card{min-width:0;padding:9px;border:1px solid rgba(47,121,207,.54);border-radius:4px;background:rgba(3,18,43,.67)}.resource-card.empty{border-color:#1b3b68;opacity:.8}.resource-card-head{display:flex;align-items:center;justify-content:space-between;gap:6px;color:#82a9cc;font-size:9px}.resource-card-head b{color:#e4f7ff;font:13px Consolas,monospace}.resource-track{height:4px;margin-top:8px;overflow:hidden;border-radius:5px;background:#153764}.resource-track i{display:block;height:100%;min-width:2px;border-radius:5px;box-shadow:0 0 8px currentColor}.resource-meta{display:flex;justify-content:space-between;gap:5px;margin-top:7px;color:#7096bb;font:8px Consolas,monospace}.resource-meta span,.resource-meta em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resource-meta em{color:#9cc3df;font-style:normal;text-align:right}.node-trend-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:9px}.node-trend-strip>div{display:grid;grid-template-columns:25px 1fr;align-items:center;gap:5px;min-width:0;color:#5f87b0;font:8px Consolas,monospace}.node-trend-strip .sparkline{width:100%;height:16px}.node-trend-strip .spark-empty{font-size:10px}.node-error{display:flex;align-items:center;gap:6px;min-width:0}.node-error b{flex:0 0 auto;color:#ff8fac}.node-error span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diagnostics-grid{align-items:start}.diagnostics-summary{display:block}.repair-console{align-self:start;min-height:0}.diagnostic-overview{padding:14px;border:1px solid #1a579d;border-radius:5px;background:linear-gradient(145deg,rgba(7,35,75,.92),rgba(4,18,42,.92))}.diagnostic-overview-head{display:flex;align-items:center;gap:10px}.diagnostic-overview-head>div{min-width:0;flex:1}.diagnostic-overview-head strong,.diagnostic-overview-head small{display:block}.diagnostic-overview-head strong{font-size:14px}.diagnostic-overview-head small{margin-top:3px;color:#70a0c4;font:10px Consolas,monospace}.diagnostic-live-badge{padding:4px 7px;border:1px solid #267a71;border-radius:3px;color:#6ce4c7;background:#07323b;font:9px Consolas,monospace}.temp-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:13px}.temp-category{min-width:0;padding:8px;border:1px solid #18477e;border-radius:4px;background:#061b3b}.temp-category.warning{border-color:#936b2e}.temp-category.critical{border-color:#9e3b61}.temp-category-head{display:flex;justify-content:space-between;gap:8px;color:#8db6d5;font-size:10px}.temp-category-head b{color:#73e8cc;font:11px Consolas,monospace}.temp-category.warning .temp-category-head b{color:#ffd075}.temp-category.critical .temp-category-head b{color:#ff8eab}.temp-category-list{display:grid;gap:3px;max-height:82px;margin-top:6px;overflow:auto}.temp-category-list span{display:flex;justify-content:space-between;gap:7px;color:#79a6c8;font:8px Consolas,monospace}.temp-category-list span b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#c7e5f6;font-weight:400}.temp-category-list span em{flex:0 0 auto;color:#9bd8dd;font-style:normal}.sensor-empty{color:#6484a7!important}.diagnostic-footnote{margin:10px 0 0;color:#668db4;font-size:9px}.diagnostic-metrics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:8px}.diagnostic-metric-card{display:flex;align-items:center;gap:9px;min-width:0;padding:11px;border:1px solid #174986;border-radius:4px;background:rgba(5,25,56,.86)}.diagnostic-metric-card>div{min-width:0}.metric-symbol{display:grid;place-items:center;flex:0 0 auto;width:29px;height:29px;border:1px solid #2bcab6;border-radius:50%;color:#54e7d0;font:13px Consolas,monospace}.metric-symbol.danger{border-color:#c04e70;color:#ff8ca7}.diagnostic-metric-card small,.diagnostic-metric-card strong,.diagnostic-metric-card em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diagnostic-metric-card small{color:#78a3c5;font-size:9px}.diagnostic-metric-card strong{margin-top:3px;color:#e0f3ff;font:13px Consolas,monospace}.diagnostic-metric-card em{margin-top:3px;color:#668db4;font-size:8px;font-style:normal}.diagnostic-storage-strip{display:flex;align-items:flex-start;gap:10px;margin-top:8px;padding:9px 11px;border:1px solid #174986;border-radius:4px;color:#78a3c5;font-size:9px;background:rgba(5,25,56,.86)}.diagnostic-storage-strip>span{flex:0 0 auto;padding-top:3px}.diagnostic-storage-strip>div{display:flex;flex-wrap:wrap;gap:5px}.diagnostic-storage-strip b{padding:3px 5px;border:1px solid #24598e;border-radius:3px;color:#b9dced;background:#071f43;font:8px Consolas,monospace;font-weight:400}.repair-console-title{padding-bottom:10px;border-bottom:1px solid #123766}.repair-message{margin-top:13px}.repair-locked{display:block;padding:9px;border:1px dashed #31547d;border-radius:3px;background:#071d3d}
@media(max-width:850px){.node-resource-grid,.diagnostic-metrics-grid{grid-template-columns:1fr}.temp-category-grid{grid-template-columns:1fr}.node-trend-strip{gap:4px}.node-state-line{font-size:7px}.diagnostic-storage-strip{display:block}.diagnostic-storage-strip>div{margin-top:6px}}
.auth-gate{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 15%,rgba(15,85,152,.24),rgba(2,10,24,.97) 58%),#020a18}.auth-gate.hidden,.account-management.hidden{display:none}.auth-card{width:min(440px,100%);padding:30px;border:1px solid #1c64aa;border-radius:8px;background:linear-gradient(145deg,rgba(8,38,82,.98),rgba(3,16,38,.98));box-shadow:0 24px 80px rgba(0,0,0,.45),0 0 40px rgba(30,158,255,.12)}.auth-brand{margin-bottom:28px}.auth-card h1{margin:7px 0 8px;font-size:25px}.auth-intro{margin:0 0 20px;color:#78a1c7;font-size:11px;line-height:1.7}.login-form{display:grid;gap:12px}.login-form label,.auth-card label{display:grid;gap:5px;color:#8aafd0;font-size:10px}.login-form input,.auth-card input,.auth-card select{width:100%;padding:10px 11px;border:1px solid #215b99;outline:none;color:#e5f5ff;background:#041a39;border-radius:3px}.login-form input:focus,.auth-card input:focus,.auth-card select:focus{border-color:#49e3ff;box-shadow:0 0 0 2px rgba(73,227,255,.11)}.auth-providers{margin-top:20px;padding-top:16px;border-top:1px solid #163e70;color:#6d96bc;font-size:10px}.auth-providers>div{display:flex;gap:7px;margin-top:9px}.provider-button{flex:1;padding:8px 5px;border:1px solid #28527f;border-radius:3px;color:#95b9d7;background:#071d3d;cursor:pointer;font-size:10px}.provider-button small{display:block;margin-top:2px;color:#6685a5;font-size:8px}.provider-button:hover{border-color:#38cfe9;color:#dff8ff}.auth-message{min-height:17px;margin:13px 0 0;color:#ff91ab;font-size:10px;line-height:1.5}.user-identity{max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#78b8d9;font-size:9px}.logout-button{padding:5px 7px;border:1px solid #28527f;border-radius:3px;color:#87adca;background:transparent;cursor:pointer;font-size:9px}.logout-button:hover{border-color:#ff769b;color:#ff9db4}.auth-locked{filter:blur(1px);pointer-events:none}.account-management{margin-top:22px;padding:16px;border:1px solid #174986;background:rgba(5,25,56,.72)}.account-management h3{margin:0;font-size:14px}.account-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.6fr);gap:12px;margin-top:12px}.user-list{display:grid;align-content:start;gap:7px}.user-row{display:grid;grid-template-columns:minmax(0,1fr) 100px 55px 45px;align-items:center;gap:7px;padding:9px 10px;border:1px solid #18477e;background:#061b3b}.user-row>div{min-width:0}.user-row strong,.user-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-row small{margin-top:2px;color:#668db4;font:8px Consolas,monospace}.user-row select{padding:5px;border:1px solid #24578f;color:#c9e8f9;background:#071f43;font-size:9px}.user-disabled{display:flex!important;align-items:center;gap:3px!important;color:#7399bb!important;white-space:nowrap;font-size:8px!important}.user-disabled input{accent-color:#ff8fac}.user-save{padding:5px 6px;font-size:8px}.user-row .ghost:disabled{opacity:.5}@media(max-width:850px){.account-grid{grid-template-columns:1fr}.user-row{grid-template-columns:1fr 94px 50px 45px}.user-identity{display:none}.auth-card{padding:23px}.auth-providers>div{flex-wrap:wrap}.provider-button{min-width:30%}}
.side-notice{border-color:#285d77}.notice-badge{border-color:#3b8b91;color:#74e4d0;background:#07353a}.notice-row{border-color:#285d77;background:rgba(7,34,55,.52)}.notice-row .severity-chip{border-color:#3b8b91;color:#74e4d0;background:#07353a}.notice-empty .empty-check{color:#70dfc8}
.download-menu{position:relative;z-index:20}.download-trigger{display:flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid #2b77b8;border-radius:3px;color:#b8e8ff;background:rgba(7,37,76,.86);font-size:10px;cursor:pointer}.download-trigger:hover{border-color:#43dcff;color:#fff;box-shadow:0 0 16px rgba(54,227,255,.18)}.download-trigger span{color:#58dfff;font-size:13px;line-height:1}.download-menu-panel{position:absolute;right:0;top:calc(100% + 8px);display:none;min-width:180px;padding:5px;border:1px solid #2463a7;background:rgba(4,21,46,.98);box-shadow:0 14px 32px rgba(0,0,0,.35)}.download-menu-panel.open{display:block}.download-menu-panel a{display:flex;flex-direction:column;gap:2px;padding:9px 10px;color:#dff6ff;text-decoration:none;border:1px solid transparent}.download-menu-panel a:hover{border-color:#2acbe7;background:rgba(20,74,119,.45)}.download-menu-panel a span{font-size:11px}.download-menu-panel a small{color:#6e9fc4;font-size:9px}
.auth-card{display:grid;grid-template-columns:1.05fr .95fr;width:min(920px,100%);min-height:560px;padding:0;overflow:hidden;border:1px solid #1e5d9e;border-radius:14px;background:#071a37;box-shadow:0 30px 90px rgba(0,0,0,.5),0 0 55px rgba(30,158,255,.12)}.auth-visual{position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:34px;background:radial-gradient(circle at 22% 16%,rgba(35,162,255,.25),transparent 31%),linear-gradient(145deg,#092d5d,#061630 72%)}.auth-visual:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(72,176,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(72,176,255,.08) 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(145deg,rgba(0,0,0,.8),transparent 75%);pointer-events:none}.auth-visual-brand{position:relative;z-index:1;display:flex;align-items:center;gap:10px}.auth-visual-brand strong{display:block;color:#e7f6ff;font-size:16px}.auth-visual-brand small{display:block;margin-top:3px;color:#6f9bc4;font:8px Consolas,monospace;letter-spacing:.15em}.auth-visual-main{position:relative;z-index:1}.auth-visual-main h2{margin:12px 0 15px;color:#effaff;font-size:30px;line-height:1.28;letter-spacing:.04em}.auth-visual-main h2 em{color:#56e2ff;font-style:normal;text-shadow:0 0 22px rgba(86,226,255,.3)}.auth-visual-main>p:last-child{max-width:260px;color:#80a9cc;font-size:11px;line-height:1.8}.auth-visual-grid{position:relative;z-index:1;display:grid;gap:9px;color:#779dc1;font:9px Consolas,monospace}.auth-visual-grid span{display:flex;align-items:center;gap:7px}.auth-visual-grid i{width:6px;height:6px;border-radius:50%;background:#36e5c3;box-shadow:0 0 10px #36e5c3}.auth-visual-grid b{margin-left:auto;color:#63e6cb;font-weight:400}.auth-orbit{position:absolute;right:-130px;top:37%;width:360px;height:360px;border:1px solid rgba(59,207,255,.26);border-radius:50%;box-shadow:0 0 0 28px rgba(55,185,255,.04),0 0 0 60px rgba(55,185,255,.025);transform:rotate(-30deg)}.auth-orbit:after{content:"";position:absolute;top:20px;left:70px;width:8px;height:8px;border-radius:50%;background:#5ee9ff;box-shadow:0 0 18px #5ee9ff}.orbit-b{right:-210px;top:49%;width:320px;height:130px;border-color:rgba(151,117,255,.3);transform:rotate(44deg)}.auth-form-panel{display:flex;flex-direction:column;justify-content:center;padding:40px 44px;background:rgba(4,17,39,.92)}.auth-form-heading{display:flex;align-items:center;justify-content:space-between}.auth-form-panel h1{margin:13px 0 8px;color:#ecf8ff;font-size:28px;letter-spacing:.02em}.auth-form-panel .auth-intro{margin-bottom:24px;color:#789ec2}.auth-status-dot{display:flex;align-items:center;gap:5px;color:#68d8c1;font:9px Consolas,monospace}.auth-status-dot i{width:6px;height:6px;border-radius:50%;background:#51e3c3;box-shadow:0 0 10px #51e3c3}.password-field{position:relative}.password-field input{padding-right:52px}.password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);padding:3px 4px;border:0;color:#6e9bc1;background:transparent;cursor:pointer;font-size:9px}.remember-row{display:flex;align-items:center;justify-content:space-between;margin-top:2px;color:#6f96b8;font-size:9px}.remember-row label{display:flex;align-items:center;gap:5px;color:#8eafd0;font-size:9px}.remember-row input{accent-color:#43ddec}.login-submit{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:20px;padding:11px}.login-submit span{font-size:15px}.auth-divider{display:flex;align-items:center;gap:10px;margin:24px 0 14px;color:#547b9e;font-size:9px}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:#183b68}.auth-providers{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:0;padding:0;border-top:0}.auth-providers>span{display:none}.provider-button{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;padding:9px 5px;border:1px solid #1b426f;background:#071d3d}.provider-button b{display:grid;place-items:center;width:20px;height:20px;border:1px solid #35618d;border-radius:50%;color:#a8d8ef;font-size:9px;font-weight:400}.provider-button span{color:#b9d7ec;font-size:9px}.provider-button small{margin:0;color:#587e9f;font-size:7px}.auth-footer{margin-top:22px;color:#486f93;text-align:center;font:8px Consolas,monospace}.auth-card .auth-message{margin:10px 0 0;text-align:center}@media(max-width:700px){.auth-card{display:block;min-height:0;max-width:470px}.auth-visual{min-height:220px;padding:24px}.auth-visual-main h2{font-size:23px}.auth-visual-grid{grid-template-columns:repeat(3,1fr);gap:5px}.auth-visual-grid span{display:block;font-size:7px}.auth-visual-grid b{display:block;margin:4px 0 0}.auth-orbit{right:-130px;top:18%;transform:scale(.7) rotate(-30deg)}.auth-form-panel{padding:28px 24px 25px}.auth-status-dot{display:none}}