:root{--bg:#08111f;--panel:#101d31;--line:#243651;--text:#f1f6ff;--muted:#98a9c3;--blue:#5b9cff;--live:#ff6b6b;--good:#48d597;--warn:#f5bb5c}*{box-sizing:border-box}body{color:var(--text);background:radial-gradient(circle at 15% 0,#183962 0,#08111f 38rem);margin:0;font-family:Arial,Noto Sans KR,sans-serif}button,input{font:inherit}.dashboard-shell{max-width:1220px;margin:auto;padding:48px 28px 64px}header,.header-actions,.mode-panel,.mode-actions,.status-row,.section-heading{align-items:center;display:flex}header{justify-content:space-between;gap:24px;margin-bottom:30px}h1,h2,p{margin:0}h1{letter-spacing:-.04em;font-size:clamp(1.7rem,4vw,2.5rem)}h2{letter-spacing:-.02em;font-size:1.35rem}.eyebrow,.section-label{color:var(--blue);letter-spacing:.15em;margin-bottom:8px;font-size:.72rem;font-weight:700}.header-actions,.mode-actions{gap:10px}.admin{color:var(--muted);margin-right:6px;font-size:.9rem}button{cursor:pointer;border:1px solid var(--line);color:var(--text);background:#152743;border-radius:9px;padding:10px 14px;font-weight:700}button:hover:not(:disabled){border-color:var(--blue)}button:disabled{cursor:not-allowed;opacity:.5}.secondary{color:var(--muted);background:0 0;font-size:.85rem}.mode-panel{background:linear-gradient(100deg,#102743,#101d31);border:1px solid #31527c;border-radius:16px;justify-content:space-between;gap:24px;margin-bottom:18px;padding:25px}.mode-panel h2{margin-bottom:8px}.mode-panel p:not(.section-label),.section-heading>p{color:var(--muted);font-size:.9rem;line-height:1.55}.mode-actions button.selected{background:var(--blue);border-color:var(--blue)}.mode-actions button.live{color:#ffd7d7;border-color:#7a3644}.mode-actions button.live.selected{background:var(--live);border-color:var(--live);color:#260709}.notice{color:#ffe5a7;background:#33281a;border:1px solid #766135;border-radius:9px;margin-bottom:18px;padding:12px 14px}.status-row{color:var(--muted);flex-wrap:wrap;gap:10px;padding:12px 2px 30px;font-size:.85rem}.status-row strong{color:var(--text);margin-right:8px}.status-row span:not(:first-child){margin-right:12px}.status-dot{background:#60738f;border-radius:50%;width:9px;height:9px}.status-dot.healthy{background:var(--good);box-shadow:0 0 12px var(--good)}.status-dot.degraded{background:var(--warn)}.status-dot.stopped{background:var(--live)}.section-heading{justify-content:space-between;align-items:end;gap:24px;margin:36px 0 14px}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.metric{border:1px solid var(--line);background:#101d31e0;border-radius:13px;min-height:148px;padding:20px}.metric p,.metric small{color:var(--muted);font-size:.83rem}.metric strong{letter-spacing:-.04em;margin:18px 0 12px;font-size:1.55rem;display:block}footer{color:#7185a2;border-top:1px solid var(--line);margin-top:42px;padding-top:20px;font-size:.78rem}.login-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;gap:14px;width:min(100%,420px);padding:34px;display:grid;box-shadow:0 25px 80px #0008}.login-card h1{font-size:1.8rem}.muted{color:var(--muted);margin-bottom:14px}label{color:var(--muted);gap:7px;font-size:.85rem;display:grid}input{border:1px solid var(--line);color:var(--text);background:#091424;border-radius:8px;padding:11px}.login-card button{background:var(--blue);border-color:var(--blue);margin-top:8px}.error{color:#ff9b9b;font-size:.85rem}@media (max-width:760px){.dashboard-shell{padding:28px 16px}header,.mode-panel,.section-heading{flex-direction:column;align-items:flex-start}.header-actions{flex-wrap:wrap;width:100%}.mode-actions{width:100%}.mode-actions button{flex:1}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading>p{max-width:38rem}}@media (max-width:420px){.metrics-grid{grid-template-columns:1fr}.metric{min-height:125px}}