:root{--void: #0A0A0C;--surface: #131318;--surface-raised: #1B1B22;--hairline: #26262E;--red: #D10404;--accent: #D10404;--accent-rgb: 209, 4, 4;--red-deep: #8E0303;--red-glow: #F52121;--text: #F4F4F6;--muted: #8A8A96;--faint: #55555F;--online: #3FD17A;--warn: #FFB84D;--crash: #FF4D4D;--display: "Segoe UI Variable Display", "Segoe UI", system-ui, sans-serif;--body: "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;--mono: "Cascadia Mono", "Consolas", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--void);color:var(--text);font-family:var(--body);font-size:14px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.eyebrow{font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--red)}.muted{color:var(--muted)}.mono{font-family:var(--mono)}h1{font-family:var(--display);font-size:30px;font-weight:700}h2{font-family:var(--display);font-size:18px;font-weight:600}.card{background:var(--surface);border:1px solid var(--hairline);border-radius:14px;padding:20px;box-shadow:0 18px 40px #00000073}.btn{font-family:var(--body);font-size:13px;font-weight:600;padding:10px 18px;border-radius:9px;border:none;cursor:pointer;transition:all .15s ease}.btn-primary{background:var(--red);color:#fff}.btn-primary:hover{background:var(--red-glow);box-shadow:0 0 22px rgba(var(--accent-rgb),.5)}.btn-primary:disabled{background:var(--hairline);color:var(--faint);cursor:default;box-shadow:none}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--hairline)}.btn-ghost:hover{border-color:var(--red);background:var(--surface-raised)}.btn-danger{background:transparent;color:var(--crash);border:1px solid #3A2024}.btn-danger:hover{background:#2a1419;border-color:var(--crash)}.input{width:100%;padding:10px 12px;border-radius:8px;background:var(--surface-raised);border:1px solid var(--hairline);color:var(--text);font-family:var(--body);font-size:13px}.input:focus{outline:none;border-color:var(--red)}.dot{width:10px;height:10px;border-radius:50%;display:inline-block}.dot.running{background:var(--online)}.dot.stopped{background:var(--faint)}.dot.crashed{background:var(--crash)}.dot.starting,.dot.stopping{background:var(--warn)}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{border-right:1px solid var(--hairline);padding:24px 16px;display:flex;flex-direction:column;gap:6px}.brand{display:flex;align-items:center;gap:10px;margin-bottom:28px}.brand .bar{width:8px;height:22px;border-radius:2px;background:linear-gradient(var(--red-glow),var(--red),var(--red-deep))}.brand span{font-family:var(--display);font-weight:700;font-size:14px;letter-spacing:.04em}.navitem{padding:11px 14px;border-radius:9px;color:var(--muted);font-weight:500;cursor:pointer;border-left:3px solid transparent}.navitem:hover{background:var(--surface)}.navitem.active{background:var(--surface);color:var(--text);border-left-color:var(--red)}.content{padding:32px 40px;overflow-y:auto;height:100vh}.server-row{display:flex;align-items:center;gap:16px;margin-bottom:12px;cursor:pointer}.server-row .meta{flex:1}.server-row .meta .name{font-weight:600;font-size:15px}.server-row .meta .sub{color:var(--muted);font-size:12px;margin-top:2px}.tabbar{display:flex;gap:22px;border-bottom:1px solid var(--hairline);margin:24px 0}.tab{padding:8px 2px 10px;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;font-weight:500}.tab.active{color:var(--text);border-bottom-color:var(--red)}.console{background:#08080a;border:1px solid var(--hairline);border-radius:12px;font-family:var(--mono);font-size:12px;padding:16px;height:420px;overflow-y:auto;white-space:pre-wrap;word-break:break-word}.login-wrap{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 0%,#1A0A12,var(--void))}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field label{font-size:12px;color:var(--muted)}.spinner{width:92px;height:92px;border-radius:50%;border:3px solid var(--hairline);border-top-color:var(--red);animation:spin 1.2s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.badge-pro,.badge-private,.badge-draft{font-size:9.5px;font-weight:700;letter-spacing:.08em;padding:2px 7px;border-radius:6px;margin-left:10px;vertical-align:middle}.badge-pro{background:var(--red);color:#fff}.badge-private{background:var(--surface-raised);color:var(--muted);border:1px solid var(--hairline)}.badge-draft{background:#3a2e10;color:var(--warn)}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.switch:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;background:var(--hairline);transition:.2s}.switch input:checked~.switch,.switch:has(input:checked):after{background:var(--red)}.switch:before{content:"";position:absolute;z-index:1;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:.2s}.switch:has(input:checked):before{transform:translate(20px)}textarea.input{font-size:12px}input[type=file]{color:var(--muted);font-size:12px}label{cursor:pointer}.toast-host{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:stretch;min-width:240px;max-width:380px;background:var(--surface-raised);border:1px solid var(--hairline);border-radius:10px;box-shadow:0 8px 28px #00000073;overflow:hidden;cursor:pointer;animation:toast-in .18s cubic-bezier(.2,.8,.2,1)}.toast-bar{width:4px;flex:0 0 4px;background:var(--red)}.toast-success .toast-bar{background:var(--online)}.toast-warning .toast-bar{background:#f5b12b}.toast-error .toast-bar{background:#e03a3a}.toast-info .toast-bar{background:var(--red)}.toast-msg{padding:12px 16px;font-size:13px;color:var(--text);line-height:1.35}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}body{background:radial-gradient(1100px 500px at 100% -10%,rgba(var(--accent-rgb),.06),transparent 60%),radial-gradient(900px 500px at -10% 0%,rgba(142,3,3,.05),transparent 55%),var(--void);background-attachment:fixed}.card{transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.sidebar{background:linear-gradient(180deg,rgba(255,255,255,.015),transparent 30%);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.navitem{transition:all .15s ease;letter-spacing:.01em}.navitem.active{box-shadow:inset 0 0 0 1px var(--hairline)}.nav-section{font-size:9.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);padding:16px 14px 6px}.tab.active{text-shadow:0 0 18px rgba(var(--accent-rgb),.35)}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:22px}.stat{background:linear-gradient(160deg,var(--surface),rgba(27,27,34,.6));border:1px solid var(--hairline);border-radius:14px;padding:16px 18px;position:relative;overflow:hidden}.stat:after{content:"";position:absolute;top:0;right:0;width:60px;height:100%;background:linear-gradient(90deg,transparent,rgba(var(--accent-rgb),.06))}.stat .label{font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.stat .value{font-family:var(--display);font-size:26px;font-weight:700;margin-top:6px}.stat .value.accent{color:var(--red)}.section-title{display:flex;align-items:center;gap:10px;margin:26px 0 14px}.section-title .bar{width:4px;height:18px;border-radius:2px;background:linear-gradient(var(--red-glow),var(--red-deep))}.section-title h2{margin:0}.chip{display:inline-flex;align-items:center;gap:6px;font-size:11px;padding:3px 9px;border-radius:999px;background:var(--surface-raised);border:1px solid var(--hairline);color:var(--muted)}.chip.on{color:var(--text);border-color:var(--red)}.content>*{animation:fadeUp .25s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--hairline);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#34343e}::-webkit-scrollbar-track{background:transparent}@media (max-width: 820px){.shell{grid-template-columns:1fr}.sidebar{flex-direction:row;flex-wrap:wrap;align-items:center;border-right:none;border-bottom:1px solid var(--hairline);padding:12px 14px;gap:4px;position:sticky;top:0;z-index:50;background:var(--void)}.brand{margin-bottom:0;margin-right:12px;flex:0 0 auto}.navitem{padding:8px 12px;border-left:none;border-bottom:2px solid transparent;font-size:13px}.navitem.active{border-left:none;border-bottom-color:var(--red);box-shadow:none}.nav-section{display:none}.content{padding:18px 16px;height:auto}h1{font-size:23px}.stat-row{grid-template-columns:repeat(2,1fr)}table{display:block;overflow-x:auto;white-space:nowrap}}@media (max-width: 480px){.stat-row{grid-template-columns:1fr 1fr}.card{padding:14px}.btn{padding:9px 14px;font-size:12.5px}h1{font-size:20px}.field input,.input{font-size:16px}}@media (max-width: 560px){[style*="grid-template-columns: repeat(auto-fill"],[style*="grid-template-columns: repeat(auto-fit"]{grid-template-columns:1fr!important}}.login-wrap{position:relative;overflow:hidden}.login-aurora{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(600px 400px at 30% 30%,rgba(var(--accent-rgb),.22),transparent 60%),radial-gradient(500px 380px at 75% 70%,rgba(142,3,3,.18),transparent 60%),radial-gradient(400px 300px at 60% 20%,rgba(245,33,33,.12),transparent 60%);animation:aurora 14s ease-in-out infinite alternate;filter:blur(8px)}@keyframes aurora{0%{transform:translate(0) scale(1);opacity:.8}50%{transform:translate(-3%,2%) scale(1.08);opacity:1}to{transform:translate(2%,-2%) scale(1.04);opacity:.85}}.login-card{position:relative;z-index:1;width:380px;max-width:90vw;text-align:center;padding:40px 40px 32px;animation:cardIn .5s cubic-bezier(.2,.7,.2,1);box-shadow:0 30px 80px #0009,0 0 0 1px rgba(var(--accent-rgb),.08)}@keyframes cardIn{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}.login-logo{width:56px;height:56px;margin:0 auto 18px;border-radius:16px;background:linear-gradient(150deg,#2a0e18,#14060b);border:1px solid rgba(var(--accent-rgb),.3);display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px rgba(var(--accent-rgb),.25);animation:floaty 4s ease-in-out infinite}.login-logo .bar{width:10px;height:28px;border-radius:3px;background:linear-gradient(var(--red-glow),var(--red),var(--red-deep));box-shadow:0 0 18px #f52121b3}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.login-btn{display:block;position:relative;overflow:hidden}.login-btn:after{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.25),transparent);transform:skew(-20deg);animation:shine 3.5s ease-in-out infinite}@keyframes shine{0%{left:-120%}60%,to{left:140%}}.spinner{position:relative}.spinner:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;border:2px solid rgba(var(--accent-rgb),.15);animation:pulse 1.6s ease-out infinite}@keyframes pulse{0%{transform:scale(.85);opacity:.8}to{transform:scale(1.3);opacity:0}}.server-row,.card{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.server-row:hover{transform:translate(3px)}.navitem{position:relative}.navitem:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:var(--red);border-radius:2px;transition:height .2s ease}.navitem.active:before{height:60%}.btn-primary{position:relative}.btn-primary:active{transform:scale(.97)}.dot.running{box-shadow:0 0 8px #3fd17a99;animation:dotpulse 2s ease-in-out infinite}@keyframes dotpulse{0%,to{box-shadow:0 0 6px #3fd17a80}50%{box-shadow:0 0 12px #3fd17ae6}}.badge-pro{animation:badgePop .3s ease}@keyframes badgePop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.server-hero{position:relative;border-radius:16px;overflow:hidden;min-height:132px;display:flex;align-items:flex-end;border:1px solid var(--hairline);margin-bottom:4px;background:var(--surface)}.server-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;transform:scale(1.05);filter:saturate(1.05);animation:heroIn .6s ease}@keyframes heroIn{0%{opacity:0;transform:scale(1.12)}to{opacity:1;transform:scale(1.05)}}.server-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0a0c40,#0a0a0c8c 45%,#0a0a0ceb)}.server-hero-content{position:relative;z-index:1;display:flex;align-items:center;gap:14px;padding:16px 18px;width:100%}.bell-btn{position:relative;width:40px;height:40px;border-radius:11px;background:var(--surface);border:1px solid var(--hairline);color:var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .16s ease}.bell-btn:hover{color:var(--text);border-color:var(--accent)}.bell-badge{position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--accent);color:#fff;font-size:10.5px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px var(--void)}.bell-panel{position:absolute;top:48px;right:0;width:340px;max-width:90vw;z-index:60;background:var(--surface);border:1px solid var(--hairline);border-radius:14px;overflow:hidden;box-shadow:0 24px 60px #00000080;animation:bellIn .16s ease}@keyframes bellIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.bell-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--hairline)}.bell-clear{background:none;border:none;color:var(--muted);font-size:12px;cursor:pointer}.bell-clear:hover{color:var(--accent)}.bell-list{max-height:420px;overflow-y:auto}.bell-item{display:flex;gap:11px;padding:13px 16px;border-bottom:1px solid var(--hairline)}.bell-item:last-child{border-bottom:none}.bell-dot{width:8px;height:8px;border-radius:50%;margin-top:5px;flex:0 0 auto}.srv-public-tag{display:inline-flex;align-items:center;gap:4px;margin-left:10px;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:500;vertical-align:middle;color:var(--online);background:#3fd17a1f;border:1px solid rgba(63,209,122,.3)}@keyframes popIn{0%{opacity:0;transform:scale(.94) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}