:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#10141a;--surface:#1a2029;--border:#2a3140;--text:#e6e9ef;--muted:#8b93a3;--accent:#4f8cff;--green:#3ecf8e;--red:#f0555a;--amber:#e0a83e}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,sans-serif}.shell{max-width:960px;margin:0 auto;padding:0 1.5rem 3rem}.topbar{justify-content:space-between;align-items:center;padding:1.25rem 0;display:flex}.brand{color:var(--text);font-size:1.2rem;font-weight:600;text-decoration:none}.brand-mark{text-align:center;background:var(--accent);color:#fff;border-radius:6px;width:1.6rem;height:1.6rem;margin-right:.4rem;line-height:1.6rem;display:inline-block}.accent{color:var(--accent)}button,.button-link{background:var(--surface);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:.5rem .9rem;font-size:.9rem;text-decoration:none;display:inline-block}button:hover:not(:disabled),.button-link:hover{border-color:var(--accent)}button:disabled{opacity:.45;cursor:default}.logout-button{background:0 0}.login-page{justify-content:center;padding-top:4rem;display:flex}.login-form{flex-direction:column;gap:.9rem;width:100%;max-width:300px;display:flex}.login-form input{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:.6rem .8rem;font-size:1rem}.card-stack{flex-direction:column;gap:1rem;margin:1rem 0;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1rem 1.1rem}.card-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.card-header h3{margin:0;font-size:1rem}.card-actions{gap:.5rem;margin-top:.8rem;display:flex}.meta{color:var(--muted);margin:.4rem 0 0;font-size:.85rem}.status-pill{border:1px solid var(--border);border-radius:999px;padding:.2rem .55rem;font-size:.75rem}.status-pill.online{color:var(--green);border-color:var(--green)}.status-pill.stopped{color:var(--muted)}.status-pill.errored{color:var(--red);border-color:var(--red)}.status-pill.unknown{color:var(--amber);border-color:var(--amber)}.service-section{border-top:1px solid var(--border);margin-top:.9rem;padding-top:.9rem}.card>.service-section:first-of-type{margin-top:.8rem;padding-top:.8rem}.service-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.service-header h4{margin:0;font-size:.9rem}.service-actions{flex-wrap:wrap;gap:.5rem;margin-top:.6rem;display:flex}.error{color:var(--red)}.modal-overlay{z-index:100;background:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:10px;width:100%;max-width:480px;padding:1.2rem}.modal-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.modal-header h3{color:var(--red);margin:0;font-size:1rem}.modal-body{white-space:pre-wrap;margin:.8rem 0;font-size:.9rem}.modal-actions{justify-content:flex-end;display:flex}.icon-button{color:var(--muted);background:0 0;border:none;padding:.2rem .4rem;font-size:1.2rem;line-height:1}.icon-button:hover{color:var(--text);border-color:#0000}.terminal-page{padding-top:.5rem}.terminal-container{border:1px solid var(--border);border-radius:8px;height:70vh;padding:.5rem}.log-panel-wrap{margin-top:.6rem}.log-panel-actions{justify-content:flex-end;margin-bottom:.4rem;display:flex}.log-panel{height:260px;margin-top:0}