:root{color-scheme:dark;--bg:#071117;--surface:#0d1a22;--surface-2:#101f29;--line:#213b49;--line-soft:#18303c;--text:#edf9ff;--muted:#87a6b7;--accent:#83dcff;--accent-strong:#3dbff2;--success:#65e2bd;--warning:#f1c879;--danger:#ff8497;--shadow:0 24px 70px #0008}*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{min-height:100vh;margin:0;color:var(--text);font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:radial-gradient(800px 440px at 84% -8%,#15516a48,transparent 68%),radial-gradient(650px 420px at 3% 80%,#0d3f5840,transparent 70%),linear-gradient(#071117e8,#071117e8),linear-gradient(90deg,#ffffff08 1px,transparent 1px),linear-gradient(#ffffff08 1px,transparent 1px);background-size:auto,auto,auto,24px 24px,24px 24px}main{max-width:1240px;margin:auto;padding:30px 24px 56px}.card{background:linear-gradient(145deg,#11222ce8,#0b171ee8);border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:var(--shadow);backdrop-filter:blur(16px)}.app-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 15px;padding:15px 18px;background:#0c181fe0;border:1px solid var(--line);border-radius:18px;box-shadow:0 16px 45px #0005}.brand,.auth-brand,.server-name-row{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid #90e6ff7a;border-radius:12px;background:linear-gradient(145deg,#8ce7ff,#3caedb);color:#06202d;font-size:11px;font-weight:900;letter-spacing:-.5px;box-shadow:0 0 0 4px #72d9ff11,0 0 30px #56cbed30}.brand h1{font-size:20px;letter-spacing:-.5px}.brand .sub{font-size:12px}h1,h2,p{margin:0}h1{font-size:25px;letter-spacing:-.7px}h2{font-size:18px;letter-spacing:-.3px}.sub{color:var(--muted);margin-top:4px}.eyebrow{margin:0 0 5px;color:var(--accent);font-size:10px;font-weight:850;letter-spacing:1.5px}.row{display:flex;gap:9px;align-items:center}.header-actions{flex-wrap:wrap;justify-content:flex-end}.top-nav{display:flex;gap:5px;align-items:center;margin:0 0 18px;padding:6px;background:#0b181ed4;border:1px solid var(--line);border-radius:14px;box-shadow:0 13px 35px #0004}.nav-tab{display:flex;align-items:center;gap:8px;border:1px solid transparent;border-radius:10px;padding:9px 13px;background:transparent;color:var(--muted);font-size:13px;font-weight:700;cursor:pointer;transition:.18s ease}.nav-tab span{font-size:16px;color:#6399ae}.nav-tab:hover{color:var(--text);background:#13303d88}.nav-tab.active{color:#dff8ff;background:linear-gradient(145deg,#17485be0,#133442e0);border-color:#32728b}.nav-tab.active span{color:var(--accent)}button{border:1px solid transparent;border-radius:10px;padding:10px 14px;background:linear-gradient(145deg,#8ae4ff,#49bdec);color:#05202d;font:800 13px inherit;cursor:pointer;box-shadow:0 8px 20px #45bee426;transition:transform .15s ease,filter .15s ease}button:hover{filter:brightness(1.08);transform:translateY(-1px)}button:active{transform:translateY(0)}.primary{background:linear-gradient(145deg,#9ae9ff,#4ec5f5)}.ghost{background:#10242e!important;border-color:#2a4d5d!important;color:#c4e3ee!important;box-shadow:none}.ghost:hover{background:#173542!important;border-color:#4e8296!important}.danger-ghost{color:#ffc4cf!important;border-color:#6b3c4a!important}.server-panel{padding:0;overflow:hidden}.server-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:0;padding:22px 22px 19px;border-bottom:1px solid var(--line)}.servers{padding:0 22px}.server{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 0;border-top:1px solid var(--line-soft)}.server:first-child{border-top:0}.server-main{min-width:0}.server-name-row b{display:block;font-size:15px}.server-emblem{display:grid;place-items:center;flex:0 0 auto;width:31px;height:31px;border:1px solid #2c6075;border-radius:9px;background:#0d2d3a;color:var(--accent);font-size:9px;font-weight:900}.server-metrics{display:flex;flex-wrap:wrap;gap:6px 9px;margin-top:11px}.server-metrics span{padding:4px 7px;border:1px solid #1c3a47;border-radius:7px;background:#09171e;color:#7d9cad;font-size:11px}.server-metrics strong{margin-left:3px;color:#d8f3ff;font-weight:750}.controls{flex-wrap:wrap;justify-content:flex-end}.controls button{font-size:16px;line-height:1;padding:8px 10px}.logs{font-size:10px!important;letter-spacing:.5px;padding:9px 10px!important}.gear{background:#4bc7f8}.start{background:#4fd3a6}.restart{background:#efd083}.stop{background:#ef8295}.controls button:disabled{opacity:.3;cursor:not-allowed;filter:grayscale(.4)}.status{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid #234452;border-radius:999px;background:#0a161d;color:#a8c3cf;font-size:11px;font-weight:800;text-transform:uppercase}.status i,.live-label i{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}.status.online{color:var(--success);border-color:#2b6a5b}.status.offline{color:var(--danger);border-color:#6d3e4b}.status.checking{color:var(--warning);border-color:#69572f}.audit-card{margin-top:18px}.audit-card header{display:flex;align-items:center;justify-content:space-between}.live-label{display:inline-flex;gap:6px;align-items:center;color:var(--accent);font-size:10px;font-weight:900;letter-spacing:1px}.audit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;margin:16px 0 0;padding:0;list-style:none}.audit li{display:flex;gap:9px;align-items:flex-start;min-width:0;padding:10px 0;border-top:1px solid var(--line-soft);color:#d1e7ef;font-size:13px}.audit-dot{display:block;flex:0 0 auto;width:6px;height:6px;margin-top:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px #72dfff}.audit small{color:#688696;font-size:10px}.auth{max-width:450px;margin:11vh auto;padding:30px}.auth-brand{margin-bottom:15px}.auth-copy{margin-bottom:20px}.auth .brand-mark{width:46px;height:46px;font-size:12px}label{display:block;margin:13px 0 6px;color:#9bb7c4;font-size:12px;font-weight:650}input,select{width:100%;border:1px solid #284a59;border-radius:10px;background:#091820;color:#effaff;padding:11px 12px;font:14px inherit;outline:none;transition:border-color .15s,box-shadow .15s}input:focus,select:focus{border-color:var(--accent-strong);box-shadow:0 0 0 3px #57ccf422}.auth button,.modal form>button{margin-top:18px;width:100%}.error{min-height:20px;margin:10px 0 0;color:var(--danger);font-size:12px}.modal-backdrop{position:fixed;inset:0;z-index:5;display:grid;place-items:center;padding:20px;background:#020a0dcc;backdrop-filter:blur(7px)}.modal{width:min(650px,100%);max-height:90vh;overflow:auto;border-color:#315b6c}.modal header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.modal hr{border:0;border-top:1px solid var(--line);margin:22px 0}.modal .row>div{flex:1}.agent-config{width:100%;max-height:220px;overflow:auto;margin-top:12px;padding:12px;border:1px solid #284b5a;border-radius:10px;background:#07141b;color:#c9f1ff;font:12px/1.5 ui-monospace,Consolas,monospace;white-space:pre-wrap;word-break:break-word}.logs-modal{width:min(1050px,100%)}.log-toolbar{margin:0 0 12px}.log-toolbar select{flex:1;min-width:250px}.log-output{height:min(62vh,680px);overflow:auto;margin:0;padding:15px;border:1px solid #193744;border-radius:10px;background:#061218;color:#cfe5ee;font:12px/1.5 ui-monospace,Consolas,"Cascadia Code",monospace;white-space:pre-wrap;word-break:break-word}.empty-section{min-height:240px;padding:35px}.empty-section .sub{max-width:600px;margin-top:10px}.loading{max-width:360px;margin:15vh auto;text-align:center}@media(max-width:760px){main{padding:16px 13px 35px}.app-header,.server-panel>header,.server{align-items:flex-start;flex-direction:column}.app-header{padding:13px}.header-actions{width:100%;justify-content:flex-start}.top-nav{overflow:auto}.nav-tab{white-space:nowrap}.servers{padding:0 15px}.server-panel>header{padding:18px 15px}.controls{justify-content:flex-start}.audit{grid-template-columns:1fr}.modal .row{align-items:stretch;flex-direction:column}.modal .row>div{width:100%}}@media(max-width:440px){.server-metrics{gap:5px}.header-actions button{padding:8px 10px}.nav-tab{padding:8px 10px}.nav-tab span{display:none}}
.map-panel header,.player-list header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.map-panel select{width:auto;min-width:180px}.map-stats{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 12px}.map-stats span{padding:6px 9px;border:1px solid var(--line);border-radius:999px;background:#091820;color:#adcbd7;font-size:11px}.player-dot,.object-dot{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}.object-dot{border-radius:1px;background:var(--warning);box-shadow:0 0 10px var(--warning)}.tactical-map{position:relative;min-height:580px;overflow:hidden;border:1px solid #315666;border-radius:14px;background:radial-gradient(circle at 20% 70%,#1c4556aa,transparent 20%),radial-gradient(circle at 70% 22%,#164958aa,transparent 18%),linear-gradient(35deg,#0a222b,#0d2930 48%,#092027);background-image:radial-gradient(circle at 20% 70%,#1c4556aa,transparent 20%),radial-gradient(circle at 70% 22%,#164958aa,transparent 18%),linear-gradient(35deg,#0a222b,#0d2930 48%,#092027),linear-gradient(#8fdfff17 1px,transparent 1px),linear-gradient(90deg,#8fdfff17 1px,transparent 1px);background-size:auto,auto,auto,10% 10%,10% 10%;box-shadow:inset 0 0 70px #000a}.map-marker{position:absolute;z-index:2;width:auto;padding:0;border:0;border-radius:0;background:transparent;color:#a8efff;box-shadow:none;transform:translate(-50%,-50%)}.map-marker:hover{filter:none;transform:translate(-50%,-50%) scale(1.06)}.map-marker span{display:grid;place-items:center;width:20px;height:20px;border:2px solid #d7faff;border-radius:50%;background:#37bfe4;color:#061318;font-size:10px;box-shadow:0 0 0 5px #64dfff22,0 0 20px #4cddff}.map-marker.object span{border-radius:3px;border-color:#fff1c7;background:#e6bc58;box-shadow:0 0 0 5px #f5d37b22,0 0 20px #f5d37b}.map-marker em{position:absolute;left:14px;top:-2px;display:none;min-width:max-content;padding:3px 6px;border:1px solid #5c8998;border-radius:5px;background:#071218eF;color:#e8fbff;font:11px inherit;font-style:normal}.map-marker:hover em{display:block}.map-coordinates{position:absolute;z-index:1;color:#87cfe255;font-size:10px;font-weight:800;letter-spacing:1.3px}.map-north{top:12px;left:50%;transform:translateX(-50%)}.map-south{bottom:12px;left:12px}.map-watermark{position:absolute;right:14px;bottom:12px;color:#8bdcfb33;font-size:11px;font-weight:900;letter-spacing:1px}.map-help{margin:11px 0 0;color:var(--muted);font-size:12px}.profile-list{margin-top:16px}.profile-row{display:flex;align-items:center;gap:11px;width:100%;margin-top:7px;padding:10px;text-align:left;background:#0a1920;color:var(--text);border-color:var(--line);box-shadow:none}.profile-row:hover{background:#102a35}.profile-row>span:nth-child(2){display:grid;gap:2px;flex:1}.profile-row small,.profile-grid small{color:var(--muted);font-size:11px}.profile-avatar{display:grid;place-items:center;flex:0 0 auto;width:54px;height:54px;border:1px solid #75dffb;border-radius:16px;background:#164354;color:#dffaff;font-size:20px;font-weight:850}.profile-avatar.small{width:34px;height:34px;border-radius:10px;font-size:13px}.profile-heading{display:flex;align-items:center;gap:15px;margin:22px 0}.profile-heading .status{margin-left:auto}.profile-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:16px 0 24px}.profile-grid>div{display:grid;gap:5px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#091820}.profile-grid strong{font-size:13px;overflow-wrap:anywhere}.player-profile h3{font-size:14px;margin:0}@media(max-width:760px){.map-panel header,.player-list header{flex-direction:column}.tactical-map{min-height:430px}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:440px){.profile-grid{grid-template-columns:1fr}.tactical-map{min-height:350px}}
.log-filter{display:grid;grid-template-columns:2fr repeat(2,1.3fr) repeat(3,.8fr) 1.1fr auto;gap:7px;margin:0 0 12px}.log-filter input,.log-filter select{min-width:0;padding:8px;font-size:12px}.log-filter button{padding:8px 11px}@media(max-width:900px){.log-filter{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:500px){.log-filter{grid-template-columns:repeat(2,minmax(0,1fr))}}
.wiki-panel header{margin-bottom:18px}.wiki-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.wiki-grid article{min-height:175px;padding:17px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,#0b1d26,#0a171e)}.wiki-grid article span{display:inline-grid;place-items:center;width:27px;height:27px;border:1px solid #4b9cb8;border-radius:8px;background:#153744;color:var(--accent);font-size:10px;font-weight:900}.wiki-grid h3{margin:13px 0 7px;font-size:14px}.wiki-grid p{color:var(--muted);font-size:12px}.wiki-grid b{color:#dff8ff}.wiki-grid code,.wiki-note code{padding:2px 4px;border-radius:4px;background:#061218;color:#a8eaff;font:11px ui-monospace,Consolas,monospace;overflow-wrap:anywhere}.wiki-note{margin-top:14px;padding:12px 14px;border:1px solid #4d6944;border-radius:10px;background:#1c32204f;color:#c8e7cf;font-size:12px}.wiki-note b{color:#81e7a2}@media(max-width:860px){.wiki-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.wiki-grid{grid-template-columns:1fr}}
.mods-modal{width:min(1080px,100%)}.workshop-search{display:flex;gap:8px}.workshop-search input{flex:1}.mods-description{margin:8px 0 13px}.workshop-results{display:grid;gap:7px;max-height:320px;overflow:auto;margin:0 0 16px}.workshop-result,.mod-line{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#091820}.workshop-result>div,.mod-line>div{display:grid;gap:3px;flex:1;min-width:0}.workshop-result b,.mod-line b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.workshop-result small,.mod-line small{color:var(--muted);font-size:10px}.workshop-result select{width:125px;padding:8px;font-size:12px}.workshop-result button{padding:8px 11px;white-space:nowrap}.mods-columns{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding-top:14px;border-top:1px solid var(--line)}.mods-columns h3{margin:0 0 4px;font-size:14px}.mods-list{display:grid;gap:7px;margin-top:10px}.mod-line{min-height:56px}.mod-line button{padding:6px 9px;font-size:11px}.mod-installed{padding:4px 7px;border:1px solid #2d705d;border-radius:99px;color:var(--success);font-size:10px;font-weight:800;white-space:nowrap}@media(max-width:700px){.workshop-search{flex-direction:column}.mods-columns{grid-template-columns:1fr}.workshop-result{align-items:stretch;flex-wrap:wrap}.workshop-result>div{flex-basis:100%}.workshop-result select{flex:1}}
.agent-path{margin:0 0 16px;padding:14px;border:1px solid #316173;border-radius:12px;background:linear-gradient(145deg,#0c2631,#0a1920)}.agent-path h3{margin:0;font-size:14px}.agent-path .workshop-search{margin-top:9px}.agent-path .mods-description{margin-bottom:0}
.site-footer{padding:25px 4px 2px;color:#628897;font-size:12px;text-align:center}.site-footer a{color:var(--accent);font-weight:800;text-decoration:none}.site-footer a:hover{text-decoration:underline}
.brand-mark{width:54px;height:54px;border-color:#d7f8ff;border-radius:16px;background:linear-gradient(145deg,#9ae9ff,#35a9d9);color:#05202d;font-size:17px;letter-spacing:-1.3px}
.delete-server{color:#ffb9c4!important;border-color:#75434e!important;background:#321d25!important;font-size:10px!important;letter-spacing:.3px}.delete-server:hover{background:#4a222d!important;border-color:#c35b6d!important}