:root{--bg:#07131f;--p:#0d1d2c;--p2:#11283a;--line:#244158;--txt:#eef7ff;--blue:#2084e6;--green:#59ae3f;--yellow:#f1b631}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial;background:var(--bg);color:var(--txt)}aside{position:fixed;width:210px;inset:0 auto 0 0;background:#06101a;border-right:1px solid var(--line);padding:20px;display:flex;flex-direction:column;gap:9px}.brand{font-size:22px;margin-bottom:24px}.brand span{font-size:12px}.nav{padding:12px;border:0;border-radius:6px;background:transparent;color:#c7d3dd;text-align:left}.nav.active,.nav:hover{background:#1976d2;color:white}aside small{margin-top:auto}main{margin-left:210px}header{height:68px;display:flex;align-items:center;padding:0 25px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#081723;z-index:3}header input{width:min(600px,70vw);background:#102536;border:1px solid var(--line);color:white;padding:12px}header button{padding:12px 18px;background:#1976d2;color:white;border:0}#app{padding:24px}.title{display:flex;gap:15px;align-items:center}.badge{color:#68da4d}.grid{display:grid;grid-template-columns:1.1fr .8fr 1.1fr .65fr;gap:14px}.card,.side,.full{background:linear-gradient(var(--p2),var(--p));border:1px solid var(--line);border-radius:8px;padding:16px}.kv{display:grid;grid-template-columns:1fr 1.2fr;gap:8px}.kv span{color:#4ca9ff}.row{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line)}.ok{color:#6fdb50}.warn{color:var(--yellow)}a{color:#cfe9ff}.actions button,.more{width:100%;padding:10px;margin:5px 0;border:0;border-radius:5px;color:white;background:#1976d2}.sides{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:15px}.head{margin:-16px -16px 14px;padding:10px;text-align:center;font-weight:bold}.A .head{background:#2c86d6}.B .head{background:#55a43a}.preview{background:#e0e5e8;color:#17242c;border-radius:6px;padding:18px;text-align:center;margin-bottom:12px}table{width:100%;border-collapse:collapse;font-size:12px}th,td{border:1px solid var(--line);padding:7px;text-align:left}th{background:#102a3d}.metrics{display:grid;grid-template-columns:repeat(5,1fr);margin-top:15px;border:1px solid var(--line)}.metric{text-align:center;padding:14px;border-right:1px solid var(--line)}@media(max-width:1100px){.grid{grid-template-columns:1fr 1fr}.sides{grid-template-columns:1fr}}