:root{--bg:#080d17;--side:#0d1320;--card:#111b2a;--card2:#152131;--border:#243347;--text:#eaf3fc;--muted:#8699ad;--teal:#78e4d3;--teal-dark:#163a41;--blue:#729fff;--amber:#ffc57a;--danger:#ff7c90;--radius:16px}*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;background:var(--bg);color:var(--text);scroll-behavior:smooth}body{margin:0;font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:var(--teal);text-decoration:none}::selection{background:#1e746b}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#253749;border-radius:8px}.hidden{display:none!important}.muted{color:var(--muted)}.tiny{font-size:11px;color:var(--muted)}.small{font-size:12px}.teal-text{color:var(--teal)}.danger-text{color:var(--danger)}.mono{font-family:'Cascadia Code',Consolas,monospace}.dot,.pulse-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--teal)}.dot.gray{background:#6d8197}.dot.red{background:var(--danger)}.pulse-dot{box-shadow:0 0 0 5px #78e4d31a}.login-page{min-height:100vh;display:grid;place-items:center;position:relative;overflow:hidden;padding:24px;background:radial-gradient(ellipse 55% 52% at 80% 10%,#112a3c 0%,transparent 70%),linear-gradient(150deg,#080c15,#0c1423 70%,#0b1a23)}.login-glow{position:absolute;width:590px;height:590px;left:-260px;bottom:-260px;border-radius:50%;background:#4dbfad13;filter:blur(70px)}.login-card{position:relative;width:min(100%,455px);border:1px solid #294154;background:linear-gradient(150deg,#121e30f7,#0e1525f7);box-shadow:0 34px 100px #0008;border-radius:24px;padding:42px}.brand{display:flex;align-items:center;gap:11px}.brand-icon{height:40px;width:40px;display:flex;align-items:center;justify-content:center;background:var(--teal);border-radius:11px;color:#081820;font-weight:1000;font-size:23px;letter-spacing:-4px;padding-right:4px}.brand-icon span{font-size:10px;align-self:center;letter-spacing:-1px;margin-left:4px;margin-top:5px}.brand strong{display:block;font-size:19px;letter-spacing:2.5px;line-height:1.2;font-weight:900}.brand small{font-size:9px;letter-spacing:1.8px;color:var(--muted);font-weight:700}.brand-large .brand-icon{height:48px;width:48px;font-size:25px}.brand-large strong{font-size:22px}.login-eyebrow{margin-top:58px;color:var(--teal);font-size:10px;letter-spacing:2px;font-weight:800;display:flex;align-items:center;gap:9px}.login-card h1{font-size:clamp(38px,5vw,54px);line-height:1.07;letter-spacing:-2.5px;margin:15px 0 15px}.login-card h1 em{color:var(--teal);font-style:normal}.login-card p{font-size:13px;line-height:1.75}.login-card form{margin-top:32px;display:grid;gap:12px}.login-card label,.field label{color:#94a9bd;font-size:10px;font-weight:800;letter-spacing:1.4px}.form-error{color:var(--danger);min-height:24px}.login-foot{font-size:10px;color:#61758a;border-top:1px solid #2c3848;padding-top:22px;letter-spacing:1.7px;margin-top:24px}.login-foot span{padding:0 5px;color:var(--teal)}input,select,textarea{background:#0b1422;border:1px solid #2b3d50;border-radius:10px;color:var(--text);outline:none;padding:12px 14px;min-width:0;width:100%;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:#65cbce;box-shadow:0 0 0 3px #78e4d311}select option{background:var(--side)}input::placeholder,textarea::placeholder{color:#61768a}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 15px;border:1px solid #34495c;border-radius:10px;background:#1b2a3d;color:var(--text);font-weight:750;font-size:12px;transition:filter .15s,background .15s,transform .15s;white-space:nowrap}.btn:hover:not(:disabled){filter:brightness(1.15);transform:translateY(-1px)}.btn.primary{background:var(--teal);color:#09202a;border-color:var(--teal)}.btn.danger{background:#432433;color:#ffadb4;border-color:#693849}.btn.ghost{background:transparent;border-color:#344457}.btn.sm{padding:7px 10px;font-size:11px;border-radius:8px}.login-btn{width:100%;padding:14px;margin-top:7px;justify-content:space-between;font-size:14px}.login-btn span{font-size:20px}.shell{min-height:100vh;display:flex}.sidebar{background:var(--side);width:244px;min-width:244px;height:100vh;position:sticky;top:0;display:flex;flex-direction:column;border-right:1px solid #1d2b3a;padding:28px 14px 20px}.sidebar>.brand{margin-left:15px;margin-bottom:53px}.sidebar-group-label{color:#62758c;font-size:9px;font-weight:800;letter-spacing:1.4px;padding:0 15px;margin-bottom:12px}.navigation{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;border:none;color:#8da1b5;background:transparent;border-radius:10px;padding:13px 14px;text-align:left;font-size:13px;font-weight:640}.nav-item:hover{background:#172336;color:#e8f5fd}.nav-item.active{color:var(--teal);background:#1a313c}.nav-icon{width:22px;display:inline-grid;place-items:center;font-size:19px;font-weight:700}.nav-count{margin-left:auto;background:#243545;color:#aec4d7;padding:3px 7px;border-radius:6px;font-size:11px}.sidebar-spacer{flex:1}.platform-status{display:flex;gap:12px;align-items:center;border:1px solid #284354;background:linear-gradient(130deg,#17313c,#142030);padding:16px 13px;border-radius:12px;margin-bottom:17px}.platform-status strong{display:block;font-size:11px;letter-spacing:1px}.platform-status small{display:block;font-size:10px;color:#95b3c0;margin-top:4px}.content-column{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:76px;min-height:76px;border-bottom:1px solid #223043;display:flex;align-items:center;justify-content:space-between;padding:0 38px;background:#0b121e}.breadcrumb{font-size:12px;font-weight:700}.bc-muted{color:#7c8fa5}.bc-sep{padding:0 15px;color:#536a80}.top-actions{display:flex;align-items:center;gap:18px}.last-update{font-size:11px;color:#8296aa}.icon-btn{border:1px solid #344457;background:#152334;border-radius:9px;color:#a9c2d6;font-size:22px;width:34px;height:34px}.avatar{height:34px;width:34px;display:grid;place-items:center;font-weight:900;color:#08232a;background:linear-gradient(125deg,#83ecdb,#80c2ef);border-radius:50%}.main-content{width:100%;max-width:1540px;margin:0 auto;flex:1;padding:34px 38px 70px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:28px;flex-wrap:wrap}.eyebrow{font-size:10px;letter-spacing:2.4px;color:var(--teal);font-weight:900;margin-bottom:10px}.page-heading h1{font-weight:820;letter-spacing:-1.2px;font-size:29px;margin:0 0 8px}.page-heading p{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.heading-actions{display:flex;gap:9px;flex-wrap:wrap}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:28px}.metric-card,.panel,.server-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius)}.metric-card{padding:22px;min-height:138px;position:relative;overflow:hidden}.metric-card:after{content:'';position:absolute;right:-37px;top:-31px;width:100px;height:100px;background:#74decc08;border-radius:50%}.metric-label{color:#8da1b6;font-size:11px;font-weight:740;letter-spacing:.5px}.metric-value{font-size:32px;letter-spacing:-1.4px;font-weight:850;margin-top:14px;line-height:1}.metric-meta{font-size:11px;color:#8197a9;margin-top:10px}.metric-icon{float:right;color:#6fc8c4;font-size:20px}.panel{padding:23px;margin-bottom:22px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;flex-wrap:wrap}.panel-heading h2{font-size:15px;margin:0;font-weight:790;letter-spacing:-.15px}.panel-subtitle{font-size:11px;color:var(--muted)}.server-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.server-card{padding:21px;transition:border-color .15s}.server-card:hover{border-color:#416073}.server-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.server-title{font-size:16px;font-weight:810;margin:0 0 7px;line-height:1.4}.server-meta{font-family:Consolas,monospace;color:#8ea6bc;font-size:11px}.pill{display:inline-flex;align-items:center;gap:6px;border:1px solid #24594f;background:#17382f;border-radius:20px;color:#80e5b9;padding:6px 10px;font-size:10px;font-weight:800;white-space:nowrap}.pill.off{border-color:#394253;background:#212b39;color:#93a4b4}.pill.warn{border-color:#584534;background:#352a25;color:#edc38c}.server-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;padding:21px 0;margin:20px 0;border-top:1px solid #29384a;border-bottom:1px solid #29384a}.server-stat-label{color:#7890a8;font-size:10px;margin-bottom:6px}.server-stat-value{font-weight:850;font-size:19px;letter-spacing:-.4px}.server-stat-value.smaller{font-size:14px;margin-top:3px}.server-actions{display:flex;gap:8px;flex-wrap:wrap}.server-actions .btn{flex:1}.empty{padding:42px 20px;text-align:center;border:1px dashed #344457;border-radius:12px;color:#8297ad}.empty strong{display:block;font-size:16px;color:var(--text);margin-bottom:8px}.loading-state{padding:75px;text-align:center;color:#94aaba}.split-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:20px}.host-grid{display:grid;gap:17px}.host-grid .host-row{display:grid;grid-template-columns:95px 1fr 52px;gap:12px;align-items:center;color:#abc0cf;font-size:11px}.progress{height:7px;background:#263646;overflow:hidden;border-radius:100px}.progress span{display:block;background:linear-gradient(90deg,#4d9db8,var(--teal));height:100%;border-radius:20px;max-width:100%}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.selector{width:auto;min-width:180px;padding:9px}.detail-bar{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;background:#142333;border:1px solid #284055;border-radius:12px;margin-bottom:22px}.detail-bar strong{font-size:16px}.detail-bar small{display:block;color:var(--muted);margin-top:5px}.console-output{font-family:'Cascadia Code',Consolas,monospace;font-size:12px;line-height:1.6;color:#b5d0cf;background:#070e17;border:1px solid #263c47;white-space:pre-wrap;overflow:auto;max-height:450px;min-height:250px;padding:20px;border-radius:10px;word-break:break-word}.console-form{display:flex;gap:10px;margin-top:14px}.console-form input{flex:1;font-family:Consolas,monospace}.table-scroll{overflow:auto;width:100%}table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}th{color:#8196aa;font-size:10px;text-transform:uppercase;letter-spacing:1.1px;padding:13px 14px;border-bottom:1px solid #2b3d4c;font-weight:800;white-space:nowrap}td{padding:15px 14px;border-bottom:1px solid #213243;white-space:nowrap}tr:last-child td{border-bottom:0}td strong{font-size:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:grid;gap:8px}.field.wide{grid-column:1/-1}.helper-text{color:var(--muted);font-size:11px;line-height:1.6}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:22px}.banner{color:#acc3cf;background:#152a38;border:1px solid #28566a;border-radius:11px;padding:13px 15px;font-size:12px;line-height:1.6;margin-bottom:20px}.banner.warning{background:#29251b;border-color:#5b4632;color:#f0cca1}.code-chip{background:#203143;padding:5px 8px;border-radius:6px;color:#a3d8cf;font-family:Consolas,monospace;font-size:11px}.tag{padding:5px 8px;font-size:10px;color:#cbd6ea;background:#233449;border-radius:6px}.tag.red{color:#ffb8be;background:#472a35}.tag.green{color:#87ead4;background:#1d403c}.bar-chart{height:155px;display:flex;gap:4px;align-items:flex-end;border-bottom:1px solid #35485a;padding-top:24px}.bar-chart div{flex:1;background:linear-gradient(0deg,#276d85,#79dece);min-height:3px;border-radius:3px 3px 0 0;opacity:.9}.chart-caption{display:flex;justify-content:space-between;font-size:10px;color:#7f92a7;margin-top:10px}.footer{font-size:10px;color:#647c90;padding:20px 38px;letter-spacing:1px}.footer span{margin-left:9px;color:#7793a6}.modal-backdrop{position:fixed;inset:0;background:#03080de3;z-index:40;display:flex;align-items:center;justify-content:center;padding:18px}.modal{width:min(100%,560px);background:#132031;border:1px solid #40566a;box-shadow:0 30px 120px #000a;border-radius:18px;padding:29px;max-height:95vh;overflow-y:auto}.modal-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:22px}.modal-head h2{margin:0;font-size:20px;letter-spacing:-.5px}.modal-close{background:none;color:#b2c0ce;border:none;font-size:23px}.modal .form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.toasts{position:fixed;z-index:99;bottom:22px;right:22px;display:grid;gap:10px;max-width:min(420px,calc(100vw - 30px))}.toast{background:#17332d;border:1px solid #397f6b;box-shadow:0 12px 30px #0008;color:#b8f2dc;padding:13px 19px;border-radius:10px;font-size:12px;line-height:1.5}.toast.error{background:#3b232b;color:#ffc2cc;border-color:#94475c}.mobile-nav{display:none}
@media(max-width:1150px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split-layout{grid-template-columns:1fr}.sidebar{width:215px;min-width:215px}.main-content{padding:27px 26px}.topbar{padding:0 26px}}@media(max-width:760px){.sidebar{display:none}.topbar{height:62px;min-height:62px;padding:0 17px}.breadcrumb{font-size:11px}.bc-muted{display:none}.bc-sep{display:none}.last-update{display:none}.top-actions{gap:12px}.main-content{padding:21px 15px 100px}.page-heading h1{font-size:25px}.page-heading{margin-bottom:18px}.stats-grid{gap:10px}.metric-card{padding:15px;min-height:116px}.metric-value{font-size:27px}.metric-meta{font-size:10px}.panel{padding:16px}.server-grid{grid-template-columns:1fr}.server-card{padding:17px}.server-stats{padding:16px 0;margin:15px 0}.mobile-nav{display:flex;align-items:center;justify-content:space-around;position:fixed;bottom:0;left:0;right:0;z-index:20;background:#101b2a;box-shadow:0 -10px 35px #0007;border-top:1px solid #2b3e4d;padding:8px 6px calc(8px + env(safe-area-inset-bottom));gap:1px}.mobile-nav button{border:none;background:transparent;color:#8ea5b8;padding:5px 7px;min-width:58px;font-size:10px;display:grid;gap:3px;justify-items:center}.mobile-nav button span{font-size:21px}.mobile-nav button.active{color:var(--teal)}.footer{display:none}.form-grid{grid-template-columns:1fr}.form-grid .field.wide{grid-column:1}.console-form{flex-wrap:wrap}.console-form .btn{width:100%}.detail-bar{padding:14px}.modal{padding:20px}.login-card{padding:28px}.login-eyebrow{margin-top:37px}.toasts{bottom:80px}}@media(max-width:390px){.stats-grid{grid-template-columns:1fr 1fr}.metric-card{padding:12px}.metric-value{font-size:23px}.server-stat-value{font-size:16px}.mobile-nav button{min-width:49px}}
/* 0.3.0 — config editor, fluid on desktop and touch screens */
.settings-heading{padding-bottom:16px;border-bottom:1px solid var(--border)}
.setting-section{padding:23px 0 29px;border-bottom:1px solid #29394a}
.setting-section:first-of-type{padding-top:6px}
.setting-section:last-of-type{border-bottom:none}
.settings-section-head{display:flex;align-items:center;gap:12px;margin-bottom:22px}
.settings-number{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:#20403f;color:#7ce5d2;font-size:12px;font-weight:900;font-family:Consolas,monospace}
.settings-section-head h3{margin:0 0 4px;font-size:16px;font-weight:820}
.settings-section-head p{margin:0;color:var(--muted);font-size:12px}
.field-help,.cvar-desc{color:#819bb0;font-size:11px;line-height:1.55}
.field-help{margin-top:4px}
.preset-strip{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 20px}
.preset-chip{font:600 11px Consolas,monospace;background:#172936;color:#9bded5;border:1px solid #2b525d;border-radius:7px;padding:9px 11px;cursor:pointer}
.preset-chip:hover{background:#254a50;border-color:#4e938e}
.cvar-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:15px}
.cvar-tools input{flex:1;min-width:200px}
.cvar-list{display:grid;gap:7px}
.cvar-row{display:grid;grid-template-columns:minmax(130px,1.2fr) minmax(90px,1fr) 34px;align-items:center;gap:10px;padding:10px 11px;border:1px solid #2a3a4a;background:#101d2b;border-radius:10px}
.cvar-row input{min-width:0;width:100%;font-family:Consolas,monospace;font-size:12px}
.cvar-row input[readonly]{border:1px solid transparent;background:transparent;padding:6px 4px;color:#9ceadd;font-weight:700}
.cvar-name-cell{min-width:0}
.cvar-name-cell .cvar-desc{display:block;margin:2px 4px 0;white-space:normal}
.cvar-row .cvar-remove{font-size:20px;min-width:34px;width:34px;padding:7px}
#cfgMapcycle{min-height:170px;font-family:Consolas,monospace;line-height:1.65;font-size:13px;resize:vertical}
.settings-savebar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:20px;margin:18px 0;background:#1a2e37;border:1px solid #3c716e;border-radius:12px}
.settings-save-copy{display:grid;gap:4px}
.settings-save-copy strong{font-size:13px}
.settings-save-copy span{font-size:11px;color:#9baeb9}
.settings-save-actions{display:flex;gap:8px;flex-wrap:wrap}
#settingsResult .banner{margin:13px 0}
#settingsResult p{margin:9px 0 0}
@media(max-width:760px){.setting-section{padding:19px 0}.settings-savebar{padding:14px}.settings-save-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}.settings-save-actions .btn:last-child{grid-column:1/-1}.cvar-row{grid-template-columns:minmax(0,1fr) minmax(0,.7fr) 30px;gap:6px;padding:9px 7px}.cvar-row .cvar-remove{min-width:30px;width:30px}.cvar-row input{font-size:11px}.cvar-name-cell .cvar-desc{font-size:9px}}
@media(max-width:390px){.cvar-row{grid-template-columns:minmax(0,1fr) 28px}.cvar-row .cvar-name-cell{grid-column:1;grid-row:1}.cvar-row [data-cvar-value]{grid-column:1;grid-row:2}.cvar-row .cvar-remove{grid-column:2;grid-row:1/3;min-width:28px;width:28px}.settings-save-actions{grid-template-columns:1fr}.settings-save-actions .btn:last-child{grid-column:auto}}