:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#eaf0f8;background:#060a11;--panel:#0d141e;--panel2:#111b27;--border:#202d3d;--muted:#8290a5;--text:#eaf0f8;--blue:#3b82f6;--green:#22c55e;--red:#ef4444;--yellow:#eab308}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% -20%,#172746 0,#060a11 42%);min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;color:inherit;background:none}button:disabled{opacity:.4;cursor:not-allowed}.shell{min-height:100vh}.sidebar{position:fixed;z-index:30;left:0;top:0;bottom:0;width:255px;background:#080d15f5;border-right:1px solid var(--border);padding:18px 14px;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{display:flex;gap:11px;align-items:center;padding:5px 9px 23px}.brand-img{width:43px;height:43px;border-radius:12px;overflow:hidden;background:#142337;border:1px solid #29445f;box-shadow:0 10px 25px #0007}.brand-img img{width:100%;height:100%;object-fit:cover}.brand b{display:block;font-size:17px}.brand span{display:block;color:var(--muted);font-size:10px;margin-top:2px}.navlabel{font-size:10px;color:#536175;letter-spacing:.13em;padding:18px 12px 6px}.nav,.logout{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:10px;color:#aeb9c9;text-align:left;width:100%}.nav svg,.logout svg{width:18px}.nav:hover,.nav.active{background:#172235;color:#fff}.nav.active{box-shadow:inset 3px 0 var(--blue)}.logout{margin-top:auto}.main{margin-left:255px;min-height:100vh}header{height:76px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:#080d15dd;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}header small,.page-head small,.hero small{color:#65748a;font-size:10px;letter-spacing:.14em;font-weight:800}header h2{margin:2px 0 0;font-size:18px}.top-user{font-size:12px;color:#9eabbc}.online-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 10px #22c55e}.menu{display:none}.content{max-width:1500px;margin:auto;padding:32px}.hero{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:32px;border:1px solid var(--border);border-radius:20px;background:linear-gradient(135deg,#111c2c,#0d141f);margin-bottom:20px}.hero h1,.page-head h1{font-size:30px;margin:5px 0}.hero p,.page-head p,.section-head p,.empty p{color:var(--muted);margin:6px 0}.primary,.success,.danger,.ghost,.back{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:10px 13px;border:1px solid var(--border);font-weight:750}.primary{background:var(--blue);border-color:#4c8ef4;color:#fff}.success{background:#11301d;border-color:#1f6b3a;color:#7ef0a5}.danger{background:#36181b;border-color:#70262c;color:#ff9198}.ghost{background:#111a27}.primary svg,.success svg,.danger svg,.ghost svg,.back svg{width:16px}.mini{padding:6px 9px;font-size:11px}.pool{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:26px}.pool.two{grid-template-columns:repeat(4,1fr)}.metric{display:flex;gap:12px;align-items:center;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:15px}.metric-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#14233a;color:#73a7ff}.metric-icon svg{width:18px}.grow{min-width:0;flex:1}.metric span{display:block;color:var(--muted);font-size:10px}.metric b{display:block;font-size:13px;margin:3px 0 7px}.bar{height:5px;border-radius:9px;background:#182331;overflow:hidden}.bar i{display:block;height:100%;background:var(--blue);border-radius:9px}.section{margin-top:22px}.section-head,.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:25px 0 14px}.section-head h2{margin:0}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:15px}.server-card{position:relative;background:var(--panel);border:1px solid var(--border);border-radius:17px;padding:18px;overflow:hidden}.server-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--blue)}.server-card.green:before{background:var(--green)}.server-card.red:before{background:var(--red)}.server-card.yellow:before{background:var(--yellow)}.server-top{display:flex;gap:12px;align-items:center}.server-symbol{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:#14233b;color:#75a9ff}.server-symbol svg{width:20px}.server-top h3{margin:0;font-size:16px}.server-top p{margin:3px 0;color:var(--muted);font-size:12px;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status{margin-left:auto;display:flex;align-items:center;gap:6px;text-transform:capitalize;font-size:11px;font-weight:800;color:#8e9aad}.status i{width:7px;height:7px;border-radius:50%;background:#64748b}.status.online{color:#62e994}.status.online i{background:var(--green);box-shadow:0 0 9px #22c55e}.status.starting{color:#f4d55b}.status.starting i{background:var(--yellow);box-shadow:0 0 9px #eab308}.status.stopping{color:#ff7d85}.status.stopping i{background:var(--red)}.status.killing{color:#8b1e2a}.status.killing i{background:#7f1d1d;box-shadow:0 0 9px #450a0a}.status.offline{color:#8e9aad}.status.error{color:#ff7e86}.status.error i{background:var(--red)}.resource-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.resource-mini div{background:#090f17;border:1px solid #182433;border-radius:10px;padding:9px}.resource-mini span{display:block;color:var(--muted);font-size:9px}.resource-mini b{display:block;font-size:12px;margin-top:3px}.actions{display:grid;grid-template-columns:1fr 1fr 1fr 1.2fr;gap:7px}.actions button{font-size:11px;padding:8px}.login{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 50% 20%,#17305a,#060a11 58%)}.login-card{width:min(440px,100%);padding:34px;border:1px solid var(--border);background:#0d141fe8;border-radius:20px;box-shadow:0 30px 90px #0009}.login-card .brand{padding:0 0 20px}.login-card h1{margin:0 0 7px}.login-card p{color:var(--muted);margin:0 0 22px}.login-card label,.modal label{display:block;color:#9caabd;font-size:12px;margin:13px 0}.login-card input,.modal input,.modal select,.modal textarea,.terminal-input input,.search{display:block;width:100%;margin-top:7px;background:#080e17;border:1px solid #253246;border-radius:10px;padding:11px;color:#fff;outline:none}.login-card input:focus,.modal input:focus,.modal select:focus,.terminal-input input:focus,.search:focus{border-color:var(--blue);box-shadow:0 0 0 3px #3b82f622}.wide{width:100%;margin-top:9px}.error{padding:11px;border:1px solid #6b252b;background:#301518;color:#ff9aa0;border-radius:10px;font-size:12px;margin:10px 0}.warning{display:flex;gap:9px;align-items:center;padding:12px;border:1px solid #6a5218;background:#302610;color:#f8d768;border-radius:10px;font-size:12px;margin-bottom:15px}.warning svg{width:17px}.loading{min-height:100vh;display:grid;place-items:center;color:#a8b4c5}.back{margin-bottom:8px;color:#9fb0c7}.detail-title{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 0 22px}.detail-title h1{margin:5px 0;font-size:28px}.detail-title p{color:var(--muted);margin:0}.detail-actions{display:flex;align-items:center;gap:7px}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border);overflow:auto;margin-bottom:20px}.tabs button{padding:12px 15px;color:var(--muted);white-space:nowrap}.tabs button.active{color:#fff;border-bottom:2px solid var(--blue)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:15px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:15px;padding:18px}.panel-title{display:flex;align-items:center;gap:8px;font-weight:800;margin-bottom:13px}.panel-title svg{width:17px;color:#73a7ff}.row{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid #1a2534;font-size:12px}.row:last-child{border-bottom:0}.row span{color:var(--muted)}.row b{max-width:65%;text-align:right;word-break:break-word}.file-manager{background:var(--panel);border:1px solid var(--border);border-radius:15px;padding:14px}.file-toolbar{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.file-toolbar .search{width:220px;margin:0}.upload{cursor:pointer}.upload input{display:none}.crumb{margin:13px 0;color:#718198;font-family:ui-monospace,monospace;font-size:12px;padding:8px 10px;background:#090f17;border-radius:9px}.file-list{min-height:300px}.file-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:11px 9px;border-bottom:1px solid #1a2534;font-size:12px}.file-row:hover,.file-row.selected{background:#121d2b}.file-row span{display:flex;align-items:center;gap:9px}.file-row span svg{width:16px;color:#73a7ff}.file-row small{color:var(--muted);display:flex;align-items:center;gap:8px}.file-row a{color:#73a7ff}.logs{padding:0;overflow:hidden}.logs .panel-title{padding:15px 18px;margin:0;border-bottom:1px solid var(--border);justify-content:space-between}.logs pre{height:520px;overflow:auto;margin:0;padding:18px;background:#05080d;color:#b8c8dc;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}.terminal{background:#05080d;border:1px solid var(--border);border-radius:15px;overflow:hidden}.terminal pre{height:500px;overflow:auto;margin:0;padding:18px;color:#c9d5e5;font:12px/1.6 ui-monospace,monospace}.terminal-input{display:flex;gap:8px;align-items:center;padding:10px;background:#0b1119;border-top:1px solid var(--border)}.terminal-input span{color:#59e48c}.terminal-input input{margin:0;flex:1}.code-editor{min-height:520px!important;resize:vertical;font:13px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace!important;white-space:pre}.danger-zone{margin-top:15px;border-color:#4b2428}.danger-zone button{margin-right:8px}.empty{min-height:280px;border:1px dashed #2a394d;border-radius:17px;display:grid;place-items:center;text-align:center;padding:30px}.empty>div{width:56px;height:56px;border-radius:16px;background:#14233a;color:#73a7ff;display:grid;place-items:center}.empty p{max-width:450px}.table{padding:8px 18px}.table-row{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid #1a2534}.table-row:last-child{border:0}.table-row small{display:block;color:var(--muted);margin-top:3px}.table-row button{margin-left:6px}.audit{display:grid;grid-template-columns:180px 190px 160px 1fr;gap:15px;padding:12px 0;border-bottom:1px solid #1a2534;font-size:12px}.audit small,.audit span{color:var(--muted)}.permission-layout{display:grid;grid-template-columns:330px 1fr;gap:15px}.perm{display:flex!important;align-items:center;gap:9px;color:#b4c0d0!important;margin:0!important;padding:9px 0;border-bottom:1px solid #1a2534}.perm input,.check input{width:auto!important;margin:0!important}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px 14px}.form-grid .full{grid-column:1/-1}.modal-bg{position:fixed;z-index:100;inset:0;background:#0009;display:grid;place-items:center;padding:20px}.modal{width:min(620px,100%);max-height:90vh;overflow:auto;background:#0d141e;border:1px solid var(--border);border-radius:17px;padding:20px;box-shadow:0 30px 100px #000b}.wide-modal{width:min(1000px,100%)}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.modal-head h2{margin:0;font-size:18px}.modal-head button{padding:6px;color:var(--muted)}.modal-head svg{width:18px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.check{display:flex!important;align-items:center;gap:8px}.check input{width:auto}.muted{color:var(--muted)}@media(max-width:1000px){.sidebar{transform:translate(-100%);transition:.2s}.sidebar.open{transform:none}.main{margin-left:0}.menu{display:grid;place-items:center;margin-right:10px}.top-user{display:none}.pool{grid-template-columns:1fr 1fr}.grid2,.permission-layout{grid-template-columns:1fr}.content{padding:20px}.detail-title{align-items:flex-start;flex-direction:column}.detail-actions{flex-wrap:wrap}.audit{grid-template-columns:1fr 1fr}.hero{align-items:flex-start;flex-direction:column}}@media(max-width:600px){.pool,.cards{grid-template-columns:1fr}.hero h1,.page-head h1{font-size:24px}.actions{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.file-toolbar .search{width:100%}.file-row small{display:none}.audit{grid-template-columns:1fr}.content{padding:14px}}.file-check{display:flex;align-items:center;margin-right:10px;cursor:pointer}.file-check input{width:16px;height:16px;accent-color:inherit}.file-row>span{display:flex;align-items:center;gap:8px}.file-row.selected{outline:1px solid rgba(80,160,255,.45)}.file-toolbar{flex-wrap:wrap}.action-message{display:flex;align-items:center;gap:7px;margin-top:10px;padding:9px 11px;border-radius:9px;background:#0d2418;border:1px solid #1d5d36;color:#7ef0a5;font-size:12px}.action-message svg{width:15px}.log-actions{display:flex;gap:6px;margin-left:auto}.kill{background:#26070b;border:1px solid #5b1019;color:#ff5967;display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border-radius:10px}.kill svg{width:16px}