:root{--admin-bg: #ffffff;--admin-card-bg: #ffffff;--admin-border: #e5e5e5;--admin-text: #111111;--admin-text-secondary: #666666;--admin-accent: #2563eb;--admin-accent-hover: #1d4ed8;--admin-success: #10b981;--admin-warning: #f59e0b;--admin-error: #ef4444;--admin-critical: #dc2626;--admin-spacing-xs: 4px;--admin-spacing-sm: 8px;--admin-spacing-md: 16px;--admin-spacing-lg: 24px;--admin-spacing-xl: 32px;--admin-sidebar-width: 200px}[data-theme=dark]{--admin-bg: #0a0a0a;--admin-card-bg: #111111;--admin-border: #222222;--admin-text: #ffffff;--admin-text-secondary: #888888}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-root{min-height:100vh;background:var(--admin-bg);color:var(--admin-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5}.admin-layout{display:flex;min-height:100vh}.admin-sidebar{width:var(--admin-sidebar-width);background:var(--admin-card-bg);border-right:1px solid var(--admin-border);display:flex;flex-direction:column;position:fixed;height:100vh;overflow-y:auto;z-index:50;flex-shrink:0}.admin-sidebar-header{padding:var(--admin-spacing-md);border-bottom:1px solid var(--admin-border)}.admin-sidebar-title{font-size:16px;font-weight:600;margin:0;color:var(--admin-text)}.admin-sidebar-subtitle{font-size:12px;color:var(--admin-text-secondary);margin-top:2px}.admin-nav{flex:1;padding:var(--admin-spacing-sm) 0}.admin-nav-link{display:flex;align-items:center;gap:var(--admin-spacing-sm);padding:var(--admin-spacing-sm) var(--admin-spacing-md);color:var(--admin-text-secondary);text-decoration:none;font-size:14px;transition:all .15s ease}.admin-nav-link:hover{color:var(--admin-text);background:#0000000d}.admin-nav-link.active{color:var(--admin-accent);background:#2563eb1a;font-weight:500}.admin-nav-divider{height:1px;background:var(--admin-border);margin:var(--admin-spacing-sm) var(--admin-spacing-md)}.admin-main{flex:1;margin-left:var(--admin-sidebar-width);min-height:100vh;max-height:100vh;display:flex;flex-direction:column;overflow:hidden}.admin-header{display:flex;justify-content:space-between;align-items:center;padding:var(--admin-spacing-md) var(--admin-spacing-lg);border-bottom:1px solid var(--admin-border);background:var(--admin-card-bg);position:sticky;top:0;z-index:10}.admin-header-left{display:flex;align-items:center;gap:var(--admin-spacing-md)}.admin-page-title{font-size:18px;font-weight:600;margin:0}.admin-env-badge{padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.admin-env-badge.dev{background:#fef3c7;color:#92400e}.admin-env-badge.staging{background:#dbeafe;color:#1e40af}.admin-env-badge.prod{background:#dcfce7;color:#166534}.admin-header-right{display:flex;align-items:center;gap:var(--admin-spacing-md)}.admin-last-updated{font-size:12px;color:var(--admin-text-secondary)}.admin-content{flex:1;padding:var(--admin-spacing-lg);overflow-y:auto;overflow-x:hidden}.admin-card{background:var(--admin-card-bg);border:1px solid var(--admin-border);border-radius:8px;padding:var(--admin-spacing-md)}.admin-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--admin-spacing-md)}.admin-card-title{font-size:14px;font-weight:600;color:var(--admin-text);margin:0}.admin-stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--admin-spacing-sm);margin-bottom:var(--admin-spacing-lg)}.admin-stat-card{background:var(--admin-card-bg);border:1px solid var(--admin-border);border-radius:8px;padding:var(--admin-spacing-md);text-decoration:none;color:inherit;display:block}.admin-stat-card.clickable{cursor:pointer;transition:all .15s ease}.admin-stat-card.clickable:hover{border-color:var(--admin-accent);box-shadow:0 2px 8px #2563eb1a}.admin-stat-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--admin-spacing-sm)}.admin-stat-card-title{font-size:12px;font-weight:500;color:var(--admin-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0}.admin-stat-card-status{width:8px;height:8px;border-radius:50%}.admin-stat-card-status.green{background:var(--admin-success)}.admin-stat-card-status.yellow{background:var(--admin-warning)}.admin-stat-card-status.red{background:var(--admin-error)}.admin-stat-card-value{font-size:28px;font-weight:600;color:var(--admin-text);margin:0;line-height:1.2}.admin-stat-card-subtitle{font-size:12px;color:var(--admin-text-secondary);margin-top:var(--admin-spacing-xs)}.admin-stat-card-trend{display:inline-flex;align-items:center;gap:2px;font-size:12px;font-weight:500;margin-top:var(--admin-spacing-xs)}.admin-stat-card-trend.up{color:var(--admin-success)}.admin-stat-card-trend.down{color:var(--admin-error)}.admin-stat-card-trend.neutral{color:var(--admin-text-secondary)}.admin-grid{display:grid;gap:var(--admin-spacing-md)}.admin-grid-2{grid-template-columns:repeat(2,1fr)}.admin-grid-3{grid-template-columns:repeat(3,1fr)}.admin-grid-4{grid-template-columns:repeat(4,1fr)}.admin-grid-6{grid-template-columns:repeat(6,1fr)}.admin-chart-container{background:var(--admin-card-bg);border:1px solid var(--admin-border);border-radius:8px;padding:var(--admin-spacing-md)}.admin-chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--admin-spacing-md)}.admin-chart-title{font-size:14px;font-weight:600;margin:0}.admin-chart{width:100%;min-height:200px}.admin-table-container{background:var(--admin-card-bg);border:1px solid var(--admin-border);border-radius:8px;overflow:hidden}.admin-table{width:100%;border-collapse:collapse;font-size:13px}.admin-table th{text-align:left;padding:var(--admin-spacing-sm) var(--admin-spacing-md);background:#00000005;border-bottom:1px solid var(--admin-border);font-weight:600;color:var(--admin-text-secondary);font-size:11px;text-transform:uppercase;letter-spacing:.5px}.admin-table td{padding:var(--admin-spacing-sm) var(--admin-spacing-md);border-bottom:1px solid var(--admin-border);color:var(--admin-text)}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:#00000005}.admin-table-link{color:var(--admin-accent);text-decoration:none}.admin-table-link:hover{text-decoration:underline}.admin-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500}.admin-badge.success{background:#dcfce7;color:#166534}.admin-badge.warning{background:#fef3c7;color:#92400e}.admin-badge.error{background:#fee2e2;color:#991b1b}.admin-badge.critical{background:#fecaca;color:#7f1d1d}.admin-badge.info{background:#dbeafe;color:#1e40af}.admin-badge.neutral{background:#f3f4f6;color:#374151}.admin-live-game-card:hover{border-color:var(--admin-accent);box-shadow:0 2px 12px #2563eb26}.admin-section-title{font-size:16px;font-weight:600;margin:0;color:var(--admin-text)}.admin-btn{display:inline-flex;align-items:center;gap:var(--admin-spacing-xs);padding:var(--admin-spacing-xs) var(--admin-spacing-sm);border:1px solid var(--admin-border);border-radius:4px;background:var(--admin-card-bg);color:var(--admin-text);font-size:13px;cursor:pointer;transition:all .15s ease}.admin-btn:hover{background:#0000000d}.admin-btn.primary{background:var(--admin-accent);border-color:var(--admin-accent);color:#fff}.admin-btn.primary:hover{background:var(--admin-accent-hover)}.admin-btn.small{padding:2px 6px;font-size:11px}.admin-btn.refreshing{opacity:.8;cursor:wait}.admin-btn-spinner{width:12px;height:12px;border:2px solid var(--admin-border);border-top-color:var(--admin-accent);border-radius:50%;animation:spin .8s linear infinite;display:inline-block}.admin-time-range{display:flex;gap:2px;background:#0000000d;border-radius:6px;padding:2px}.admin-time-range-btn{padding:4px 12px;border:none;background:transparent;color:var(--admin-text-secondary);font-size:12px;cursor:pointer;border-radius:4px;transition:all .15s ease}.admin-time-range-btn:hover{color:var(--admin-text)}.admin-time-range-btn.active{background:var(--admin-card-bg);color:var(--admin-text);box-shadow:0 1px 2px #0000001a}.admin-activity-feed{background:var(--admin-card-bg);border:1px solid var(--admin-border);border-radius:8px;display:flex;flex-direction:column;height:100%;min-height:400px}.admin-activity-feed-header{display:flex;justify-content:space-between;align-items:center;padding:var(--admin-spacing-sm) var(--admin-spacing-md);border-bottom:1px solid var(--admin-border)}.admin-activity-feed-title{font-size:14px;font-weight:600;margin:0}.admin-activity-feed-items{flex:1;overflow-y:auto;padding:var(--admin-spacing-sm)}.admin-activity-item{padding:var(--admin-spacing-xs) var(--admin-spacing-sm);font-size:12px;border-radius:4px;margin-bottom:2px;display:flex;gap:var(--admin-spacing-sm);cursor:pointer}.admin-activity-item:hover{background:#00000008}.admin-activity-time{color:var(--admin-text-secondary);font-family:monospace;font-size:11px;flex-shrink:0}.admin-activity-message{color:var(--admin-text)}.admin-activity-item.game-start .admin-activity-message{color:var(--admin-success)}.admin-activity-item.game-end .admin-activity-message{color:var(--admin-accent)}.admin-activity-item.error .admin-activity-message{color:var(--admin-error)}.admin-quick-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--admin-spacing-sm)}.admin-quick-stat{background:var(--admin-card-bg);border:1px solid var(--admin-border);border-radius:8px;padding:var(--admin-spacing-md);text-align:center}.admin-quick-stat-label{font-size:11px;color:var(--admin-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--admin-spacing-xs)}.admin-quick-stat-value{font-size:20px;font-weight:600;color:var(--admin-text)}.admin-quick-stat-meta{font-size:11px;color:var(--admin-text-secondary);margin-top:2px}.admin-tables-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--admin-spacing-sm);margin-top:var(--admin-spacing-lg)}.admin-mini-table{background:var(--admin-card-bg);border:1px solid var(--admin-border);border-radius:8px;cursor:pointer;transition:all .15s ease}.admin-mini-table:hover{border-color:var(--admin-accent)}.admin-mini-table-header{display:flex;justify-content:space-between;align-items:center;padding:var(--admin-spacing-sm) var(--admin-spacing-md);border-bottom:1px solid var(--admin-border)}.admin-mini-table-name{font-weight:600;font-size:13px}.admin-mini-table-count{font-size:12px;color:var(--admin-text-secondary)}.admin-mini-table-preview{padding:var(--admin-spacing-sm) var(--admin-spacing-md);font-size:11px;color:var(--admin-text-secondary)}.admin-mini-table-row{padding:2px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.admin-modal{background:var(--admin-card-bg);border-radius:8px;max-width:90vw;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.admin-modal.large{width:1000px}.admin-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--admin-spacing-md);border-bottom:1px solid var(--admin-border)}.admin-modal-title{font-size:16px;font-weight:600;margin:0}.admin-modal-close{background:none;border:none;font-size:20px;cursor:pointer;color:var(--admin-text-secondary);padding:4px 8px}.admin-modal-close:hover{color:var(--admin-text)}.admin-modal-content{flex:1;overflow:auto;padding:var(--admin-spacing-md)}.admin-filters{display:flex;gap:var(--admin-spacing-md);flex-wrap:wrap;margin-bottom:var(--admin-spacing-lg);padding:var(--admin-spacing-md);background:var(--admin-card-bg);border:1px solid var(--admin-border);border-radius:8px}.admin-filter-group{display:flex;flex-direction:column;gap:var(--admin-spacing-xs)}.admin-filter-label{font-size:11px;font-weight:500;color:var(--admin-text-secondary);text-transform:uppercase;letter-spacing:.5px}.admin-filter-select,.admin-filter-input{padding:var(--admin-spacing-xs) var(--admin-spacing-sm);border:1px solid var(--admin-border);border-radius:4px;background:var(--admin-bg);color:var(--admin-text);font-size:13px;min-width:120px}.admin-filter-select:focus,.admin-filter-input:focus{outline:none;border-color:var(--admin-accent)}.admin-pagination{display:flex;justify-content:space-between;align-items:center;padding:var(--admin-spacing-md);border-top:1px solid var(--admin-border)}.admin-pagination-info{font-size:12px;color:var(--admin-text-secondary)}.admin-pagination-controls{display:flex;gap:var(--admin-spacing-xs)}.admin-loading{display:flex;align-items:center;justify-content:center;padding:var(--admin-spacing-xl);color:var(--admin-text-secondary)}.admin-spinner{width:20px;height:20px;border:2px solid var(--admin-border);border-top-color:var(--admin-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.admin-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--admin-spacing-xl);text-align:center}.admin-error-message{color:var(--admin-error);margin-bottom:var(--admin-spacing-md)}.admin-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--admin-spacing-xl);text-align:center;color:var(--admin-text-secondary)}.admin-theme-toggle{position:relative;width:56px;height:28px;background:var(--admin-border);border-radius:14px;cursor:pointer;transition:background .2s ease;border:none;padding:0}.admin-theme-toggle.dark{background:var(--admin-accent)}.admin-theme-toggle-thumb{position:absolute;top:2px;left:2px;width:24px;height:24px;background:#fff;border-radius:50%;transition:transform .2s ease;display:flex;align-items:center;justify-content:center;font-size:14px;box-shadow:0 1px 3px #0003}.admin-theme-toggle.dark .admin-theme-toggle-thumb{transform:translate(28px)}@media (max-width: 1200px){:root{--admin-sidebar-width: 180px}.admin-grid-4{grid-template-columns:repeat(2,1fr)}.admin-grid-6{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){:root{--admin-sidebar-width: 60px}.admin-sidebar-title,.admin-sidebar-subtitle,.admin-nav-link span:last-child{display:none}.admin-nav-link{justify-content:center;padding:var(--admin-spacing-sm)}.admin-header{padding:var(--admin-spacing-sm) var(--admin-spacing-md);flex-wrap:wrap;gap:var(--admin-spacing-sm)}.admin-header-left,.admin-header-right{flex-wrap:wrap;gap:var(--admin-spacing-sm)}.admin-page-title{font-size:16px}.admin-content{padding:var(--admin-spacing-md)}.admin-grid-2,.admin-grid-3,.admin-grid-4,.admin-stat-cards{grid-template-columns:1fr}.admin-filters{flex-direction:column}.admin-filter-group,.admin-filter-select,.admin-filter-input{width:100%}.admin-time-range{flex-wrap:wrap}.admin-time-range-btn{padding:4px 8px;font-size:11px}}@media (max-width: 480px){:root{--admin-sidebar-width: 0px}.admin-sidebar{display:none}.admin-header{padding:var(--admin-spacing-xs) var(--admin-spacing-sm)}.admin-content,.admin-card{padding:var(--admin-spacing-sm)}.admin-stat-card-value{font-size:22px}}.tier-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;background:linear-gradient(135deg,var(--tier-color) 0%,color-mix(in srgb,var(--tier-color) 70%,#000) 100%);color:#fff;font-weight:600;font-size:12px;text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 1px 3px #0003}.tier-icon{font-size:14px}.tier-name{font-weight:600}.tier-rating{font-weight:500;opacity:.9;font-size:11px}.tier-summary{margin-bottom:var(--admin-spacing-md)}.tier-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--admin-spacing-sm)}.tier-card{background:var(--admin-card-bg);border:1px solid var(--admin-border);border-radius:8px;padding:var(--admin-spacing-sm);text-align:center;transition:all .15s ease;position:relative;overflow:hidden}.tier-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--tier-color)}.tier-card:hover{border-color:var(--tier-color);box-shadow:0 2px 8px color-mix(in srgb,var(--tier-color) 30%,transparent)}.tier-card-icon{font-size:24px;margin-bottom:4px}.tier-card-name{font-weight:600;font-size:12px;color:var(--admin-text);margin-bottom:4px}.tier-card-count{font-size:20px;font-weight:700;color:var(--tier-color)}.tier-card-percent{font-size:11px;color:var(--admin-text-secondary)}.tier-card-range{font-size:10px;color:var(--admin-text-secondary);margin-top:4px;font-family:monospace}.engagement-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--admin-spacing-sm);margin-bottom:var(--admin-spacing-md)}.engagement-card{background:var(--admin-card-bg);border:1px solid var(--admin-border);border-radius:8px;padding:var(--admin-spacing-md)}.engagement-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--admin-spacing-sm)}.engagement-card-label{font-size:11px;font-weight:500;color:var(--admin-text-secondary);text-transform:uppercase;letter-spacing:.5px}.engagement-card-trend{display:flex;align-items:center;gap:2px;font-size:11px;font-weight:600}.engagement-card-trend.up{color:var(--admin-success)}.engagement-card-trend.down{color:var(--admin-error)}.engagement-card-value{font-size:28px;font-weight:700;color:var(--admin-text);line-height:1.2}.engagement-card-meta{font-size:12px;color:var(--admin-text-secondary);margin-top:4px}.engagement-sparkline{margin-top:var(--admin-spacing-sm);height:40px}.sparkline-container{display:flex;align-items:center;gap:var(--admin-spacing-sm)}.sparkline-value{font-size:14px;font-weight:600}.sparkline-chart{flex:1;height:24px}.matchup-matrix{overflow-x:auto}.matchup-table{width:100%;border-collapse:collapse;font-size:12px}.matchup-table th,.matchup-table td{padding:8px;text-align:center;border:1px solid var(--admin-border)}.matchup-table th{background:#00000008;font-weight:600}.matchup-table .matchup-header{font-weight:600;background:#00000008}.matchup-cell{font-weight:600}.matchup-cell.advantage{background:#10b9811a;color:var(--admin-success)}.matchup-cell.disadvantage{background:#ef44441a;color:var(--admin-error)}.matchup-cell.neutral{background:#00000005;color:var(--admin-text-secondary)}.matchup-cell.self{background:var(--admin-border);color:var(--admin-text-secondary)}.trend-chart-container{background:var(--admin-card-bg);border:1px solid var(--admin-border);border-radius:8px;padding:var(--admin-spacing-md)}.trend-legend{display:flex;gap:var(--admin-spacing-md);margin-bottom:var(--admin-spacing-sm);font-size:12px}.trend-legend-item{display:flex;align-items:center;gap:var(--admin-spacing-xs)}.trend-legend-color{width:12px;height:12px;border-radius:2px}@media (max-width: 768px){.tier-cards{grid-template-columns:repeat(3,1fr)}.tier-card-icon{font-size:20px}.tier-card-count{font-size:18px}}@media (max-width: 480px){.tier-cards{grid-template-columns:repeat(2,1fr)}.tier-badge{padding:3px 8px;font-size:11px}.tier-icon{font-size:12px}}