:root{--bg:#f5f6f4;--surface:#fff;--surface-2:#eef0ec;--border:#dcdfd8;--text:#1c211b;--text-2:#5b6358;--text-3:#858d82;--accent:#2f7d3b;--accent-text:#fff;--accent-soft:#e2f0e2;--ok:#2f7d3b;--ok-soft:#e2f0e2;--warn:#9a6400;--warn-soft:#fbefd6;--danger:#b3261e;--danger-soft:#fbe3e1;--info:#2459a8;--info-soft:#e1ebfa;--muted-soft:#eceeea;--console-bg:#151915;--console-text:#d6ddd3;--chart-1:#2f7d3b;--chart-2:#2459a8;--shadow:0 1px 2px #0000000d;--radius:10px;--font:system-ui, -apple-system, "Segoe UI", "Hiragino Sans", "Noto Sans JP", "Yu Gothic UI", sans-serif;--mono:ui-monospace, "Cascadia Code", "SFMono-Regular", Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#111411;--surface:#191d19;--surface-2:#222722;--border:#2f352e;--text:#e6eae4;--text-2:#a5ada2;--text-3:#778074;--accent:#5fb76b;--accent-text:#0d140e;--accent-soft:#1d3220;--ok:#6cc178;--ok-soft:#1d3220;--warn:#e0a640;--warn-soft:#3a2c12;--danger:#f08b82;--danger-soft:#3f1d1a;--info:#86b1f0;--info-soft:#1b2a42;--muted-soft:#252a24;--console-bg:#0b0d0b;--chart-1:#6cc178;--chart-2:#86b1f0;--shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#111411;--surface:#191d19;--surface-2:#222722;--border:#2f352e;--text:#e6eae4;--text-2:#a5ada2;--text-3:#778074;--accent:#5fb76b;--accent-text:#0d140e;--accent-soft:#1d3220;--ok:#6cc178;--ok-soft:#1d3220;--warn:#e0a640;--warn-soft:#3a2c12;--danger:#f08b82;--danger-soft:#3f1d1a;--info:#86b1f0;--info-soft:#1b2a42;--muted-soft:#252a24;--console-bg:#0b0d0b;--chart-1:#6cc178;--chart-2:#86b1f0;--shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.55}a{color:inherit}h1,h2,h3{margin:0;line-height:1.3}h1{font-size:20px;font-weight:650}h2{font-size:15px;font-weight:650}h3{color:var(--text-2);font-size:13px;font-weight:600}code,.mono{font-family:var(--mono);font-size:12.5px}.shell{grid-template-columns:220px 1fr;min-height:100%;display:grid}.sidebar{border-right:1px solid var(--border);background:var(--surface);flex-direction:column;gap:4px;height:100vh;padding:16px 12px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:8px;padding:4px 8px 16px;font-size:15px;font-weight:700;display:flex}.brand-mark{flex:none;width:22px;height:22px;display:block}.nav-link{color:var(--text-2);border-radius:7px;justify-content:space-between;align-items:center;padding:7px 10px;font-weight:500;text-decoration:none;display:flex}.nav-link:hover{background:var(--surface-2);color:var(--text)}.nav-link.active{background:var(--accent-soft);color:var(--text)}.sidebar-footer .btn{justify-content:flex-start}.sidebar-footer{border-top:1px solid var(--border);flex-direction:column;gap:8px;margin-top:auto;padding-top:12px;display:flex}.user-chip{justify-content:space-between;align-items:center;gap:8px;padding:0 8px;font-size:13px;display:flex}.main{width:100%;min-width:0;max-width:1280px;padding:24px 28px 48px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.page-header p{color:var(--text-2);margin:4px 0 0}.stack{flex-direction:column;gap:16px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.spacer{flex:1}.muted{color:var(--text-2)}.faint{color:var(--text-3)}.small{font-size:12px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card-body{padding:16px}.card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;display:flex}.grid{gap:12px;display:grid}.grid-servers{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.grid-nodes{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.grid-charts{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.server-card{flex-direction:column;gap:12px;padding:16px;text-decoration:none;transition:border-color .12s;display:flex}.server-card:hover{border-color:var(--text-3)}.server-card-title{justify-content:space-between;align-items:center;gap:8px;display:flex}.server-card-title h2{font-size:16px}.stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.stat-label{color:var(--text-3);font-size:11.5px}.stat-value{font-variant-numeric:tabular-nums;font-size:15px;font-weight:600}.stat-value small{color:var(--text-3);font-size:11.5px;font-weight:500}.meter{flex-direction:column;gap:4px;display:flex}.meter-head{color:var(--text-2);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:12px;display:flex}.meter-track{background:var(--surface-2);border-radius:3px;height:6px;overflow:hidden}.meter-fill{background:var(--accent);border-radius:3px;height:100%}.meter-fill.warn{background:var(--warn)}.meter-fill.danger{background:var(--danger)}.badge{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:2px 9px;font-size:12px;font-weight:600;display:inline-flex}.badge-dot{background:currentColor;border-radius:50%;width:7px;height:7px}.badge.ok{background:var(--ok-soft);color:var(--ok)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.badge.danger{background:var(--danger-soft);color:var(--danger)}.badge.info{background:var(--info-soft);color:var(--info)}.badge.muted{background:var(--muted-soft);color:var(--text-2)}.badge.pulse .badge-dot{animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.3}}.tag{background:var(--surface-2);color:var(--text-2);border-radius:5px;padding:1px 7px;font-size:12px;display:inline-block}.btn{border:1px solid var(--border);background:var(--surface);height:32px;color:var(--text);font:inherit;cursor:pointer;white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-weight:550;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){background:var(--surface-2)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.btn.primary:hover:not(:disabled){filter:brightness(1.08);background:var(--accent)}.btn.danger{color:var(--danger)}.btn.danger-solid{background:var(--danger);border-color:var(--danger);color:#fff}.btn.ghost{background:0 0;border-color:#0000}.btn.small{height:26px;padding:0 9px;font-size:12.5px}.btn:focus-visible,.input:focus-visible,.tab:focus-visible,.nav-link:focus-visible,.server-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.input,select.input{border:1px solid var(--border);background:var(--surface);height:32px;color:var(--text);font:inherit;border-radius:7px;min-width:0;padding:0 10px}.field{flex-direction:column;gap:4px;display:flex}.field label{color:var(--text-2);font-size:12.5px;font-weight:600}.check{align-items:center;gap:6px;font-size:13px;display:inline-flex}.tabs{border-bottom:1px solid var(--border);gap:2px;margin-bottom:16px;display:flex;overflow:auto hidden}.tab{color:var(--text-2);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 14px;font-weight:550}.tab.active{color:var(--text);border-bottom-color:var(--accent)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:9px 12px}th{color:var(--text-3);white-space:nowrap;font-size:12px;font-weight:600}tr:last-child td{border-bottom:none}.console{background:var(--console-bg);color:var(--console-text);border-radius:var(--radius);flex-direction:column;height:520px;display:flex;overflow:hidden}.console-lines{font-family:var(--mono);white-space:pre-wrap;word-break:break-all;flex:1;padding:12px 14px;font-size:12.5px;line-height:1.6;overflow-y:auto}.console-line.warn{color:#e8c46a}.console-line.error{color:#f08b82}.console-line.input{color:#8fd19a}.console-form{border-top:1px solid #ffffff14;gap:8px;padding:10px;display:flex}.console-form input{color:var(--console-text);height:32px;font-family:var(--mono);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:7px;flex:1;min-width:0;padding:0 10px;font-size:12.5px}.chart{width:100%;height:140px;display:block}.chart-axis{stroke:var(--border);stroke-width:1px}.chart-label{fill:var(--text-3);font-size:10px;font-family:var(--font)}.dialog-backdrop{z-index:50;background:#0006;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dialog{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:12px;width:min(440px,100%);padding:20px;display:flex}.dialog p{color:var(--text-2);margin:0}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.alert{border-radius:8px;padding:10px 14px;font-size:13px}.alert.danger{background:var(--danger-soft);color:var(--danger)}.alert.warn{background:var(--warn-soft);color:var(--warn)}.alert.info{background:var(--info-soft);color:var(--info)}.toast-area{z-index:60;flex-direction:column;gap:8px;max-width:calc(100vw - 32px);display:flex;position:fixed;bottom:16px;right:16px}.toast{background:var(--text);color:var(--bg);border-radius:8px;padding:10px 14px;font-size:13px;box-shadow:0 4px 16px #0003}.toast.error{background:var(--danger);color:#fff}.empty{text-align:center;color:var(--text-3);padding:32px 16px}.secret-box{background:var(--surface-2);word-break:break-all;border-radius:8px;align-items:center;gap:8px;padding:10px;display:flex}.auth-page{place-items:center;min-height:100%;padding:16px;display:grid}.auth-card{flex-direction:column;gap:16px;width:min(380px,100%);padding:28px;display:flex}.steps{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.steps li{align-items:center;gap:8px;font-size:13px;display:flex}.step-icon{text-align:center;width:16px;font-size:12px}.mobile-nav{display:none}@media (width<=760px){.shell{grid-template-columns:1fr}.sidebar{display:none}.mobile-nav{border-bottom:1px solid var(--border);background:var(--surface);z-index:10;align-items:center;gap:4px;padding:8px 12px;display:flex;position:sticky;top:0;overflow-x:auto}.mobile-nav .brand{padding:0 8px 0 0}.main{padding:16px 16px 40px}.stats{grid-template-columns:repeat(3,1fr)}.console{height:60vh}}.server-card{position:relative}.stretched-link{text-decoration:none}.stretched-link:after{content:"";border-radius:var(--radius);position:absolute;inset:0}.stretched-link:focus-visible{outline:none}.stretched-link:focus-visible:after{outline:2px solid var(--accent);outline-offset:2px}.server-card-actions{z-index:1;position:relative}.card.selected{border-color:var(--accent);background:var(--accent-soft)}.dialog.wide{width:min(680px,100%);max-height:calc(100vh - 32px);overflow-y:auto}.nav-link .badge{padding:0 7px;font-size:11px}tr.unchanged td{color:var(--text-3)}.tabs{scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{padding:8px 12px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .dialog-backdrop{background:#000000a6}}:root[data-theme=dark] .dialog-backdrop{background:#000000a6}.plain-list{margin:0;padding:0;list-style:none}.plain-list li{border-top:1px solid var(--border);padding:8px 16px}.plain-list li:first-child{border-top:none}.file-editor{width:100%;min-height:420px;font-family:var(--mono);tab-size:2;resize:vertical;white-space:pre;padding:10px 12px;font-size:13px;line-height:1.5}.crumbs{flex-wrap:wrap;align-items:center;gap:2px;font-size:13px;display:flex}.crumbs button{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 4px}.crumbs button:disabled{color:var(--text);cursor:default;font-weight:600}.file-row{cursor:pointer}.file-row:hover td{background:var(--surface-2)}.link-button{color:var(--text);font:inherit;cursor:pointer;text-align:left;background:0 0;border:none;padding:0}.link-button:hover{text-decoration:underline}