@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=DM+Mono:wght@300;400;500&family=Inter:wght@400;500;600&display=swap";:root{--bg: #08080a;--bg2: #0f0f12;--bg3: #16161b;--bg4: #1e1e24;--bg5: #26262e;--border: #1a1a22;--border2: #25252f;--border3: #33333f;--text: #eeeef0;--text2: #9a9aaa;--text3: #55556a;--gold: #e8b830;--gold2: #d4a520;--gold-dim: rgba(232,184,48,.06);--gold-dim2: rgba(232,184,48,.12);--green: #2dd4a0;--green-dim: rgba(45,212,160,.08);--red: #f45b69;--red-dim: rgba(244,91,105,.08);--amber: #f0a030;--amber-dim: rgba(240,160,48,.08);--blue: #58a6ff;--cyan: #5ad6e8;--pink: #f06b9c;--radius: 10px;--radius-lg: 14px;--sidebar-w: 240px;--header-h: 56px;--shadow-sm: 0 1px 2px rgba(0,0,0,.4), 0 2px 6px rgba(0,0,0,.2);--shadow-md: 0 4px 12px rgba(0,0,0,.4), 0 1px 3px rgba(0,0,0,.3);--shadow-gold: 0 0 20px rgba(232,184,48,.08), 0 4px 12px rgba(0,0,0,.4)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased}a{color:var(--gold);text-decoration:none}a:hover{color:var(--gold2)}button{font-family:inherit;cursor:pointer}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text3)}.app-shell{display:flex;min-height:100vh}.app-header{position:fixed;top:0;left:0;right:0;height:var(--header-h);background:var(--bg2);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 24px;z-index:50}.app-header-spacer{flex:1}.app-header-right{display:flex;align-items:center;gap:12px}.user-chip{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--bg3);border:1px solid var(--border2);border-radius:var(--radius);font-size:13px;font-weight:500}.data-source-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--bg3);border:1px solid var(--border2);border-radius:var(--radius);font-size:11.5px;font-weight:500;font-family:DM Mono,monospace;color:var(--text2);white-space:nowrap}.data-source-pill .dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.data-source-pill svg{flex-shrink:0}.data-source-pill.local{color:var(--green);background:var(--green-dim);border-color:#2dd4a040}.data-source-pill.server{color:var(--gold);background:var(--gold-dim);border-color:#e8b83040}.data-source-pill.empty,.data-source-pill.loading{color:var(--text3)}.player-selector-v2{position:relative;display:inline-flex}.player-selector-trigger{display:inline-flex;align-items:center;gap:8px;padding:5px 10px 5px 12px;background:var(--bg3);border:1px solid var(--border2);border-radius:var(--radius);font-size:13px;font-weight:600;color:var(--text2);font-family:inherit;transition:border-color .15s,color .15s,background .15s;cursor:pointer}.player-selector-trigger:hover{border-color:var(--gold);color:var(--text)}.player-selector-trigger.active{border-color:var(--gold);color:var(--gold);background:var(--gold-dim)}.player-selector-trigger svg{color:var(--gold);flex-shrink:0}.player-selector-label{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-selector-dropdown{position:absolute;top:calc(100% + 6px);right:0;width:320px;max-height:420px;background:var(--bg3);border:1px solid var(--border3);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);z-index:60;display:flex;flex-direction:column;overflow:hidden}.player-selector-search{display:flex;gap:6px;padding:10px;border-bottom:1px solid var(--border)}.player-selector-search input{flex:1;padding:7px 10px;background:var(--bg2);border:1px solid var(--border2);border-radius:var(--radius);color:var(--text);font-family:inherit;font-size:13px;outline:none;transition:border-color .15s}.player-selector-search input:focus{border-color:var(--gold)}.player-selector-reset{background:transparent;border:1px solid var(--border2);color:var(--text3);border-radius:var(--radius);width:30px;font-size:14px;cursor:pointer;transition:all .15s}.player-selector-reset:hover{border-color:var(--red);color:var(--red)}.player-selector-list{flex:1;overflow-y:auto;padding:6px}.player-selector-item{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:8px 10px;background:transparent;border:0;border-radius:var(--radius);font-family:inherit;cursor:pointer;text-align:left;transition:background .12s}.player-selector-item:hover{background:var(--bg4)}.player-selector-item.selected{background:var(--gold-dim);outline:1px solid rgba(232,184,48,.3)}.player-selector-item .nick{font-size:13px;font-weight:600;color:var(--text)}.player-selector-item .meta{font-size:11px;color:var(--text2);font-family:DM Mono,monospace}.player-selector-empty{padding:14px;text-align:center;color:var(--text3);font-size:12.5px}.user-chip .dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 6px var(--green)}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid var(--border2);background:transparent;color:var(--text2);border-radius:var(--radius);font-size:13px;font-weight:500;transition:all .15s}.btn:hover{background:var(--bg4);color:var(--text);border-color:var(--border3)}.btn-primary{background:var(--gold);border-color:var(--gold);color:var(--bg);font-weight:600}.btn-primary:hover{background:var(--gold2);border-color:var(--gold2);color:var(--bg)}.btn-primary.active{box-shadow:0 0 0 1px var(--gold2),0 0 12px #e8b83059}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:linear-gradient(180deg,var(--bg2) 0%,var(--bg) 100%);border-right:1px solid var(--border);position:fixed;top:0;left:0;bottom:0;z-index:40;display:flex;flex-direction:column;padding-top:var(--header-h)}.sidebar:after{content:"";position:absolute;right:0;top:0;bottom:0;width:1px;background:linear-gradient(180deg,rgba(232,184,48,.15) 0%,transparent 40%,transparent 60%,rgba(232,184,48,.08) 100%);z-index:1}.sidebar-logo{padding:24px 24px 28px;position:relative}.sidebar-logo:after{content:"";position:absolute;bottom:0;left:24px;right:24px;height:1px;background:linear-gradient(90deg,var(--gold) 0%,transparent 70%);opacity:.2}.sidebar-logo .team-name{font-family:Outfit,sans-serif;font-weight:900;font-size:18px;color:var(--gold);letter-spacing:-.03em;display:flex;align-items:center;gap:8px}.sidebar-logo .team-sub{font-size:10px;color:var(--text2);text-transform:uppercase;letter-spacing:.15em;margin-top:6px}.sidebar-nav{flex:1;padding:16px 12px;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 14px;margin-bottom:2px;font-size:13px;font-weight:500;color:var(--text2);border-radius:var(--radius);cursor:pointer;transition:all .12s;border-left:2px solid transparent;-webkit-user-select:none;user-select:none}.nav-item:hover{background:var(--bg3);color:var(--text)}.nav-item.active{background:var(--bg4);color:var(--text);border-left-color:var(--gold)}.nav-item .nav-icon{width:16px;height:16px;flex-shrink:0;stroke:currentColor;stroke-width:1.8;fill:none}.nav-divider{height:1px;background:var(--border);margin:8px 14px}.main{margin-left:var(--sidebar-w);padding-top:var(--header-h);flex:1;min-height:100vh;position:relative}.main:before{content:"";position:absolute;top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(232,184,48,.03) 0%,transparent 70%);pointer-events:none}.suit-watermark{position:absolute;top:80px;right:40px;font-size:140px;opacity:.015;color:var(--gold);pointer-events:none;font-weight:900;line-height:1}.main-inner{position:relative;padding:24px 32px 48px;max-width:1600px;margin:0 auto}.card{background:var(--bg3);border:1px solid var(--border2);border-radius:var(--radius-lg);padding:20px;transition:all .15s}.card:hover{border-color:var(--border3);box-shadow:var(--shadow-md)}.text-mono{font-family:DM Mono,SF Mono,monospace}.text-muted{color:var(--text2)}.text-faint{color:var(--text3)}.text-gold{color:var(--gold)}.text-green{color:var(--green)}.text-red{color:var(--red)}.text-amber{color:var(--amber)}.text-cyan{color:var(--cyan)}.text-pink{color:var(--pink)}.breadcrumb{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--text3);margin-bottom:6px}.page-title{font-family:Outfit,sans-serif;font-weight:800;font-size:28px;letter-spacing:-.02em;color:var(--text)}.page-sub{color:var(--text2);font-size:14px;margin-top:4px}.segmented{display:inline-flex;background:var(--bg2);border:1px solid var(--border2);border-radius:var(--radius);padding:3px;gap:2px}.segmented button{padding:5px 12px;font-size:12px;font-weight:500;background:transparent;border:0;color:var(--text2);border-radius:7px;transition:all .12s}.segmented button:hover{color:var(--text)}.segmented button.active{background:var(--gold);color:var(--bg);font-weight:600}.chip-filter{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:var(--bg2);border:1px solid var(--border2);border-radius:var(--radius);font-size:12px;color:var(--text2);cursor:pointer}.chip-filter:hover{border-color:var(--border3);color:var(--text)}.chip-filter strong{color:var(--text);font-weight:500}.tag{display:inline-flex;align-items:center;padding:2px 8px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:4px;border:1px solid transparent}.tag-ideal{background:var(--green-dim);color:var(--green);border-color:#2dd4a033}.tag-warn{background:var(--amber-dim);color:var(--amber);border-color:#f0a03033}.tag-fora{background:var(--red-dim);color:var(--red);border-color:#f45b6933}.tag-empty{background:transparent;color:var(--text3);border-color:var(--border2)}.table-card{background:var(--bg2);border:1px solid var(--border2);border-radius:var(--radius-lg);overflow:hidden}.table-card-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border)}.table-card-header h3{font-family:Outfit,sans-serif;font-weight:600;font-size:15px;color:var(--gold);display:flex;align-items:center;gap:10px}.count-badge{background:var(--bg3);border:1px solid var(--border2);color:var(--text2);font-size:11px;font-weight:500;padding:2px 8px;border-radius:6px}table.stats-table{width:100%;border-collapse:collapse;font-size:13px}.stats-table thead th{background:var(--bg3);color:var(--text2);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;text-align:left;padding:10px 14px;border-bottom:1px solid var(--border);white-space:nowrap}.stats-table thead th.num{text-align:right}.stats-table tbody td{padding:9px 14px;border-bottom:1px solid var(--border);color:var(--text)}.stats-table tbody tr:hover{background:var(--bg4)}.stats-table tbody td.num{text-align:right;font-family:DM Mono,monospace;font-size:12.5px;font-variant-numeric:tabular-nums}.stats-table tbody td.stat-name{font-weight:500}.stats-table tbody td.pct{text-align:right;font-family:DM Mono,monospace;font-weight:600;font-size:13.5px}.stats-table tbody td.pct.bg-green{background:var(--green-dim);color:var(--green)}.stats-table tbody td.pct.bg-amber{background:var(--amber-dim);color:var(--amber)}.stats-table tbody td.pct.bg-red{background:var(--red-dim);color:var(--red)}.table-card-footer{padding:12px 18px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--text2);border-top:1px solid var(--border)}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width: 1100px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}.kpi-card{background:var(--bg3);border:1px solid var(--border2);border-radius:var(--radius-lg);padding:18px 20px;position:relative;transition:all .15s}.kpi-card:hover{border-color:var(--border3);box-shadow:var(--shadow-md)}.kpi-card .kpi-label{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--text2);font-weight:600}.kpi-card .kpi-value{font-family:Outfit,sans-serif;font-weight:800;font-size:32px;line-height:1.1;letter-spacing:-.02em;margin-top:6px;color:var(--text)}.kpi-card .kpi-value.gold{color:var(--gold)}.kpi-card .kpi-value.green{color:var(--green)}.kpi-card .kpi-footer{margin-top:10px;display:flex;justify-content:space-between;align-items:center;font-size:11.5px;font-family:DM Mono,monospace;color:var(--text3)}.kpi-card .delta{font-size:11.5px;font-weight:500}.upload-dropzone{position:relative;background:var(--bg2);border:1.5px dashed var(--border3);border-radius:var(--radius-lg);padding:56px 32px;text-align:center;transition:all .18s;cursor:pointer;overflow:hidden}.upload-dropzone:hover{border-color:var(--gold);background:var(--gold-dim)}.upload-dropzone.dragging{border-style:solid;border-color:var(--gold);background:var(--gold-dim2);box-shadow:var(--shadow-gold)}.upload-dropzone.parsing{border-color:var(--gold);background:var(--bg3);cursor:wait}.upload-dropzone:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(232,184,48,.04) 0%,transparent 60%);pointer-events:none;opacity:0;transition:opacity .2s}.upload-dropzone:hover:before,.upload-dropzone.dragging:before{opacity:1}.upload-dropzone-icon{width:56px;height:56px;margin:0 auto 16px;color:var(--gold);opacity:.7;transition:opacity .15s,transform .15s}.upload-dropzone:hover .upload-dropzone-icon{opacity:1;transform:translateY(-2px)}.upload-dropzone-title{font-family:Outfit,sans-serif;font-weight:700;font-size:20px;letter-spacing:-.01em;color:var(--text)}.upload-dropzone-sub{margin-top:6px;font-size:13px;color:var(--text2)}.upload-dropzone-formats{margin-top:14px;display:flex;justify-content:center;flex-wrap:wrap;gap:6px}.upload-dropzone-formats .tag{background:var(--bg3);color:var(--text2);border-color:var(--border2);font-size:9.5px;text-transform:uppercase;letter-spacing:.08em;padding:3px 8px}.upload-progress{display:flex;flex-direction:column;gap:10px;align-items:center}.upload-progress-bar{width:100%;max-width:360px;height:6px;background:var(--bg4);border-radius:3px;overflow:hidden}.upload-progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--gold) 0%,var(--gold2) 100%);border-radius:3px;transition:width .15s}.upload-progress-label{font-family:DM Mono,monospace;font-size:12px;color:var(--text2)}.alert-error{margin-top:16px;padding:12px 16px;background:var(--red-dim);border:1px solid rgba(244,91,105,.25);border-left:3px solid var(--red);border-radius:var(--radius);color:var(--red);font-size:13px}.alert-error strong{color:var(--red);margin-right:6px}.hero-card{margin-top:18px;background:linear-gradient(135deg,var(--gold-dim) 0%,transparent 80%);border:1px solid rgba(232,184,48,.25);border-radius:var(--radius-lg);padding:14px 18px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.hero-card .hero-label{font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:600;color:var(--gold)}.hero-card select.hero-select{background:var(--bg3);border:1px solid var(--border2);color:var(--text);border-radius:var(--radius);padding:6px 12px;font-family:Outfit,sans-serif;font-weight:600;font-size:14px;cursor:pointer;outline:none;transition:border-color .15s}.hero-card select.hero-select:focus,.hero-card select.hero-select:hover{border-color:var(--gold)}.hero-card .hero-hint{color:var(--text2);font-size:12px}.sync-panel{margin-top:20px;background:var(--bg3);border:1px solid var(--border2);border-radius:var(--radius-lg);padding:18px 20px}.sync-panel-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.sync-panel-title{font-family:Outfit,sans-serif;font-weight:700;font-size:15px;color:var(--text);display:flex;align-items:center;gap:8px}.sync-panel-title svg{width:16px;height:16px;color:var(--gold)}.sync-panel-sub{margin-top:6px;color:var(--text2);font-size:12.5px;line-height:1.5}.event-timeline{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}.event-row{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:12.5px;font-family:DM Mono,monospace;color:var(--text2)}.event-row .dot{flex-shrink:0;width:8px;height:8px;border-radius:50%;background:var(--text3)}.event-row.done .dot{background:var(--green);box-shadow:0 0 6px var(--green-dim)}.event-row.active .dot{background:var(--gold);box-shadow:0 0 8px #e8b83080;animation:pulse 1.2s infinite}.event-row.error .dot{background:var(--red)}.event-row.error{color:var(--red)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.sync-success{margin-top:14px;padding:10px 14px;background:var(--green-dim);border:1px solid rgba(45,212,160,.25);border-left:3px solid var(--green);border-radius:var(--radius);color:var(--green);font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px}.session-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:24px;margin-bottom:14px}.session-header h3{font-family:Outfit,sans-serif;font-weight:700;font-size:18px;color:var(--text)}.session-header h3 .count{color:var(--gold);font-family:DM Mono,monospace;font-weight:500;font-size:16px;margin-left:8px}.kpi-grid.kpi-grid-3{grid-template-columns:repeat(3,1fr)}@media (max-width: 900px){.kpi-grid.kpi-grid-3{grid-template-columns:1fr}}.btn-danger{background:transparent;border-color:#f45b694d;color:var(--red)}.btn-danger:hover{background:var(--red-dim);border-color:var(--red);color:var(--red)}.btn:disabled,.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-primary:disabled:hover{background:var(--gold);border-color:var(--gold)}