@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600&family=Fira+Sans:wght@300;400;500;600;700&display=swap";.login-page{background:var(--bg);flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.login-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:380px;box-shadow:var(--shadow-lg);flex-direction:column;gap:16px;padding:40px 32px 32px;display:flex}.login-card__icon{color:var(--accent);justify-content:center;display:flex}.login-card__title{text-align:center;letter-spacing:-.3px;font-size:20px;font-weight:700}.login-card__subtitle{text-align:center;color:var(--text);margin-bottom:8px;font-size:13px}.login-card__error{background:var(--status-error-bg);color:var(--status-error);border:1px solid var(--status-error-border);border-radius:var(--radius);text-align:center;padding:8px 12px;font-size:13px}.login-card__field{flex-direction:column;gap:6px;display:flex}.login-card__field label{color:var(--text);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.login-card__field input{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-h);transition:border-color var(--transition);padding:10px 12px;font-size:14px}.login-card__field input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-bg);outline:none}.login-card__field input:disabled{opacity:.5}.login-card__submit{border-radius:var(--radius);background:var(--accent);color:#fff;font-size:14px;font-weight:600;font-family:var(--sans);cursor:pointer;transition:all var(--transition);border:none;margin-top:8px;padding:12px}.login-card__submit:hover:not(:disabled){opacity:.9}.login-card__submit:disabled{opacity:.5;cursor:not-allowed}.login-card__submit:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.header{background:var(--bg-surface);border-bottom:1px solid var(--border);z-index:10;padding:0 24px;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;max-width:1200px;height:56px;margin:0 auto;display:flex}.header-title{color:var(--text-h);align-items:center;gap:10px;display:flex}.header-title h1{letter-spacing:-.2px;font-size:16px;font-weight:600}.btn-logout{border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:13px;font-family:var(--sans);cursor:pointer;transition:all var(--transition);background:0 0;align-items:center;gap:6px;padding:6px 14px;display:inline-flex}.btn-logout:hover{color:var(--text-h);border-color:var(--status-error);background:var(--status-error-bg)}.btn-logout:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.config-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.config-panel__header{color:var(--text-h);align-items:center;gap:10px;margin-bottom:20px;display:flex}.config-panel__header h2{font-size:15px;font-weight:600}.config-panel__fields{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}@media (width<=640px){.config-panel__fields{grid-template-columns:1fr}}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--text);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.field input{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-h);font-size:14px;font-family:var(--mono);transition:border-color var(--transition);padding:10px 12px}.field input::placeholder{color:var(--status-stopped)}.field input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-bg);outline:none}.field input:disabled{opacity:.5}.config-panel__feedback{border-radius:var(--radius);margin-bottom:16px;padding:8px 12px;font-size:13px}.config-panel__feedback--ok{background:var(--status-ok-bg);color:var(--status-ok);border:1px solid var(--status-ok-border)}.config-panel__feedback--error{background:var(--status-error-bg);color:var(--status-error);border:1px solid var(--status-error-border)}.btn-save{border-radius:var(--radius);background:var(--accent);color:#fff;font-size:14px;font-weight:500;font-family:var(--sans);cursor:pointer;transition:all var(--transition);border:none;justify-content:center;align-items:center;padding:10px 24px;display:inline-flex}.btn-save:hover:not(:disabled){opacity:.9;box-shadow:var(--shadow)}.btn-save:disabled{opacity:.5;cursor:not-allowed}.btn-save:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.health-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);border-left:3px solid var(--border);transition:border-color var(--transition), box-shadow var(--transition);padding:20px}.health-card--ok{border-left-color:var(--status-ok)}.health-card--error{border-left-color:var(--status-error)}.health-card--stopped{border-left-color:var(--status-stopped)}.health-card:hover{box-shadow:var(--shadow)}.health-card__header{align-items:center;gap:10px;margin-bottom:14px;display:flex}.health-card__title{letter-spacing:-.1px;font-size:14px;font-weight:600}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-dot--ok{background:var(--status-ok);box-shadow:0 0 6px var(--status-ok)}.status-dot--error{background:var(--status-error);box-shadow:0 0 6px var(--status-error)}.status-dot--stopped{background:var(--status-stopped)}.health-card__status{margin-bottom:16px}.status-badge{letter-spacing:.2px;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:500;display:inline-block}.status-badge--ok{background:var(--status-ok-bg);color:var(--status-ok);border:1px solid var(--status-ok-border)}.status-badge--error{background:var(--status-error-bg);color:var(--status-error);border:1px solid var(--status-error-border)}.status-badge--stopped{background:var(--status-stopped-bg);color:var(--status-stopped);border:1px solid var(--status-stopped-border)}.health-card__meta{flex-direction:column;gap:8px;display:flex}.health-card__meta-row{justify-content:space-between;align-items:center;display:flex}.health-card__label{color:var(--text);text-transform:uppercase;letter-spacing:.5px;font-size:12px}.health-card__value{font-family:var(--mono);color:var(--text-h);font-size:12px}.dashboard{flex-direction:column;min-height:100svh;display:flex}.dashboard__content{flex-direction:column;flex:1;gap:24px;width:100%;max-width:1200px;margin:0 auto;padding:24px;display:flex}.dashboard__loading{color:var(--text);flex:1;justify-content:center;align-items:center;font-size:14px;display:flex}.health-section__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.health-section__title-group{color:var(--text-h);align-items:center;gap:10px;display:flex}.health-section__title-group h2{font-size:15px;font-weight:600}.health-section__actions{align-items:center;gap:12px;display:flex}.health-section__timestamp{font-size:12px;font-family:var(--mono);color:var(--text)}.btn-refresh{border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:13px;font-family:var(--sans);cursor:pointer;transition:all var(--transition);background:0 0;align-items:center;gap:6px;padding:6px 14px;display:inline-flex}.btn-refresh:hover{color:var(--text-h);border-color:var(--accent);background:var(--accent-bg)}.btn-refresh:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.health-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=900px){.health-grid{grid-template-columns:1fr 1fr}}@media (width<=600px){.health-grid{grid-template-columns:1fr}}:root{--text:#94a3b8;--text-h:#f8fafc;--bg:#0f1117;--bg-surface:#1a1b23;--bg-card:#1e1f2a;--border:#2e303a;--code-bg:#1f2028;--accent:#6366f1;--accent-bg:#6366f11a;--status-ok:#22c55e;--status-ok-bg:#22c55e1a;--status-ok-border:#22c55e4d;--status-error:#ef4444;--status-error-bg:#ef44441a;--status-error-border:#ef44444d;--status-warn:#f59e0b;--status-warn-bg:#f59e0b1a;--status-stopped:#6b7280;--status-stopped-bg:#6b72801a;--status-stopped-border:#6b72804d;--sans:"Fira Sans", system-ui, sans-serif;--mono:"Fira Code", ui-monospace, Consolas, monospace;--radius:8px;--radius-lg:12px;--shadow:0 1px 3px #0000004d, 0 1px 2px #0003;--shadow-lg:0 4px 12px #0006;--transition:.2s ease;font:15px/1.6 var(--sans);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}body{margin:0}#root{flex-direction:column;min-height:100svh;display:flex}h1,h2,h3{font-family:var(--sans);color:var(--text-h);margin:0;font-weight:600}p{margin:0}input{font-family:var(--sans)}code{font-family:var(--mono);background:var(--code-bg);color:var(--text-h);border-radius:4px;padding:2px 6px;font-size:13px}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}