:root{--bg:#f6f9fc;--surface:#ffffff;--surface-2:#f1f5fb;--text:#152238;--muted:#58708f;--ok:#1f9d72;--warning:#bf8b22;--critical:#c54848;--border:#d9e3f1;--accent:#7fa5cf;--accent-strong:#5a84b3}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,ui-sans-serif,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text)}.sessionBar{padding:1.2rem 2.4rem .2rem;display:flex;align-items:center;justify-content:space-between;color:var(--muted)}.page,.sessionBar{max-width:1320px;margin:0 auto}.page{padding:2.2rem 2.4rem 3rem}.loginPage{min-height:100vh;display:grid;place-items:center;padding:2rem}.loginCard{width:min(460px,100%);background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.4rem;box-shadow:0 8px 30px color-mix(in srgb,var(--accent) 18%,transparent)}.loginCard h1{margin:0 0 .5rem}.muted{color:var(--muted)}.header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem}.header h1{margin:0;font-size:1.7rem;letter-spacing:-.02em}.header p{margin:.4rem 0 0;color:var(--muted)}.keyMetrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:1rem;gap:1rem;margin-bottom:1.2rem}.metricCard{padding:1rem;border-radius:16px}.metricHeader{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.metricHeader h2{margin:0;font-size:.98rem;letter-spacing:.01em}.metricValue{font-size:1.45rem;font-weight:650;color:var(--accent-strong)}.overviewHeader{margin:.5rem 0 .7rem}.overviewHeader h3{margin:0;font-size:.88rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:1rem;gap:1rem}.actions,.split{display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem;margin-top:1rem}.split{grid-template-columns:1fr 1fr}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1rem;box-shadow:0 10px 28px color-mix(in srgb,var(--accent) 10%,transparent)}.cardTop{display:flex;justify-content:space-between;align-items:center}.card h3,.cardTop h2{margin:0;letter-spacing:-.01em}.headline{color:var(--muted);margin:.55rem 0 .85rem;line-height:1.4}.statusDot{width:11px;height:11px;border-radius:50%}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.55rem;gap:.55rem}.metric{background:var(--surface-2);border:1px solid color-mix(in srgb,var(--accent) 25%,var(--border));border-radius:10px;padding:.58rem}.metric span{color:var(--muted);font-size:.75rem}.metric strong{display:block;margin-top:.25rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.barTrack,.progressTrack{height:10px;border-radius:999px;background:color-mix(in srgb,var(--accent) 16%,var(--surface-2));border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));overflow:hidden}.barFill,.progressFill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-strong))}.microcopy{margin:.6rem 0 0;color:var(--muted);font-size:.82rem}.barStack{display:grid;grid-gap:.55rem;gap:.55rem}.barRow{display:grid;grid-template-columns:74px 1fr auto;align-items:center;grid-gap:.5rem;gap:.5rem}.barRow span{color:var(--muted);font-size:.84rem}.barRow strong{font-size:.84rem;color:var(--text)}.lineChart{width:100%;height:82px;display:block;background:linear-gradient(to bottom,color-mix(in srgb,var(--accent) 11%,transparent),transparent);border:1px solid color-mix(in srgb,var(--accent) 25%,var(--border));border-radius:10px;padding:.25rem}.lineChart polyline{fill:none;stroke:var(--accent-strong);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.formGrid,.formRow{display:grid;grid-gap:.5rem;gap:.5rem}.formRow{grid-template-columns:1fr 1fr auto}.formGrid{grid-template-columns:repeat(3,minmax(0,1fr))}button,input,select{border:1px solid var(--border);background:#fbfdff;color:var(--text);border-radius:10px;padding:.55rem .6rem;font-size:.9rem}button{cursor:pointer}button:hover{border-color:var(--accent)}.list{list-style:none;padding:0;margin:.5rem 0 0;display:grid;grid-gap:.5rem;gap:.5rem}.list li{display:grid;grid-template-columns:auto 1fr auto;grid-gap:.6rem;gap:.6rem;align-items:center;padding:.6rem;border-radius:10px;background:var(--surface-2);border:1px solid color-mix(in srgb,var(--accent) 20%,var(--border))}.list p{margin:.2rem 0 0;color:var(--muted)}.badge,.pill,.toast{border-radius:999px;padding:.22rem .58rem;font-size:.75rem;border:1px solid var(--border);background:#fff}.badge.pending,.badge.warning{border-color:color-mix(in srgb,var(--warning) 45%,var(--border));color:var(--warning)}.badge.completed{border-color:color-mix(in srgb,var(--ok) 45%,var(--border));color:var(--ok)}.badge.critical,.badge.failed{border-color:color-mix(in srgb,var(--critical) 45%,var(--border));color:var(--critical)}.badge.info{color:var(--muted)}.toast{margin-bottom:1rem;display:inline-block}.toast.success{color:var(--ok)}.toast.error{color:var(--critical)}.inline{padding:.35rem .6rem}.commandResult{margin-top:.7rem;padding:.7rem;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}.commandResult p{margin:.25rem 0;color:var(--muted)}.compactList{margin:.4rem 0 0;padding-left:1.1rem;color:var(--text)}@media (max-width:1100px){.formGrid,.formRow,.grid,.keyMetrics,.split{grid-template-columns:1fr}}