:root{color:#edf7fb;font-synthesis:none;text-rendering:optimizelegibility;--surface:#0f2737db;--border:#90d3eb26;--muted:#9eb8c7;--cyan:#28c2f2;--good:#42d69b;--warning:#ffc857;--bad:#ff7185;background:#06131e;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#06131e;min-width:320px;min-height:100%}body{background:radial-gradient(circle at 50% -15%,#1f80a747,#0000 42rem),linear-gradient(155deg,#071827 0%,#06131e 52%,#07111a 100%);min-width:320px;min-height:100dvh;margin:0}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.auth-layout{min-height:100dvh;padding:max(24px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));place-items:center;display:grid}.auth-card{border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#113044f2,#091d2bf5);border-radius:28px;width:min(100%,460px);padding:clamp(24px,5vw,38px);box-shadow:0 32px 90px #0000005c}.auth-card__brand,.brand{align-items:center;gap:16px;display:flex}.auth-card__brand img,.brand img{border-radius:18px;box-shadow:0 10px 36px #09ade226}.eyebrow{color:var(--cyan);letter-spacing:.16em;text-transform:uppercase;margin:0 0 4px;font-size:.72rem;font-weight:800}h1{margin:0;font-size:clamp(1.45rem,4vw,2rem);line-height:1.12}.auth-card__description{color:var(--muted);margin:28px 0 22px;line-height:1.6}.auth-card form{gap:12px;display:grid}.auth-card label{color:#d8eaf1;font-size:.82rem;font-weight:700}.auth-card input{color:#fff;background:#020f18b8;border:1px solid #97d3e940;border-radius:13px;outline:none;width:100%;min-height:52px;padding:0 16px;transition:border-color .16s,box-shadow .16s}.auth-card input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #28c2f224}.auth-card__note{color:#7893a3;margin:18px 0 0;font-size:.78rem;line-height:1.5}.button{color:#eaf8fc;cursor:pointer;border:0;border-radius:12px;min-height:44px;padding:0 17px;font-weight:750;transition:transform .12s,opacity .12s,background .12s}.button:hover{transform:translateY(-1px)}.button:active{transform:none}.button:disabled{cursor:not-allowed;opacity:.48;transform:none}.button--primary{color:#03202b;background:linear-gradient(135deg,#53d8ff,#24b5e8);min-height:52px;margin-top:6px}.button--secondary{color:#062230;background:#75dbf8}.button--ghost{border:1px solid var(--border);background:#0f2d3eb8}.button--start{color:#03251a;background:var(--good)}.button--stop{color:#2b0710;background:var(--bad)}.dashboard{width:min(1180px,100%);padding:max(22px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(32px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));margin:0 auto}.topbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:26px;display:flex}.topbar__actions{gap:10px;display:flex}.connection-strip{border:1px solid var(--border);background:#0a202ec2;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;padding:15px 17px;display:flex;box-shadow:0 14px 42px #0000002e}.connection-strip__summary{gap:4px;min-width:0;display:grid}.connection-strip__meta{min-width:0;color:var(--muted);align-items:center;gap:10px;font-size:.8rem;display:flex}.connection-strip__version{color:var(--muted);font-size:.8rem}.connection-strip__disk--good{color:#8df0c5}.connection-strip__disk--warning{color:#ffe09a}.connection-strip__disk--bad{color:#ffabb7}.connection-strip__disk--neutral{color:#d0dce3}.connection-dot{border-radius:50%;flex:none;width:10px;height:10px;box-shadow:0 0 0 5px #ffffff0a}.connection-dot--good{background:var(--good)}.connection-dot--bad{background:var(--bad)}.notice{border-radius:12px;margin-top:14px;padding:12px 15px;font-size:.9rem}.notice--error{color:#ffb4bf;background:#6d1c2e47;border:1px solid #ff71853d}.notice--warning{color:#ffe1a0;background:#6a4c113d;border:1px solid #ffc8573d}.notice--command{color:#b8edff;background:#105b763d;border:1px solid #28c2f23d}.service-controls{border:1px solid var(--border);background:#091c29c7;border-radius:17px;justify-content:space-between;align-items:center;gap:20px;margin-top:16px;padding:16px 18px;display:flex}.service-controls__title{color:#c9dce5;margin:0 0 12px;font-size:.88rem;font-weight:720}.service-controls__states{color:var(--muted);align-items:center;gap:12px;font-size:.84rem;display:flex}.service-controls__hint{color:var(--muted);margin:7px 0 0;font-size:.78rem}.service-controls__actions{flex:none;gap:10px;display:flex}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00080dc2;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.confirm-dialog{border:1px solid var(--border);background:#0b2637;border-radius:20px;width:min(100%,420px);padding:24px;box-shadow:0 26px 80px #00000080}.confirm-dialog h2,.confirm-dialog p{margin:0}.confirm-dialog h2{font-size:1.25rem}.confirm-dialog p{color:#d9eaf1;margin-top:14px}.confirm-dialog__state{font-size:.86rem;color:var(--muted)!important}.confirm-dialog__actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.confirm-dialog__actions .button--primary{min-height:44px;margin-top:0}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:18px;display:grid}.metric-card{border:1px solid var(--border);background:linear-gradient(150deg,#112f41eb,#091d2ae6);border-radius:20px;min-height:190px;padding:20px;box-shadow:0 18px 50px #0000002e}.metric-card__heading{align-items:center;gap:10px;margin-bottom:26px;display:flex}.metric-card__heading h2{color:#c9dce5;margin:0;font-size:.88rem;font-weight:720}.metric-card__icon{width:28px;height:28px;color:var(--cyan);background:#28c2f21f;border-radius:9px;place-items:center;font-size:.78rem;font-weight:900;display:grid}.metric-card__detail{color:var(--muted);margin-top:15px;font-size:.82rem}.status-badge{border-radius:999px;align-items:center;min-height:31px;padding:0 11px;font-size:.85rem;font-weight:800;display:inline-flex}.status-badge--good{color:#8df0c5;background:#28ad782e}.status-badge--warning{color:#ffe09a;background:#bc7e102e}.status-badge--bad{color:#ffabb7;background:#c8334c33}.status-badge--neutral{color:#d0dce3;background:#8ea2ad29}.observation-card{border:1px solid var(--border);background:#091c29b3;border-radius:17px;justify-content:space-between;align-items:center;gap:18px;margin-top:16px;padding:18px 20px;display:flex}.observation-card__label{color:var(--muted);margin:0 0 4px;font-size:.76rem}.observation-card__time{margin:0;font-size:.95rem;font-weight:720}.empty-state{text-align:center;min-height:360px;color:var(--muted);align-content:center;place-items:center;gap:10px;display:grid}.empty-state h2,.empty-state p{margin:0}.empty-state h2{color:#e5f2f7;font-size:1.15rem}.empty-state p{max-width:470px;line-height:1.55}.spinner{border:3px solid #4bc6ee2e;border-top-color:var(--cyan);border-radius:50%;width:30px;height:30px;margin-bottom:8px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=880px){.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.dashboard{padding:max(12px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.topbar{align-items:center;gap:10px;margin-bottom:12px}.brand{gap:9px;min-width:0}.brand img{border-radius:13px;width:38px;height:38px}.brand .eyebrow{margin-bottom:2px;font-size:.6rem}.brand h1{font-size:1.2rem}.topbar__actions{gap:6px}.button--ghost{min-height:36px;padding:0 10px;font-size:.78rem}.connection-strip{gap:10px;padding:9px 10px}.connection-strip__summary{gap:2px}.connection-strip__meta{gap:6px;font-size:.7rem}.connection-strip strong{font-size:.8rem}.connection-strip .button{min-height:36px;padding:0 11px;font-size:.78rem}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:10px}.metric-card{border-radius:15px;min-height:0;padding:12px}.metric-card__heading{align-items:flex-start;gap:7px;margin-bottom:9px}.metric-card__heading h2{font-size:.76rem;line-height:1.25}.metric-card__icon{border-radius:7px;flex:none;width:23px;height:23px;font-size:.68rem}.status-badge{min-height:26px;padding:0 8px;font-size:.76rem}.metric-card__detail{margin-top:8px;font-size:.74rem}.observation-card{border-radius:14px;gap:10px;margin-top:9px;padding:10px 12px}.observation-card__label{margin-bottom:2px;font-size:.68rem}.observation-card__time{font-size:.78rem}.notice{margin-top:9px;padding:9px 11px;font-size:.78rem}.service-controls{align-items:stretch;gap:9px;margin-top:9px;padding:10px 12px}.service-controls__title{margin-bottom:7px;font-size:.76rem;line-height:1.25}.service-controls__states{flex-direction:column;align-items:flex-start;gap:5px;font-size:.72rem}.service-controls__hint{margin-top:5px;font-size:.68rem;line-height:1.25}.service-controls__actions{flex-direction:column;gap:6px}.service-controls__actions .button{min-height:34px;padding:0 10px;font-size:.74rem}.confirm-dialog{padding:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}