:root{--accent: #864ffe;--accent-2: #5b8af8;--accent-soft: rgba(134, 79, 254, .14);--accent-line: rgba(134, 79, 254, .38);--accent-text: #c3b1ff;--bg-page: #0a0c10;--bg-subtle: #0e1116;--bg-card: #12151b;--bg-card-hover: #171b22;--bg-elevated: #171b22;--bg-input: #0e1116;--text-primary: #e9ebef;--text-secondary: rgba(233, 235, 239, .74);--text-tertiary: rgba(233, 235, 239, .62);--text-muted: rgba(233, 235, 239, .5);--border: rgba(255, 255, 255, .1);--border-soft: rgba(255, 255, 255, .06);--border-hover: rgba(255, 255, 255, .2);--ok: #2ee6a8;--warn: #f0b232;--danger: #f87171;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);--shadow-md: 0 4px 12px -2px rgba(0, 0, 0, .45);--shadow-lg: 0 16px 40px -12px rgba(0, 0, 0, .6);--radius-sm: 10px;--radius: 16px;--radius-lg: 22px;--radius-pill: 999px;--font: "Inter Tight", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: ui-monospace, "Cascadia Code", Consolas, monospace;--nav-width: 264px;color-scheme:dark}:root[data-theme=light]{--accent: #7c31f6;--accent-2: #2563eb;--accent-soft: rgba(124, 49, 246, .1);--accent-line: rgba(124, 49, 246, .32);--accent-text: #6d1fe2;--bg-page: #f7f8fa;--bg-subtle: #f1f3f6;--bg-card: #ffffff;--bg-card-hover: #fafbfc;--bg-elevated: #ffffff;--bg-input: #ffffff;--text-primary: #14171c;--text-secondary: rgba(20, 23, 28, .74);--text-tertiary: rgba(20, 23, 28, .62);--text-muted: rgba(20, 23, 28, .5);--border: rgba(16, 20, 28, .13);--border-soft: rgba(16, 20, 28, .08);--border-hover: rgba(16, 20, 28, .24);--shadow-sm: 0 1px 2px rgba(16, 20, 28, .06);--shadow-md: 0 4px 12px -2px rgba(16, 20, 28, .08);--shadow-lg: 0 16px 40px -12px rgba(16, 20, 28, .16);color-scheme:light}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(1200px 700px at 8% -12%,rgba(134,79,254,.18),transparent 62%),radial-gradient(900px 520px at 100% 0%,rgba(91,138,248,.12),transparent 60%),var(--bg-page);background-attachment:fixed;color:var(--text-primary);font-family:var(--font);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}h1,h2,h3{margin:0;line-height:1.15;letter-spacing:-.01em}button{font:inherit;cursor:pointer}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:var(--radius-pill);background:var(--accent-soft);border:1px solid var(--accent-line);color:var(--accent-text);font-size:13px;font-weight:700}.chip[data-tone=ok]{background:#2ee6a81f;border-color:#2ee6a859;color:var(--ok)}.chip[data-tone=warn]{background:#f0b2321f;border-color:#f0b23259;color:var(--warn)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-primary);font-weight:700;transition:border-color .15s ease,transform .15s ease,background .15s ease}.btn:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.btn:active{transform:translateY(1px)}.btn[data-variant=primary]{background:linear-gradient(135deg,var(--accent),var(--accent-2));border-color:transparent;color:#fff;box-shadow:0 8px 24px -10px var(--accent)}.btn[data-variant=ghost]{background:transparent}.btn:disabled{opacity:.55;cursor:not-allowed}.muted{color:var(--text-muted)}.stack{display:flex;flex-direction:column;gap:16px}.row{display:flex;align-items:center;gap:12px}.spread{justify-content:space-between}.skeleton{background:linear-gradient(90deg,var(--bg-subtle),var(--bg-card-hover),var(--bg-subtle));background-size:200% 100%;animation:shimmer 1.4s linear infinite;border-radius:var(--radius-sm)}@keyframes shimmer{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.shell{min-height:100dvh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px;background:color-mix(in oklab,var(--bg-page) 82%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border-soft)}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.2px}.brand img{width:28px;height:28px}.topbar-right{display:flex;align-items:center;gap:10px}.avatar{width:32px;height:32px;border-radius:50%;border:1px solid var(--border);object-fit:cover}.icon-btn{display:grid;place-items:center;width:38px;height:38px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-secondary)}.icon-btn:hover{border-color:var(--border-hover);color:var(--text-primary)}.page{width:min(1180px,100%);margin:0 auto;padding:32px 24px 96px}.page-head{margin-bottom:28px}.page-head h1{font-size:clamp(26px,3.4vw,34px);font-weight:800}.page-head p{margin:8px 0 0;color:var(--text-tertiary)}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.server-card{display:flex;align-items:center;gap:14px;padding:18px;text-align:left;width:100%;border:1px solid var(--border);background:var(--bg-card);border-radius:var(--radius-lg);transition:border-color .15s ease,transform .15s ease,background .15s ease}.server-card:hover{border-color:var(--accent-line);background:var(--bg-card-hover);transform:translateY(-2px)}.server-icon{width:46px;height:46px;border-radius:14px;object-fit:cover;border:1px solid var(--border);flex:none}.server-icon[data-fallback]{display:grid;place-items:center;font-weight:800;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff}.server-card h3{font-size:16px;font-weight:700}.with-nav{display:grid;grid-template-columns:var(--nav-width) 1fr;gap:28px;align-items:start}.side-nav{position:sticky;top:84px;display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-card)}.side-nav a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;border-radius:var(--radius-sm);color:var(--text-secondary);font-weight:600}.side-nav a:hover{background:var(--bg-card-hover);color:var(--text-primary)}.side-nav a[aria-current=page]{background:var(--accent-soft);color:var(--accent-text)}.dot{width:8px;height:8px;border-radius:50%;background:var(--border-hover);flex:none}.dot[data-on=true]{background:var(--ok);box-shadow:0 0 10px #2ee6a8b3}.field{display:grid;gap:8px;padding:18px 0;border-bottom:1px solid var(--border-soft)}.field:last-child{border-bottom:none}.field-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.field label{font-weight:700}.field small{display:block;color:var(--text-muted);font-weight:400}.input,.select,.textarea{width:100%;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-input);color:var(--text-primary);font:inherit}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.textarea{min-height:120px;resize:vertical;font-family:inherit}.switch{position:relative;width:46px;height:26px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--bg-subtle);transition:background .15s ease,border-color .15s ease;flex:none}.switch[data-on=true]{background:linear-gradient(135deg,var(--accent),var(--accent-2));border-color:transparent}.switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .15s ease}.switch[data-on=true]:after{transform:translate(20px)}.tag-list{display:flex;flex-wrap:wrap;gap:8px}.tag{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:var(--radius-pill);background:var(--bg-subtle);border:1px solid var(--border);font-size:13px}.tag button{border:none;background:none;color:var(--text-muted);padding:0;line-height:1}.tag button:hover{color:var(--danger)}.save-bar{position:fixed;left:50%;bottom:24px;transform:translate(-50%);display:flex;align-items:center;gap:14px;padding:12px 14px 12px 20px;border-radius:var(--radius-pill);background:var(--bg-elevated);border:1px solid var(--border-hover);box-shadow:var(--shadow-lg);z-index:30}.error-box{padding:14px 16px;border-radius:var(--radius);border:1px solid rgba(248,113,113,.4);background:#f871711a;color:var(--danger)}@media(max-width:880px){.with-nav{grid-template-columns:1fr}.side-nav{position:static;flex-direction:row;overflow-x:auto}.page{padding:24px 16px 96px}}.msel{position:relative;min-width:0}.msel-trigger{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-input);color:var(--text-primary);font:inherit;font-weight:500;text-align:left;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.msel-trigger:hover:not(:disabled){border-color:var(--accent-line);background:var(--bg-card-hover)}.msel-trigger:focus-visible,.msel-trigger[data-open=true]{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.msel-trigger:disabled{opacity:.5;cursor:not-allowed}.msel-label{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.msel-label[data-placeholder=true]{color:var(--text-muted);font-weight:400}.msel-chevron{display:inline-flex;align-items:center;flex:none;opacity:.55;transition:transform .2s ease,opacity .2s ease}.msel-trigger[data-open=true] .msel-chevron{opacity:1;transform:rotate(180deg)}.msel-dot{flex:none;width:10px;height:10px;border-radius:50%;box-shadow:0 0 0 1px #00000040 inset}.msel-panel{position:fixed;z-index:10000;display:flex;flex-direction:column;padding:4px;border-radius:var(--radius-sm);border:1px solid var(--border);background:color-mix(in srgb,var(--bg-elevated) 96%,transparent);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:var(--shadow-lg);overflow:hidden;animation:msel-in .18s cubic-bezier(.34,1.56,.64,1);transform-origin:top}.msel-panel[data-flip=true]{transform-origin:bottom}.msel-panel:focus{outline:none}@keyframes msel-in{0%{opacity:0;transform:translateY(-6px) scale(.98)}}.msel-search{padding:4px 4px 6px}.msel-search .input{padding:8px 10px;font-size:.9rem}.msel-list{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.msel-list::-webkit-scrollbar{width:6px}.msel-list::-webkit-scrollbar-thumb{border-radius:3px;background:var(--border-hover)}.msel-group{padding:8px 12px 4px;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.msel-group:not(:first-child){margin-top:4px;padding-top:10px;border-top:1px solid var(--border-soft)}.msel-option{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border:none;border-radius:8px;background:none;color:var(--text-secondary);font:inherit;font-size:.9rem;font-weight:500;text-align:left;cursor:pointer;transition:background .12s ease,color .12s ease}.msel-option[data-active=true]{background:var(--bg-card-hover);color:var(--text-primary)}.msel-option[data-selected=true]{background:var(--accent-soft);color:var(--accent-text);font-weight:600}.msel-option[data-selected=true]:after{content:"";flex:none;width:14px;height:14px;background:currentColor;-webkit-mask:var(--tick) center / contain no-repeat;mask:var(--tick) center / contain no-repeat}.msel-option:disabled{opacity:.4;cursor:not-allowed}.msel-option-label{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.msel-hint{flex:none;font-size:.78rem;font-weight:400;color:var(--text-muted)}.msel-empty{margin:0;padding:14px 12px;color:var(--text-muted);font-size:.88rem}:root{--tick: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.75.75 0 0 1 1.06-1.06L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z'/%3E%3C/svg%3E")}@media(prefers-reduced-motion:reduce){.msel-panel{animation:none}}.who{display:inline-flex;align-items:center;gap:8px;min-width:0}.who img,.who-fallback{flex:none;width:22px;height:22px;border-radius:50%;object-fit:cover;background:var(--bg-subtle);border:1px solid var(--border-soft)}.who-fallback{display:grid;place-items:center;font-size:.7rem;font-weight:700;color:var(--text-muted)}.who-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.who-name small{display:block;font-size:.72rem;color:var(--text-muted);font-family:var(--font-mono)}