:root{
  --bg:#0b0f12;--panel:#11171c;--panel2:#171f25;--panel3:#1c262d;--line:#2a353d;--text:#eef3f6;--muted:#8fa1ad;--accent:#79c04b;--accent2:#4d8f2a;--warn:#efb34f;--danger:#d96969;--blue:#6ba7d6;--shadow:0 18px 50px rgba(0,0,0,.22)
}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}.xfbar{height:66px;background:#151b1f;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 22px;gap:28px;position:sticky;top:0;z-index:30}.xfbrand{display:flex;align-items:center;gap:10px;min-width:280px}.xfbrand .mark,.product-icon{width:34px;height:34px;border:1px solid #46535c;background:#20282d;display:grid;place-items:center;font-weight:800;clip-path:polygon(14% 0,100% 0,86% 100%,0 100%)}.xfbrand strong{font-size:12px;letter-spacing:.08em}.xfbrand small,.product small{display:block;color:var(--muted);font-size:10px;letter-spacing:.13em;margin-top:2px}.xfnav{display:flex;align-self:stretch}.xfnav a{display:flex;align-items:center;color:#aebbc3;text-decoration:none;padding:0 14px;border-bottom:2px solid transparent}.xfnav a:hover,.xfnav a.active{color:#fff;border-bottom-color:var(--accent)}.account{margin-left:auto;color:#cbd4da;font-size:13px;white-space:nowrap}.steamdot{color:#6caedc}.layout{display:grid;grid-template-columns:238px 1fr;min-height:calc(100vh - 66px)}.sidebar{border-right:1px solid var(--line);background:#0e1317;padding:18px 12px;display:flex;flex-direction:column;gap:18px;position:sticky;top:66px;height:calc(100vh - 66px)}.product{display:flex;align-items:center;gap:10px;padding:5px 8px 12px;border-bottom:1px solid #202a30}.product b{font-size:18px}.product .version{margin-left:auto;background:#1d2b1d;color:#a5d68a;border:1px solid #314b2d;padding:3px 7px;border-radius:20px;font-size:10px}.navitem{width:100%;border:0;background:transparent;color:#94a4ae;padding:10px 10px;border-radius:7px;display:flex;align-items:center;gap:10px;text-align:left;margin:2px 0}.navitem span{width:19px;text-align:center;color:#6f818d}.navitem em{font-style:normal;margin-left:auto;background:#1c252b;border:1px solid #28343b;border-radius:9px;padding:0 6px;font-size:10px}.navitem em.warn{color:#eeb85b}.navitem:hover{background:#141c21;color:#dce4e8}.navitem.active{background:#1a271c;color:#e9f3e4;border-left:2px solid var(--accent)}.navitem.active span{color:var(--accent)}.navlabel{font-size:9px;letter-spacing:.16em;color:#53636d;padding:16px 10px 6px}.agent-summary{margin-top:auto;background:#12191d;border:1px solid #273238;border-radius:8px;padding:12px}.agent-summary>div{display:flex;align-items:center;gap:7px}.agent-summary strong{display:block;font-size:21px;margin:8px 0 1px}.agent-summary small{color:var(--muted)}.pulse{width:8px;height:8px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 5px rgba(121,192,75,.09)}.main{padding:25px 30px 50px;min-width:0}.pagehead{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px}.pagehead small{color:var(--accent);font-size:10px;letter-spacing:.16em}.pagehead h1{font-size:28px;margin:4px 0 4px;font-weight:650}.pagehead p{margin:0;color:var(--muted)}.head-actions{display:flex;gap:8px}.primary,.ghost,.dangerbtn,.smallbtn{border:1px solid var(--line);border-radius:6px;padding:9px 13px;color:#dce5ea;background:#151d22}.primary{background:#315d27;border-color:#477b37;color:#eff8eb}.primary:hover{background:#3b6e30}.ghost:hover,.smallbtn:hover{background:#1e282e}.dangerbtn{background:#412426;border-color:#673639;color:#f1cbcb}.smallbtn{padding:6px 9px;font-size:12px}.metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:20px}.metric{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:15px}.metric span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.metric strong{display:block;font-size:25px;margin:7px 0 2px;font-weight:650}.metric small{color:#71838e}.metric .up{color:#8fca6a}.grid2{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.75fr);gap:16px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line)}.panel-head h2,.section-title{font-size:14px;margin:0;font-weight:650}.panel-head small{color:var(--muted)}.panel-body{padding:16px}.server-row,.host-row,.player-row,.job-row,.mod-row{display:grid;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid #222c32}.server-row{grid-template-columns:minmax(220px,1.4fr) .7fr .65fr .6fr auto}.server-row:last-child,.host-row:last-child,.player-row:last-child,.job-row:last-child,.mod-row:last-child{border-bottom:0}.server-row:hover,.mod-row:hover{background:#131b20}.name strong{display:block}.name small{color:var(--muted);display:block;margin-top:3px}.status{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#b6c3cb}.status:before{content:"";width:7px;height:7px;border-radius:50%;background:#6d7b83}.status.online:before,.status.good:before{background:var(--accent)}.status.warn:before{background:var(--warn)}.status.offline:before,.status.bad:before{background:var(--danger)}.badge{display:inline-flex;padding:3px 7px;border-radius:10px;border:1px solid #344048;color:#aab9c2;background:#192126;font-size:10px}.badge.green{color:#a8d98b;border-color:#31552a;background:#162217}.badge.yellow{color:#edc77f;border-color:#624d28;background:#251f15}.badge.blue{color:#98c4e7;border-color:#31516a;background:#16212a}.actions{display:flex;gap:6px;justify-content:flex-end}.activity{list-style:none;padding:0;margin:0}.activity li{position:relative;padding:0 0 18px 24px;color:#b9c5cc}.activity li:before{content:"";position:absolute;left:2px;top:5px;width:8px;height:8px;border-radius:50%;background:#53636d;border:2px solid #1a2227}.activity li:after{content:"";position:absolute;left:6px;top:15px;bottom:0;border-left:1px solid #303a40}.activity li:last-child:after{display:none}.activity b{font-weight:600;color:#e5ecef}.activity small{display:block;color:#687985;margin-top:3px}.healthbar{height:7px;background:#222d33;border-radius:6px;overflow:hidden;margin-top:7px}.healthbar i{display:block;height:100%;background:var(--accent);border-radius:6px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.host-card,.server-card,.player-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:16px}.host-card .top,.server-card .top,.player-card .top{display:flex;justify-content:space-between;gap:12px}.host-card h3,.server-card h3,.player-card h3{margin:3px 0 3px;font-size:16px}.muted{color:var(--muted)}.specs{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 12px;margin:15px 0}.spec{background:#0e1418;border:1px solid #222d33;padding:9px;border-radius:6px}.spec small{display:block;color:#71828d;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.spec b{display:block;margin-top:3px}.tabs{display:flex;border-bottom:1px solid var(--line);gap:2px;overflow:auto}.tab{background:transparent;border:0;color:#8ea0aa;padding:12px 14px;white-space:nowrap;border-bottom:2px solid transparent}.tab.active{color:#fff;border-color:var(--accent)}.detailbar{display:flex;align-items:center;gap:16px;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:15px;margin-bottom:14px}.detailbar h2{margin:0 0 4px;font-size:18px}.detailbar .push{margin-left:auto}.control-strip{display:flex;gap:7px;flex-wrap:wrap}.terminal{background:#080b0d;border:1px solid #263139;border-radius:7px;color:#a8bfaa;padding:14px;font-family:"SFMono-Regular",Consolas,monospace;font-size:12px;line-height:1.7;min-height:310px;white-space:pre-wrap;overflow:auto}.editor{display:grid;grid-template-columns:42px 1fr;background:#0a0e11;border:1px solid #273238;border-radius:7px;overflow:hidden;min-height:350px}.lines{background:#0d1215;color:#4e626d;padding:13px 10px;text-align:right;font-family:monospace;line-height:1.55;user-select:none}.editor textarea{resize:vertical;border:0;outline:0;background:#0a0e11;color:#c7d9c0;padding:13px;font-family:monospace;line-height:1.55;min-height:350px;width:100%}.toolbar{display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap}.toolbar .spacer{flex:1}.searchbox{display:flex;gap:8px;margin-bottom:15px}.searchbox input,.filter,.field{width:100%;background:#0f1519;border:1px solid #2b373e;color:#dce5e9;border-radius:6px;padding:10px 11px;outline:0}.searchbox input:focus,.field:focus{border-color:#557b47}.workshop-hero{display:flex;gap:18px;align-items:center;background:linear-gradient(100deg,#17231a,#151d22 65%);border:1px solid #334437;border-radius:8px;padding:18px;margin-bottom:16px}.workshop-hero .steamlogo{font-size:38px}.mod-row{grid-template-columns:52px minmax(220px,1.6fr) .6fr .5fr auto}.modicon{width:44px;height:44px;display:grid;place-items:center;border:1px solid #3b474e;border-radius:6px;background:#20292f;font-weight:800;color:#a4b5bf}.mini-tags{display:flex;gap:4px;margin-top:5px;flex-wrap:wrap}.chart{height:210px;display:flex;align-items:flex-end;gap:7px;padding:20px 5px 25px;position:relative;border-bottom:1px solid #253037}.bar{flex:1;min-width:8px;background:linear-gradient(to top,#315d27,#7ac34e);opacity:.8;border-radius:3px 3px 0 0;position:relative}.bar:hover{opacity:1}.chart-labels{display:flex;justify-content:space-between;color:#62747e;font-size:9px;padding:7px 5px 0}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.leader{display:grid;grid-template-columns:30px 1fr auto;padding:10px;border-bottom:1px solid #232d33;align-items:center}.leader .rank{color:#697b85}.map-shell{position:relative;min-height:520px;border:1px solid var(--line);border-radius:8px;overflow:hidden;background-color:#131a18;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),radial-gradient(circle at 30% 35%,#253327 0 4%,transparent 5%),radial-gradient(circle at 65% 55%,#1e2b23 0 7%,transparent 8%);background-size:45px 45px,45px 45px,100% 100%,100% 100%}.map-label{position:absolute;color:#62736a;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.heat{position:absolute;border-radius:50%;transform:translate(-50%,-50%);background:rgba(213,98,65,.38);box-shadow:0 0 24px rgba(224,90,50,.34)}.heat.hot{background:rgba(231,173,58,.48);box-shadow:0 0 32px rgba(231,173,58,.42)}.map-controls{position:absolute;left:14px;top:14px;background:rgba(8,12,14,.9);border:1px solid #303c42;padding:10px;border-radius:7px;display:flex;gap:6px;flex-wrap:wrap;max-width:70%}.layerbtn{padding:6px 8px;border:1px solid #344149;background:#151c20;color:#8fa0a9;border-radius:5px;font-size:11px}.layerbtn.active{border-color:#557745;color:#d8ecd0;background:#1c2a1b}.map-note{position:absolute;right:14px;bottom:14px;background:rgba(8,12,14,.9);border:1px solid #303c42;padding:9px 11px;border-radius:6px;color:#8798a1;font-size:10px}.profile-head{display:flex;gap:14px;align-items:center}.avatar{width:46px;height:46px;border-radius:5px;background:#27323a;border:1px solid #3a4851;display:grid;place-items:center;font-size:18px}.steam-profile{display:grid;grid-template-columns:minmax(180px,1fr) .8fr .8fr auto;gap:12px;align-items:center;padding:13px 14px;border-bottom:1px solid #242e34}.job-row{grid-template-columns:minmax(220px,1.2fr) .55fr .7fr .7fr auto}.progress{width:100%;height:7px;background:#242e34;border-radius:5px;overflow:hidden}.progress span{display:block;height:100%;background:var(--blue)}.audit-row{display:grid;grid-template-columns:145px 125px minmax(220px,1fr) 1fr;gap:12px;padding:10px 14px;border-bottom:1px solid #222c32}.audit-row code{color:#a5b7c2}.toast{position:fixed;right:24px;bottom:24px;background:#172118;border:1px solid #416037;color:#d9ead2;padding:12px 16px;border-radius:7px;box-shadow:var(--shadow);opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s;z-index:80}.toast.show{opacity:1;transform:translateY(0)}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.65);display:grid;place-items:center;padding:20px;z-index:100}.hidden{display:none!important}.modal{width:min(520px,100%);background:#141b20;border:1px solid #354149;border-radius:9px;box-shadow:var(--shadow)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line)}.modal-head h2{font-size:16px;margin:0}.modal-head button{border:0;background:transparent;color:#8d9ca5;font-size:22px}.modal #modalBody{padding:16px;color:#b5c1c8;line-height:1.6}.modal-actions{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--line)}.empty{padding:30px;text-align:center;color:#71828c}.kpi-line{display:flex;align-items:center;gap:10px;margin:10px 0}.kpi-line label{width:90px;color:#8c9ba4;font-size:11px}.kpi-line .track{height:7px;background:#263139;flex:1;border-radius:5px;overflow:hidden}.kpi-line .track i{display:block;height:100%;background:#648e50}.kpi-line b{width:38px;text-align:right;font-size:11px}.command{background:#090d0f;border:1px solid #273238;padding:12px;border-radius:6px;color:#b7cba9;font-family:monospace;white-space:pre-wrap;word-break:break-word}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.notice{border:1px solid #564725;background:#211d13;color:#dec484;padding:11px 13px;border-radius:6px;margin-bottom:12px}.notice.good{border-color:#31522b;background:#162017;color:#b6dca5}.section-gap{margin-top:16px}
@media(max-width:1050px){.metrics{grid-template-columns:repeat(3,1fr)}.grid2{grid-template-columns:1fr}.server-row{grid-template-columns:1fr .6fr .6fr auto}.server-row>div:nth-child(3){display:none}.xfnav{display:none}.xfbrand{min-width:0}.mod-row{grid-template-columns:48px 1fr auto}.mod-row>div:nth-child(3),.mod-row>div:nth-child(4){display:none}}
@media(max-width:760px){.layout{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line)}#sideNav{display:grid;grid-template-columns:repeat(2,1fr)}.navlabel,.agent-summary{display:none}.main{padding:18px 14px}.pagehead{flex-direction:column}.metrics{grid-template-columns:repeat(2,1fr)}.cards,.two-col,.stat-grid{grid-template-columns:1fr}.server-row{grid-template-columns:1fr auto}.server-row>div:nth-child(2),.server-row>div:nth-child(3),.server-row>div:nth-child(4){display:none}.host-row,.steam-profile,.job-row,.audit-row{grid-template-columns:1fr}.xfbar{height:auto;min-height:60px;padding:10px 14px}.account{font-size:11px}.sidebar{padding:12px}.product{margin-bottom:0}.map-controls{max-width:90%}}