:root{color-scheme:dark;font-family:Inter,Segoe UI,sans-serif;color:#ecf1fa;background:#0b0f17;font-size:16px}*{box-sizing:border-box}body{margin:0;display:flex;min-height:100vh}aside{width:250px;flex-shrink:0;background:#111723;border-right:1px solid #263044;padding:36px 24px;display:flex;flex-direction:column}.brand{font-size:25px;font-weight:750;color:#f7faff;text-decoration:none}.tag,.eyebrow,header{font-size:12px;letter-spacing:1.6px;color:#93a3bd}.tag{margin:12px 0 46px}nav{display:grid;gap:10px}button,input,select{font:inherit}button{cursor:pointer;background:#99f071;color:#14220e;border:0;border-radius:7px;padding:12px 17px;font-weight:650}button:disabled{opacity:.5;cursor:wait}nav button{text-align:left;color:#a9b7cc;background:transparent;font-size:14px}nav button.active{background:#263629;color:#b1fa8e}.aside-bottom{margin-top:auto;padding-top:40px;color:#8191a9;font-size:13px}.aside-bottom button{display:block;margin-top:16px}main{padding:32px 48px;min-width:0;flex:1;max-width:1500px}header{display:flex;justify-content:space-between;align-items:center;padding-bottom:38px;border-bottom:1px solid #263044}.badge{border:1px solid #3c4a61;padding:7px 10px;border-radius:4px;font-size:11px}h1{font-size:36px;letter-spacing:-1px;margin:10px 0 12px}h2{font-size:21px}p{color:#a9b7cc;line-height:1.6}.title-row{display:flex;justify-content:space-between;align-items:center;margin:36px 0}.secondary{background:#253046;color:#e1e9f7}form{display:grid;gap:18px;max-width:540px}label{display:grid;gap:9px;color:#bac7db;font-size:14px}input,select{width:100%;background:#0d1420;color:#f4f7ff;border:1px solid #3c4a61;border-radius:6px;padding:12px}input:focus,select:focus,button:focus-visible{outline:2px solid #99f071;outline-offset:3px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:20px;margin:24px 0}.card,.empty{background:#141c29;border:1px solid #2b3548;border-radius:10px;padding:24px}.card h2{margin-top:0}.card .status{font-size:13px;color:#99f071}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.actions button{font-size:14px}.empty{text-align:center;padding:55px 20px}.empty h2{font-size:24px}.muted{color:#94a6bf;font-size:14px}.toolbar{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.toolbar select{max-width:320px}dialog{background:#151e2d;color:#eef4ff;border:1px solid #40506b;border-radius:12px;width:min(620px,94vw);padding:30px}dialog::backdrop{background:#03070cbd}dialog>button{margin-top:22px}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#090e16;border:1px solid #29364c;padding:18px;max-height:350px;overflow:auto;font:14px/1.6 Consolas,monospace}.check{display:flex;align-items:flex-start}.check input{width:auto;margin-top:4px}a{color:#b1fa8e}#message{white-space:pre-wrap;overflow-wrap:anywhere}#message.error{color:#ffb2b2}#login{margin-top:70px}#login form{margin-top:28px;max-width:390px}[hidden]{display:none!important}@media(max-width:760px){body{display:block}aside{width:100%;padding:20px}.tag,.aside-bottom{display:none}nav{display:flex;overflow:auto;margin-top:20px}nav button{white-space:nowrap}main{padding:24px}header{font-size:10px;padding-bottom:22px}h1{font-size:28px}.title-row{gap:15px}.grid{grid-template-columns:1fr}}
textarea{font:14px/1.6 Consolas,monospace;width:100%;resize:vertical;background:#0d1420;color:#f4f7ff;border:1px solid #3c4a61;border-radius:6px;padding:12px}dialog.wide{width:min(1100px,96vw)}dialog form{max-width:none}fieldset{border:1px solid #34435a;border-radius:6px;padding:18px;display:grid;gap:14px}legend{padding:0 8px;color:#b3c3dc}.file-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:22px}.file-entry{display:block;width:100%;text-align:left;background:transparent;color:#c6d6ec;font-size:14px;overflow-wrap:anywhere;padding:9px}.file-entry:hover{background:#253046}#file-list{max-height:450px;overflow:auto}#editor{min-height:330px}#save-file{margin-top:14px}.node-picker{min-width:220px}#job{border-left:3px solid #99f071;background:#172321;padding:16px;margin-bottom:20px;white-space:pre-wrap}.error{color:#ffb2b2}#code-error,#form-error,#ssh-error,#install-error{color:#ffb2b2}dialog{max-height:90vh;overflow:auto}@media(max-width:760px){.file-layout{grid-template-columns:1fr}#file-list{max-height:170px}nav{flex-wrap:wrap}.title-row{align-items:flex-start}.title-row button{font-size:13px}}

/* BlockPanel 0.016: dark server workspace */
:root{--bg:#1c1e2e;--surface:#232537;--line:#3a3d58;--text:#bccbe2;--blue:#159bff;--purple:#9872ff;--green:#32d6a0;--amber:#ffb226;background:var(--bg);color:var(--text);font-family:Segoe UI,Arial,sans-serif;font-size:14px}
body{background:var(--bg)}aside{width:244px;background:#222436;border-color:var(--line);padding:28px 18px;position:sticky;top:0;height:100vh}.brand{font-size:24px;display:flex;align-items:center;gap:10px;letter-spacing:-.5px}.brand-mark{display:inline-grid;place-items:center;background:linear-gradient(135deg,#32d6a0,#159bff);width:37px;height:37px;border-radius:8px;color:#171b2b;font-size:27px}.tag{font-size:9px;letter-spacing:2.6px;margin:12px 0 34px 48px}nav{gap:5px}nav button{border-radius:4px;padding:13px 14px;color:var(--text);font-weight:500}nav button:hover{background:#2b2d43}nav button.active{background:#2d2947;color:var(--purple);box-shadow:inset 3px 0 var(--purple)}main{max-width:none;padding:0 28px 32px}header{height:66px;padding:0;border-bottom:1px solid var(--line);letter-spacing:.6px}.badge{color:#8494b3;border-color:var(--line)}.menu-toggle{font-size:20px;padding:4px 12px;background:transparent;color:var(--text)}h1{font-size:25px;letter-spacing:0;font-weight:500;margin:8px 0}h2{font-size:20px;font-weight:500}.eyebrow{font-size:10px;color:#7e8ba6}.title-row{margin:25px 0}.card,.empty,.server-panel,.overview{background:var(--surface);border:0;border-radius:3px}.card{padding:26px}button{background:var(--blue);color:white;border-radius:4px;padding:10px 15px;font-weight:500}.secondary{background:#2c2f45;color:var(--text);border:1px solid var(--line)}a,.server-link{color:var(--blue)}p,.muted{color:#a5b3cb}input,select,textarea{background:#27293e;border-color:var(--line);border-radius:3px;padding:10px;color:#d8e1f0}input:focus,select:focus,button:focus-visible,textarea:focus{outline-color:var(--blue)}.overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding:30px;margin:24px 0}.overview strong{display:block;font-size:27px;font-weight:500;margin:10px 0;overflow-wrap:anywhere}.summary-label{color:var(--blue);font-weight:600}.overview small{color:#96a7c2;line-height:1.8}.summary-split{display:flex;align-items:center;gap:30px}.online{color:var(--green)!important}.offline{color:var(--amber)!important}.table-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 28px;border-bottom:1px solid var(--line)}.table-heading h2{margin:0}.count{font-size:12px;background:#32354d;border-radius:20px;padding:4px 9px;margin-left:10px}.search-label{display:flex;align-items:center;gap:12px;font-size:12px}.search-label input{width:200px;padding:8px}.table-scroll{overflow:auto;padding:10px 28px}.server-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.server-table th{font-weight:500;padding:20px 14px;color:#adc2e0;white-space:nowrap}.server-table td{padding:19px 14px;border-top:1px solid var(--line)}.server-table tbody tr:hover{background:#272a40}.server-link{background:none;padding:0;text-align:left;white-space:nowrap}.server-icon{color:#a9bdd9;margin-right:9px}.server-subtitle{display:block;margin:7px 0 0 23px;color:#7e90ae;font-size:11px}.row-actions{display:flex;gap:5px}.icon-button{background:none;color:#b9c8df;padding:6px;font-size:16px}.icon-button:hover{color:var(--blue);background:#30334b}.usage{min-width:110px;font-size:12px}.usage-track{height:6px;background:#383b54;border-radius:9px;margin-bottom:8px;overflow:hidden}.usage-track i{height:100%;display:block;background:var(--green);border-radius:9px}.server-table td:nth-child(4) i{background:var(--amber)}.status-pill{white-space:nowrap;font-size:12px}.server-table small:not(.server-subtitle){display:block;max-width:220px;margin-top:6px}.table-footer{display:flex;justify-content:space-between;gap:16px;padding:24px 28px;color:#8c9eb9;font-size:12px}.empty-row{text-align:center;padding:45px!important}dialog{background:var(--surface);color:var(--text);border-color:var(--line);border-radius:5px}dialog.server-detail{inset:0 0 0 auto;margin:0;width:calc(100% - 244px)!important;max-width:none;height:100vh;max-height:100vh;border:0;background:var(--bg);padding:28px}.detail-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding-bottom:24px}.detail-heading small{font-size:11px}.detail-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;background:var(--surface);padding:22px 28px;margin:26px 0}.detail-summary p{margin:5px 0;font-size:13px;overflow-wrap:anywhere}.detail-tabs{display:flex;gap:8px;overflow:auto;background:var(--surface);padding:18px 20px 0}.detail-tabs button{white-space:nowrap;padding:15px 13px;font-size:13px}.detail-tabs button.active{background:transparent;box-shadow:inset 0 -2px var(--purple)}.detail-tabs span{margin-right:8px}.server-detail #modal-content{background:var(--surface);padding:28px;min-height:380px}.server-detail #close-modal{margin:18px 0}.server-detail #modal-content h2{margin-top:0}.server-detail pre{background:#191b29;border-color:#333650}#job{background:#243331;border-color:var(--green)}.file-entry:hover{background:#30334b}.nav-collapsed aside{display:none}.nav-collapsed .server-detail{width:100%!important}.player-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px}.player-actions{display:flex;gap:6px;flex-wrap:wrap}.player-actions button{font-size:12px;padding:6px 10px}.danger{background:#fb595c}.warning{background:var(--amber);color:#201c13}.player-form-wrap{margin-top:24px;border-top:1px solid var(--line);padding-top:24px}#login{max-width:450px;margin:70px auto;background:var(--surface);padding:35px;border-radius:6px}.metric-chart{width:100%;height:260px;background:#1d2030;border:1px solid var(--line)}
@media(max-width:1100px){aside{width:205px;padding:24px 12px}.brand{font-size:21px}.tag{margin-left:0}main{padding:0 20px 24px}dialog.server-detail{width:calc(100% - 205px)!important}.detail-summary{gap:15px;padding:20px}.overview{gap:18px;padding:24px}.table-scroll{padding:8px 12px}.table-heading{padding:20px}.server-table td,.server-table th{padding:17px 10px}.player-columns{grid-template-columns:1fr}}
@media(max-width:760px){body{display:block}aside{position:static;width:100%;height:auto;padding:15px 20px}.tag,.aside-bottom{display:none}nav{display:flex;flex-wrap:nowrap;overflow:auto;margin-top:16px}nav button{white-space:nowrap;font-size:12px}main{padding:0 16px 20px}header{height:54px}.overview{grid-template-columns:1fr;gap:20px}.overview article+article{border-top:1px solid var(--line);padding-top:16px}.overview strong{font-size:23px}.table-heading{align-items:flex-start;flex-direction:column}.search-label,.search-label input{width:100%}.table-footer{flex-direction:column}.detail-heading{align-items:flex-start}.detail-heading h1{font-size:22px}.detail-heading button{font-size:12px}.detail-summary{grid-template-columns:1fr;gap:8px}.detail-tabs{margin-top:0;padding:8px}.detail-tabs button{padding:13px 8px}.server-detail #modal-content{padding:18px}dialog.server-detail{width:100%!important;padding:16px}.toolbar{gap:12px}.node-picker{min-width:180px}.title-row{margin:20px 0}.badge{font-size:9px}.player-columns{grid-template-columns:1fr}}