:root{--bg-dark: #0a0e1a;--bg-darker: #060912;--bg-panel: #0f1526;--bg-header: #141c33;--bg-row-hover: #1a2340;--bg-highlight: #1e2d50;--bg-button: #1a2340;--bg-button-hover: #243055;--bg-input: #0f1526;--bg-sidebar: #0b1020;--bg-sidebar-active: #1a2d55;--bg-sidebar-hover: #131d35;--border-color: #1e2d50;--border-light: #151e35;--text-primary: #d4daf0;--text-secondary: #8892b0;--text-muted: #4a5578;--text-header: #c0c8e4;--accent: #2563eb;--accent-light: #60a5fa;--accent-dark: #1d4ed8;--success: #16a34a;--danger: #dc2626;--warning: #ca8a04;--info: #0891b2;--sidebar-width: 200px;--sidebar-collapsed-width: 56px;--header-height: 48px}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:13px;color:var(--text-primary);background:var(--bg-dark)}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-light);text-decoration:underline}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.panel{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:4px;overflow:hidden}.panel-header{background:var(--bg-header);padding:8px 12px;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-header);border-bottom:2px solid var(--accent);display:flex;align-items:center;justify-content:space-between}.panel-body{padding:12px}.data-table{width:100%;border-collapse:collapse;font-size:12px}.data-table thead{background:var(--bg-header)}.data-table th{padding:6px 8px;text-align:left;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.3px;color:var(--text-secondary);border-bottom:2px solid var(--accent);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none}.data-table th:hover{color:var(--text-primary)}.data-table td{padding:5px 8px;border-bottom:1px solid var(--border-light);white-space:nowrap}.data-table tr:hover td{background:var(--bg-row-hover)}.data-table tr.highlight td{background:var(--bg-highlight);font-weight:600}.data-table .text-right{text-align:right}.data-table .text-center{text-align:center}.btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid var(--border-color);border-radius:3px;background:var(--bg-button);color:var(--text-primary);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s}.btn:hover{background:var(--bg-button-hover);border-color:var(--accent)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-dark)}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-success{background:var(--success);border-color:var(--success);color:#fff}.btn-sm{padding:3px 8px;font-size:11px}.btn-group{display:flex;gap:4px}.form-input{padding:6px 10px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:3px;color:var(--text-primary);font-size:12px;outline:none;transition:border-color .15s}.form-input:focus{border-color:var(--accent)}.form-input::placeholder{color:var(--text-muted)}.form-select{padding:6px 10px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:3px;color:var(--text-primary);font-size:12px;cursor:pointer}.form-group{display:flex;flex-direction:column;gap:4px}.form-label{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px}.badge{display:inline-block;padding:2px 6px;border-radius:3px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.badge-position{background:var(--bg-header);color:var(--accent-light);border:1px solid var(--accent)}.badge-gk{background:#2d5a27;color:#8be982}.badge-def{background:#1a3a5c;color:#6bb5ff}.badge-mid{background:#5c4a1a;color:#ffd666}.badge-att{background:#5c1a1a;color:#ff6b6b}.badge-status-completed{background:#1a4d2e;color:#4ade80}.badge-status-offered{background:#4d3f1a;color:#fbbf24}.badge-status-rejected{background:#4d1a1a;color:#f87171}.stat-bar{display:flex;align-items:center;gap:6px}.stat-bar-label{font-size:11px;color:var(--text-secondary);width:28px;text-align:right;font-weight:600}.stat-bar-track{flex:1;height:12px;background:var(--bg-darker);border-radius:2px;overflow:hidden}.stat-bar-fill{height:100%;border-radius:2px;transition:width .3s}.stat-bar-value{font-size:11px;font-weight:700;width:20px}.stat-low{background:#dc2626;color:#dc2626}.stat-below{background:#ea580c;color:#ea580c}.stat-average{background:#ca8a04;color:#ca8a04}.stat-good{background:#16a34a;color:#16a34a}.stat-excellent{background:#2563eb;color:#2563eb}.stat-world{background:#9333ea;color:#9333ea}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.w-full{width:100%}.text-sm{font-size:11px}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.font-bold{font-weight:700}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.p-2{padding:8px}.p-4{padding:16px}.loading-overlay{display:flex;align-items:center;justify-content:center;padding:40px;color:var(--text-muted)}.spinner{width:24px;height:24px;border:3px solid var(--border-color);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.match-score{display:flex;align-items:center;gap:8px;font-size:14px}.match-score .score{font-weight:700;font-size:18px;padding:4px 8px;background:var(--bg-header);border-radius:3px;min-width:28px;text-align:center}.match-score .team-name{font-weight:600;min-width:120px}.match-score .team-home{text-align:right}