.sidebar{background:rgba(11,13,18,.9);border-right-color:var(--border);box-shadow:12px 0 35px rgba(0,0,0,.2);backdrop-filter:blur(18px)}.brand-mark{position:relative;color:#fff;border-radius:11px;background:linear-gradient(145deg,#ff8a30,#f34424 65%,#bd182a);box-shadow:0 9px 24px rgba(255,81,31,.28);transform:skewX(-5deg)}.brand-mark:after{content:"";position:absolute;inset:-4px;border:1px solid rgba(255,107,36,.25);border-radius:14px}.brand-sub{color:var(--muted)}.nav-label{color:#5e6675}.nav-link{position:relative;overflow:hidden;color:#aeb5c2;border-radius:11px}.nav-link:hover{color:#fff;background:rgba(255,255,255,.04)}.nav-link.active{color:#fff;border-color:rgba(255,107,36,.25);background:linear-gradient(90deg,rgba(255,107,36,.2),rgba(255,107,36,.04));box-shadow:0 8px 20px rgba(255,89,25,.08)}.nav-link.active:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--orange);box-shadow:0 0 10px var(--orange)}.nav-icon{background:rgba(255,255,255,.055)}.nav-link.active .nav-icon{background:rgba(255,107,36,.15)}.online{background:#68ed72;box-shadow:0 0 0 3px rgba(104,237,114,.1),0 0 10px rgba(104,237,114,.6);animation:onlineBlink 1.7s ease-in-out infinite}
.topbar{background:rgba(9,11,16,.72);border-bottom-color:var(--border);backdrop-filter:blur(18px)}.top-title{letter-spacing:.04em}.top-title span:first-child{color:var(--orange)}.top-status{display:flex;align-items:center;gap:8px;color:#727b8d;font:500 9px/1 "IBM Plex Mono",monospace;letter-spacing:.08em}.top-status i{width:6px;height:6px;border-radius:50%;background:#67ed72;box-shadow:0 0 8px #67ed72}.top-status b{margin-left:11px;color:#9ba4b4;font-weight:500}
.hero{min-height:290px;border-color:rgba(255,124,45,.2);border-radius:24px;background:linear-gradient(115deg,rgba(31,22,18,.96),rgba(18,20,28,.93) 55%,rgba(27,16,20,.92));box-shadow:var(--shadow)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(112deg,transparent 0 63%,rgba(255,107,36,.06) 63% 64%,transparent 64% 69%,rgba(255,176,32,.04) 69% 70%,transparent 70%);animation:heroSweep 8s ease-in-out infinite}.hero:after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--orange),var(--amber),transparent);background-size:35% 100%;background-repeat:no-repeat;animation:topRace 4s ease-in-out infinite}.hero-main{max-width:760px}.kicker{color:#ffb66e;border-color:rgba(255,107,36,.28);background:rgba(255,107,36,.08);font:700 10px/1 "IBM Plex Mono",monospace;letter-spacing:.11em}.kicker i{width:6px;height:6px;border-radius:50%;background:var(--orange);box-shadow:0 0 10px var(--orange);animation:onlineBlink 1.2s ease-in-out infinite}.hero h1{font-size:clamp(30px,3.4vw,45px);line-height:1.08}.hero h1 span{color:var(--orange);text-shadow:0 0 25px rgba(255,107,36,.4)}.hero p{color:#9aa3b2}
.hero-telemetry{position:absolute;z-index:2;right:38px;top:42px;width:210px;height:185px}.telemetry-dial{position:absolute;right:0;top:0;width:128px;height:128px;display:grid;place-items:center;border:1px solid rgba(255,176,32,.28);border-radius:50%;background:radial-gradient(circle,rgba(255,107,36,.12),transparent 63%);box-shadow:inset 0 0 40px rgba(255,107,36,.07)}.telemetry-dial:before,.telemetry-dial:after{content:"";position:absolute;border-radius:50%}.telemetry-dial:before{inset:9px;border:3px dashed rgba(255,176,32,.2);animation:orbitSpin 12s linear infinite}.telemetry-dial:after{inset:22px;border:1px solid rgba(255,255,255,.09)}.telemetry-dial span{font-size:23px;font-weight:900;font-style:italic;letter-spacing:-.04em;transform:skewX(-6deg)}.telemetry-dial i{position:absolute;width:5px;height:45px;bottom:50%;left:calc(50% - 2px);background:linear-gradient(transparent,var(--orange));transform-origin:bottom;animation:gaugeRev 4.5s ease-in-out infinite}.telemetry-readout{position:absolute;left:0;bottom:0;display:flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid var(--border);border-radius:10px;background:rgba(8,10,15,.72);box-shadow:0 9px 25px rgba(0,0,0,.2);backdrop-filter:blur(10px)}.telemetry-readout strong{color:var(--amber);font:800 26px/1 "IBM Plex Mono",monospace}.telemetry-readout span{color:#7f8898;font:600 8px/1.3 "IBM Plex Mono",monospace;letter-spacing:.1em}
.search{color:#fff;border-color:rgba(255,255,255,.11);border-radius:12px;background:rgba(6,8,12,.56);box-shadow:0 12px 26px rgba(0,0,0,.18)}.search::placeholder{color:#656e7e}.search:focus{border-color:rgba(255,107,36,.58);box-shadow:0 0 0 3px rgba(255,107,36,.09),0 12px 26px rgba(0,0,0,.2)}.search-icon{color:var(--orange)}.pill{color:#8993a4;border-color:var(--border);background:rgba(255,255,255,.035);font:500 9px/1 "IBM Plex Mono",monospace;letter-spacing:.04em}
@keyframes heroSweep{0%,100%{transform:translateX(-4%)}50%{transform:translateX(4%)}}@keyframes topRace{0%{background-position:-50% 0}100%{background-position:150% 0}}@keyframes gaugeRev{0%,100%{transform:rotate(35deg)}45%{transform:rotate(118deg)}70%{transform:rotate(72deg)}}@media(max-width:1180px){.hero-main{max-width:66%}}@media(max-width:900px){.hero-main{max-width:100%}.hero-telemetry{opacity:.18;right:-35px;top:20px;transform:scale(.85)}.top-status span{display:none}}@media(max-width:620px){.top-title{font-size:12px}.top-status b{margin-left:4px}.hero{border-radius:18px}.hero h1{font-size:29px}.hero-telemetry{display:none}}