:root{color-scheme:dark;--bg:#070b13;--panel:#101827;--panel2:#131e30;--border:#223049;--text:#edf4ff;--muted:#90a0b8;--accent:#4d8dff;--accent2:#77a9ff;--danger:#ef5e6a;--ok:#4fd48b;--warn:#f3bf5b;--shadow:0 18px 55px rgba(0,0,0,.28)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at top,#111d31 0,#070b13 42%);color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.muted{color:var(--muted)}h1,h2,h3,h4,p{margin-top:0}.center-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(430px,100%);padding:34px;background:rgba(16,24,39,.94);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);backdrop-filter:blur(14px)}.login-card h1{text-align:center;margin-bottom:5px}.login-card>p{text-align:center;margin-bottom:28px}.brand-mark{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;margin:0 auto 18px;background:linear-gradient(145deg,#3777e8,#6aa8ff);font-weight:900;font-size:22px;box-shadow:0 12px 30px rgba(64,132,255,.35)}.brand-mark.small{width:39px;height:39px;border-radius:11px;margin:0;font-size:15px}.app{min-height:100vh;display:grid;grid-template-columns:245px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;padding:22px 16px;border-right:1px solid var(--border);background:rgba(8,13,23,.96);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 24px}.brand strong,.brand span{display:block}.brand span{font-size:12px;color:var(--muted);margin-top:2px}.sidebar nav{display:grid;gap:7px}.nav{border:0;background:transparent;color:#a8b6ca;text-align:left;padding:11px 13px;border-radius:10px;font-weight:650}.nav:hover{background:#111d30;color:#fff}.nav.active{background:#172741;color:#fff}.sidebar-foot{margin-top:auto;padding:16px 8px 3px;border-top:1px solid var(--border);display:grid;gap:8px;font-size:12px;overflow-wrap:anywhere}.text-btn{border:0;padding:0;background:transparent;color:var(--accent2);text-align:left}.content{padding:28px 32px 50px;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.topbar h2{margin-bottom:4px}.topbar p{margin:0}.badge{padding:7px 11px;border-radius:99px;font-size:12px;font-weight:800;border:1px solid}.badge.ok{color:#8ef0b8;background:#10281d;border-color:#245e40}.badge.bad{color:#ff9ba3;background:#34151a;border-color:#6a2931}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.summary-card,.panel,.instance-card,.license-card{background:linear-gradient(180deg,rgba(18,29,47,.97),rgba(13,21,35,.97));border:1px solid var(--border);border-radius:15px;box-shadow:0 8px 25px rgba(0,0,0,.11)}.summary-card{padding:18px}.summary-card .value{font-size:29px;font-weight:850;margin-top:5px}.panel{padding:18px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px}.panel-head h3{margin-bottom:3px}.panel-head p{margin:0}.instance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:13px}.instance-card{padding:16px;position:relative;overflow:hidden}.instance-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#53627a}.instance-card.status-running:before{background:var(--ok)}.instance-card.status-starting:before,.instance-card.status-queued:before{background:var(--warn)}.instance-card.status-failed:before,.instance-card.status-crashed:before{background:var(--danger)}.instance-top{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.instance-top h4{margin:0 0 5px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#7d8ca2;margin-right:7px}.status-running .status-dot{background:var(--ok);box-shadow:0 0 0 4px rgba(79,212,139,.08)}.meta{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;margin:18px 0}.meta div,.kv{background:#0b1321;border:1px solid #1b2940;border-radius:10px;padding:10px}.meta small,.kv small{display:block;color:var(--muted);font-size:11px;margin-bottom:4px}.actions{display:flex;flex-wrap:wrap;gap:8px}button.primary,button.secondary,button.danger{border:1px solid transparent;border-radius:9px;padding:9px 13px;font-weight:750;color:#fff}button.primary{background:#397ce9;border-color:#4e8cf4}button.primary:hover{background:#498bfa}button.secondary{background:#18263b;border-color:#2a3b55;color:#dce8f8}button.secondary:hover{background:#21334e}button.danger{background:#36191f;border-color:#6e2b34;color:#ffb3b9}button.danger:hover{background:#482027}.wide{width:100%}label{display:grid;gap:7px;color:#c5d0df;font-size:13px;font-weight:650}input,select,textarea{width:100%;border:1px solid #2a3951;border-radius:9px;background:#0b1321;color:#eef5ff;padding:10px 11px;outline:0}input:focus,select:focus,textarea:focus{border-color:#4b88ee;box-shadow:0 0 0 3px rgba(75,136,238,.12)}input[type=checkbox]{width:16px;height:16px;accent-color:#4b8cf9}.stack{display:grid;gap:13px}.error{margin-top:13px;border:1px solid #75323b;background:#32161c;color:#ffb2ba;padding:10px 12px;border-radius:9px}.license-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:13px}.license-card{padding:18px}.slotbar{height:8px;border-radius:99px;background:#09111e;overflow:hidden;margin:15px 0 10px}.slotbar span{height:100%;display:block;background:linear-gradient(90deg,#3b80ec,#6ca7ff)}.modal{position:fixed;inset:0;background:rgba(0,0,0,.65);display:grid;place-items:center;padding:24px;z-index:100}.modal-card{width:min(1040px,96vw);max-height:92vh;overflow:auto;border:1px solid var(--border);background:#0d1625;border-radius:17px;box-shadow:var(--shadow);padding:19px}.modal-head{position:sticky;top:-19px;z-index:5;background:#0d1625;display:flex;align-items:center;justify-content:space-between;padding:4px 0 14px;border-bottom:1px solid var(--border);margin-bottom:15px}.modal-head h3{margin:0}.icon-btn{border:0;background:transparent;color:#b6c3d5;font-size:27px}.tab-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.tab-btn{padding:8px 12px;border-radius:8px;border:1px solid #2a3951;background:#111c2d;color:#aebdd1}.tab-btn.active{background:#21385a;color:#fff;border-color:#3c6092}.kv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.log{height:390px;overflow:auto;background:#070d17;border:1px solid #1e2d43;border-radius:10px;padding:10px;font:12px/1.6 Consolas,monospace}.log-line{border-bottom:1px solid #101b2b;padding:3px 0}.danger-zone{border-top:1px solid #3e2229;margin-top:22px;padding-top:18px}.toast{position:fixed;right:22px;bottom:22px;z-index:200;background:#14301f;border:1px solid #2d6b46;border-radius:10px;padding:12px 15px;box-shadow:var(--shadow);font-weight:700}.toast.bad{background:#3a171d;border-color:#74303a}.admin-grid,.account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.span-2{grid-column:1/-1}.node-row,.compact-row{padding:12px 0;border-bottom:1px solid #1d2a3d;display:flex;justify-content:space-between;gap:15px;align-items:center}.compact-list{margin-top:16px}.audit-list{max-height:400px;overflow:auto}.audit-item{padding:9px 0;border-bottom:1px solid #1d2a3d;font-size:12px}.worker-token{background:#0c1c2e;border:1px solid #294b72;color:#b9d6ff;padding:12px;border-radius:9px;margin-top:12px;overflow-wrap:anywhere}.worker-token code{font-size:12px}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.settings-section{background:#0a1321;border:1px solid #1e2d43;border-radius:12px;padding:14px;margin-bottom:14px}.settings-section h4{margin-bottom:12px}.toggle-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.toggle-row{display:flex;align-items:center;gap:8px;background:#101b2c;border:1px solid #21324a;padding:9px 10px;border-radius:9px}.rule-table-wrap{overflow:auto;border:1px solid #1e2d43;border-radius:10px}.rule-table{width:100%;border-collapse:collapse;min-width:830px}.rule-table th,.rule-table td{padding:8px;border-bottom:1px solid #1c2b40;text-align:left;font-size:12px;vertical-align:middle}.rule-table th{position:sticky;top:0;background:#111d2e;color:#9fb0c6;z-index:1}.rule-table input,.rule-table select{padding:6px 7px;font-size:12px}.rule-table input[type=checkbox]{width:15px}.settings-actions{position:sticky;bottom:-19px;display:flex;gap:9px;justify-content:flex-end;padding:12px 0 2px;background:linear-gradient(180deg,rgba(13,22,37,0),#0d1625 25%)}details.advanced{margin-top:14px;border:1px solid #26364e;border-radius:10px;padding:10px}details.advanced summary{cursor:pointer;color:#aebed3}textarea#settingsText{min-height:260px;font:12px/1.5 Consolas,monospace}.section-note{font-size:12px;color:var(--muted);margin:-5px 0 11px}.pill{display:inline-block;padding:2px 7px;border-radius:99px;background:#15233a;border:1px solid #293d5d;color:#a9bfdf;font-size:11px}@media(max-width:900px){.app{grid-template-columns:1fr}.sidebar{position:relative;height:auto;border-right:0;border-bottom:1px solid var(--border)}.sidebar nav{display:flex;overflow:auto}.sidebar-foot{margin-top:12px}.content{padding:20px}.summary-grid{grid-template-columns:repeat(2,1fr)}.admin-grid,.account-grid{grid-template-columns:1fr}.span-2{grid-column:auto}}@media(max-width:560px){.content{padding:15px}.summary-grid{grid-template-columns:1fr}.topbar{align-items:flex-start}.instance-grid{grid-template-columns:1fr}.modal{padding:7px}.modal-card{width:100%;max-height:97vh}.panel-head{align-items:flex-start;flex-direction:column}.sidebar nav{flex-wrap:wrap}}

.server-table-wrap{overflow:auto;border:1px solid #1e2d43;border-radius:12px;background:#0a1220}.server-table{width:100%;border-collapse:collapse;min-width:1180px}.server-table th,.server-table td{padding:11px 10px;border-bottom:1px solid #1a293d;text-align:left;font-size:12px;vertical-align:middle}.server-table th{position:sticky;top:0;background:#111d2e;color:#9fb0c6;z-index:1}.server-table tr:last-child td{border-bottom:0}.server-account strong,.server-account span{display:block}.server-account span{font-size:11px;color:var(--muted);margin-top:3px}.status-chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 8px;border:1px solid #314158;background:#111c2d;font-size:11px;font-weight:800;white-space:nowrap}.status-chip.running{color:#8ef0b8;border-color:#245e40;background:#10281d}.status-chip.starting,.status-chip.queued{color:#ffd98c;border-color:#755b25;background:#33270f}.status-chip.failed,.status-chip.crashed{color:#ffadb4;border-color:#6a2931;background:#34151a}.status-chip.stopped{color:#aebbd0}.worker-live{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.worker-metric{background:#0b1321;border:1px solid #1b2940;border-radius:10px;padding:12px}.worker-metric small{display:block;color:var(--muted);font-size:11px;margin-bottom:5px}.worker-metric strong{font-size:15px}.server-empty{padding:26px;text-align:center;color:var(--muted)}

/* v8 live pixel map */
.dashboard-live-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.75fr);gap:18px;margin-bottom:18px;align-items:stretch}.dashboard-live-layout>.panel{margin:0}.dashboard-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:0}.dashboard-overview-panel{display:flex;flex-direction:column}.dashboard-overview-panel .dashboard-summary-grid{flex:1}.dashboard-overview-panel .summary-card{min-height:118px;display:flex;flex-direction:column;justify-content:center}.live-map-panel{min-width:0}.live-map-head{margin-bottom:12px}.live-map-controls{display:flex;align-items:center;gap:7px;min-width:0}.live-map-controls select{min-width:180px;max-width:260px;padding:8px 9px}.map-zoom{min-width:40px;padding:8px 11px!important;font-size:18px;line-height:1}.live-map-stage{position:relative;overflow:hidden;border:1px solid #213149;border-radius:12px;background:#050a12;min-height:390px}.live-map-stage canvas{display:block;width:100%;height:410px;image-rendering:pixelated;cursor:crosshair}.live-map-empty{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:28px;color:var(--muted);pointer-events:none;background:linear-gradient(180deg,rgba(5,10,18,.12),rgba(5,10,18,.38))}.live-map-tooltip{position:absolute;z-index:4;pointer-events:none;max-width:260px;padding:8px 10px;border-radius:8px;border:1px solid #31445f;background:rgba(7,13,23,.96);box-shadow:0 8px 25px rgba(0,0,0,.28);font-size:11px;line-height:1.45;color:#eaf2ff;transform:translate(12px,12px)}.live-map-tooltip strong{display:block;font-size:12px;margin-bottom:2px}.live-map-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:10px;min-height:24px}.live-map-legend{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:11px;color:#b7c5d8}.live-map-key{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.live-map-dot{width:8px;height:8px;display:inline-block;border-radius:2px;background:#9aa9bd}.live-map-dot.self{background:#56cfff;border-radius:50%;box-shadow:0 0 0 2px rgba(86,207,255,.15)}.live-map-dot.player{background:#ff6475}.live-map-dot.npc{background:#ffc75b}.live-map-dot.monster{background:#b78cff}.live-map-dot.collect{background:#65e6a6}.live-map-dot.tower{background:#ff8a5a}@media(max-width:1180px){.dashboard-live-layout{grid-template-columns:1fr}.dashboard-overview-panel .dashboard-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-overview-panel .summary-card{min-height:auto}.live-map-stage canvas{height:380px}}@media(max-width:760px){.dashboard-overview-panel .dashboard-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.live-map-head{align-items:flex-start;flex-direction:column}.live-map-controls{width:100%}.live-map-controls select{flex:1;min-width:0;max-width:none}.live-map-stage{min-height:320px}.live-map-stage canvas{height:330px}}@media(max-width:480px){.dashboard-overview-panel .dashboard-summary-grid{grid-template-columns:1fr}.live-map-stage canvas{height:300px}.live-map-footer{align-items:flex-start;flex-direction:column}}