:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#08080c;--bg-grid:#ffffff07;--glass:linear-gradient(160deg, #ffffff12, #ffffff04);--glass-strong:linear-gradient(160deg, #ffffff1a, #ffffff05);--glass-border:#ffffff17;--glass-border-soft:#ffffff0f;--text:#f3f3f6;--text-dim:#9c9ca8;--text-faint:#5c5c68;--accent:#8b6bf2;--accent-soft:#8b6bf229;--cyan:#4fd6d0;--green:#34d399;--green-soft:#34d39924;--amber:#f3b94d;--amber-soft:#f3b94d24;--rose:#fb7185;--slate:#6b7280;--radius-lg:18px;--radius-md:12px;--radius-sm:8px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}html,body{margin:0;padding:0}body{background:radial-gradient(circle at 20% 0%, #8b6bf233, transparent 32rem), radial-gradient(circle at 82% 100%, #4fd6d024, transparent 34rem), var(--bg);min-width:320px;min-height:100vh;color:var(--text);-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";z-index:0;pointer-events:none;background-image:linear-gradient(var(--bg-grid) 1px, transparent 1px), linear-gradient(90deg, var(--bg-grid) 1px, transparent 1px);background-size:42px 42px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 0,#000000e6,#0000 75%);mask-image:radial-gradient(circle at 50% 0,#000000e6,#0000 75%)}::selection{background:var(--accent-soft);color:#fff}a,button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button{border:0}input,textarea,select{border:1px solid var(--glass-border-soft);border-radius:var(--radius-sm);width:100%;color:var(--text);background:#ffffff0a;outline:none;padding:9px 11px}input::placeholder,textarea::placeholder{color:var(--text-faint)}input:focus,textarea:focus,select:focus,:focus-visible{outline:2px solid var(--accent);outline-offset:2px}svg{flex-shrink:0;width:14px;height:14px}.bg-grid{z-index:0;pointer-events:none;position:fixed;inset:0}.app{z-index:1;max-width:1240px;margin:0 auto;padding:20px 24px 64px;position:relative}.glass{border:1px solid var(--glass-border);border-radius:var(--radius-lg);background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(140%);position:relative;box-shadow:inset 0 1px #ffffff0d,0 24px 48px -28px #000000a6}.glass:before{content:"";background:linear-gradient(90deg,#0000,#ffffff59,#0000);height:1px;position:absolute;top:0;left:14px;right:14px}.topbar{z-index:30;align-items:center;gap:14px;margin-bottom:22px;padding:13px 18px;display:flex;position:sticky;top:14px}.brand{flex-shrink:0;align-items:center;gap:10px;display:flex}.brand-large{gap:14px}.brand-mark,.game-icon{border:1px solid var(--glass-border);background:var(--glass-strong);color:var(--text);flex-shrink:0;justify-content:center;align-items:center;font-family:JetBrains Mono,monospace;font-weight:700;display:flex;box-shadow:inset 0 0 0 1px #8b6bf22e}.brand-mark{width:34px;height:34px;color:var(--accent);border-radius:10px}.brand-large .brand-mark{border-radius:14px;width:48px;height:48px;font-size:21px}.brand-text{flex-direction:column;line-height:1.1;display:flex}.brand-name{letter-spacing:.2px;font-size:15px;font-weight:700}.brand-tag,.section-sub{color:var(--text-faint);letter-spacing:.08em;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:10px}.topbar-search{border:1px solid var(--glass-border-soft);border-radius:var(--radius-md);background:#ffffff0a;align-items:center;gap:8px;width:min(360px,36vw);padding:8px 12px;display:flex}.topbar-search svg{color:var(--text-faint)}.topbar-search input{background:0 0;border:0;padding:0;font-size:13px}.topbar-search input:focus{outline:none}.topbar-nav{align-items:center;gap:4px;margin-left:auto;display:flex}.topbar-nav a{border-radius:var(--radius-sm);color:var(--text-dim);padding:7px 10px;font-size:12.5px}.topbar-nav a:hover,.topbar-nav a.active{color:var(--text);background:#ffffff0f}.topbar-user,.connection-badge{flex-shrink:0;align-items:center;gap:8px;display:flex}.presence-dot{background:var(--green);width:7px;height:7px;box-shadow:0 0 0 3px var(--green-soft);border-radius:50%}.user-name{max-width:150px;color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.connection-badge{background:var(--amber-soft);color:var(--amber);letter-spacing:.05em;text-transform:uppercase;border-radius:999px;padding:5px 9px 5px 7px;font-size:11px;font-weight:600}.connection-badge.connected{background:var(--green-soft);color:var(--green)}.btn{border:1px solid var(--glass-border);border-radius:var(--radius-sm);min-height:32px;color:var(--text);cursor:pointer;background:#ffffff08;justify-content:center;align-items:center;gap:6px;padding:7px 13px;font-size:12.5px;font-weight:500;transition:background .15s,border-color .15s,opacity .15s;display:inline-flex}.btn:hover{background:#ffffff12}.btn-primary{border-color:var(--accent);background:var(--accent);color:#fff}.btn-primary:hover{background:#7958e8}.btn-ghost{background:0 0;border-color:#0000}.btn-icon{width:30px;height:30px;padding:0}.btn:disabled{cursor:not-allowed;opacity:.42}.section-head{justify-content:space-between;align-items:baseline;gap:16px;margin:34px 0 14px;display:flex}.section-head h2,.panel h3{margin:0;font-size:15px;font-weight:600}.section-sub{margin-left:10px;font-size:11px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.stat-card{align-items:center;gap:14px;min-width:0;padding:18px;display:flex}.ring-wrap{flex-shrink:0;width:62px;height:62px;position:relative}.ring{width:62px;height:62px;transform:rotate(-90deg)}.ring-bg,.ring-fg{fill:none;stroke-width:8px}.ring-bg{stroke:#ffffff14}.ring-fg{stroke-linecap:round;transition:stroke-dashoffset .8s cubic-bezier(.4,0,.2,1)}.ring-pct{justify-content:center;align-items:center;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:600;display:flex;position:absolute;inset:0}.stat-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.stat-label{color:var(--text-faint);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:600}.stat-sub{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.stat-card.net{flex-direction:column;justify-content:center;align-items:flex-start;gap:8px}.net-row{align-items:center;gap:6px;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:600;display:flex}.net-up svg{color:var(--green)}.net-down svg{color:var(--cyan)}.server-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.server-card{flex-direction:column;gap:14px;min-width:0;padding:18px 18px 16px;display:flex}.server-card.is-warn{box-shadow:inset 0 0 0 1px #f3b94d59,0 24px 48px -28px #000000a6}.server-card-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.server-id{align-items:center;gap:10px;min-width:0;display:flex}.game-icon{border-radius:10px;width:36px;height:36px;font-size:13px}.server-name-wrap{flex-direction:column;gap:1px;min-width:0;display:flex}.server-name{text-overflow:ellipsis;white-space:nowrap;font-size:14.5px;font-weight:600;overflow:hidden}.server-game{color:var(--text-faint);text-overflow:ellipsis;white-space:nowrap;font-family:JetBrains Mono,monospace;font-size:11px;overflow:hidden}.status-pill{letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:4px 9px 4px 7px;font-size:11px;font-weight:600;display:inline-flex}.status-dot{background:currentColor;border-radius:50%;width:7px;height:7px}.status-running{background:var(--green-soft);color:var(--green)}.status-warn{background:var(--amber-soft);color:var(--amber)}.status-stopped{color:var(--slate);background:#ffffff0f}.status-transient{background:var(--amber-soft);color:var(--amber)}.status-transient .status-dot,.spinner{background:0 0;border:2px solid #f3b94d59;border-top-color:currentColor;animation:.75s linear infinite spin}.spinner{border-radius:50%;width:13px;height:13px}@keyframes spin{to{transform:rotate(360deg)}}.server-stats{grid-template-columns:1fr 1fr;gap:10px 16px;display:grid}.mini-stat{flex-direction:column;gap:5px;display:flex}.mini-stat-top{color:var(--text-dim);justify-content:space-between;gap:10px;font-size:11px;display:flex}.mini-stat-top span:last-child{color:var(--text);font-family:JetBrains Mono,monospace}.mini-bar{background:#ffffff12;border-radius:99px;height:5px;overflow:hidden}.mini-bar-fill{background:var(--accent);border-radius:99px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.mini-bar-fill.warn{background:var(--amber)}.mini-bar-fill.ok{background:var(--green)}.server-meta-row{color:var(--text-dim);flex-wrap:wrap;gap:14px;font-family:JetBrains Mono,monospace;font-size:11.5px;display:flex}.server-meta-row b{color:var(--text-dim);font-weight:500}.server-connect{border:1px solid var(--glass-border-soft);border-radius:var(--radius-sm);color:var(--text-dim);background:#ffffff09;justify-content:space-between;align-items:center;gap:8px;padding:7px 10px;font-family:JetBrains Mono,monospace;font-size:11.5px;display:flex}.server-connect span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.server-offline-note{color:var(--text-faint);padding:7px 2px;font-size:11.5px}.server-actions{gap:8px;margin-top:auto;display:flex}.server-actions .btn{flex:1}.coming-soon-card{border:1.5px dashed var(--glass-border);border-radius:var(--radius-lg);min-height:100%;color:inherit;cursor:pointer;text-align:center;background:#ffffff04;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:30px 18px;display:flex}.coming-soon-card:hover{background:#ffffff09;border-color:#ffffff2e}.cs-title{color:var(--text-dim);font-size:13.5px;font-weight:600}.cs-sub{color:var(--text-faint);letter-spacing:.06em;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:11px}.lower-grid{grid-template-columns:1.3fr 1fr;gap:14px;margin-top:34px;display:grid}.panel{min-width:0;padding:18px}.panel h3{margin-bottom:12px;font-size:13px}.activity-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.activity-list li{border-top:1px solid var(--glass-border-soft);gap:10px;padding:9px 0;font-size:12.5px;display:flex}.activity-list li:first-child{border-top:0}.activity-dot{background:var(--text-faint);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:5px}.activity-dot.success{background:var(--green)}.activity-dot.warn{background:var(--amber)}.activity-text{color:var(--text-dim);flex:1}.activity-text b{color:var(--text);font-weight:600}.activity-time{color:var(--text-faint);white-space:nowrap;flex-shrink:0;font-family:JetBrains Mono,monospace;font-size:10.5px}.host-info{grid-template-columns:auto minmax(0,1fr);gap:9px 14px;margin:0;font-size:12.5px;display:grid}.host-info dt{color:var(--text-faint);font-weight:500}.host-info dd{color:var(--text-dim);text-align:right;text-overflow:ellipsis;white-space:nowrap;margin:0;font-family:JetBrains Mono,monospace;overflow:hidden}.console-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#040407b3;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.console-overlay.open{display:flex}.console-modal{background:linear-gradient(160deg,#14141aeb,#0a0a0ef2);flex-direction:column;width:100%;max-width:720px;max-height:80vh;display:flex;overflow:hidden}.console-head{border-bottom:1px solid var(--glass-border-soft);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.console-head-title{align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.console-body,.inline-console{min-height:240px;color:var(--text-dim);font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.7;overflow-y:auto}.console-body{flex:1;padding:14px 16px}.inline-console{border:1px solid var(--glass-border-soft);border-radius:var(--radius-sm);background:#00000029;min-height:280px;max-height:420px;padding:12px}.ln{overflow-wrap:anywhere;margin-bottom:2px}.ln.warn{color:var(--amber)}.ln.evt{color:var(--cyan)}.console-input-row{border-top:1px solid var(--glass-border-soft);color:var(--text-faint);flex-shrink:0;align-items:center;gap:8px;padding:11px 16px;font-family:JetBrains Mono,monospace;font-size:12px;display:flex}.console-input-row input{color:var(--text-dim);font-family:inherit;font-size:inherit;background:0 0;border:0;padding:0}.toast-stack{z-index:200;flex-direction:column;gap:8px;width:min(320px,100vw - 36px);display:flex;position:fixed;bottom:18px;right:18px}.toast{border-left:3px solid var(--slate);border-radius:var(--radius-md);color:var(--text-dim);background:linear-gradient(160deg,#14141aeb,#0a0a0ef2);padding:11px 14px;font-size:12.5px;box-shadow:0 18px 40px -24px #000c}.toast.success{border-left-color:var(--green)}.toast.warn{border-left-color:var(--amber)}.toast b{color:var(--text)}.public-frame{z-index:1;grid-template-columns:minmax(0,1fr) minmax(320px,430px);align-items:center;gap:48px;width:min(1120px,100vw - 32px);min-height:100vh;margin:0 auto;padding:36px 0;display:grid;position:relative}.public-copy{flex-direction:column;gap:28px;display:flex}.public-copy h1{margin:0 0 12px;font-size:clamp(42px,7vw,78px);line-height:.95}.public-copy p{max-width:640px;color:var(--text-dim);margin:0;font-size:17px;line-height:1.7}.public-panel{padding:26px}.form-panel{gap:16px;display:grid}.form-panel h2{margin:0;font-size:24px}.form-panel p{color:var(--text-dim);margin:6px 0 0;font-size:13px;line-height:1.5}.field{gap:7px;display:grid}.field>span{color:var(--text-dim);font-size:12px;font-weight:600}.form-action{width:100%}.status-box,.inline-error,.token-line{border:1px solid var(--glass-border-soft);border-radius:var(--radius-sm);background:#ffffff09;padding:11px}.status-line{color:var(--text-dim);justify-content:space-between;gap:14px;font-size:12.5px;display:flex}.status-line+.status-line{margin-top:6px}.status-line b{color:var(--text);font-weight:600}.inline-error{color:var(--rose);border-color:#fb718559;font-size:12.5px}.token-line{color:var(--text-dim);margin:12px 0 0;font-family:JetBrains Mono,monospace;font-size:12px}.full-screen-state,.loading-panel{min-height:220px;color:var(--text-dim);justify-content:center;align-items:center;display:flex}.full-screen-state{z-index:1;min-height:100vh;position:relative}.page-stack{gap:18px;display:grid}.page-head{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.page-head h1{margin:0;font-size:28px}.page-head p,.muted-text{color:var(--text-dim);margin:6px 0 0;font-size:13px}.back-link{color:var(--cyan);margin-bottom:8px;font-size:12px;display:inline-flex}.detail-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.path-row{margin-bottom:12px}.file-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.file-list li{border-top:1px solid var(--glass-border-soft);color:var(--text-dim);grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 0;font-size:12px;display:grid}.file-list li:first-child{border-top:0}.file-list span,.file-list em{color:var(--text-faint);font-family:JetBrains Mono,monospace;font-style:normal}.file-list b{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.admin-span{grid-column:1/-1}.admin-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:12px;display:grid}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.simple-table-wrap{overflow-x:auto}.simple-table{border-collapse:collapse;width:100%;font-size:12.5px}.simple-table th,.simple-table td{border-top:1px solid var(--glass-border-soft);text-align:left;vertical-align:top;padding:9px 8px}.simple-table th{color:var(--text-faint);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:600}.simple-table td{color:var(--text-dim)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (width<=960px){.stats-grid,.server-grid,.lower-grid,.detail-grid,.admin-grid,.public-frame{grid-template-columns:1fr}.topbar{flex-wrap:wrap}.topbar-search{order:3;width:100%}.topbar-nav{margin-left:0}}@media (width<=560px){.app{padding:14px 12px 48px}.stats-grid,.server-stats,.admin-form,.settings-grid{grid-template-columns:1fr}.section-head,.page-head{flex-direction:column;align-items:stretch}.server-actions{flex-wrap:wrap}.public-frame{width:min(100% - 24px,1120px)}.public-panel{padding:18px}}