:root{color-scheme:dark;--bg:#07111f;--panel:#0f1e31;--ink:#f3f8ff;--muted:#8ea3ba;--line:rgba(153,187,218,.14);--cyan:#4cf4d2;--blue:#41a5ff;--cyan-soft:rgba(76,244,210,.11);--green:#54e6a5;--orange:#ffbd66;--red:#ff7085;--shadow:0 24px 70px rgba(0,0,0,.32)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(900px 520px at 82% -8%,rgba(65,165,255,.17),transparent 65%),radial-gradient(800px 460px at -10% 25%,rgba(76,244,210,.09),transparent 65%),var(--bg);color:var(--ink);font:16px/1.55 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}a{color:var(--cyan);text-decoration:none}button,input,select,textarea{font:inherit}.topbar{height:72px;border-bottom:1px solid var(--line);background:rgba(7,17,31,.82);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1220px)/2));position:sticky;top:0;z-index:20;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;color:var(--ink)}.brand-logo{display:block;width:auto;height:36px;max-width:190px;object-fit:contain;mix-blend-mode:multiply}.topbar nav{display:flex;align-items:center;gap:22px}.topbar nav>a{color:#bed0e1;font-size:.92rem}.topbar nav>a:hover{color:var(--cyan)}.nav-primary{padding:9px 17px!important;border-radius:10px;background:linear-gradient(135deg,var(--cyan),#44cbdc);color:#04131c!important;font-weight:750}.nav-user{padding:7px 11px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.82rem}.inline{display:inline}.link-button{border:0;background:none;color:var(--muted);padding:0;cursor:pointer}.shell{width:min(1220px,calc(100% - 36px));margin:0 auto;min-height:calc(100vh - 150px);padding:52px 0 80px}footer{display:flex;justify-content:center;gap:10px;border-top:1px solid var(--line);padding:26px;color:var(--muted);font-size:.82rem}footer strong{color:var(--ink)}.notice,.error{padding:13px 16px;border-radius:12px;margin:0 0 22px}.notice{background:var(--cyan-soft);border:1px solid rgba(76,244,210,.2);color:var(--cyan)}.error{background:rgba(255,112,133,.1);border:1px solid rgba(255,112,133,.2);color:#ff9cab}.eyebrow{display:flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:.16em;color:var(--cyan);font-size:.72rem;font-weight:800}.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 16px var(--cyan)}h1{font-size:clamp(2.25rem,5vw,4.4rem);line-height:1.02;letter-spacing:-.055em;margin:15px 0 24px}h2{font-size:1.4rem;line-height:1.2;letter-spacing:-.025em;margin:0 0 5px}h3{margin:0}.hero{display:grid;grid-template-columns:1.08fr .72fr;gap:78px;align-items:center;min-height:570px;padding:54px 34px 72px}.hero-copy h1 span{background:linear-gradient(100deg,var(--cyan),#75bfff 74%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{max-width:680px;color:#9eb1c5;font-size:1.1rem;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:13px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:11px 19px;border-radius:11px;border:1px solid transparent;font-weight:720;cursor:pointer;transition:.2s ease}.button:hover{transform:translateY(-1px)}.button.primary,.mini.primary{background:linear-gradient(135deg,var(--cyan),#4bd5ed);color:#03131d;box-shadow:0 10px 35px rgba(76,244,210,.15)}.button.secondary,.button.ghost{background:rgba(255,255,255,.035);border-color:var(--line);color:var(--ink)}.button.ghost{background:transparent}button:disabled{opacity:.42;cursor:not-allowed;transform:none}.trust-row{display:flex;gap:34px;margin-top:38px;padding-top:26px;border-top:1px solid var(--line);color:var(--muted);font-size:.78rem}.trust-row span{display:grid}.trust-row b{color:var(--ink);font-size:1.12rem}.hero-console{position:relative;overflow:hidden;border:1px solid rgba(112,196,255,.23);border-radius:30px;background:linear-gradient(155deg,rgba(19,42,63,.92),rgba(8,21,37,.98));padding:24px;box-shadow:0 40px 100px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.05)}.hero-console:before{content:"";position:absolute;width:330px;height:330px;left:50%;top:46%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(76,244,210,.16),transparent 65%)}.console-head,.console-status{position:relative;display:flex;justify-content:space-between;align-items:center}.console-head span{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#b9cadb}.console-head span i,.console-status strong i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.console-head em{font-style:normal;font-size:.65rem;letter-spacing:.13em;color:var(--cyan);border:1px solid rgba(76,244,210,.25);border-radius:99px;padding:5px 9px}.orb{position:relative;width:220px;height:220px;margin:42px auto;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(76,244,210,.28);background:radial-gradient(circle at 35% 25%,rgba(95,222,255,.34),rgba(20,68,91,.22) 42%,rgba(5,14,26,.85) 70%);box-shadow:inset 0 0 55px rgba(76,244,210,.1),0 0 60px rgba(65,165,255,.08)}.orb:after,.orb:before{content:"";position:absolute;border:1px solid rgba(76,244,210,.12);border-radius:50%;inset:-16px}.orb:after{inset:-32px;opacity:.5}.orb span{color:var(--muted);font-size:.8rem;letter-spacing:.2em}.orb b{font-size:3.7rem;line-height:1;color:var(--ink)}.console-status{border-top:1px solid var(--line);padding-top:20px}.console-status>div{display:grid;gap:4px}.console-status span{color:var(--muted);font-size:.72rem}.console-status strong{display:flex;align-items:center;gap:7px;font-size:.86rem}.feature-strip{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:20px;background:rgba(13,29,47,.7);overflow:hidden}.feature-strip article{display:flex;gap:18px;padding:27px 29px;border-right:1px solid var(--line)}.feature-strip article:last-child{border:0}.feature-strip article>i{font-style:normal;color:var(--cyan);font:700 .72rem/1 monospace;padding-top:5px}.feature-strip h3{font-size:1rem}.feature-strip p{margin:5px 0 0;color:var(--muted);font-size:.83rem}.how{padding:110px 10px 30px}.how>div{max-width:650px}.how h2{font-size:clamp(1.8rem,4vw,3rem);margin-top:15px}.how ol{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;list-style:none;padding:0;margin:44px 0 0}.how li{position:relative;padding:25px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025)}.how li>span{display:grid;place-items:center;width:36px;height:36px;margin-bottom:32px;border-radius:10px;background:var(--cyan-soft);color:var(--cyan);font-weight:800}.how li p{margin:7px 0 0;color:var(--muted);font-size:.87rem}.auth-card{width:min(480px,100%);margin:38px auto;padding:38px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(150deg,rgba(19,37,58,.95),rgba(10,24,41,.95));box-shadow:var(--shadow)}.auth-card h1{font-size:2.2rem}.auth-card>p{color:var(--muted)}.stack{display:grid;gap:17px;margin-top:27px}.stack label,.rent-form label,.form-grid label{display:grid;gap:8px;color:#bacbdd;font-size:.88rem;font-weight:650}input,select,textarea{width:100%;min-height:45px;padding:11px 13px;border:1px solid rgba(148,180,210,.2);border-radius:10px;background:#091726;color:var(--ink)}input::placeholder{color:#60758b}input:focus,select:focus,textarea:focus{outline:3px solid rgba(76,244,210,.09);border-color:rgba(76,244,210,.65)}.auth-foot{text-align:center;color:var(--muted);margin-top:23px;font-size:.88rem}.page-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:32px}.page-head h1{font-size:2.55rem;margin:9px 0 0}.head-note{color:var(--muted);font-size:.85rem}.device-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.device-card{padding:27px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(150deg,rgba(18,37,58,.94),rgba(10,24,40,.96));box-shadow:var(--shadow)}.device-top{display:flex;align-items:center;gap:14px}.device-icon{display:grid;place-items:center;width:50px;height:50px;border:1px solid rgba(76,244,210,.22);border-radius:14px;background:var(--cyan-soft);color:var(--cyan);font-weight:850}.device-top p{margin:0;color:var(--muted);font-size:.8rem}.status{margin-left:auto;border-radius:999px;padding:5px 10px;font-size:.75rem;font-weight:750}.status.online{background:rgba(84,230,165,.1);color:var(--green)}.status.offline{background:rgba(255,255,255,.05);color:var(--muted)}.device-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:24px 0;border:1px solid var(--line);border-radius:13px;overflow:hidden;background:var(--line)}.device-meta div{display:grid;gap:3px;padding:15px;background:#0b1a2b}.device-meta span,.lease-panel span,.stats span{color:var(--muted);font-size:.72rem}.device-meta strong{font-size:.82rem}.rent-form{display:grid;grid-template-columns:1fr auto;align-items:end;gap:13px}.lease-panel{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px;border-radius:12px;background:rgba(84,230,165,.08);border:1px solid rgba(84,230,165,.12)}.lease-panel>div{display:grid}.pending-box{padding:14px;border-radius:11px;background:rgba(255,189,102,.09);color:var(--orange)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:32px}.stats div{position:relative;display:grid;gap:4px;overflow:hidden;padding:20px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,rgba(19,38,59,.9),rgba(11,25,42,.92))}.stats div:after{content:"";position:absolute;width:70px;height:70px;right:-22px;top:-25px;border-radius:50%;background:rgba(76,244,210,.08)}.stats strong{font-size:1.55rem;letter-spacing:-.03em}.stats small{color:#637a91;font-size:.69rem}.section-title{display:flex;align-items:end;justify-content:space-between;margin:32px 0 14px}.section-title p{margin:5px 0 0;color:var(--muted);font-size:.86rem}.section-count{color:var(--muted);font-size:.8rem}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:rgba(12,27,45,.92);box-shadow:0 16px 50px rgba(0,0,0,.14)}table{border-collapse:collapse;width:100%;min-width:850px}th,td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--line);font-size:.84rem;vertical-align:middle}th{color:#7890a7;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;background:rgba(255,255,255,.015)}tr:last-child td{border:0}tbody tr:hover{background:rgba(76,244,210,.025)}.device-table table{min-width:1050px}.order-state{display:inline-block;border-radius:999px;padding:4px 9px;font-size:.72rem;font-weight:750}.order-state.pending{background:rgba(255,189,102,.11);color:var(--orange)}.order-state.active,.order-state.available{background:rgba(84,230,165,.1);color:var(--green)}.order-state.ended,.order-state.expired{background:rgba(255,255,255,.05);color:var(--muted)}.mini{display:inline-flex;border:0;border-radius:8px;padding:7px 10px;font-size:.75rem;cursor:pointer}.mini.danger{background:rgba(255,112,133,.1);color:var(--red)}.mini.edit{background:var(--cyan-soft);color:var(--cyan)}.table-empty,.empty{text-align:center;color:var(--muted);padding:48px}.renter-cell{display:grid}.renter-cell small,.muted-cell{color:var(--muted)}.orders-title{margin-top:42px}.inventory-filter{display:grid;grid-template-columns:minmax(240px,1fr) 180px auto auto;gap:10px;align-items:center;margin-bottom:11px}.inventory-filter a{padding:10px}.filter-result{color:var(--muted);font-size:.78rem;margin:0 0 11px}.edit-card{padding:29px;border:1px solid var(--line);border-radius:20px;background:rgba(13,29,48,.94);box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.full-width{grid-column:1/-1}.check-row{display:flex!important;align-items:center!important}.check-row input{width:18px;min-height:18px}.form-actions{display:flex;justify-content:flex-end}.form-actions .button{min-width:130px}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:30px;padding:35px 10px 55px}.hero-console{max-width:520px;width:100%;margin:auto}.device-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.topbar{padding:0 15px}.topbar nav{gap:12px}.nav-user{display:none}.shell{width:min(100% - 26px,1220px);padding-top:30px}.hero h1{font-size:2.6rem}.hero-console{padding:20px}.orb{width:180px;height:180px}.feature-strip,.how ol,.stats,.form-grid{grid-template-columns:1fr}.feature-strip article{border-right:0;border-bottom:1px solid var(--line)}.feature-strip article:last-child{border-bottom:0}.trust-row{gap:18px}.page-head{align-items:flex-start;flex-direction:column}.device-card{padding:21px}.device-meta{grid-template-columns:1fr}.rent-form,.inventory-filter{grid-template-columns:1fr}.lease-panel{align-items:stretch;flex-direction:column}.auth-card{padding:29px 23px}.full-width{grid-column:auto}.inventory-filter a{padding:4px 0}footer{flex-direction:column;align-items:center}}
.sms-code-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.sms-code-row .button{min-width:118px;white-space:nowrap}.sms-status{min-height:20px;color:var(--muted);font-size:.76rem;font-weight:500}.sms-status:not(:empty){color:var(--cyan)}@media(max-width:480px){.sms-code-row{grid-template-columns:1fr}.sms-code-row .button{width:100%}}
.agent-health{display:block;margin-top:3px;color:var(--muted);font-size:.68rem}
.stats{grid-template-columns:repeat(5,1fr)}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.pricing-card{display:grid;gap:14px;padding:20px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,rgba(19,38,59,.9),rgba(11,25,42,.92))}
.pricing-card label{display:grid;gap:6px;color:#bacbdd;font-size:.78rem;font-weight:650}
.pricing-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pricing-card .button{width:100%}
.order-state.suspended{background:rgba(255,112,133,.1);color:var(--red)}
@media(max-width:900px){.stats{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:1fr}}
.stats>.stat-card{position:relative;display:grid;gap:4px;overflow:hidden;padding:20px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,rgba(19,38,59,.9),rgba(11,25,42,.92));color:var(--ink);transition:.2s ease}.stats>.stat-card:after{content:"";position:absolute;width:70px;height:70px;right:-22px;top:-25px;border-radius:50%;background:rgba(76,244,210,.08)}.stats>.stat-card:hover{transform:translateY(-2px);border-color:rgba(76,244,210,.45);box-shadow:0 12px 36px rgba(0,0,0,.2)}
.customer-head>div>p{margin:8px 0 0;color:var(--muted)}.availability{display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid var(--line);border-radius:999px;font-size:.8rem}.availability i{width:8px;height:8px;border-radius:50%}.availability.ready{color:var(--green);background:rgba(84,230,165,.08)}.availability.ready i{background:var(--green);box-shadow:0 0 12px var(--green)}.availability.busy{color:var(--orange);background:rgba(255,189,102,.08)}.availability.busy i{background:var(--orange)}
.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.shop-plan{display:grid;gap:20px;padding:26px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(150deg,rgba(18,37,58,.94),rgba(10,24,40,.96));box-shadow:var(--shadow)}.plan-head{display:flex;align-items:start;justify-content:space-between;color:var(--cyan);font-weight:750}.plan-head strong{font-size:2rem;color:var(--ink);line-height:1}.plan-head small{font-size:.7rem;color:var(--muted);margin-left:4px}.plan-price{font-size:2.15rem;font-weight:850;letter-spacing:-.05em}.plan-price small{font-size:.78rem;color:var(--muted);font-weight:500;letter-spacing:0}.shop-plan ul{display:grid;gap:8px;padding:17px 0 0;margin:0;list-style:none;border-top:1px solid var(--line);color:#a9bbce;font-size:.84rem}.shop-plan li:before{content:"✓";color:var(--cyan);margin-right:9px}.shop-plan form,.shop-plan button{width:100%}
.workspace-grid{display:grid;gap:14px}.workspace-card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px;border:1px solid rgba(84,230,165,.18);border-radius:18px;background:linear-gradient(135deg,rgba(84,230,165,.09),rgba(65,165,255,.06))}.workspace-kicker{color:var(--green);font-size:.72rem;font-weight:800;letter-spacing:.12em}.workspace-card h2{margin:6px 0}.workspace-card p{margin:0;color:var(--muted);font-size:.82rem}.workspace-actions{display:flex;align-items:center;gap:20px}.workspace-actions>span{color:var(--muted);font-size:.8rem}
.row-actions{display:flex;align-items:center;gap:7px;white-space:nowrap}.user-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px}.user-summary>div{display:grid;gap:4px;padding:18px;border:1px solid var(--line);border-radius:14px;background:rgba(13,29,48,.9)}.user-summary span,.user-summary small{color:var(--muted);font-size:.72rem}.password-card{display:grid;grid-template-columns:.7fr 1.3fr;align-items:end;gap:28px}.password-card p{margin:7px 0 0;color:var(--muted);font-size:.84rem}.password-form{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:12px}.password-form label{display:grid;gap:7px;color:#bacbdd;font-size:.82rem}
input[readonly]{color:#8ea3ba;background:rgba(255,255,255,.025)}
@media(max-width:900px){.shop-grid{grid-template-columns:1fr}.workspace-card,.workspace-actions{align-items:stretch;flex-direction:column}.user-summary{grid-template-columns:repeat(2,1fr)}.password-card,.password-form{grid-template-columns:1fr}}
@media(max-width:700px){.user-summary{grid-template-columns:1fr}}

/* Premium cockpit overrides must remain after the product theme. */
.monitor-cockpit:fullscreen{width:100vw;height:100vh;overflow:auto;padding:16px;background:#020914}.cockpit-particles{position:absolute;z-index:-1;inset:0;width:100%;height:100%;pointer-events:none;opacity:.8}.monitor-cockpit:after{content:"";position:absolute;z-index:20;pointer-events:none;left:0;right:0;top:-12%;height:14%;background:linear-gradient(180deg,transparent,rgba(55,226,255,.045),rgba(55,226,255,.10),transparent);animation:cockpitScan 7s linear infinite}.cockpit-head-actions{grid-column:3;grid-row:1;justify-self:end;display:flex;align-items:stretch;gap:7px}.cockpit-head-actions .monitor-live{grid-column:auto;grid-row:auto;justify-self:auto}.fullscreen-button{display:flex;align-items:center;gap:6px;padding:0 12px;border:1px solid rgba(34,232,255,.24);background:rgba(5,39,55,.7);color:#76dce9;font-size:11px;cursor:pointer}.fullscreen-button:hover{color:#fff;border-color:rgba(34,232,255,.6);box-shadow:inset 0 0 18px rgba(34,232,255,.1)}.fullscreen-button span{font-size:18px}
.monitor-cockpit .cloud-core{display:flex;flex-direction:column;align-items:center;width:170px;height:206px;clip-path:none;border:0;background:transparent;box-shadow:none;filter:drop-shadow(0 0 24px rgba(34,232,255,.22))}.core-halo{position:absolute;left:50%;bottom:26px;translate:-50%;width:190px;height:54px;border:1px solid rgba(34,232,255,.34);border-radius:50%;box-shadow:0 0 24px rgba(34,232,255,.12),inset 0 0 18px rgba(34,232,255,.12);animation:coreHalo 2.4s ease-in-out infinite}.core-halo:after{content:"";position:absolute;inset:8px;border:1px dashed rgba(34,232,255,.3);border-radius:50%;animation:radarSpin 8s linear infinite}
.server-rack{position:relative;z-index:2;width:86px;margin-top:4px;padding:9px 8px 11px;transform:perspective(500px) rotateY(-7deg);border:1px solid rgba(65,226,255,.62);background:linear-gradient(105deg,#0c4355,#071e31 42%,#04111f);box-shadow:inset 8px 0 18px rgba(34,232,255,.08),inset -5px 0 12px rgba(0,0,0,.55),8px 10px 0 rgba(2,9,16,.55)}.server-rack:before{content:"CORE RACK";display:block;margin-bottom:6px;color:#49cfe3;font:6px monospace;letter-spacing:.2em}.server-rack div{display:grid;grid-template-columns:8px 1fr;align-items:center;gap:6px;height:14px;margin-top:4px;padding:0 5px;border:1px solid rgba(62,191,217,.25);background:linear-gradient(90deg,rgba(15,83,101,.55),rgba(3,17,29,.9));box-shadow:inset 0 0 5px rgba(34,232,255,.05)}.server-rack i{width:3px;height:3px;border-radius:50%;background:var(--green2);box-shadow:0 0 5px var(--green2);animation:rackLed 1.5s ease-in-out infinite}.server-rack div:nth-child(2n) i{animation-delay:.7s}.server-rack b{height:2px;background:repeating-linear-gradient(90deg,#235f70 0 4px,transparent 4px 7px)}.monitor-cockpit .cloud-core>span{position:relative;z-index:3;margin-top:8px;color:#57ddef;font:8px monospace;letter-spacing:.14em}.monitor-cockpit .cloud-core>strong{position:relative;z-index:3;font-size:13px;color:#e4fbff}.monitor-cockpit .cloud-core>small{position:relative;z-index:3;color:#65a5b3;font-size:9px}.topology-node:before{content:"";position:absolute;z-index:-1;left:50%;top:8px;width:120px;height:1px;transform-origin:left;background:linear-gradient(90deg,currentColor,transparent);opacity:.14}
@keyframes cockpitScan{to{top:108%}}@keyframes coreHalo{50%{scale:1.08;opacity:.65}}@keyframes rackLed{50%{opacity:.3}}
@media(max-width:760px){.cockpit-head-actions{grid-column:1;grid-row:2;justify-self:center;margin-top:10px}.fullscreen-button{display:none}.monitor-cockpit .cloud-core{scale:.88}}
.brand-logo{mix-blend-mode:normal}
@media(prefers-reduced-motion:reduce){.monitor-cockpit:after,.topology-radar,.topology-stage:after,.core-halo,.core-halo:after,.server-rack i{animation:none}}

/* Cockpit premium motion layer */
.monitor-cockpit:fullscreen{width:100vw;height:100vh;overflow:auto;padding:16px;background:#020914}.cockpit-particles{position:absolute;z-index:-1;inset:0;width:100%;height:100%;pointer-events:none;opacity:.8}.monitor-cockpit:after{content:"";position:absolute;z-index:20;pointer-events:none;left:0;right:0;top:-12%;height:14%;background:linear-gradient(180deg,transparent,rgba(55,226,255,.045),rgba(55,226,255,.10),transparent);animation:cockpitScan 7s linear infinite}@keyframes cockpitScan{to{top:108%}}
.cockpit-head-actions{grid-column:3;grid-row:1;justify-self:end;display:flex;align-items:stretch;gap:7px}.cockpit-head-actions .monitor-live{grid-column:auto;grid-row:auto;justify-self:auto}.fullscreen-button{display:flex;align-items:center;gap:6px;padding:0 12px;border:1px solid rgba(34,232,255,.24);background:rgba(5,39,55,.7);color:#76dce9;font-size:11px;cursor:pointer}.fullscreen-button:hover{color:#fff;border-color:rgba(34,232,255,.6);box-shadow:inset 0 0 18px rgba(34,232,255,.1)}.fullscreen-button span{font-size:18px}
.cloud-core{display:flex;flex-direction:column;align-items:center;width:170px;height:206px;clip-path:none;border:0;background:transparent;box-shadow:none;filter:drop-shadow(0 0 24px rgba(34,232,255,.22))}.core-halo{position:absolute;left:50%;bottom:26px;translate:-50%;width:190px;height:54px;border:1px solid rgba(34,232,255,.34);border-radius:50%;box-shadow:0 0 24px rgba(34,232,255,.12),inset 0 0 18px rgba(34,232,255,.12);animation:coreHalo 2.4s ease-in-out infinite}.core-halo:after{content:"";position:absolute;inset:8px;border:1px dashed rgba(34,232,255,.3);border-radius:50%;animation:radarSpin 8s linear infinite}@keyframes coreHalo{50%{scale:1.08;opacity:.65}}
.server-rack{position:relative;z-index:2;width:86px;margin-top:4px;padding:9px 8px 11px;transform:perspective(500px) rotateY(-7deg);border:1px solid rgba(65,226,255,.62);background:linear-gradient(105deg,#0c4355,#071e31 42%,#04111f);box-shadow:inset 8px 0 18px rgba(34,232,255,.08),inset -5px 0 12px rgba(0,0,0,.55),8px 10px 0 rgba(2,9,16,.55)}.server-rack:before{content:"CORE RACK";display:block;margin-bottom:6px;color:#49cfe3;font:6px monospace;letter-spacing:.2em}.server-rack div{display:grid;grid-template-columns:8px 1fr;align-items:center;gap:6px;height:14px;margin-top:4px;padding:0 5px;border:1px solid rgba(62,191,217,.25);background:linear-gradient(90deg,rgba(15,83,101,.55),rgba(3,17,29,.9));box-shadow:inset 0 0 5px rgba(34,232,255,.05)}.server-rack i{width:3px;height:3px;border-radius:50%;background:var(--green2);box-shadow:0 0 5px var(--green2);animation:rackLed 1.5s ease-in-out infinite}.server-rack div:nth-child(2n) i{animation-delay:.7s}.server-rack b{height:2px;background:repeating-linear-gradient(90deg,#235f70 0 4px,transparent 4px 7px)}@keyframes rackLed{50%{opacity:.3}}.cloud-core>span{position:relative;z-index:3;margin-top:8px;color:#57ddef;font:8px monospace;letter-spacing:.14em}.cloud-core>strong{position:relative;z-index:3;font-size:13px;color:#e4fbff}.cloud-core>small{position:relative;z-index:3;color:#65a5b3;font-size:9px}.topology-node:before{content:"";position:absolute;z-index:-1;left:50%;top:8px;width:120px;height:1px;transform-origin:left;background:linear-gradient(90deg,currentColor,transparent);opacity:.14}
@media(max-width:760px){.cockpit-head-actions{grid-column:1;grid-row:2;justify-self:center;margin-top:10px}.fullscreen-button{display:none}.cloud-core{scale:.88}}
@media(prefers-reduced-motion:reduce){.monitor-cockpit:after,.topology-radar,.topology-stage:after,.core-halo,.core-halo:after,.server-rack i{animation:none}}

/* Operations cockpit: isolated dark visual theme for /admin/monitor */
body:has(.monitor-cockpit){background:#030b16;color:#d9f8ff}.shell:has(.monitor-cockpit){width:100%;max-width:none;padding:18px 22px 34px}.topbar:has(+.shell .monitor-cockpit){height:58px;background:rgba(3,12,25,.94);border-color:rgba(41,213,255,.2);box-shadow:0 8px 32px rgba(0,0,0,.3)}.topbar:has(+.shell .monitor-cockpit) nav>a,.topbar:has(+.shell .monitor-cockpit) .link-button{color:#a6cbd6}.topbar:has(+.shell .monitor-cockpit) .nav-user{border-color:rgba(62,214,255,.2);color:#80eaff}.shell:has(.monitor-cockpit)+footer{display:none}
.monitor-cockpit{--screen:#061322;--screen2:#081b2b;--cyan2:#22e8ff;--cyan3:#0b9ebc;--green2:#35e6a2;--amber2:#ffc75c;--red2:#ff5277;position:relative;isolation:isolate;min-height:calc(100vh - 80px);padding:14px 18px 24px;overflow:hidden;border:1px solid rgba(34,232,255,.22);background:radial-gradient(circle at 50% 43%,rgba(12,105,134,.18),transparent 38%),linear-gradient(180deg,#061321 0%,#020914 100%);box-shadow:inset 0 0 70px rgba(0,149,190,.08),0 20px 70px rgba(0,0,0,.38);font-family:"Segoe UI","Microsoft YaHei",sans-serif;color:#d9f8ff}
.cockpit-grid{position:absolute;z-index:-1;inset:0;opacity:.25;background-image:linear-gradient(rgba(43,183,216,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(43,183,216,.13) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(to bottom,black,transparent 85%)}
.cockpit-head{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:88px;margin-bottom:14px;padding:0 20px;border-top:1px solid rgba(43,226,255,.34);border-bottom:1px solid rgba(43,226,255,.24);background:linear-gradient(90deg,transparent,rgba(7,52,72,.62) 18%,rgba(8,67,87,.78) 50%,rgba(7,52,72,.62) 82%,transparent);clip-path:polygon(0 13%,8% 13%,10% 0,90% 0,92% 13%,100% 13%,100% 87%,92% 87%,90% 100%,10% 100%,8% 87%,0 87%)}
.cockpit-title{text-align:center;grid-column:2}.cockpit-title span,.cockpit-title p{display:block;margin:0;color:#66dced;font:600 10px/1.25 monospace;letter-spacing:.28em}.cockpit-title h1{margin:4px 0 2px;color:#e7fcff;font-size:clamp(25px,2.4vw,38px);line-height:1.05;letter-spacing:.16em;text-shadow:0 0 20px rgba(34,232,255,.45)}.cockpit-clock{grid-column:1;grid-row:1;display:grid;justify-self:start}.cockpit-clock strong{font:700 22px/1 monospace;color:#83edff;letter-spacing:.12em}.cockpit-clock small{margin-top:6px;color:#608d9b;font-size:11px}.monitor-cockpit .monitor-live{grid-column:3;grid-row:1;justify-self:end;display:grid;grid-template-columns:10px auto;gap:3px 9px;padding:10px 14px;border:1px solid rgba(34,232,255,.23);border-radius:2px;background:rgba(2,20,33,.72);box-shadow:inset 0 0 18px rgba(34,232,255,.05)}.monitor-cockpit .monitor-live i{width:8px;height:8px;background:var(--green2);box-shadow:0 0 12px var(--green2);animation:monitorPulse 1.6s infinite}.monitor-cockpit .monitor-live span{color:#c7f8ff;font-size:12px}.monitor-cockpit .monitor-live small{grid-column:2;color:#568695;font:10px monospace}.monitor-cockpit .monitor-live.disconnected i{background:var(--red2);box-shadow:0 0 12px var(--red2)}
.cockpit-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:12px}.cockpit-kpis article{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;min-height:78px;padding:12px 16px;overflow:hidden;border:1px solid rgba(34,232,255,.2);background:linear-gradient(135deg,rgba(7,36,54,.92),rgba(4,20,34,.9));box-shadow:inset 3px 0 var(--cyan2),inset 0 0 22px rgba(34,232,255,.035)}.cockpit-kpis article:after{content:"";position:absolute;width:58px;height:58px;right:-25px;bottom:-28px;transform:rotate(45deg);border:1px solid rgba(34,232,255,.28)}.cockpit-kpis span{color:#86bbc7;font-size:12px}.cockpit-kpis strong{grid-row:1/3;grid-column:2;color:#7ceeff;font:700 34px/1 monospace;text-shadow:0 0 14px currentColor}.cockpit-kpis small{color:#3d7380;font:9px monospace;letter-spacing:.14em}.cockpit-kpis .good{box-shadow:inset 3px 0 var(--green2)}.cockpit-kpis .good strong{color:var(--green2)}.cockpit-kpis .warn{box-shadow:inset 3px 0 var(--amber2)}.cockpit-kpis .warn strong{color:var(--amber2)}.cockpit-kpis .bad{box-shadow:inset 3px 0 var(--red2)}.cockpit-kpis .bad strong{color:var(--red2)}.cockpit-kpis .rent{box-shadow:inset 3px 0 #9b7cff}.cockpit-kpis .rent strong{color:#b9a5ff}
.cockpit-main{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(430px,1.75fr) minmax(220px,.8fr);gap:12px;min-height:440px}.cockpit-column{display:grid;grid-template-rows:1fr 1fr;gap:12px}.cockpit-panel{position:relative;overflow:hidden;border:1px solid rgba(34,232,255,.2);background:linear-gradient(155deg,rgba(6,30,47,.9),rgba(2,14,25,.94));box-shadow:inset 0 0 28px rgba(34,232,255,.035)}.cockpit-panel:before,.cockpit-panel:after{content:"";position:absolute;pointer-events:none;width:28px;height:8px;border-top:2px solid var(--cyan2)}.cockpit-panel:before{left:0;top:0;border-left:2px solid var(--cyan2)}.cockpit-panel:after{right:0;bottom:0;transform:rotate(180deg);border-left:2px solid var(--cyan2)}.panel-cap{display:flex;align-items:baseline;gap:9px;min-height:38px;padding:11px 13px 9px;border-bottom:1px solid rgba(34,232,255,.13);background:linear-gradient(90deg,rgba(21,105,128,.2),transparent)}.panel-cap>span{color:#d8faff;font-size:13px;font-weight:700}.panel-cap>small{color:#3d7b89;font:9px monospace;letter-spacing:.12em}.panel-cap>a{margin-left:auto;color:#6fddec;font-size:11px}
.health-panel{padding-bottom:12px}.health-gauge{--health:0deg;display:grid;place-items:center;width:136px;height:136px;margin:15px auto 8px;border-radius:50%;background:conic-gradient(var(--green2) var(--health),rgba(44,111,127,.18) 0);filter:drop-shadow(0 0 13px rgba(53,230,162,.16))}.health-gauge:before{content:"";position:absolute;width:112px;height:112px;border-radius:50%;background:#071827;box-shadow:inset 0 0 25px rgba(34,232,255,.08)}.health-gauge>div{position:relative;text-align:center}.health-gauge strong{font:700 34px/1 monospace;color:#e0fbff}.health-gauge span{color:var(--green2)}.health-gauge small{display:block;margin-top:7px;color:#6093a0;font-size:10px}.health-legend{display:flex;justify-content:center;gap:12px;font-size:10px;color:#739fac}.health-legend span{display:flex;align-items:center;gap:4px}.health-legend i{width:6px;height:6px;border-radius:50%}.health-legend i.online{background:var(--green2)}.health-legend i.warning{background:var(--amber2)}.health-legend i.offline{background:var(--red2)}.health-legend b{color:#d7f8ff}
.trend-panel svg{display:block;width:calc(100% - 22px);height:130px;margin:10px 11px 0;overflow:visible}.trend-grid{fill:none;stroke:rgba(94,168,183,.16);stroke-width:1}.trend-area{fill:url(#trend-fill)}.trend-line{fill:none;stroke:var(--cyan2);stroke-width:2;filter:drop-shadow(0 0 5px rgba(34,232,255,.65));transition:.45s}.trend-axis{display:flex;justify-content:space-between;padding:0 14px;color:#416f7c;font:9px monospace}
.topology-panel{min-height:440px}.topology-stage{position:relative;height:calc(100% - 78px);min-height:340px;overflow:hidden;background:radial-gradient(circle at center,rgba(34,232,255,.12),transparent 15%),radial-gradient(ellipse at center,transparent 40%,rgba(3,11,20,.56) 72%)}.topology-stage:before,.topology-stage:after{content:"";position:absolute;left:50%;top:50%;translate:-50% -50%;width:64%;height:64%;border:1px solid rgba(34,232,255,.14);border-radius:50%;transform:rotateX(62deg)}.topology-stage:after{width:88%;height:88%;border-style:dashed;animation:radarSpin 24s linear infinite}.topology-radar{position:absolute;inset:50% auto auto 50%;width:210px;height:210px;translate:-50% -50%;border:1px solid rgba(34,232,255,.19);border-radius:50%;animation:radarSpin 18s linear infinite}.topology-radar:after,.topology-radar:before,.topology-radar i{content:"";position:absolute;inset:18%;border:1px solid rgba(34,232,255,.13);border-radius:50%}.topology-radar:after{inset:36%}.topology-radar i:first-child{inset:50% 0 auto;width:100%;height:0;border:0;border-top:1px solid rgba(34,232,255,.12);border-radius:0}.topology-radar i:nth-child(2){inset:0 auto 0 50%;width:0;height:100%;border:0;border-left:1px solid rgba(34,232,255,.12);border-radius:0}.topology-radar i:nth-child(3){inset:50% 50% auto auto;width:50%;height:1px;border:0;border-radius:0;transform-origin:left;background:linear-gradient(90deg,rgba(34,232,255,.5),transparent);box-shadow:0 10px 30px rgba(34,232,255,.25)}@keyframes radarSpin{to{transform:rotate(360deg)}}
.cloud-core{position:absolute;z-index:3;left:50%;top:50%;translate:-50% -50%;display:grid;place-items:center;width:142px;height:112px;text-align:center;border:1px solid rgba(34,232,255,.55);clip-path:polygon(12% 0,88% 0,100% 22%,100% 78%,88% 100%,12% 100%,0 78%,0 22%);background:linear-gradient(155deg,rgba(10,75,94,.96),rgba(3,25,41,.98));box-shadow:0 0 40px rgba(34,232,255,.18),inset 0 0 26px rgba(34,232,255,.11)}.cloud-core span{color:#57ddef;font:9px monospace;letter-spacing:.14em}.cloud-core strong{font-size:16px;color:#e4fbff}.cloud-core small{color:#65a5b3;font-size:10px}.topology-nodes{position:absolute;inset:0}.topology-node{position:absolute;z-index:4;translate:-50% -50%;display:grid;place-items:center;gap:5px;color:#7fbdc8;font:9px monospace;transition:.25s}.topology-node i{width:15px;height:15px;border:3px solid #071826;border-radius:50%;background:var(--green2);box-shadow:0 0 0 1px var(--green2),0 0 14px var(--green2)}.topology-node.warning i{background:var(--amber2);box-shadow:0 0 0 1px var(--amber2),0 0 14px var(--amber2)}.topology-node.offline i{background:var(--red2);box-shadow:0 0 0 1px var(--red2),0 0 14px var(--red2)}.topology-node:hover{scale:1.14;color:#e6fbff}.topology-foot{position:absolute;left:15px;right:15px;bottom:10px;display:flex;justify-content:space-between;color:#548592;font-size:10px}.topology-foot span{display:flex;align-items:center;gap:6px}.topology-foot i{width:18px;height:1px;background:var(--cyan2);box-shadow:0 0 6px var(--cyan2)}.topology-foot b{color:#8feeff;font-weight:500}
.status-donut{--online-angle:0deg;--warning-angle:0deg;position:relative;display:grid;place-items:center;width:142px;height:142px;margin:15px auto;border-radius:50%;background:conic-gradient(var(--green2) 0 var(--online-angle),var(--amber2) var(--online-angle) var(--warning-angle),var(--red2) var(--warning-angle) 360deg);filter:drop-shadow(0 0 12px rgba(34,232,255,.13))}.status-donut:after{content:"";position:absolute;inset:15px;border-radius:50%;background:#061625;box-shadow:inset 0 0 24px rgba(34,232,255,.08)}.status-donut>div{position:relative;z-index:1;text-align:center}.status-donut strong{font:700 34px monospace}.status-donut span{color:var(--cyan2)}.status-donut small{display:block;color:#527e89;font-size:10px}.distribution-bars{display:grid;gap:8px;padding:0 14px 13px}.distribution-bars>div{display:grid;grid-template-columns:58px 1fr 32px;align-items:center;gap:7px;color:#6997a2;font-size:9px}.distribution-bars i{height:5px;overflow:hidden;background:rgba(83,143,156,.16)}.distribution-bars b{display:block;height:100%;min-width:1px;background:var(--green2);transition:.4s}.distribution-bars>div:nth-child(2) b{background:var(--amber2)}.distribution-bars>div:nth-child(3) b{background:var(--red2)}.distribution-bars em{color:#a4d5de;font-style:normal;text-align:right}
.capacity-panel{padding-bottom:18px}.capacity-value{text-align:center;margin:23px 0 12px}.capacity-value strong{color:#b9a5ff;font:700 45px/1 monospace;text-shadow:0 0 14px rgba(155,124,255,.45)}.capacity-value span{color:#9b7cff}.capacity-track{height:11px;margin:0 18px;border:1px solid rgba(155,124,255,.25);padding:2px;background:rgba(82,62,137,.15)}.capacity-track b{display:block;height:100%;background:linear-gradient(90deg,#6848d9,#22e8ff);box-shadow:0 0 12px rgba(155,124,255,.5);transition:.45s}.capacity-meta{display:flex;justify-content:space-between;margin:13px 18px 0;color:#608b96;font-size:10px}.capacity-meta b{color:#d9f8ff}
.cockpit-bottom{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(650px,2.28fr);gap:12px;margin-top:12px;min-height:220px}.event-stream{display:grid;padding:8px 12px}.event-item{display:grid;grid-template-columns:58px 1fr;gap:10px;padding:8px 3px;border-bottom:1px solid rgba(34,232,255,.08)}.event-item:last-child{border:0}.event-item time{color:#4c7d88;font:9px/1.5 monospace}.event-item p{display:grid;margin:0}.event-item strong{color:#bfeef5;font-size:11px}.event-item span{color:#628e98;font-size:9px}.event-item:before{content:"";position:absolute;width:3px;height:25px;margin-left:-12px;background:var(--green2);box-shadow:0 0 8px var(--green2)}.event-item.warning:before{background:var(--amber2);box-shadow:0 0 8px var(--amber2)}.event-item.offline:before{background:var(--red2);box-shadow:0 0 8px var(--red2)}.event-empty{padding:30px;text-align:center;color:#4f7e89}.fleet-scroll{overflow:auto;max-height:260px}.monitor-cockpit .monitor-table{min-width:850px}.monitor-cockpit .monitor-table th{position:sticky;top:0;z-index:1;padding:9px 11px;border-color:rgba(34,232,255,.12);background:#082035;color:#4f8c9a;font:9px monospace;letter-spacing:.08em}.monitor-cockpit .monitor-table td{padding:9px 11px;border-color:rgba(34,232,255,.08);color:#96c5cf;font-size:10px}.monitor-cockpit .monitor-table tbody tr:hover{background:rgba(34,232,255,.045)}.monitor-cockpit .monitor-table td:first-child strong{color:#d7f7fd}.monitor-cockpit .monitor-table td:first-child small{color:#4e7c87}.monitor-cockpit .monitor-badge{padding:4px 7px;border-radius:2px;font-size:9px;background:transparent;border:1px solid currentColor}.monitor-cockpit .monitor-badge.online{color:var(--green2)}.monitor-cockpit .monitor-badge.warning{color:var(--amber2)}.monitor-cockpit .monitor-badge.offline{color:var(--red2)}.monitor-cockpit .mini.edit{padding:4px 8px;border:1px solid rgba(34,232,255,.25);border-radius:2px;background:rgba(34,232,255,.08);color:#7ceeff}
@media(max-width:1100px){.cockpit-main{grid-template-columns:1fr 1.6fr}.cockpit-right{grid-column:1/-1;grid-template-columns:1fr 1fr;grid-template-rows:auto}.cockpit-bottom{grid-template-columns:1fr}.cockpit-kpis{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.shell:has(.monitor-cockpit){padding:8px}.monitor-cockpit{padding:8px}.cockpit-head{grid-template-columns:1fr;padding:12px;clip-path:none}.cockpit-title{grid-column:1;grid-row:1}.cockpit-clock{display:none}.monitor-cockpit .monitor-live{grid-column:1;grid-row:2;justify-self:center;margin-top:10px}.cockpit-kpis{grid-template-columns:1fr 1fr}.cockpit-main{grid-template-columns:1fr}.topology-panel{grid-row:1}.cockpit-column{grid-template-columns:1fr;grid-template-rows:auto}.cockpit-right{grid-column:auto}.cockpit-bottom{grid-template-columns:1fr}.cockpit-title h1{font-size:23px}.cockpit-kpis article{min-height:68px}.cockpit-kpis strong{font-size:27px}}

/* Real-time operations monitor */
.monitor-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin:18px 0 28px}.monitor-head h1{margin:8px 0 6px;font-size:clamp(34px,4vw,56px);letter-spacing:-2px}.monitor-head p{margin:0;color:var(--muted)}.monitor-live{display:grid;grid-template-columns:12px auto;align-items:center;gap:5px 10px;padding:14px 18px;border:1px solid #cfc0fa;border-radius:16px;background:rgba(255,255,255,.72);box-shadow:0 12px 34px rgba(95,61,173,.10)}.monitor-live i{width:10px;height:10px;border-radius:50%;background:#32b67a;box-shadow:0 0 0 7px rgba(50,182,122,.12);animation:monitorPulse 1.8s infinite}.monitor-live span{font-weight:800;color:#2f2755}.monitor-live small{grid-column:2;color:var(--muted)}.monitor-live.disconnected i{background:#ef5f7a;box-shadow:0 0 0 7px rgba(239,95,122,.12)}@keyframes monitorPulse{50%{transform:scale(.72);opacity:.65}}.monitor-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:20px}.monitor-stats article{position:relative;overflow:hidden;min-height:136px;padding:22px;border:1px solid #dcd1f8;border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(244,239,255,.86));box-shadow:0 14px 38px rgba(94,62,164,.09)}.monitor-stats article::after{content:"";position:absolute;right:-30px;top:-34px;width:96px;height:96px;border-radius:50%;background:rgba(126,87,230,.09)}.monitor-stats span,.monitor-stats small{display:block;color:var(--muted)}.monitor-stats strong{display:block;margin:10px 0 7px;font-size:36px;color:#241c48}.monitor-stats .good strong{color:#16875d}.monitor-stats .warn strong{color:#bc791c}.monitor-stats .bad strong{color:#d44765}.monitor-panel{overflow:hidden;border:1px solid #d8ccf7;border-radius:24px;background:rgba(255,255,255,.72);box-shadow:0 18px 50px rgba(83,52,151,.10)}.monitor-panel-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 26px;border-bottom:1px solid #e4dcf7}.monitor-panel-head h2{margin:0 0 5px}.monitor-panel-head p{margin:0;color:var(--muted)}.monitor-table td{vertical-align:middle}.monitor-table td:first-child strong,.monitor-table td:first-child small{display:block}.monitor-table td:first-child small{margin-top:5px;color:var(--muted);white-space:nowrap}.monitor-row.offline{background:rgba(255,225,232,.30)}.monitor-row.warning{background:rgba(255,242,215,.34)}.monitor-badge{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:7px 11px;border-radius:999px;font-weight:800;font-size:13px}.monitor-badge::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}.monitor-badge.online{color:#167b58;background:#dff7ec}.monitor-badge.warning{color:#a86412;background:#fff0cf}.monitor-badge.offline{color:#ca3d5b;background:#ffe1e8}@media(max-width:1050px){.monitor-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.monitor-head,.monitor-panel-head{align-items:flex-start;flex-direction:column}.monitor-stats{grid-template-columns:1fr}.monitor-live{width:100%}}

/* Light lavender product theme */
:root{color-scheme:light;--bg:#f5f1ff;--panel:#fff;--ink:#302548;--muted:#786d91;--line:rgba(101,76,145,.16);--cyan:#7657d9;--blue:#9a7bea;--cyan-soft:rgba(118,87,217,.10);--green:#36896a;--orange:#b87826;--red:#c65370;--shadow:0 22px 60px rgba(74,50,116,.12)}
body{background:radial-gradient(950px 560px at 88% -8%,rgba(179,151,246,.30),transparent 66%),radial-gradient(760px 480px at -8% 28%,rgba(217,198,255,.38),transparent 68%),#f5f1ff;color:var(--ink)}
.topbar{background:rgba(250,248,255,.90);border-color:rgba(101,76,145,.14);box-shadow:0 8px 30px rgba(71,48,108,.05)}.topbar nav>a{color:#655a7c}.brand-mark{background:linear-gradient(145deg,rgba(132,98,222,.18),rgba(190,166,250,.28));border-color:rgba(118,87,217,.32);color:#6c4dcc;box-shadow:0 0 28px rgba(118,87,217,.12)}
.hero-console,.device-card,.auth-card,.shop-plan,.pricing-card,.edit-card,.table-wrap,.user-summary>div,.stats>div,.stats>.stat-card{background:linear-gradient(150deg,rgba(255,255,255,.96),rgba(246,241,255,.96));border-color:rgba(111,83,159,.17);box-shadow:var(--shadow)}
.device-meta,.feature-strip{background:rgba(122,91,178,.14)}.device-meta div{background:#fbf9ff}.feature-strip{background:rgba(255,255,255,.78)}.feature-strip article,.how li{background:rgba(255,255,255,.66)}
input,select,textarea{background:#fff;color:var(--ink);border-color:rgba(104,75,154,.20)}input::placeholder{color:#a298b4}input[readonly]{background:#f4f0fb;color:#766b89}
.workspace-card{background:linear-gradient(135deg,rgba(232,221,255,.78),rgba(248,244,255,.94));border-color:rgba(118,87,217,.22)}.pending-box{background:rgba(222,166,86,.12)}.lease-panel{background:rgba(118,87,217,.08);border-color:rgba(118,87,217,.15)}
.button.primary,.mini.primary,.nav-primary{background:linear-gradient(135deg,#7d5dde,#a27feb);color:#fff!important;box-shadow:0 10px 28px rgba(115,81,203,.22)}.button.secondary,.button.ghost{background:rgba(255,255,255,.68);border-color:rgba(105,78,150,.18);color:var(--ink)}
.pricing-add{background:rgba(255,255,255,.56);border-color:rgba(118,87,217,.28)}footer{border-color:rgba(101,76,145,.13)}tbody tr:hover{background:rgba(118,87,217,.055)}th{background:rgba(116,86,170,.045);color:#75698a}
.confirm-dialog{width:min(460px,calc(100% - 32px));padding:30px;border:1px solid rgba(118,87,217,.22);border-radius:24px;background:linear-gradient(155deg,#fff,#f5efff);color:var(--ink);box-shadow:0 30px 100px rgba(55,34,91,.28);text-align:center}.confirm-dialog::backdrop{background:rgba(48,35,72,.38);backdrop-filter:blur(5px)}.confirm-dialog[open]{animation:confirm-in .18s ease-out}.confirm-icon{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 16px;border-radius:16px;background:rgba(198,83,112,.10);color:var(--red);font-size:1.5rem;font-weight:850}.confirm-dialog h2{margin:0 0 10px}.confirm-dialog p{margin:0;color:var(--muted);line-height:1.75}.confirm-actions{display:grid;grid-template-columns:1fr 1.25fr;gap:11px;margin-top:25px}.danger-confirm{background:linear-gradient(135deg,#be5875,#d8758d);color:#fff;border:0}@keyframes confirm-in{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
.end-rental-confirm{width:min(760px,100%);margin:36px auto}.end-rental-confirm>p{color:var(--muted)}.warning-box{margin-top:22px;padding:22px 24px;border:1px solid rgba(198,83,112,.24);border-radius:18px;background:rgba(198,83,112,.07);color:var(--ink)}.warning-box>strong{color:#a63f60}.warning-box ul{margin:14px 0 0;padding-left:22px;color:var(--muted);line-height:1.8}.warning-box li+li{margin-top:7px}.end-rental-confirm .confirm-actions form,.end-rental-confirm .confirm-actions button{width:100%}
.button.danger-outline{background:rgba(255,112,133,.06);border-color:rgba(255,112,133,.28);color:#ff9cab}.workspace-rename{display:flex;gap:8px;margin-top:13px}.workspace-rename input{min-height:36px;padding:7px 10px;max-width:260px}.workspace-actions form{margin:0}.customer-account{display:grid;gap:2px;padding:12px 18px;border:1px solid rgba(76,244,210,.22);border-radius:14px;background:rgba(76,244,210,.07)}.customer-account span,.customer-account small{color:var(--muted);font-size:.72rem}.customer-account strong{font-size:1.35rem;color:var(--cyan)}.pricing-card>form:first-child{display:grid;gap:14px}.pricing-card>form:last-child{display:flex;justify-content:flex-end}.pricing-add{display:grid;grid-template-columns:1.4fr .7fr .7fr auto;align-items:end;gap:12px;margin-bottom:15px;padding:16px;border:1px dashed rgba(76,244,210,.28);border-radius:15px;background:rgba(76,244,210,.035)}.pricing-add label,.balance-form label{display:grid;gap:6px;color:#bacbdd;font-size:.78rem;font-weight:650}.balance-card{display:grid;grid-template-columns:.7fr 1.3fr;align-items:end;gap:28px;margin-bottom:18px}.balance-card p{margin:7px 0 0;color:var(--muted);font-size:.84rem}.balance-form{display:grid;grid-template-columns:.7fr 1fr auto;align-items:end;gap:12px}.money-positive{color:var(--green);font-weight:750}.money-negative{color:var(--orange);font-weight:750}
@media(max-width:900px){.pricing-add,.balance-card,.balance-form{grid-template-columns:1fr}.customer-head{align-items:stretch}.workspace-rename{flex-direction:column}.workspace-rename input{max-width:none}}
.user-summary{grid-template-columns:repeat(5,1fr)}
@media(max-width:900px){.user-summary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.user-summary{grid-template-columns:1fr}}

/* Final premium specificity layer */
.cockpit-head-actions{grid-column:3;grid-row:1;justify-self:end;display:flex;align-items:stretch;gap:7px}.cockpit-head-actions .monitor-live{grid-column:auto;grid-row:auto;justify-self:auto}.monitor-cockpit .cloud-core{display:flex;flex-direction:column;align-items:center;width:170px;height:206px;clip-path:none;border:0;background:transparent;box-shadow:none;filter:drop-shadow(0 0 24px rgba(34,232,255,.22))}.monitor-cockpit .cloud-core>span{position:relative;z-index:3;margin-top:8px;font-size:8px}.monitor-cockpit .cloud-core>strong{position:relative;z-index:3;font-size:13px}.monitor-cockpit .cloud-core>small{position:relative;z-index:3;font-size:9px}
@media(max-width:760px){.cockpit-head-actions{grid-column:1;grid-row:2;justify-self:center;margin-top:10px}.fullscreen-button{display:none}.monitor-cockpit .cloud-core{scale:.88}}