*{box-sizing:border-box}
:root{color-scheme:dark;--bg:#050506;--panel:#0d0d10;--panel2:#131317;--line:#34343c;--red:#ef2632;--red2:#a60d17;--redglow:rgba(239,38,50,.34);--text:#f5f5f6;--muted:#a8a8b0;--ok:#8ee3ab;--warn:#ffc96b}
html{background:var(--bg)}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -10%,#3a070b 0,#0a0a0d 28rem,#050506 58rem);color:var(--text);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.018) 4px);z-index:50}
a{color:#fff}.cc-topbar{position:sticky;top:0;z-index:40;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:12px clamp(16px,3vw,34px);border-bottom:1px solid #3b171a;background:rgba(8,8,10,.94);backdrop-filter:blur(12px);box-shadow:0 12px 35px rgba(0,0,0,.38)}
.brand-lockup{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.085em}.brand-lockup img{width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(239,38,50,.3))}.brand-lockup small{display:block;color:var(--red);font-size:.68rem;letter-spacing:.22em;margin-top:2px}.top-actions{display:flex;align-items:center;gap:12px}.secure-pill,.preview-pill{border:1px solid #4b2b2e;background:#120b0c;border-radius:999px;padding:8px 11px;color:#ddd;font-size:.78rem;letter-spacing:.08em}.secure-pill:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#61d98b;box-shadow:0 0 10px #61d98b;margin-right:7px}.preview-pill{border-color:#8a5b12;background:#251700;color:#ffd990}
button{font:inherit}.btn{border:1px solid #6e2329;background:linear-gradient(#2a0d10,#160709);color:white;padding:10px 15px;border-radius:7px;font-weight:800;cursor:pointer;box-shadow:inset 0 0 18px rgba(239,38,50,.06)}.btn:hover{border-color:var(--red);box-shadow:0 0 18px var(--redglow)}.btn.secondary{border-color:#3b3b43;background:#111116;color:#ddd}
.cc-main{width:min(1420px,100%);margin:auto;padding:28px clamp(14px,3vw,36px) 48px}.eyebrow{margin:0 0 7px;color:#ff6d76;text-transform:uppercase;letter-spacing:.23em;font-size:.74rem;font-weight:800}.headline{margin:0;font-size:clamp(2rem,4.2vw,4rem);letter-spacing:-.035em}.subline{max-width:820px;color:var(--muted);font-size:1rem;line-height:1.55;margin:12px 0 0}
.command-stage{position:relative;margin:25px 0 30px;min-height:390px;border:1px solid #4a1d21;border-radius:18px;overflow:hidden;background:linear-gradient(180deg,#08080b 0,#09090b 58%,#030304 100%);box-shadow:0 30px 80px rgba(0,0,0,.55),inset 0 0 70px rgba(239,38,50,.045)}.command-stage:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 5%,rgba(239,38,50,.18),transparent 35%),linear-gradient(90deg,transparent 49.7%,rgba(239,38,50,.08) 50%,transparent 50.3%);pointer-events:none}.ceiling-lines{position:absolute;inset:0 0 42%;opacity:.4;background:repeating-linear-gradient(90deg,transparent 0 13%,rgba(239,38,50,.06) 13.1% 13.25%)}
.monitor-wall{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:18px;width:min(1080px,86%);margin:42px auto 0;align-items:end;perspective:1000px}.monitor{position:relative;min-height:195px;border:7px solid #17171c;border-bottom-width:14px;border-radius:8px;background:linear-gradient(160deg,#111116,#070709 62%);box-shadow:0 0 0 1px #4b1f23,0 14px 24px #000,0 0 28px rgba(239,38,50,.12),inset 0 0 32px rgba(239,38,50,.04);overflow:hidden}.monitor.left{transform:rotateY(9deg)}.monitor.right{transform:rotateY(-9deg)}.monitor.main{min-height:245px;border-color:#1d1d22;box-shadow:0 0 0 1px #6d282e,0 18px 35px #000,0 0 42px rgba(239,38,50,.2),inset 0 0 45px rgba(239,38,50,.06)}.monitor:after{content:"";position:absolute;left:43%;right:43%;bottom:-34px;height:28px;background:linear-gradient(#1b1b20,#0b0b0d);clip-path:polygon(28% 0,72% 0,100% 100%,0 100%)}.screen-head{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid #392024;color:#ddd;font-size:.72rem;letter-spacing:.13em;text-transform:uppercase}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 11px var(--red);margin-right:7px;animation:pulse 1.8s ease-in-out infinite}.big-readout{font-size:clamp(2.7rem,6vw,5.4rem);font-weight:900;letter-spacing:-.05em;text-align:center;margin:28px 0 0;text-shadow:0 0 28px rgba(239,38,50,.28)}.readout-label{text-align:center;color:#a9a9b0;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px}.mini-grid div{border:1px solid #28282f;background:#0d0d11;padding:10px;border-radius:5px}.mini-grid span{display:block;color:#8d8d96;font-size:.67rem;text-transform:uppercase;letter-spacing:.08em}.mini-grid strong{display:block;margin-top:5px;font-size:1.25rem}.barset{padding:15px}.bar{height:8px;background:#15151a;border:1px solid #24242a;margin:10px 0;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,#6e1118,var(--red));box-shadow:0 0 8px rgba(239,38,50,.45)}.bar i.w100{width:100%}.bar i.w86{width:86%}.bar i.w72{width:72%}
.console-desk{position:absolute;z-index:3;left:7%;right:7%;bottom:-25px;height:112px;transform:perspective(700px) rotateX(58deg);transform-origin:bottom;border:1px solid #381a1d;border-radius:18px 18px 3px 3px;background:linear-gradient(180deg,#16161b,#070709);box-shadow:0 -12px 25px #000,0 0 50px rgba(239,38,50,.08)}.console-desk:before{content:"";position:absolute;left:18%;right:18%;top:23px;height:52px;border:1px solid #322126;border-radius:6px;background:repeating-linear-gradient(90deg,#17171c 0 24px,#26262d 25px 29px),repeating-linear-gradient(0deg,transparent 0 10px,rgba(239,38,50,.18) 11px 12px);box-shadow:0 0 15px rgba(239,38,50,.08)}.console-desk:after{content:"";position:absolute;left:4%;right:4%;top:12px;height:4px;background:repeating-linear-gradient(90deg,var(--red) 0 8px,transparent 8px 30px);opacity:.8}
.section-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.panel{position:relative;background:linear-gradient(160deg,rgba(20,20,24,.98),rgba(9,9,12,.98));border:1px solid #303038;border-radius:12px;padding:20px;box-shadow:0 14px 35px rgba(0,0,0,.22);overflow:hidden}.panel:before{content:"";position:absolute;left:0;top:0;width:80px;height:2px;background:var(--red);box-shadow:0 0 12px var(--red)}.panel h2{margin:0 0 16px;font-size:1rem;letter-spacing:.08em;text-transform:uppercase}.metrics{grid-column:span 12;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric{background:linear-gradient(180deg,#111116,#0b0b0e);border:1px solid #303038;border-radius:10px;padding:18px;min-height:125px}.metric .label{display:block;color:#a6a6af;font-size:.76rem;text-transform:uppercase;letter-spacing:.1em}.metric strong{display:block;margin:8px 0 3px;font-size:2.15rem}.metric small{color:#777781}.wide7{grid-column:span 7}.wide5{grid-column:span 5}.wide12{grid-column:span 12}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid #292930}th{color:#8f8f98;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}td{font-size:.9rem}.system-list{display:grid;gap:10px}.system-row{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:11px 12px;border:1px solid #292930;background:#0b0b0e;border-radius:7px}.system-row span{color:#aaaab2}.state{font-size:.75rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.state.ok{color:var(--ok)}.state.locked{color:#ff828b}.state.wait{color:var(--warn)}.footer-note{margin:25px 0 0;color:#70707a;font-size:.84rem}
.login-shell{min-height:100vh;display:grid;place-items:center;padding:28px}.access-terminal{width:min(520px,100%);position:relative;border:1px solid #4e1e23;border-radius:14px;padding:30px;background:linear-gradient(160deg,rgba(19,19,23,.98),rgba(7,7,9,.98));box-shadow:0 35px 90px #000,0 0 65px rgba(239,38,50,.12);overflow:hidden}.access-terminal:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,transparent,var(--red),transparent);box-shadow:0 0 15px var(--red)}.access-terminal .brand-lockup{margin-bottom:24px}.access-terminal h1{font-size:1.8rem;margin:0 0 8px}.muted,small{color:var(--muted)}label{display:block;margin:18px 0 8px;color:#d6d6dc;font-weight:700}input{display:block;width:100%;margin-top:8px;padding:13px 14px;background:#070709;border:1px solid #3d3d45;color:#fff;border-radius:6px;outline:none}input:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(239,38,50,.12)}.error{background:#36080b;border:1px solid #8f1c24;padding:10px;border-radius:6px}.secret{display:block;padding:12px;background:#050506;border:1px solid #333;overflow-wrap:anywhere}.terminal-hints{margin:18px 0;padding:12px;border:1px solid #26262d;background:#0a0a0d;border-radius:7px;color:#93939c;font-size:.82rem;line-height:1.5}
@keyframes pulse{50%{opacity:.42;transform:scale(.82)}}
@media(max-width:950px){.monitor-wall{width:94%;grid-template-columns:1fr 1.2fr 1fr;gap:10px}.monitor{min-height:170px}.monitor.main{min-height:215px}.wide7,.wide5{grid-column:span 12}.metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.cc-topbar{position:relative;align-items:flex-start}.top-actions{flex-direction:column;align-items:flex-end}.secure-pill{display:none}.command-stage{min-height:560px}.monitor-wall{grid-template-columns:1fr;width:88%;margin-top:28px}.monitor.left,.monitor.right{transform:none;min-height:130px}.monitor.main{order:-1;min-height:210px}.console-desk{left:3%;right:3%;height:90px}.metrics{grid-template-columns:1fr}.section-grid{gap:12px}.panel{padding:16px}.headline{font-size:2.1rem}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}

.panel-actions{margin:16px 0 0}.btn.compact{display:inline-block;padding:7px 10px;font-size:.76rem;text-decoration:none}.btn.danger{border-color:#7d1a22;background:#26080b}.btn[disabled]{opacity:.45;cursor:not-allowed}.q-metrics{margin:24px 0 18px}.small-readout{font-size:1.15rem!important;letter-spacing:.06em}.table-scroll{overflow:auto}.action-cell{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.action-cell form{display:flex;gap:7px;margin:0}.copy-field{font-family:Consolas,monospace;font-size:.8rem}.notice-ok{background:#082617;border:1px solid #247044;padding:10px;border-radius:6px;color:#aaf0c3}.support-terminal{width:min(620px,100%)}input[type=file]{padding:10px}.state.wait{color:var(--warn)}

/* W9 Support Control */
select,textarea{display:block;width:100%;margin-top:8px;padding:13px 14px;background:#070709;border:1px solid #3d3d45;color:#fff;border-radius:6px;outline:none;font:inherit}textarea{resize:vertical;min-height:110px;line-height:1.5}select:focus,textarea:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(239,38,50,.12)}.wide4{grid-column:span 4}.wide8{grid-column:span 8}.panel-title-row{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap}.filter-links{font-size:.8rem;color:var(--muted)}.filter-links a{color:#ddd;text-decoration:none}.filter-links a:hover{color:#fff}.support-body{white-space:pre-wrap;overflow-wrap:anywhere;background:#08080a;border:1px solid #2a2a31;border-radius:8px;padding:16px;color:#e5e5e9;font:inherit;line-height:1.6}.support-note{border:1px solid #2c2c33;background:#0a0a0d;border-radius:8px;padding:13px 14px;margin:10px 0}.support-note small{display:block;margin-bottom:7px;text-transform:uppercase;letter-spacing:.08em;font-size:.7rem}.support-note p{margin:0;line-height:1.55}.case-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}.case-meta p{margin:0;padding:8px 0;border-bottom:1px solid #24242a}.case-meta strong{color:#aaaab2}.panel .btn{text-decoration:none;display:inline-block}@media(max-width:950px){.wide4,.wide8{grid-column:span 12}.case-meta{grid-template-columns:1fr}}

/* W10 Full Command Center navigation + modules */
.cc-shell{display:grid;grid-template-columns:235px minmax(0,1fr);min-height:calc(100vh - 69px)}
.cc-sidebar{position:sticky;top:69px;align-self:start;height:calc(100vh - 69px);padding:20px 14px 16px;border-right:1px solid #2b1a1d;background:linear-gradient(180deg,rgba(10,10,13,.98),rgba(5,5,7,.99));box-shadow:14px 0 35px rgba(0,0,0,.2);z-index:25}
.cc-side-title{padding:4px 10px 14px;color:#7f7f89;font-size:.66rem;letter-spacing:.2em;font-weight:900}
.cc-nav{display:grid;gap:7px}.cc-nav-link{display:flex;align-items:center;gap:11px;padding:11px 10px;border:1px solid transparent;border-radius:8px;color:#bdbdc5;text-decoration:none;font-size:.9rem;font-weight:800;transition:.15s ease}.cc-nav-link:hover{background:#111116;border-color:#332428;color:#fff}.cc-nav-link.active{background:linear-gradient(90deg,#26090d,#111116);border-color:#70252c;color:#fff;box-shadow:inset 3px 0 0 var(--red),0 0 18px rgba(239,38,50,.06)}
.cc-nav-code{display:grid;place-items:center;min-width:32px;height:27px;border:1px solid #393941;border-radius:5px;background:#08080b;color:#ff6d76;font-family:Consolas,monospace;font-size:.7rem;letter-spacing:.08em}.cc-nav-link.active .cc-nav-code{border-color:#6d242b;box-shadow:0 0 10px rgba(239,38,50,.14)}
.cc-side-foot{position:absolute;left:14px;right:14px;bottom:16px;padding:12px;border:1px solid #28282f;border-radius:8px;background:#09090c;color:#a7a7af;font-size:.76rem;line-height:1.45}.cc-side-foot small{font-size:.68rem;color:#6f6f79}
.cc-app .cc-main{width:100%;max-width:1500px;margin:0;padding:28px clamp(18px,3vw,38px) 52px}.cc-pagehead{margin-bottom:23px}.overview-grid{margin-top:18px}.wide6{grid-column:span 6}
.source-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0 0 18px}.source-card{position:relative;padding:20px;border:1px solid #303038;border-radius:12px;background:linear-gradient(160deg,#15151a,#09090c);box-shadow:0 14px 35px rgba(0,0,0,.22);overflow:hidden}.source-card:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,var(--red),transparent 72%)}.source-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.source-head h2{font-size:1rem;margin:7px 0 0}.source-code{display:inline-block;padding:4px 7px;border:1px solid #4b2024;border-radius:4px;color:#ff6d76;font:700 .68rem Consolas,monospace;letter-spacing:.1em}.source-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.source-numbers div{padding:11px;border:1px solid #26262d;border-radius:7px;background:#0a0a0d}.source-numbers span{display:block;color:#85858e;font-size:.68rem;text-transform:uppercase;letter-spacing:.06em}.source-numbers strong{display:block;margin-top:7px;font-size:1rem}.money-readout{font-size:1.5rem!important;letter-spacing:-.03em!important}
.security-rack{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 18px}.rack-card{position:relative;padding:18px;border:1px solid #303038;border-radius:10px;background:linear-gradient(180deg,#111116,#09090c)}.rack-card h2{margin:4px 0 8px;font-size:.95rem}.rack-card p{margin:0 0 14px;color:#91919a;font-size:.84rem;line-height:1.5}.rack-led{position:absolute;top:16px;right:16px;width:8px;height:8px;border-radius:50%;background:#555}.rack-led.ok{background:#61d98b;box-shadow:0 0 12px #61d98b}.rack-led.wait{background:#ffc96b;box-shadow:0 0 12px #ffc96b}.rack-led.locked{background:#ef2632;box-shadow:0 0 12px #ef2632}
.connection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.connection-card{display:grid;gap:9px;padding:15px;border:1px solid #2b2b32;border-radius:8px;background:#0a0a0d}.connection-card small{font-family:Consolas,monospace;font-size:.72rem;color:#6f6f78}.connection-card .state{justify-self:start}
@media(max-width:1100px){.cc-shell{grid-template-columns:190px minmax(0,1fr)}.source-grid{grid-template-columns:1fr}.security-rack{grid-template-columns:repeat(2,1fr)}.connection-grid{grid-template-columns:1fr}.wide6{grid-column:span 12}}
@media(max-width:760px){.cc-shell{display:block}.cc-sidebar{position:sticky;top:0;height:auto;padding:9px 10px;border-right:0;border-bottom:1px solid #2b1a1d;overflow:auto;z-index:35}.cc-side-title,.cc-side-foot{display:none}.cc-nav{display:flex;gap:7px;width:max-content}.cc-nav-link{padding:8px 10px;white-space:nowrap}.cc-nav-code{min-width:27px;height:24px}.cc-app .cc-topbar{position:relative}.cc-app .cc-main{padding:20px 13px 40px}.source-numbers{grid-template-columns:1fr}.security-rack{grid-template-columns:1fr}}