:root{color-scheme:dark;--bg:#07080d;--panel:#10121b;--panel2:#151824;--line:#25293a;--text:#f4f5fa;--muted:#8d93a7;--purple:#8b5cf6;--cyan:#23d5d5;--blue:#4787ff;--red:#ff5570;--green:#45dfa0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 70% -10%,#21133c 0,transparent 28%),var(--bg);color:var(--text);min-height:100vh}button,input{font:inherit}button{cursor:pointer}.topbar{height:74px;padding:0 max(24px,calc((100% - 1440px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(7,8,13,.82);backdrop-filter:blur(18px);position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand strong,.brand small{display:block;letter-spacing:.12em}.brand strong{font-size:14px}.brand small{font-size:9px;color:var(--muted);margin-top:2px}.brand-mark{width:58px;height:58px;display:grid;place-items:center;border:1px solid #a782ff;background:linear-gradient(145deg,#5c2fb5,#1b1235);box-shadow:0 0 36px #7844d950;color:white;font-weight:900;letter-spacing:-.1em;border-radius:15px;padding-right:4px}.brand-mark.small{width:40px;height:40px;border-radius:11px;font-size:14px}.top-actions{display:flex;align-items:center;gap:10px}.top-actions form{margin:0}.user-dot,.status-dot{width:8px;height:8px;border-radius:50%;background:var(--muted)}.user-dot{background:var(--green);box-shadow:0 0 10px var(--green)}.ghost,.controls button,.log-toggle{color:#c5cad8;background:#171a25;border:1px solid var(--line);padding:9px 13px;border-radius:8px}.shell{width:min(1440px,calc(100% - 48px));margin:0 auto;padding:52px 0}.hero{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}.eyebrow{margin:0 0 7px;color:#a782ff;font-size:10px;letter-spacing:.18em;font-weight:800;text-transform:uppercase}.hero h1{font-size:38px;margin:0 0 8px;letter-spacing:-.04em}.muted{color:var(--muted)}.hero .muted{margin:0}.clock{font-variant-numeric:tabular-nums;color:var(--muted);font-size:14px;border:1px solid var(--line);padding:10px 14px;border-radius:8px;background:#0d0f17}.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:42px}.summary article{background:linear-gradient(145deg,#131620,#0d0f16);border:1px solid var(--line);border-radius:12px;padding:18px 20px}.summary span,.metric span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.summary strong{display:block;font-size:25px;margin-top:8px}.summary small{font-size:12px;color:var(--muted)}.ok{color:var(--green)!important}.group{margin-top:34px}.group-title{display:flex;align-items:center;gap:12px;margin:0 0 13px}.group-title h2{margin:0;font-size:14px;letter-spacing:.14em;text-transform:uppercase}.group-title span,.section-title span{font-size:11px;color:var(--muted);background:#141722;padding:5px 8px;border-radius:5px}.node-card{border:1px solid var(--line);border-radius:16px;background:linear-gradient(135deg,rgba(19,21,31,.98),rgba(11,13,20,.98));overflow:hidden;box-shadow:0 24px 80px #0004;margin-bottom:18px}.node-card.offline{opacity:.72}.node-head{display:flex;justify-content:space-between;align-items:center;padding:23px 25px;border-bottom:1px solid var(--line)}.node-head>div{display:flex;align-items:center;gap:14px}.status-dot{width:11px;height:11px}.status-dot.online{background:var(--green);box-shadow:0 0 12px var(--green)}.node-head h2{font-size:20px;margin:0 0 4px}.node-head .eyebrow{margin-bottom:3px}.node-head small{color:var(--muted)}.node-status{font-size:10px;letter-spacing:.13em;color:var(--muted);border:1px solid var(--line);padding:7px 10px;border-radius:6px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.metric{padding:21px 24px;border-right:1px solid var(--line)}.metric:last-child{border:0}.metric>div:first-child{display:flex;justify-content:space-between;align-items:center}.metric strong{font-size:18px}.metric small{display:block;color:var(--muted);font-size:10px;margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar{height:3px!important;background:#282b39;margin-top:13px;border-radius:4px;overflow:hidden;display:block!important}.bar i{display:block;height:100%;background:var(--purple)}.bar i.cyan{background:var(--cyan)}.bar i.blue{background:var(--blue)}.services{padding:21px 24px}.section-title{display:flex;align-items:center;gap:10px;margin-bottom:12px}.section-title h3{font-size:12px;text-transform:uppercase;letter-spacing:.1em;margin:0}.service{min-height:68px;border:1px solid var(--line);border-radius:10px;background:#0c0e15;display:grid;grid-template-columns:1fr auto auto;gap:22px;align-items:center;padding:12px 14px;margin-top:8px}.service-main{display:flex;align-items:center;gap:12px}.service-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:8px;background:#20183a;color:#ad8cff;font-size:11px}.service-main strong,.service-main small{display:block}.service-main small{color:var(--muted);font-size:10px;margin-top:4px}.service-stats{display:flex;gap:14px;align-items:center;color:var(--muted);font-size:10px}.service-stats b{color:var(--text);margin-left:3px}.pill{padding:5px 8px;border-radius:5px;text-transform:uppercase;letter-spacing:.08em}.pill.good{background:#103328;color:var(--green)}.pill.bad{background:#391822;color:var(--red)}.controls{display:flex;gap:6px}.controls button{font-size:11px;padding:7px 10px}.controls button:hover,.log-toggle:hover,.ghost:hover{border-color:#60557e;color:white}.controls button.danger{color:#ff8b9e}.controls button:disabled{opacity:.35;cursor:not-allowed}.health{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:15px 24px;background:#0d0f16}.health>div span,.health>div strong{font-size:10px}.health>div span{color:var(--muted);text-transform:uppercase;margin-right:10px}.health>div strong{color:#ffba6b}.log-toggle{background:transparent;border:0}.log-view{max-height:360px;overflow:auto;padding:14px 24px 20px;background:#080a10;border-top:1px solid var(--line);font:11px ui-monospace,SFMono-Regular,Consolas,monospace}.log-view>div{display:grid;grid-template-columns:72px 120px 1fr;gap:10px;padding:4px 0}.log-view time{color:#596074}.log-view b{color:#8fb5ff;overflow:hidden;text-overflow:ellipsis}.log-view b.error{color:var(--red)}.log-view code{white-space:pre-wrap;word-break:break-word;color:#bdc2d2}.empty{text-align:center;color:var(--muted);padding:55px;border:1px dashed var(--line);border-radius:12px}.empty.small{padding:25px}.notice{position:fixed;right:24px;top:88px;z-index:10;background:#17372e;color:var(--green);border:1px solid #285d4d;padding:13px 17px;border-radius:9px;box-shadow:0 15px 50px #0008}.notice.bad,.alert{background:#371923;color:#ff9bac;border:1px solid #6a293b}.alert{padding:10px 12px;border-radius:8px;font-size:13px;margin:18px 0}footer{text-align:center;color:#51576a;font-size:10px;letter-spacing:.08em;padding:10px 20px 32px}footer span{margin:0 8px}.login-page{display:grid;place-items:center;padding:24px}.login-card{width:min(420px,100%);background:linear-gradient(145deg,#151824,#0d0f17);border:1px solid var(--line);border-radius:18px;padding:38px;box-shadow:0 30px 100px #0009}.login-card .brand-mark{margin-bottom:25px}.login-card h1{margin:0;font-size:31px;letter-spacing:-.04em}.login-card>.muted{line-height:1.6;margin-bottom:25px}.login-card label{display:block;font-size:11px;color:#b8bdcb;text-transform:uppercase;letter-spacing:.07em;margin:15px 0}.login-card input{display:block;width:100%;margin-top:8px;border:1px solid var(--line);background:#090b11;color:white;border-radius:9px;padding:13px;outline:0}.login-card input:focus{border-color:var(--purple);box-shadow:0 0 0 3px #8b5cf622}.primary{width:100%;margin-top:8px;border:0;border-radius:9px;padding:13px;background:linear-gradient(100deg,#7143d7,#9164ef);color:white;font-weight:700}.security-note{text-align:center;color:#62687a;font-size:10px;margin:20px 0 0}
@media(max-width:900px){.summary,.metrics{grid-template-columns:repeat(2,1fr)}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid var(--line)}.service{grid-template-columns:1fr auto}.service-stats{grid-column:1}.controls{grid-column:2;grid-row:1/3}.username{display:none}}
@media(max-width:600px){.topbar{height:64px;padding:0 16px}.shell{width:calc(100% - 24px);padding:30px 0}.hero{align-items:start}.hero h1{font-size:30px}.clock{display:none}.summary{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:28px}.summary article{padding:14px}.summary strong{font-size:20px}.node-head,.services,.health{padding-left:15px;padding-right:15px}.metrics{grid-template-columns:1fr 1fr}.metric{padding:16px 14px}.service{display:flex;align-items:flex-start;flex-wrap:wrap;gap:12px}.service-main{width:100%}.service-stats{order:2;flex-wrap:wrap}.controls{order:3;width:100%}.controls button{flex:1}.health{align-items:flex-start;gap:10px}.health>div span,.health>div strong{display:block;margin-bottom:4px}.log-view{padding:12px}.log-view>div{grid-template-columns:60px 1fr}.log-view code{grid-column:1/3;padding-bottom:5px}.login-card{padding:27px 22px}}
.node-actions{display:flex;align-items:center;gap:8px}.node-actions button,.manager-tabs button,.file-toolbar button,.upload,.file-delete,#terminal-form button{color:#c5cad8;background:#171a25;border:1px solid var(--line);padding:8px 11px;border-radius:7px}.node-actions button:disabled{opacity:.4}dialog{width:min(1050px,calc(100% - 24px));height:min(760px,calc(100% - 24px));padding:0;border:1px solid var(--line);border-radius:15px;background:#0d0f16;color:var(--text);box-shadow:0 30px 100px #000;overflow:hidden}dialog::backdrop{background:#03040ad9;backdrop-filter:blur(5px)}.manager-head{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--line)}.manager-head h2{margin:0}.manager-tabs{display:flex;padding:10px 24px 0;gap:6px}.manager-tabs button.active{border-color:var(--purple);color:white;background:#21183b}#files-pane,#terminal-pane{padding:16px 24px}.file-toolbar{display:flex;gap:8px;flex-wrap:wrap}.file-toolbar select{background:#11141e;color:white;border:1px solid var(--line);border-radius:7px;padding:8px}.upload input{display:none}.breadcrumb{color:#9e84e8;font:12px ui-monospace,monospace;padding:13px 2px}.file-list{border:1px solid var(--line);border-radius:9px;overflow:auto;max-height:490px}.file-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:9px 12px;border-bottom:1px solid #1d2030}.file-row:last-child{border:0}.file-name{background:transparent;border:0;color:#e5e7f0;text-align:left;padding:5px}.file-name span{color:#8f69e9;margin-right:10px}.file-row small{color:var(--muted)}.file-delete{color:#ff91a3}#editor{width:100%;height:470px;resize:none;background:#080a10;color:#d8dbea;border:1px solid var(--line);border-radius:9px;padding:15px;font:12px ui-monospace,monospace}#editor-actions{display:flex;gap:8px;margin-top:9px}#editor-actions .primary{width:auto;margin:0}.terminal-help{color:var(--muted);font-size:12px;margin-bottom:10px}.terminal-help code{color:#b399f7}#terminal-output{height:480px;overflow:auto;background:#05070b;border:1px solid var(--line);border-radius:9px;padding:15px;color:#bfe7d5;font:12px ui-monospace,monospace;white-space:pre-wrap}#terminal-form{display:flex;align-items:center;gap:8px;background:#080a10;padding:8px 12px;border:1px solid var(--line);border-radius:8px}#terminal-form span{color:var(--green)}#terminal-input{flex:1;border:0;background:transparent;color:white;outline:0}@media(max-width:600px){.node-head{align-items:flex-start}.node-actions{flex-direction:column-reverse}.node-status{font-size:8px}dialog{height:calc(100% - 12px);width:calc(100% - 12px)}.manager-head,#files-pane,#terminal-pane{padding-left:13px;padding-right:13px}.file-row{grid-template-columns:1fr auto}.file-row small{display:none}.file-toolbar{font-size:11px}#terminal-output,#editor{height:54vh}}
.storage-detail{padding:20px 24px;border-bottom:1px solid var(--line);background:#0b0d14}.storage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.storage-grid article{display:flex;align-items:center;gap:13px;background:#11141d;border:1px solid var(--line);border-radius:10px;padding:14px}.storage-icon{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:9px;background:#1b2030;color:#7da9ff;font-size:9px;font-weight:900;letter-spacing:.08em}.storage-info{min-width:0;flex:1}.storage-info>span,.storage-info>strong,.storage-info>small{display:block}.storage-info>span{color:#9ea5b7;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.storage-info>strong{font-size:15px;margin:3px 0}.storage-info>small{color:var(--muted);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.storage-info .bar{margin-top:9px}@media(max-width:800px){.storage-grid{grid-template-columns:1fr}.storage-detail{padding:16px 14px}}
.network-detail{padding:20px 24px;border-bottom:1px solid var(--line);background:#0e1018}.net-state{font-weight:800}.net-state.bad{color:var(--red)!important}.network-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.network-grid article{min-width:0;background:#11141d;border:1px solid var(--line);border-radius:10px;padding:14px}.network-grid span,.network-grid strong,.network-grid small{display:block}.network-grid span{color:#8d93a7;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.network-grid strong{font-size:14px;margin:5px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.network-grid small{color:#73798d;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.speed-card button{margin-top:10px;width:100%;border:1px solid #4d3a78;background:#241840;color:#cbb9ff;padding:7px;border-radius:6px;font-size:10px}.speed-card button:disabled{opacity:.5}@media(max-width:1100px){.network-grid{grid-template-columns:repeat(2,1fr)}.speed-card{grid-column:span 2}}@media(max-width:600px){.network-detail{padding:16px 14px}.network-grid{grid-template-columns:1fr}.speed-card{grid-column:auto}}
.integrations{padding:20px 24px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#11131d,#0b0d14)}.integration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.integration-card{border:1px solid var(--line);border-radius:12px;background:#0b0d14;overflow:hidden}.integration-card.fivem{border-color:#3a2c24}.integration-card.discord{border-color:#292d52}.integration-top{display:flex;align-items:center;gap:12px;padding:16px}.integration-logo{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:#242938;color:#fff;font-weight:900}.fivem .integration-logo{background:#3a2018;color:#ff9c73}.discord .integration-logo{background:#25284c;color:#9fa8ff}.integration-top>div:nth-child(2){min-width:0;flex:1}.integration-top p{margin:0 0 3px;color:var(--muted);font-size:9px;letter-spacing:.12em}.integration-top h3{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.integration-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.integration-stats>div{padding:12px;border-right:1px solid var(--line)}.integration-stats>div:last-child{border:0}.integration-stats span,.integration-stats strong{display:block}.integration-stats span{color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.08em}.integration-stats strong{font-size:14px;margin-top:4px}.integration-controls{display:flex;gap:6px;padding:12px}.integration-controls button{flex:1;color:#c5cad8;background:#171a25;border:1px solid var(--line);padding:8px;border-radius:7px;font-size:10px}.integration-controls .danger{color:#ff8b9e}.integration-controls button:disabled{opacity:.35}.integration-hint{color:var(--muted);font-size:10px;padding:12px 16px;margin:0}@media(max-width:800px){.integrations{padding:16px 14px}.integration-grid{grid-template-columns:1fr}}