:root{--bg: #0f1117;--bg-panel: #161b27;--bg-panel-alt: #1c2333;--bg-hover: rgba(255,255,255,.04);--border: #2d3748;--border-bright:#4a5568;--text: #e2e8f0;--text-muted: #718096;--text-dim: #4a5568;--accent: #4299e1;--accent-dim: #2b6cb0;--accent2: #ed8936;--accent2-dim: #c05621;--green: #48bb78;--green-dim: #276749;--red: #fc8181;--red-dim: #c53030;--yellow: #f6e05e;--font: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", "Courier New", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.page-content{flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0}.navbar{display:flex;align-items:center;gap:0;height:44px;background:var(--bg-panel);border-bottom:1px solid var(--border);flex-shrink:0;padding:0 16px}.navbar__brand{font-size:.85rem;font-weight:700;color:var(--text);letter-spacing:.04em;margin-right:24px;white-space:nowrap}.navbar__brand span{color:var(--accent)}.navbar__nav{display:flex;gap:2px}.navbar__link{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:6px;font-size:.8rem;font-weight:500;color:var(--text-muted);text-decoration:none;transition:color .15s,background .15s;white-space:nowrap}.navbar__link:hover{color:var(--text);background:var(--bg-hover)}.navbar__link.active{color:var(--accent);background:#4299e11a}.navbar__spacer{flex:1}.navbar__status{display:flex;align-items:center;gap:16px;font-size:.75rem;color:var(--text-muted)}.navbar__server{color:var(--text);font-weight:500}.navbar__map{color:var(--text-muted)}.navbar__conn{display:flex;align-items:center;gap:5px;font-size:.72rem}.navbar__conn-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.navbar__conn--connected .navbar__conn-dot{background:var(--green)}.navbar__conn--connecting .navbar__conn-dot{background:var(--yellow)}.navbar__conn--disconnected .navbar__conn-dot{background:var(--red)}.navbar__conn--connected .navbar__conn-label{color:var(--green)}.navbar__conn--connecting .navbar__conn-label{color:var(--yellow)}.navbar__conn--disconnected .navbar__conn-label{color:var(--red)}.navbar__clock{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);min-width:60px;text-align:right}.panel{display:flex;flex-direction:column;height:100%;border:1px solid var(--border);border-radius:6px;background:var(--bg-panel);overflow:hidden}.panel__header{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--bg-panel-alt);border-bottom:1px solid var(--border);flex-shrink:0}.panel__label{font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.panel__sublabel{font-size:.65rem;color:var(--text-dim)}.panel__corner{margin-left:auto;font-size:.55rem;color:var(--border-bright);letter-spacing:1px}.panel__body{flex:1;overflow:hidden;display:flex;flex-direction:column}.dashboard{display:flex;flex-direction:column;flex:1;overflow:hidden;min-height:0;padding:8px}.dashboard__grid{flex:1;display:grid;grid-template-columns:220px 1fr 240px;grid-template-rows:160px 1fr 130px;gap:6px;min-height:0}.dashboard__tickets{grid-column:1;grid-row:1}.dashboard__map{grid-column:2;grid-row:1 / 3}.dashboard__squads{grid-column:3;grid-row:1 / 3}.dashboard__killfeed{grid-column:1;grid-row:2 / 4}.dashboard__playerlist{grid-column:2;grid-row:3}.dashboard__chat{grid-column:3;grid-row:3}.killfeed{flex:1;overflow-y:auto;padding:4px 6px;display:flex;flex-direction:column;gap:1px}.killfeed__empty{color:var(--text-muted);font-size:.72rem;padding:12px 8px}.killfeed__entry{display:grid;grid-template-columns:52px 1fr auto 1fr auto;gap:4px;align-items:center;font-size:.7rem;padding:3px 5px;border-radius:3px;border-left:2px solid transparent;line-height:1.3}.killfeed__entry--kill{border-left-color:var(--green)}.killfeed__entry--teamkill{border-left-color:var(--red);background:#fc81810d}.killfeed__entry--vehicle{border-left-color:var(--yellow);background:#f6e05e0a}.killfeed__time{font-family:var(--font-mono);color:var(--text-muted);font-size:.62rem;white-space:nowrap}.killfeed__attacker{color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.killfeed__arrow{color:var(--text-muted);font-size:.65rem;flex-shrink:0}.killfeed__victim{color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.killfeed__weapon{color:var(--text-dim);font-size:.6rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-mono)}.killfeed__tk-badge{background:var(--red-dim);color:#fff;font-size:.55rem;padding:1px 4px;border-radius:2px;margin-right:4px;letter-spacing:.05em}.killfeed__vehicle-badge{background:#f6e05e33;color:var(--yellow);font-size:.55rem;padding:1px 4px;border-radius:2px;margin-right:4px;letter-spacing:.05em;font-family:var(--font-mono)}.tickets{display:flex;flex-direction:column;gap:8px;padding:10px;flex:1}.tickets__team{display:flex;flex-direction:column;gap:2px}.tickets__name{font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.tickets__count{font-size:1.9rem;font-weight:700;letter-spacing:.02em;line-height:1;font-family:var(--font-mono)}.tickets__count--left{color:var(--accent)}.tickets__count--right{color:var(--accent2)}.tickets__classified{font-size:.75rem;color:var(--text-dim)}.tickets__pct{font-size:.65rem;color:var(--text-muted);font-family:var(--font-mono)}.tickets__bar{display:flex;height:3px;background:var(--border);border-radius:2px;overflow:hidden}.tickets__bar-fill--t1{background:var(--accent);transition:width .5s ease}.tickets__bar-fill--t2{background:var(--accent2);transition:width .5s ease}.tickets__state{padding:5px 10px;font-size:.65rem;color:var(--text-muted);border-top:1px solid var(--border);flex-shrink:0}.tickets__matchstate{font-weight:600}.tickets__matchstate--inprogress{color:var(--green)}.tickets__matchstate--waitingtostart{color:var(--yellow)}.tickets__matchstate--waitingpostmatch{color:var(--text-muted)}.mapcanvas__wrapper{flex:1;position:relative;overflow:hidden;min-height:0}.mapcanvas__canvas{display:block;width:100%;height:100%}.mapcanvas__overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;align-items:center;justify-content:center}.mapcanvas__offair{background:#0f1117cc;border:1px solid var(--border);border-radius:4px;padding:8px 20px;font-size:.72rem;letter-spacing:.1em;color:var(--text-muted);text-transform:uppercase}.mapcanvas__zoom{position:absolute;top:8px;right:8px;display:flex;flex-direction:column;align-items:center;gap:3px;pointer-events:all}.mapcanvas__zoom-btn{width:24px;height:24px;background:#161b27d9;border:1px solid var(--border-bright);color:var(--text);font-size:.9rem;line-height:1;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .1s,border-color .1s;padding:0;font-family:var(--font)}.mapcanvas__zoom-btn:hover{background:var(--bg-panel-alt);border-color:var(--accent);color:var(--accent)}.mapcanvas__zoom-level{font-family:var(--font-mono);font-size:.6rem;color:var(--text-muted);text-align:center;min-width:24px}.mapcanvas__legend{position:absolute;bottom:8px;right:10px;display:flex;gap:12px;font-size:.65rem;letter-spacing:.05em;pointer-events:none;background:#0f111799;padding:3px 8px;border-radius:3px}.mapcanvas__legend-item--t1{color:var(--accent)}.mapcanvas__legend-item--t2{color:var(--accent2)}.mapcanvas__legend-item{color:var(--text-muted)}.squads{display:flex;gap:0;flex:1;overflow:hidden;min-height:0}.squads__team{flex:1;overflow-y:auto;padding:6px;display:flex;flex-direction:column;gap:4px}.squads__team-label{font-size:.65rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:2px 0 5px;border-bottom:1px solid var(--border);margin-bottom:2px}.squads__team--t1 .squads__team-label{color:var(--accent)}.squads__team--t2 .squads__team-label{color:var(--accent2)}.squads__divider{width:1px;background:var(--border);flex-shrink:0}.squads__squad{background:var(--bg-panel-alt);border:1px solid var(--border);border-radius:4px;padding:4px 6px}.squads__squad-header{display:flex;align-items:center;gap:4px;margin-bottom:3px}.squads__squad-name{font-size:.65rem;font-weight:600;color:var(--text);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.squads__squad-size{font-size:.62rem;color:var(--text-muted);font-family:var(--font-mono);flex-shrink:0}.squads__locked{font-size:.55rem;letter-spacing:.06em;color:var(--yellow);border:1px solid var(--yellow);padding:0 3px;border-radius:2px}.squads__members{display:flex;flex-direction:column;gap:1px}.squads__member{font-size:.62rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.squads__member--sl{color:var(--yellow);font-weight:600}.squads__member--dim{color:var(--text-dim);font-style:italic}.squads__role{color:var(--text-dim);font-size:.58rem;font-family:var(--font-mono)}.squads__unassigned{padding:2px 0}.squads__unassigned-label{font-size:.6rem;color:var(--text-dim)}.chatlog{flex:1;overflow-y:auto;padding:4px 8px;display:flex;flex-direction:column;gap:2px}.chatlog__empty{color:var(--text-muted);font-size:.72rem;padding:12px 0}.chatlog__entry{display:flex;gap:5px;font-size:.68rem;line-height:1.4;flex-wrap:wrap;align-items:baseline}.chatlog__time{font-family:var(--font-mono);color:var(--text-dim);flex-shrink:0}.chatlog__channel{font-weight:600;flex-shrink:0;font-size:.62rem}.chatlog__player{color:var(--text);flex-shrink:0}.chatlog__message{color:var(--text-muted);word-break:break-word}.playerlist{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.playerlist__controls{display:flex;gap:4px;padding:5px 8px;border-bottom:1px solid var(--border);flex-shrink:0}.playerlist__sort{background:none;border:1px solid var(--border);color:var(--text-muted);font-family:var(--font);font-size:.65rem;letter-spacing:.05em;padding:3px 10px;border-radius:4px;cursor:pointer;text-transform:uppercase;transition:border-color .15s,color .15s,background .15s}.playerlist__sort:hover{border-color:var(--border-bright);color:var(--text)}.playerlist__sort.active{border-color:var(--accent);color:var(--accent);background:#4299e114}.playerlist__table{flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0}.playerlist__header{display:grid;grid-template-columns:1fr 36px 36px 44px;gap:4px;padding:4px 8px;font-size:.6rem;letter-spacing:.1em;color:var(--text-dim);border-bottom:1px solid var(--border);text-transform:uppercase;flex-shrink:0}.playerlist__rows{flex:1;overflow-y:auto}.playerlist__empty{color:var(--text-muted);font-size:.72rem;padding:12px 8px}.playerlist__row{display:grid;grid-template-columns:1fr 36px 36px 44px;gap:4px;padding:3px 8px;font-size:.68rem;border-bottom:1px solid rgba(45,55,72,.5);align-items:center;transition:background .1s}.playerlist__row--t1{color:var(--accent)}.playerlist__row--t2{color:var(--accent2)}.playerlist__row:hover{background:var(--bg-hover)}.playerlist__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}.playerlist__sl{color:var(--yellow);margin-right:3px}.playerlist__team,.playerlist__squad{text-align:center;color:var(--text-muted);font-family:var(--font-mono)}.playerlist__role{color:var(--text-dim);font-size:.62rem;font-family:var(--font-mono)}button{cursor:pointer}.matches-page{flex:1;overflow-y:auto;padding:20px 24px}.matches-page h1{font-size:1.1rem;font-weight:700;color:var(--text);margin-bottom:16px}.matches-table{width:100%;border-collapse:collapse;font-size:.8rem}.matches-table th{text-align:left;padding:8px 12px;background:var(--bg-panel-alt);border-bottom:1px solid var(--border);color:var(--text-muted);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;font-weight:600}.matches-table td{padding:8px 12px;border-bottom:1px solid rgba(45,55,72,.5);color:var(--text);vertical-align:middle}.matches-table tr:hover td{background:var(--bg-hover)}.matches-table .col-id{font-family:var(--font-mono);color:var(--text-muted);width:50px}.matches-table .col-map{font-weight:600}.matches-table .col-teams{color:var(--text-muted)}.matches-table .col-time{font-family:var(--font-mono);color:var(--text-muted);font-size:.72rem}.btn-replay{background:#4299e11a;border:1px solid var(--accent-dim);color:var(--accent);font-size:.72rem;padding:4px 12px;border-radius:4px;cursor:pointer;font-family:var(--font);transition:background .15s;text-decoration:none;display:inline-block}.btn-replay:hover{background:#4299e133}.matches-empty{text-align:center;color:var(--text-muted);padding:40px;font-size:.85rem}.replay-page{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0;padding:12px 16px;gap:10px}.replay-header{display:flex;align-items:center;gap:16px;flex-shrink:0}.replay-header h2{font-size:1rem;font-weight:700;color:var(--text)}.replay-meta{font-size:.75rem;color:var(--text-muted);display:flex;gap:12px}.replay-meta span{display:flex;align-items:center;gap:4px}.replay-meta strong{color:var(--text)}.btn-back{background:var(--bg-panel-alt);border:1px solid var(--border);color:var(--text-muted);font-size:.75rem;padding:5px 12px;border-radius:4px;cursor:pointer;font-family:var(--font);text-decoration:none;display:inline-flex;align-items:center;gap:5px;transition:color .15s,border-color .15s}.btn-back:hover{color:var(--text);border-color:var(--border-bright)}.replay-controls{display:flex;align-items:center;gap:12px;flex-shrink:0;background:var(--bg-panel);border:1px solid var(--border);border-radius:6px;padding:8px 14px}.replay-controls input[type=range]{flex:1;accent-color:var(--accent);height:4px;cursor:pointer}.btn-play{background:var(--accent);border:none;color:#fff;font-size:.78rem;font-weight:600;padding:5px 14px;border-radius:4px;cursor:pointer;font-family:var(--font);min-width:60px;transition:opacity .15s}.btn-play:hover{opacity:.85}.replay-time{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);white-space:nowrap;min-width:110px;text-align:right}.replay-speed{display:flex;gap:4px}.btn-speed{background:var(--bg-panel-alt);border:1px solid var(--border);color:var(--text-muted);font-size:.68rem;padding:3px 8px;border-radius:3px;cursor:pointer;font-family:var(--font-mono);transition:color .1s,border-color .1s}.btn-speed.active{color:var(--accent);border-color:var(--accent)}.replay-grid{flex:1;display:grid;grid-template-columns:1fr 280px;grid-template-rows:1fr 1fr;gap:8px;min-height:0}.replay-grid__map{grid-column:1;grid-row:1 / 3}.replay-grid__killfeed{grid-column:2;grid-row:1}.replay-grid__chat{grid-column:2;grid-row:2}.replay-stats{display:flex;gap:20px;flex-shrink:0;flex-wrap:wrap}.replay-stat{background:var(--bg-panel);border:1px solid var(--border);border-radius:5px;padding:6px 14px;font-size:.72rem;color:var(--text-muted)}.replay-stat strong{display:block;font-size:1.1rem;font-weight:700;font-family:var(--font-mono);color:var(--text)}.replay-loading{display:flex;align-items:center;justify-content:center;flex:1;color:var(--text-muted);font-size:.85rem}.logs-page{display:flex;flex-direction:column;height:calc(100vh - 48px);background:var(--bg);overflow:hidden}.logs-toolbar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-panel);border-bottom:1px solid var(--border);flex-shrink:0;flex-wrap:wrap}.logs-tabs{display:flex;gap:2px}.logs-tab{display:flex;align-items:center;gap:6px;padding:4px 12px;background:transparent;border:1px solid var(--border);border-radius:4px;color:var(--text-muted);font-size:.75rem;cursor:pointer;transition:background .1s,color .1s}.logs-tab:hover{background:var(--bg-panel-alt);color:var(--text)}.logs-tab.active{background:var(--bg-panel-alt);border-color:var(--accent);color:var(--accent)}.logs-tab-count{background:var(--bg);color:var(--text-dim);font-size:.6rem;padding:1px 5px;border-radius:10px;font-family:var(--font-mono)}.logs-filter{flex:1;min-width:160px;max-width:320px;padding:4px 8px;background:var(--bg);border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:.75rem;font-family:var(--font-mono);outline:none}.logs-filter:focus{border-color:var(--accent)}.logs-actions{display:flex;gap:4px}.logs-btn{padding:4px 10px;background:var(--bg-panel-alt);border:1px solid var(--border);border-radius:4px;color:var(--text-muted);font-size:.72rem;cursor:pointer;transition:background .1s,color .1s}.logs-btn:hover{background:var(--border);color:var(--text)}.logs-btn--active{border-color:var(--yellow);color:var(--yellow)}.logs-paused-badge{padding:3px 8px;background:#f6e05e1f;border:1px solid var(--yellow);border-radius:3px;color:var(--yellow);font-size:.65rem;font-family:var(--font-mono);letter-spacing:.08em}.logs-list{flex:1;overflow-y:auto;overflow-x:hidden;padding:4px 0;font-family:var(--font-mono);font-size:.7rem;line-height:1.5}.logs-list::-webkit-scrollbar{width:6px}.logs-list::-webkit-scrollbar-track{background:var(--bg)}.logs-list::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:3px}.logs-empty{padding:40px;color:var(--text-dim);text-align:center;font-size:.8rem}.logs-entry{display:flex;gap:10px;padding:1px 12px;border-left:2px solid transparent;white-space:nowrap;overflow:hidden}.logs-entry:hover{background:var(--bg-panel);white-space:pre-wrap;overflow:visible;word-break:break-all;z-index:1}.logs-entry--default{color:var(--text-muted)}.logs-entry--error{color:var(--red);border-left-color:var(--red);background:#fc81810a}.logs-entry--warn{color:var(--yellow);border-left-color:var(--yellow)}.logs-entry--gamestate{color:var(--accent);border-left-color:var(--accent)}.logs-entry--kill{color:var(--green);border-left-color:var(--green)}.logs-entry--squad{color:#b794f4;border-left-color:#b794f4}.logs-entry--trace{color:var(--text-dim)}.logs-entry--net{color:var(--accent2);border-left-color:var(--accent2)}.logs-entry--possess{color:#76e4f7;border-left-color:#76e4f7}.logs-ts{color:var(--text-dim);flex-shrink:0;-webkit-user-select:none;user-select:none}.logs-line{flex:1;overflow:hidden;text-overflow:ellipsis}.logs-entry:hover .logs-line{overflow:visible;text-overflow:unset}.logs-rcon-entry{padding:6px 12px;border-bottom:1px solid var(--border)}.logs-rcon-header{display:flex;gap:12px;align-items:baseline;margin-bottom:3px}.logs-rcon-cmd{color:var(--accent);font-family:var(--font-mono);font-size:.72rem;font-weight:600}.logs-rcon-response{margin:0;padding:4px 8px;background:var(--bg-panel-alt);border-radius:3px;color:var(--text-muted);font-family:var(--font-mono);font-size:.67rem;white-space:pre-wrap;word-break:break-all;max-height:180px;overflow-y:auto}