:root{--bg:#030b12;--panel:#071722;--panel2:#0b2130;--line:#1e4357;--gold:#e7bc5b;--cyan:#49d7ff;--text:#eefaff;--muted:#7796a8;--green:#55e7a1;--red:#ff7d8c}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:var(--text);font:14px Inter,system-ui,sans-serif;display:grid;grid-template-columns:255px 1fr;min-height:100vh;background:radial-gradient(circle at 78% -10%,#123d54 0,transparent 36%),radial-gradient(circle at 30% 100%,#101e34 0,transparent 38%),var(--bg)}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.12;background-image:linear-gradient(#4ad7ff12 1px,transparent 1px),linear-gradient(90deg,#4ad7ff12 1px,transparent 1px);background-size:28px 28px}aside{position:relative;z-index:2;padding:24px 17px;border-right:1px solid #1c3a4b;background:linear-gradient(180deg,#07141eeb,#030a10f5);box-shadow:12px 0 40px #0008;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:13px;padding:0 4px 28px}.brand img{width:64px;height:48px;border-radius:13px;filter:drop-shadow(0 5px 12px #e7bc5b55)}.brand b{display:block;color:var(--gold);letter-spacing:2px;text-shadow:0 2px 8px #e7bc5b55}.brand small{display:block;color:#7fa1b5;font-size:9px;letter-spacing:2px;margin-top:5px}nav{display:grid;gap:9px}button{font:inherit}nav button,.tools button{cursor:pointer;color:#91acbb;background:linear-gradient(145deg,#102532,#06131d);border:1px solid #204355;border-radius:13px;padding:13px 14px;box-shadow:inset 0 1px #ffffff12,0 5px 0 #02070b,0 9px 18px #0008;transition:.15s}nav button:hover,nav button.active{color:white;border-color:#3fa8cf;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff20,0 6px 0 #061017,0 0 22px #32bfe52a}.foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center}.foot span{color:#ff8996;font-weight:900;text-shadow:0 0 12px #ff456655}.foot small{color:var(--gold)}main{position:relative;z-index:1;padding:30px 3.2vw;max-width:1600px;width:100%}header{display:flex;align-items:center;justify-content:space-between}header small{color:var(--gold);letter-spacing:2.5px;text-shadow:0 0 14px #dcb34c55}h1{font-size:40px;margin:7px 0 20px;letter-spacing:-1px;text-shadow:0 3px 0 #061019,0 8px 20px #000}.tools{display:flex;gap:10px}.tools button{color:white}.statusbar{display:flex;gap:20px;overflow:auto;background:#07151fbb;border:1px solid #1e4052;border-radius:15px;padding:13px 16px;box-shadow:inset 0 1px #ffffff0d,0 10px 28px #0006}.statusbar span{white-space:nowrap;color:#8ca9b8}.ok,.warn{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px;background:var(--green);box-shadow:0 0 12px var(--green)}.warn{background:var(--gold);box-shadow:0 0 12px var(--gold)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:17px 0}.cards article,.layout article,.clientPreview{position:relative;overflow:hidden;background:linear-gradient(145deg,#0c2230e8,#06131de8);border:1px solid #1f465a;border-radius:19px;padding:20px;box-shadow:inset 0 1px #ffffff10,0 12px 30px #0006}.cards article:after,.layout article:after{content:"";position:absolute;left:0;top:0;width:42%;height:2px;background:linear-gradient(90deg,var(--cyan),transparent);box-shadow:0 0 12px var(--cyan)}.cards small{color:#7897a8}.cards strong{display:block;font-size:28px;margin:10px 0;text-shadow:0 3px 0 #02080d,0 0 15px #49d7ff22}.cards em{font-style:normal;color:var(--gold);font-size:11px;letter-spacing:1px}.layout{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.layout .wide{grid-column:span 2}.head,.row,.brain,.ops{display:flex;justify-content:space-between;align-items:center}.head h2{font-size:16px;letter-spacing:.4px}.pill{border:1px solid var(--gold);color:var(--gold);padding:5px 9px;border-radius:20px;box-shadow:0 0 13px #e7bc5b22}.good{color:var(--green);font-size:11px;text-shadow:0 0 9px #55e7a155}.row,.brain{border-bottom:1px solid #173443;padding:13px 0}.row span,.ops small{color:#7f9eaf}.brain i{width:8px;height:8px;background:var(--green);border-radius:50%;box-shadow:0 0 10px var(--green)}.ops{gap:12px;margin:12px 0}.ops div{flex:1;background:linear-gradient(145deg,#0a1b26,#040d14);border:1px solid #193c4d;padding:13px;border-radius:13px;box-shadow:inset 0 1px #ffffff0c,0 6px 14px #0005}.ops small,.ops b{display:block}.ops b{margin-top:7px}.chart{height:110px;border-top:1px solid #193847;position:relative;overflow:hidden;color:#7795a5;padding-top:12px}.line{position:absolute;left:0;right:0;bottom:26px;height:42px;border-top:2px solid var(--cyan);transform:skewY(-3deg);filter:drop-shadow(0 0 6px var(--cyan));opacity:.8}.clientPreview{margin-top:15px;display:flex;justify-content:space-between;align-items:center;border-color:#5b4928}.clientPreview small{color:var(--gold);letter-spacing:2px}.clientPreview p{color:#7f9cac;max-width:650px}.mini{display:grid;grid-template-columns:auto auto;gap:8px 20px}.mini span{color:#7895a6}@media(max-width:1000px){body{grid-template-columns:82px 1fr}.brand div{display:none}.brand img{width:48px}nav button{font-size:0;height:45px}.cards{grid-template-columns:1fr 1fr}.layout{grid-template-columns:1fr 1fr}.layout .wide{grid-column:span 2}}@media(max-width:650px){body{display:block}aside{position:sticky;top:0;z-index:9;flex-direction:row;align-items:center;padding:10px 12px;overflow:auto;border-right:0;border-bottom:1px solid #244454}.brand{padding:0}.brand img{width:45px;height:36px}.brand div,.foot{display:none}nav{display:flex;margin-left:8px;gap:7px}nav button{font-size:11px!important;height:auto;white-space:nowrap;padding:9px 11px;box-shadow:inset 0 1px #ffffff12,0 3px 0 #02070b}.cards,.layout{grid-template-columns:1fr 1fr}.layout .wide{grid-column:span 2}.clientPreview{display:block}.mini{margin-top:18px}main{padding:20px 14px}h1{font-size:32px}.statusbar{gap:13px}.cards article{padding:16px}.cards strong{font-size:21px}.ops{display:grid;grid-template-columns:1fr 1fr}.layout>article:not(.wide){grid-column:span 2}}