:root{--p1-color-bg: #0f1115;--p1-color-surface: #181b21;--p1-color-border: #2a2f39;--p1-color-text: #e6e8ec;--p1-color-muted: #8b93a1;--p1-color-accent: #5865f2;--p1-color-success: #3ba55d;--p1-color-danger: #ed4245;--p1-radius: 8px;--p1-font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif}.p1-panel{background:var(--p1-color-surface);color:var(--p1-color-text);border:1px solid var(--p1-color-border);border-radius:var(--p1-radius);font-family:var(--p1-font);padding:16px}:root{--p1-color-bg: #08111c;--p1-color-surface: #0e1a2a;--p1-color-surface-2: #13233a;--p1-color-border: #1f3250;--p1-color-text: #f4f6fb;--p1-color-muted: #8c9bb5;--p1-color-accent: #6150ce;--p1-color-accent-2: #272b8b;--p1-color-lavender: #a99cff;--p1-color-success: #3ecf8e;--p1-color-warn: #f5b84a;--p1-color-danger: #ef5b6b;--p1-gradient: linear-gradient(135deg, #6150ce, #272b8b);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(1200px 600px at 80% -10%,rgba(97,80,206,.18),transparent 60%),var(--p1-color-bg);color:var(--p1-color-text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5}h1{font-size:1.6rem;margin:0 0 1rem;font-weight:800;letter-spacing:-.01em}h2{font-size:1.2rem;margin:0}h3{margin:0 0 .75rem}a{color:var(--p1-color-lavender)}code{background:var(--p1-color-surface-2);padding:.1em .4em;border-radius:4px;font-family:ui-monospace,Menlo,Consolas,monospace}.muted{color:var(--p1-color-muted)}.small{font-size:.85rem}.center{min-height:100%;display:grid;place-items:center;padding:24px}.row{display:flex;gap:12px;align-items:center}.between{justify-content:space-between}.shell{min-height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:24px;padding:10px 24px;background:#0e1a2ad9;backdrop-filter:blur(8px);border-bottom:1px solid var(--p1-color-border);position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.05rem}.brand img{border-radius:8px}.topbar nav{display:flex;gap:4px;flex:1;flex-wrap:wrap}.topbar nav a{color:var(--p1-color-muted);text-decoration:none;padding:6px 12px;border-radius:8px;font-weight:600}.topbar nav a:hover{color:var(--p1-color-text);background:var(--p1-color-surface-2)}.topbar nav a.active{color:#fff;background:var(--p1-gradient)}main{padding:24px;max-width:1100px;width:100%;margin:0 auto;flex:1}.usermenu{position:relative}.usermenu summary{list-style:none;cursor:pointer;padding:6px 12px;border-radius:8px;border:1px solid var(--p1-color-border)}.usermenu summary::-webkit-details-marker{display:none}.usermenu .menu{position:absolute;right:0;top:calc(100% + 6px);min-width:160px;padding:6px;background:var(--p1-color-surface);border:1px solid var(--p1-color-border);border-radius:10px}.usermenu .menu button{width:100%;text-align:left;background:none;border:0;color:var(--p1-color-text);padding:8px 10px;border-radius:6px;cursor:pointer;font:inherit}.usermenu .menu button:hover{background:var(--p1-color-surface-2)}.badge{font-size:.72rem;padding:2px 8px;border-radius:99px;background:var(--p1-gradient);margin-left:6px;font-weight:700}.card{background:var(--p1-color-surface);border:1px solid var(--p1-color-border);border-radius:14px;padding:20px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.instance header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:0 0 16px}.stats div{background:var(--p1-color-surface-2);border-radius:10px;padding:10px 14px}.stats dt{color:var(--p1-color-muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.05em}.stats dd{margin:2px 0 0;font-size:1.35rem;font-weight:800}.actions{display:flex;gap:8px;flex-wrap:wrap}.pill{padding:3px 12px;border-radius:99px;font-size:.8rem;font-weight:700;border:1px solid}.pill.ok{color:var(--p1-color-success);border-color:var(--p1-color-success);background:#3ecf8e1a}.pill.bad{color:var(--p1-color-danger);border-color:var(--p1-color-danger);background:#ef5b6b1a}.pill.warn{color:var(--p1-color-warn);border-color:var(--p1-color-warn);background:#f5b84a1a}.pill.off{color:var(--p1-color-muted);border-color:var(--p1-color-border)}.btn{font:inherit;font-weight:700;padding:8px 16px;border-radius:9px;cursor:pointer;text-decoration:none;text-align:center;background:var(--p1-color-surface-2);color:var(--p1-color-text);border:1px solid var(--p1-color-border)}.btn:hover:not(:disabled){border-color:var(--p1-color-lavender)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--p1-gradient);border-color:transparent;color:#fff}.btn.danger{background:var(--p1-color-danger);border-color:transparent;color:#fff}.btn.danger-outline{color:var(--p1-color-danger);border-color:#ef5b6b80}.btn.ghost{background:transparent}.btn.wide{display:block;width:100%;padding:12px}.btn:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--p1-color-lavender);outline-offset:2px}.form{display:grid;gap:14px;max-width:480px}label{display:grid;gap:6px;font-weight:600;font-size:.9rem}input,select{font:inherit;padding:9px 12px;border-radius:9px;background:var(--p1-color-bg);color:var(--p1-color-text);border:1px solid var(--p1-color-border)}input:disabled{opacity:.5}.alert{color:#ffd1d6;background:#ef5b6b1f;border:1px solid rgba(239,91,107,.4);padding:8px 12px;border-radius:9px;margin:8px 0 0}.notice{color:#c9f5de;background:#3ecf8e1a;border:1px solid rgba(62,207,142,.35);padding:8px 12px;border-radius:9px;margin:8px 0 0}.login{width:100%;max-width:380px;text-align:center;display:grid;gap:8px;justify-items:center;padding:32px}.login img{border-radius:24px;box-shadow:0 0 60px #6150ce73}.login h1{margin:8px 0 0}.login p{margin:0}.login .btn{margin-top:12px}dialog{background:var(--p1-color-surface);color:var(--p1-color-text);border:1px solid var(--p1-color-border);border-radius:14px;padding:22px;max-width:420px;width:calc(100% - 32px)}dialog::backdrop{background:#03080eb3}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.seg{display:inline-flex;border:1px solid var(--p1-color-border);border-radius:10px;overflow:hidden}.seg button{font:inherit;font-weight:700;padding:6px 18px;background:transparent;color:var(--p1-color-muted);border:0;cursor:pointer}.seg button.active{background:var(--p1-gradient);color:#fff}.status-line{margin-bottom:8px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--p1-color-muted);margin-right:4px}.dot.open{background:var(--p1-color-success)}.dot.connecting{background:var(--p1-color-warn)}.dot.closed{background:var(--p1-color-danger)}.log{margin:0;height:min(60vh,560px);overflow:auto;padding:12px 14px;background:#050c15;border:1px solid var(--p1-color-border);border-radius:12px;font:12.5px/1.45 ui-monospace,Menlo,Consolas,monospace;white-space:pre-wrap;word-break:break-all}.console-input{display:flex;gap:8px;align-items:center;margin-top:10px}.console-input input{flex:1;font-family:ui-monospace,Menlo,Consolas,monospace}.prompt{color:var(--p1-color-lavender);font-weight:800}@media(max-width:640px){.topbar{flex-wrap:wrap;gap:8px;padding:10px 14px}main{padding:16px 14px}}