:root{color-scheme:dark;--bg:#090e17;--side:#0d1421;--panel:#101a2a;--panel-2:#141f30;--line:#243147;--line-soft:#1d2a3c;--text:#f0f5fe;--muted:#91a0b5;--muted-2:#64758e;--cyan:#5ad7cd;--cyan-deep:#1a928d;--violet:#8878f1;--red:#fb7c83;--green:#72dcad;--radius:17px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-synthesis:none}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}input,textarea,select{background:#0c1524;color:var(--text);border:1px solid #314057;border-radius:10px;outline:none;padding:12px 14px;width:100%;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus,select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #5ad7cd19}textarea{resize:vertical;min-height:78px}a{color:var(--cyan)}.hidden{display:none!important}.shell{min-height:100vh;display:flex}.sidebar{width:244px;background:linear-gradient(180deg,#101827 0%,#0b1320 70%);border-right:1px solid var(--line-soft);display:flex;flex-direction:column;padding:29px 17px 22px;position:sticky;top:0;height:100vh;flex-shrink:0}.brand{display:flex;align-items:center;gap:12px;padding:0 10px;margin-bottom:59px}.brand-mark,.brand-symbol,.mobile-brand{border-radius:12px;background:linear-gradient(145deg,#69f3dd,#477ce4);box-shadow:0 6px 20px #55cfc44b;color:#07121c;font-weight:950;display:grid;place-items:center;letter-spacing:-.13em}.brand-mark{width:38px;height:38px;font-size:25px;padding-right:4px}.brand-mark span,.brand-symbol span,.mobile-brand span{color:#ffffff;transform:translateY(-3px);display:inline}.brand strong{display:block;font-size:16px;letter-spacing:-.6px}.brand small{font-size:10px;color:#6d9bba;letter-spacing:1.7px;font-weight:750}.side-caption{font-size:10px;font-weight:850;letter-spacing:2px;color:#65778f;padding:0 15px;margin-bottom:17px}.sidebar nav{display:grid;gap:5px}.nav-link{height:45px;display:flex;align-items:center;gap:13px;padding:0 14px;color:#91a2ba;background:transparent;border:0;border-radius:10px;text-align:left;font-size:13px;font-weight:650}.nav-link:hover{background:#19283a;color:#fff}.nav-link.active{background:linear-gradient(90deg,#174b53,#173346);color:#91f6eb;box-shadow:inset 3px 0 #5ee7d9}.nav-icon{font-size:20px;width:19px;text-align:center;font-weight:600}.side-pill{margin-left:auto;background:#1a3140;color:#7fe0d5;border-radius:12px;padding:2px 7px;font-size:11px}.side-bottom{margin-top:auto}.connection-card{display:flex;align-items:center;gap:11px;border:1px solid var(--line);background:#121f2e;padding:14px 13px;border-radius:12px}.status-dot{width:9px;height:9px;border-radius:50%;background:#e6ad5d;box-shadow:0 0 0 4px #e6ad5d22}.status-dot.online{background:var(--green);box-shadow:0 0 0 4px #72dcad1c}.status-dot.offline{background:var(--red);box-shadow:0 0 0 4px #fb7c831c}.connection-card strong{font-size:12px;display:block}.connection-card small{color:#788da4;font-size:10px}.logout-button{display:flex;align-items:center;gap:13px;background:none;border:0;color:#8294ad;padding:19px 14px 0;font-size:13px;font-weight:700}.logout-button:hover{color:#fff}.page-shell{flex:1;min-width:0}.topbar{height:78px;padding:0 42px;border-bottom:1px solid var(--line-soft);display:flex;justify-content:space-between;align-items:center}.crumb{display:flex;align-items:center;gap:12px;color:#e9f4ff;font-size:13px}.crumb span{color:#6d8096;font-size:10px;font-weight:900;letter-spacing:1.7px}.crumb b{color:#385168;font-size:14px}.top-actions{display:flex;align-items:center;gap:16px}.sync-time{font-size:11px;color:#72869d}.avatar{background:linear-gradient(135deg,#233f60,#274f5d);border:1px solid #3a6574;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;font-size:11px;font-weight:850;color:#a0f5ec}.content{padding:43px 42px 78px;max-width:1700px;margin:auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:28px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--cyan);font-weight:900;margin-bottom:10px}.page-head h1{font-weight:780;letter-spacing:-1.7px;font-size:36px;margin:0 0 9px}.page-head p{color:var(--muted);margin:0;font-size:13px;line-height:1.65}.btn{border:1px solid #2e4057;border-radius:10px;background:#162438;color:#dfebff;padding:11px 17px;font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.btn:hover{filter:brightness(1.15)}.btn.primary{border-color:#67e5d3;background:var(--cyan);color:#073137;box-shadow:0 5px 20px #43d9bf1b}.btn.danger{border-color:#79424b;color:#ff929a;background:#3a212e}.btn.subtle{background:transparent}.btn.small{font-size:11px;padding:7px 11px;border-radius:8px}.btn.full{width:100%;justify-content:space-between}.btn.icon-button{font-size:19px;font-weight:500;padding:7px 11px}.grid-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:21px}.stat-card{background:linear-gradient(145deg,#141f31,#111b2b);border:1px solid var(--line);border-radius:var(--radius);padding:23px 24px;position:relative;min-height:142px;overflow:hidden}.stat-card:after{content:'';position:absolute;width:125px;height:125px;border-radius:100%;background:radial-gradient(circle,#5ad7cd13,transparent 67%);right:-35px;top:-35px}.stat-top{display:flex;justify-content:space-between;align-items:center;color:#97a9bd;font-size:12px;font-weight:700}.stat-icon{color:var(--cyan);background:#1c3443;border:1px solid #29515a;border-radius:10px;padding:5px 8px;font-size:18px}.stat-value{font-size:32px;letter-spacing:-1.4px;font-weight:800;margin-top:18px;line-height:1}.stat-foot{font-size:11px;margin-top:9px;color:#788aa0}.stat-foot em{color:var(--green);font-style:normal}.wide-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(280px,1fr);gap:20px}.panel{background:linear-gradient(160deg,#131f30,#101a29);border:1px solid var(--line);border-radius:var(--radius);min-width:0;overflow:hidden}.panel-pad{padding:24px}.panel-titlebar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:23px 23px 19px}.panel-titlebar h2,.panel h2{font-size:16px;letter-spacing:-.35px;margin:0;font-weight:780}.panel-titlebar p{color:var(--muted);font-size:11px;margin:5px 0 0}.tiny-link{background:none;border:0;color:var(--cyan);font-size:11px;font-weight:800}.data-table{width:100%;border-collapse:collapse;text-align:left}.data-table thead{background:#0e1929}.data-table th{padding:13px 23px;color:#71849c;font-size:10px;text-transform:uppercase;letter-spacing:1.2px;font-weight:850;white-space:nowrap}.data-table td{padding:15px 23px;border-top:1px solid #223047;font-size:12px;color:#b6c6da;vertical-align:middle}.data-table td strong{color:#ebf5ff}.table-wrap{overflow:auto}.service-name,.player-name{display:flex;align-items:center;gap:10px}.service-symbol{height:32px;width:32px;border:1px solid #344457;background:#1b2b3b;border-radius:9px;display:grid;place-items:center;font-size:16px;color:#86d5d4}.badge{font-size:10px;letter-spacing:.4px;padding:5px 9px;border:1px solid #375f55;border-radius:8px;background:#17372f;color:#7de9ba;font-weight:800;display:inline-block;white-space:nowrap}.badge.warn{background:#3a3024;color:#f6c76d;border-color:#6a563a}.badge.off{background:#38262d;color:#ffa0a9;border-color:#70424c}.badge.neutral{background:#26304a;color:#a7bdf9;border-color:#465072}.cell-sub{color:#687d93;font-size:10px;display:block;margin-top:3px}.health-card{padding:25px}.health-card h2{font-size:16px;margin:0 0 6px}.health-card .muted{margin-bottom:24px}.health-bars{display:grid;gap:23px}.metric-header{display:flex;justify-content:space-between;font-size:12px;margin-bottom:10px;color:#c8d6e5}.metric-header b{color:#eaf8ff}.meter{width:100%;height:7px;background:#253348;border-radius:10px;overflow:hidden}.meter>span{display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,#4fc3b4,#77e5cd)}.meter.purple>span{background:linear-gradient(90deg,#686cd7,#a38dfb)}.divider{height:1px;background:var(--line);margin:24px 0}.notice{padding:14px 16px;border:1px solid #3b5c61;background:#142b37;color:#b5e8e4;font-size:12px;line-height:1.6;border-radius:10px}.notice.warning{background:#302a21;color:#f6cea2;border-color:#68503c}.notice.error{background:#37242c;color:#ffc5cb;border-color:#73424f}.muted{font-size:12px;color:#889bb2;line-height:1.7}.empty-state{padding:38px 22px;text-align:center;color:#8193aa;font-size:13px}.empty-icon{font-size:29px;margin-bottom:10px}.toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap}.search-input{max-width:310px}.toolbar-right{display:flex;gap:9px}.group-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.group-card{padding:21px 22px}.group-card h2{margin:0;font-size:17px}.group-card .row-tags{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.group-stats{display:flex;gap:23px;margin:18px 0;padding:16px 0;border-block:1px solid var(--line-soft)}.group-stats b{display:block;font-size:19px}.group-stats small{font-size:10px;color:var(--muted)}.group-actions{display:flex;gap:8px;flex-wrap:wrap}.proxy-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(310px,1fr);gap:19px}.form-section{padding:24px}.form-section+.form-section{border-top:1px solid var(--line)}.form-section h2{margin:0 0 6px;font-size:16px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:block;font-size:12px;font-weight:750;color:#c5d4e7;margin-top:17px}.field input,.field textarea{margin-top:8px;font-weight:500}.help-text{font-size:11px;color:#70869e;line-height:1.5;margin-top:7px}.switch-row{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:15px 0}.switch-row b{font-size:13px}.switch-row small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.toggle{width:47px;height:26px;border-radius:22px;background:#354358;border:0;padding:3px;display:flex;align-items:center;transition:background .2s}.toggle:after{content:'';width:20px;height:20px;border-radius:50%;background:#bdcada;transition:transform .2s}.toggle[aria-checked=true]{background:#36bfb0}.toggle[aria-checked=true]:after{transform:translateX(21px);background:#fff}.minecraft-preview{padding:22px;background:radial-gradient(ellipse at top,#28435d,#101823 68%);border:1px solid #334761;border-radius:14px;margin-top:16px;display:flex;gap:15px;align-items:center;min-height:118px}.mc-icon{width:54px;height:54px;background:linear-gradient(#558a48 0 30%,#806a4c 30% 100%);border:3px solid #d9d8d1;image-rendering:pixelated;flex-shrink:0;box-shadow:inset 0 -9px #5d4e3a}.mc-lines{font-family:'Courier New',monospace;font-weight:700;font-size:13px;line-height:1.7;min-width:0}.mc-lines div{overflow-wrap:anywhere}.mc-lines .players-num{font-size:11px;color:#c3c8d6;font-family:inherit;font-weight:400}.path-list{display:grid;gap:8px;font-size:10px;color:#8ca5bb;word-break:break-all}.path-list code{display:block;padding:8px 10px;background:#0b1724;border-radius:7px}.terminal-shell{background:#070e17;border:1px solid #263b47;border-radius:14px;overflow:hidden}.terminal-top{display:flex;gap:7px;padding:15px 17px;border-bottom:1px solid #1c2b37;background:#101c29;align-items:center}.terminal-top span.ball{width:9px;height:9px;border-radius:50%;background:#ff777e}.terminal-top span.ball:nth-child(2){background:#ffc16f}.terminal-top span.ball:nth-child(3){background:#60daa8}.terminal-top strong{font-family:monospace;color:#849aab;font-size:11px;margin-left:12px}.terminal-log{height:340px;overflow:auto;padding:22px;color:#a2d3c8;font:12px/1.85 'Consolas','Courier New',monospace;white-space:pre-wrap;overflow-wrap:anywhere}.terminal-log .cmd{color:#e7f7f2}.terminal-log .err{color:#ffa6ae}.terminal-bottom{border-top:1px solid #243448;display:flex;align-items:center;padding:10px 13px;gap:10px}.terminal-bottom span{color:var(--cyan);font:15px monospace}.terminal-bottom input{border:0;background:transparent;padding:10px 0;font-family:monospace;box-shadow:none!important}.terminal-bottom .btn{margin-left:auto}.quick-commands{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.quick-commands button{background:#1b2e3c;border:1px solid #2e4855;border-radius:8px;color:#98d7d0;font-family:monospace;font-size:11px;padding:8px 10px}.code-editor{font-family:'Consolas',monospace;min-height:230px;font-size:12px;line-height:1.6}.actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.form-error{color:#ff949c;font-size:12px;margin-top:10px;min-height:14px}.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:30px;position:relative;overflow:hidden;background:#080f19}.auth-glow{position:absolute;inset:0;background:radial-gradient(ellipse 50% 65% at 50% 50%,#225c6663,transparent 75%),radial-gradient(circle at 80% 15%,#385a944d,transparent 30%)}.auth-card{position:relative;width:100%;max-width:430px;padding:39px 40px;background:linear-gradient(155deg,#152337,#101a29);border:1px solid #2d4155;border-radius:24px;box-shadow:0 25px 100px #020811b8}.brand-symbol{width:48px;height:48px;font-size:32px;margin-bottom:27px}.auth-card h1{font-size:38px;line-height:1.08;margin:0 0 15px;letter-spacing:-1.8px}.auth-card h1 span{color:var(--cyan)}.auth-card p{font-size:13px;line-height:1.7;color:#92a6bc;margin-bottom:28px}.auth-card label{display:block;font-size:12px;color:#bccde1;font-weight:700;margin:16px 0}.auth-card label input{margin-top:9px}.auth-foot{text-align:center;font-size:10px;letter-spacing:.5px;color:#637b94;margin-top:28px}.auth-foot span{padding:0 7px}.mobile-brand{display:none}.modal-layer{position:fixed;inset:0;background:#03070ddc;z-index:20;display:flex;align-items:center;justify-content:center;padding:20px}.modal-card{width:min(540px,100%);padding:30px;border:1px solid #385068;background:#152336;border-radius:18px;position:relative;box-shadow:0 30px 90px #000a}.modal-card h2{font-size:21px;margin:0 0 9px}.modal-card p{font-size:12px;color:#92a5bd;line-height:1.6}.modal-card label{display:block;font-size:12px;color:#bfd1e5;font-weight:700;margin:20px 0 8px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.modal-close{position:absolute;top:17px;right:17px;border:0;background:none;color:#93a6bb}.toast{position:fixed;bottom:24px;right:24px;max-width:min(420px,calc(100vw - 40px));padding:15px 21px;z-index:30;border-radius:12px;border:1px solid #397268;background:#1c3e3c;color:#c3fff1;box-shadow:0 20px 80px #0009;font-size:12px;line-height:1.6}.toast.error{background:#462b32;color:#ffc1c8;border-color:#8b4b5a}
@media(max-width:1250px){.grid-stats{grid-template-columns:repeat(2,1fr)}.group-grid{grid-template-columns:repeat(2,1fr)}.wide-grid,.proxy-grid{grid-template-columns:1fr}}
@media(max-width:850px){.sidebar{width:73px;padding:22px 10px}.brand{padding:0;justify-content:center;margin-bottom:38px}.brand>div:nth-child(2),.side-caption,.nav-link:not(.active) .side-pill,.connection-card>div,.logout-button span{display:none}.sidebar nav{gap:8px}.nav-link{font-size:0;justify-content:center;padding:0}.nav-icon{font-size:22px}.side-bottom{margin-bottom:10px}.connection-card{justify-content:center;padding:10px}.logout-button{justify-content:center;width:100%;padding:16px 0}.topbar{padding:0 20px}.content{padding:28px 20px 60px}.sync-time{display:none}.data-table td,.data-table th{padding:12px 14px}}
@media(max-width:590px){.sidebar{position:fixed;z-index:10;bottom:0;top:auto;height:62px;width:100%;padding:4px 8px;border-top:1px solid var(--line);border-right:none;background:#101b29}.sidebar .brand,.side-bottom{display:none}.sidebar nav{display:flex;align-items:center;justify-content:space-around;height:100%;gap:0}.sidebar .nav-link{height:50px;width:13%;border-radius:9px;justify-content:center}.sidebar .nav-icon{font-size:20px}.page-shell{padding-bottom:60px}.topbar{height:62px}.mobile-brand{display:grid;width:29px;height:29px;font-size:18px}.crumb span,.crumb b{display:none}.crumb{margin-right:auto;margin-left:13px}.avatar{display:none}.content{padding:24px 15px 55px}.page-head h1{font-size:29px}.page-head{align-items:flex-start;flex-wrap:wrap}.grid-stats{gap:10px}.stat-card{padding:17px;min-height:121px}.stat-value{font-size:26px}.stat-top{font-size:10px}.group-grid,.field-grid{grid-template-columns:1fr}.panel-pad,.form-section{padding:18px}.auth-card{padding:29px 25px}.auth-card h1{font-size:31px}.toolbar .search-input{max-width:none}.quick-commands{gap:6px}}
