:root{color-scheme:light;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;--bg: #f4f7fb;--surface: #ffffff;--ink: #1e293b;--muted: #64748b;--primary: #0066cc;--primary-hover: #0053a6;--error-bg: #fee2e2;--error-text: #991b1b;--border: #dbe4f0;--ok: #1f9d55;--warn: #d97706}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#e2ecff 0%,var(--bg) 40%);color:var(--ink)}.page{min-height:100vh;padding:14px}.panel{max-width:1320px;margin:0 auto;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px;box-shadow:0 24px 40px -32px #0f172a66}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px}.topbar-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.topbar h1{margin:0}.topbar p{margin:4px 0 0;color:var(--muted);font-size:.95rem}.filters{margin:10px 0;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.auth-row{margin:10px 0 4px;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}input,button{font:inherit}input{padding:8px 10px;border:1px solid var(--border);border-radius:9px}button{border:0;border-radius:9px;padding:8px 12px;background:var(--primary);color:#fff;cursor:pointer;font-size:.95rem}button:hover:enabled{background:var(--primary-hover)}button:disabled{opacity:.7;cursor:wait}.view-btn{display:inline-flex;align-items:center;gap:6px;background:#e2e8f0;color:#1e293b}.view-btn.active{background:#0f5fb8;color:#fff}.view-btn svg{width:16px;height:16px}.error{background:var(--error-bg);color:var(--error-text);border-radius:9px;padding:8px 10px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px;align-items:stretch}.card{border:1px solid var(--border);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:5px;min-width:0}.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.card h2{margin:0;font-size:.98rem;line-height:1.2;overflow-wrap:anywhere}.meta{margin:0;color:var(--muted);font-size:.78rem;line-height:1.2;overflow-wrap:anywhere}.state{display:inline-block;padding:4px 10px;border-radius:999px;font-size:.72rem;font-weight:600;text-transform:uppercase;flex-shrink:0}.state.running{background:#dcfce7;color:var(--ok)}.state.exited{background:#ffedd5;color:var(--warn)}.state.unknown{background:#e2e8f0;color:#334155}.actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:4px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:32px;padding:0;border-radius:8px}.icon-btn svg{width:16px;height:16px}.icon-btn.start{background:#1f9d55}.icon-btn.start:hover:enabled{background:#15803d}.icon-btn.stop{background:#dc2626}.icon-btn.stop:hover:enabled{background:#b91c1c}.icon-btn.restart{background:#ea8a1f}.icon-btn.restart:hover:enabled{background:#d97706}.list-view{grid-template-columns:1fr}.list-view .card{display:grid;grid-template-columns:minmax(240px,1.2fr) minmax(280px,2fr) auto;gap:14px;align-items:center}.list-view .card-head{display:grid;gap:8px;align-content:start}.list-view .state{justify-self:start}.list-view .actions{margin:0;padding:0;justify-content:flex-end}.list-view .meta{margin:2px 0}.tree{display:grid;gap:8px}.group-box{border:1px solid var(--border);border-radius:10px;background:#fff}.group-header{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;background:#f8fbff;color:#0f172a;border:0;border-bottom:1px solid var(--border);border-radius:10px 10px 0 0;padding:8px 10px;text-align:left}.group-title{display:inline-flex;align-items:center;gap:8px;font-weight:700;overflow-wrap:anywhere}.caret{font-size:.95rem;width:10px}.group-right{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;color:var(--muted);white-space:nowrap}.group-items{display:grid;gap:8px;padding:8px}.tree-item{border:1px solid var(--border);border-radius:9px;padding:8px;display:grid;gap:5px}.tree-item-main{display:flex;align-items:center;gap:8px}.health{width:10px;height:10px;border-radius:999px;display:inline-block;flex-shrink:0}.health.ok{background:#22c55e}.health.warn{background:#f59e0b}.health.down{background:#ef4444}.history{margin-top:12px;border-top:1px solid var(--border);padding-top:10px}.history h3{margin:0 0 8px;font-size:1rem}.history-list{display:grid;gap:8px}.history-item{border:1px solid var(--border);border-radius:9px;padding:8px}.history-item p{margin:0}@media(max-width:760px){.page{padding:8px}.panel{padding:10px}.topbar{flex-direction:column;align-items:stretch}.topbar-actions{justify-content:stretch}.topbar-actions button{flex:1}.filters,.auth-row,.list-view .card{grid-template-columns:1fr}.list-view .actions{justify-content:flex-start;margin-top:4px}.group-header{flex-direction:column;align-items:flex-start}.group-right{white-space:normal}}