.hamburger-btn{display:none;flex-direction:column;gap:4px;background:none;border:none;padding:8px;cursor:pointer;z-index:101}.hamburger-line{width:24px;height:2px;background:var(--text-primary);border-radius:2px;transition:all .3s}.mobile-nav{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background:#00000080;z-index:200;animation:fadeIn .2s}.mobile-nav-content{position:absolute;top:0;right:0;width:280px;height:100vh;background:var(--bg-card);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;padding-top:4rem;animation:slideIn .3s}.mobile-nav-content a{padding:var(--space-md) var(--space-lg);color:var(--text-secondary);text-decoration:none;font-weight:500;border-bottom:1px solid var(--border);transition:all .2s}.mobile-nav-content a:hover,.mobile-nav-content a.router-link-active{background:var(--bg-elevated);color:var(--primary)}.mobile-nav-profile{margin-top:auto;border-top:2px solid var(--border);padding:var(--space-md) var(--space-lg)}.mobile-nav-user{margin-bottom:var(--space-md)}.mobile-nav-name{font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.mobile-nav-email{font-size:.75rem;color:var(--text-muted)}.mobile-nav-logout{width:100%;padding:var(--space-sm) var(--space-md);background:var(--red-card-bg);border:1px solid var(--red-card);border-radius:var(--radius-md);color:var(--red-card);font-weight:600;cursor:pointer;transition:all .2s}.mobile-nav-logout:hover{background:var(--red-card);color:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@media (max-width: 768px){.hamburger-btn{display:flex}.desktop-nav{display:none!important}.mobile-nav{display:block}}.profile-menu-container{position:relative}.profile-btn{display:flex;align-items:center;gap:.375rem;background:none;border:none;color:var(--text-secondary);font:inherit;cursor:pointer;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);transition:all .2s;font-size:.875rem;font-weight:500}.profile-btn:hover{color:var(--primary);background:var(--bg-elevated)}.profile-icon{font-size:1rem}.profile-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:200px;z-index:1000}.profile-dropdown-header{padding:var(--space-md);border-bottom:1px solid var(--border)}.profile-dropdown-name{font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.profile-dropdown-email{font-size:.75rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-dropdown-item{display:block;width:100%;padding:var(--space-sm) var(--space-md);background:none;border:none;text-align:left;text-decoration:none;font:inherit;cursor:pointer;color:var(--text-primary);transition:background .2s}.profile-dropdown-item:hover{background:var(--bg-elevated)}.profile-dropdown-item.logout{color:var(--danger);border-top:1px solid var(--border)}.profile-dropdown-item.logout:hover{background:var(--red-card-bg)}.mobile-nav-profile-link{display:block;padding:var(--space-sm) var(--space-md);text-decoration:none;color:var(--text-primary);font-weight:500;transition:background .2s;border-radius:var(--radius-sm);margin-bottom:var(--space-xs)}.mobile-nav-profile-link:hover{background:var(--bg-elevated)}.admin-link{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff!important;padding:.5rem 1rem;border-radius:var(--radius-sm);font-weight:600;box-shadow:0 2px 4px #dc354533;transition:all .2s}.admin-link:hover{background:linear-gradient(135deg,#c82333,#bd2130);box-shadow:0 4px 8px #dc35454d;transform:translateY(-1px)}.admin-link.router-link-active{background:linear-gradient(135deg,#bd2130,#a71d2a)}.match-list-teams-row[data-v-7f6033f8]{display:flex;align-items:center;gap:4px}.country-header[data-v-7f6033f8]{font-size:1.5rem;font-weight:700;color:#1a1a1a;padding:16px 0 8px;border-bottom:2px solid #e0e0e0;margin-bottom:12px;display:flex;align-items:center;gap:8px}.country-flag[data-v-7f6033f8]{font-size:1.8rem}.competition-section[data-v-7f6033f8]{margin-bottom:24px}.competition-header[data-v-7f6033f8]{font-size:1.1rem;font-weight:600;color:#2c5282;padding:8px 12px;background:#f0f4f8;border-left:4px solid #2c5282;margin-bottom:8px}.division-section[data-v-7f6033f8]{margin-bottom:16px}.division-header[data-v-7f6033f8]{font-size:.95rem;font-weight:600;color:#4a5568;padding:6px 12px;background:#f7fafc;border-left:3px solid #cbd5e0;margin-bottom:6px;margin-left:12px}.searchable-select[data-v-e18a7de6]{position:relative;width:100%}.searchable-select.disabled[data-v-e18a7de6]{opacity:.6;pointer-events:none}.select-input-wrapper[data-v-e18a7de6]{position:relative}.select-input[data-v-e18a7de6]{width:100%;padding:.5rem 1rem;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);font-size:1rem;color:var(--text-primary)}.select-input[data-v-e18a7de6]:focus{outline:none;border-color:var(--border-focus)}.select-input[data-v-e18a7de6]::placeholder{color:var(--text-muted)}.selected-value[data-v-e18a7de6]{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer}.selected-value[data-v-e18a7de6]:hover{border-color:var(--border-focus)}.clear-btn[data-v-e18a7de6]{background:none;border:none;font-size:1.25rem;cursor:pointer;color:var(--text-muted);padding:0 .25rem;line-height:1}.clear-btn[data-v-e18a7de6]:hover{color:var(--red-card)}.select-dropdown[data-v-e18a7de6]{position:absolute;top:100%;left:0;right:0;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:200px;overflow-y:auto;z-index:100;margin-top:4px}.select-option[data-v-e18a7de6]{padding:.5rem 1rem;cursor:pointer;color:var(--text-primary);font-size:.875rem}.select-option[data-v-e18a7de6]:hover,.select-option.highlighted[data-v-e18a7de6]{background:var(--bg-elevated)}.select-option.selected[data-v-e18a7de6]{background:var(--primary);color:#fff}.select-option.selected[data-v-e18a7de6]:hover,.select-option.selected.highlighted[data-v-e18a7de6]{background:var(--primary-dark)}.create-option[data-v-e18a7de6]{color:var(--primary);font-style:italic;border-top:1px solid var(--border)}.no-results[data-v-e18a7de6]{padding:.5rem 1rem;color:var(--text-muted);text-align:center;font-size:.875rem}.info-box[data-v-d4bb9f87]{background:var(--bg-elevated);padding:.75rem;border-radius:var(--radius-md);font-size:.875rem;margin-bottom:1rem;border:1px solid var(--border)}.info-text[data-v-d4bb9f87]{background:#f0f9ff;border:1px solid #bae6fd;padding:.75rem;border-radius:var(--radius-md);font-size:.8125rem;color:#0369a1;margin-bottom:1rem}.match-type-selector[data-v-961f7f99]{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:1.5rem;padding:8px;background:#f5f5f5;border-radius:12px}.type-option[data-v-961f7f99]{display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px 16px;background:#fff;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:center}.type-option[data-v-961f7f99]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.type-option.active[data-v-961f7f99]{background:#2c5282;border-color:#2c5282;box-shadow:0 4px 16px #2c528240}.type-icon[data-v-961f7f99]{font-size:2rem;transition:transform .2s ease}.type-option.active .type-icon[data-v-961f7f99]{transform:scale(1.1)}.type-label[data-v-961f7f99]{font-size:1rem;font-weight:600;color:#1a1a1a;transition:color .2s ease}.type-option.active .type-label[data-v-961f7f99]{color:#fff}.type-description[data-v-961f7f99]{font-size:.8rem;color:#666;transition:color .2s ease}.type-option.active .type-description[data-v-961f7f99]{color:#ffffffd9}.autocomplete-group[data-v-961f7f99],.autocomplete-wrapper[data-v-961f7f99]{position:relative}.autocomplete-wrapper input.has-selection[data-v-961f7f99]{border-color:var(--success);background:#f0fdf4}.autocomplete-dropdown[data-v-961f7f99]{position:absolute;top:100%;left:0;right:0;max-height:300px;overflow-y:auto;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;margin-top:4px}.autocomplete-item[data-v-961f7f99]{padding:12px 16px;cursor:pointer;transition:background .2s ease;border-bottom:1px solid #f0f0f0}.autocomplete-item[data-v-961f7f99]:last-child{border-bottom:none}.autocomplete-item[data-v-961f7f99]:hover{background:#f5f5f5}.team-name[data-v-961f7f99]{font-weight:600;color:#1a1a1a;margin-bottom:4px}.team-info[data-v-961f7f99]{display:flex;gap:8px;font-size:.875rem;color:#666}.club-name[data-v-961f7f99]{color:#666}.division-name[data-v-961f7f99]{color:var(--primary);font-weight:500}.division-name[data-v-961f7f99]:before{content:"•";margin-right:8px;color:#999}.match-viewer[data-v-06fc1632]{padding-bottom:60px}.yellow-cards[data-v-06fc1632]{margin-top:.5rem;display:flex;flex-direction:column;gap:.25rem}.yellow-card-indicator[data-v-06fc1632]{font-size:.7rem;font-weight:600;color:#946300;background:var(--yellow-card-bg);padding:.25rem .5rem;border-radius:var(--radius-sm);border:1px solid var(--yellow-card);font-family:Roboto Mono,monospace}.red-cards[data-v-06fc1632]{margin-top:.5rem;display:flex;flex-direction:column;gap:.25rem}.red-card-indicator[data-v-06fc1632]{font-size:.7rem;font-weight:600;color:#b91c1c;background:#fee;padding:.25rem .5rem;border-radius:var(--radius-sm);border:1px solid #b91c1c;font-family:Roboto Mono,monospace}.comment-text[data-v-06fc1632]{font-style:italic;color:var(--text-primary);line-height:1.5}.comment-team[data-v-06fc1632]{font-style:normal;color:var(--text-secondary);font-size:.9em;font-weight:600}.modal-overlay[data-v-06fc1632]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-06fc1632]{background:var(--bg-primary);padding:2rem;border-radius:var(--radius-lg);max-width:500px;width:90%;box-shadow:0 10px 40px #0000004d}.modal-content h3[data-v-06fc1632]{margin-top:0}.modal-actions[data-v-06fc1632]{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1.5rem}.action-buttons[data-v-06fc1632]{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.share-link-container[data-v-06fc1632]{margin:1rem 0}.share-link[data-v-06fc1632]{font-family:Roboto Mono,monospace;font-size:.9rem;color:var(--text-primary);cursor:text}.voided-badge[data-v-8a9c6dcd]{font-size:.6rem;background:var(--red-card);color:#fff;padding:1px 4px;border-radius:2px;margin-left:4px;text-decoration:none!important}.snackbar[data-v-8a9c6dcd]{position:fixed;bottom:var(--space-md);left:50%;transform:translate(-50%);background:var(--text-primary);color:#fff;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);display:flex;align-items:center;gap:var(--space-md);box-shadow:var(--shadow-lg);z-index:300}.snackbar-action[data-v-8a9c6dcd]{background:none;border:none;color:var(--primary);font-weight:600;cursor:pointer;padding:var(--space-xs)}.yellow-cards[data-v-8a9c6dcd]{margin-top:.5rem;display:flex;flex-direction:column;gap:.25rem}.yellow-card-indicator[data-v-8a9c6dcd]{font-size:.7rem;font-weight:600;color:#946300;background:var(--yellow-card-bg);padding:.25rem .5rem;border-radius:var(--radius-sm);border:1px solid var(--yellow-card);font-family:Roboto Mono,monospace}.red-cards[data-v-8a9c6dcd]{margin-top:.5rem;display:flex;flex-direction:column;gap:.25rem}.red-card-indicator[data-v-8a9c6dcd]{font-size:.7rem;font-weight:600;color:#b91c1c;background:#fee;padding:.25rem .5rem;border-radius:var(--radius-sm);border:1px solid #b91c1c;font-family:Roboto Mono,monospace}.comment-text[data-v-8a9c6dcd]{font-style:italic;color:var(--text-primary);line-height:1.5}.comment-team[data-v-8a9c6dcd]{font-style:normal;color:var(--text-secondary);font-size:.9em;font-weight:600}.penalty-try-checkbox[data-v-8a9c6dcd]{display:flex;align-items:center;gap:.375rem;padding:.5rem;margin-top:.5rem;background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;font-weight:400;font-size:.875rem;color:var(--text-secondary)}.penalty-try-checkbox input[type=checkbox][data-v-8a9c6dcd]{width:1rem;height:1rem;cursor:pointer}.team-actions[data-v-8a9c6dcd]{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.team-action-column[data-v-8a9c6dcd]{display:flex;flex-direction:column;gap:.5rem}.team-action-column .action-btn[data-v-8a9c6dcd]{min-height:50px;padding:var(--space-sm) var(--space-md);font-size:.8rem}.team-label[data-v-8a9c6dcd]{font-size:.875rem;font-weight:700;color:var(--text-primary);padding:.5rem;text-align:center;background:var(--bg-secondary);border-radius:var(--radius-md);border:2px solid var(--border)}.selected-team-display[data-v-8a9c6dcd]{font-size:1.125rem;font-weight:700;color:var(--primary);text-align:center;padding:.75rem;background:var(--bg-secondary);border-radius:var(--radius-md);margin-bottom:1rem}.conversion-buttons[data-v-8a9c6dcd]{display:flex;gap:.5rem;margin-top:1rem}.btn-large[data-v-8a9c6dcd]{flex:1;padding:1rem;font-size:1.125rem;font-weight:600}.btn-success[data-v-8a9c6dcd]{background:var(--success);color:#fff;border:none}.btn-success[data-v-8a9c6dcd]:hover{background:#0f8946}.comment-textarea[data-v-8a9c6dcd]{width:100%;padding:var(--space-md);border:2px solid var(--border);border-radius:var(--radius-md);font-family:inherit;font-size:.875rem;resize:vertical;margin-bottom:var(--space-md);background:var(--bg-input);color:var(--text-primary)}.comment-textarea[data-v-8a9c6dcd]:focus{outline:none;border-color:var(--primary)}.comment-textarea[data-v-8a9c6dcd]::placeholder{color:var(--text-muted)}.share-link-container[data-v-8a9c6dcd]{margin:1rem 0}.share-link[data-v-8a9c6dcd]{font-family:Roboto Mono,monospace;font-size:.9rem;color:var(--text-primary);cursor:text}.modal-overlay[data-v-8a9c6dcd]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.modal-content[data-v-8a9c6dcd]{background:#fff;border-radius:12px;padding:24px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn-8a9c6dcd .2s ease-out}@keyframes modalSlideIn-8a9c6dcd{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-content h3[data-v-8a9c6dcd]{margin:0 0 20px;color:var(--text-primary);font-size:1.5rem}.modal-content p[data-v-8a9c6dcd]{margin-bottom:16px;line-height:1.5}.modal-content input[type=text][data-v-8a9c6dcd]{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:.95rem;background:#f8f9fa}.modal-content input[type=text][data-v-8a9c6dcd]:focus{outline:none;border-color:var(--primary);background:#fff}.modal-actions[data-v-8a9c6dcd]{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.share-section[data-v-8a9c6dcd]{margin-bottom:24px;padding:16px;background:#f8f9fa;border-radius:8px;border:1px solid #e0e0e0}.share-section-header h4[data-v-8a9c6dcd]{margin:0 0 4px;font-size:1.1rem;color:#1a1a1a;display:flex;align-items:center;gap:8px}.share-section-header p[data-v-8a9c6dcd]{margin:0 0 12px;font-size:.875rem;color:#666}.share-link-row[data-v-8a9c6dcd]{display:flex;gap:8px;align-items:stretch}.share-link-input[data-v-8a9c6dcd]{flex:1;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:.85rem;font-family:Courier New,monospace;background:#fff;color:#1a1a1a}.share-link-input[data-v-8a9c6dcd]:focus{outline:none;border-color:var(--primary)}.btn-copy[data-v-8a9c6dcd]{min-width:50px;padding:10px 16px;font-size:1.2rem}.warning-text[data-v-8a9c6dcd]{margin-top:8px;padding:8px 12px;background:#fff3cd;border:1px solid #ffc107;border-radius:6px;font-size:.8rem;color:#856404}.modal-overlay[data-v-d7d9d0f5]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content.large[data-v-d7d9d0f5]{background:#fff;border-radius:12px;width:100%;max-width:1200px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.modal-header[data-v-d7d9d0f5]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e0e0e0}.modal-header h2[data-v-d7d9d0f5]{margin:0;font-size:1.5rem;color:#1a1a1a}.close-btn[data-v-d7d9d0f5]{background:none;border:none;font-size:2rem;color:#666;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px}.close-btn[data-v-d7d9d0f5]:hover{background:#f0f0f0}.modal-body[data-v-d7d9d0f5]{padding:24px;overflow-y:auto;flex:1}.modal-footer[data-v-d7d9d0f5]{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:12px}.placement-info[data-v-d7d9d0f5]{display:flex;gap:24px;padding:16px;background:#f5f5f5;border-radius:8px;margin-bottom:24px}.info-item[data-v-d7d9d0f5]{font-size:.95rem}.info-item strong[data-v-d7d9d0f5]{color:#666;margin-right:8px}.loading-state[data-v-d7d9d0f5]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.loading-spinner[data-v-d7d9d0f5]{width:40px;height:40px;border:4px solid #f0f0f0;border-top-color:var(--primary);border-radius:50%;animation:spin-d7d9d0f5 .8s linear infinite}@keyframes spin-d7d9d0f5{to{transform:rotate(360deg)}}.placement-container[data-v-d7d9d0f5]{display:grid;grid-template-columns:1fr 1fr;gap:24px}.teams-section[data-v-d7d9d0f5],.phases-section[data-v-d7d9d0f5]{display:flex;flex-direction:column;gap:16px}.section-header[data-v-d7d9d0f5]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.section-header h3[data-v-d7d9d0f5]{margin:0;font-size:1.1rem;color:#1a1a1a}.section-actions[data-v-d7d9d0f5]{display:flex;gap:8px}.team-list[data-v-d7d9d0f5]{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto;padding:4px}.team-item[data-v-d7d9d0f5]{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .2s ease}.team-item[data-v-d7d9d0f5]:hover{border-color:var(--primary);background:#f8f9fa}.team-item.selected[data-v-d7d9d0f5]{border-color:var(--primary);background:#e3f2fd}.team-checkbox input[data-v-d7d9d0f5]{width:18px;height:18px;cursor:pointer}.team-info[data-v-d7d9d0f5]{flex:1}.team-name[data-v-d7d9d0f5]{font-weight:600;color:#1a1a1a;margin-bottom:2px}.team-club[data-v-d7d9d0f5]{font-size:.875rem;color:#666}.placement-controls[data-v-d7d9d0f5]{margin-top:16px;padding:16px;background:#f8f9fa;border-radius:8px;border:2px dashed var(--primary)}.control-row[data-v-d7d9d0f5]{display:flex;gap:12px;align-items:center}.phase-select[data-v-d7d9d0f5]{flex:1;padding:10px 12px;border:1px solid #ccc;border-radius:6px;font-size:.95rem;background:#fff}.phases-section h3[data-v-d7d9d0f5]{margin:0 0 16px;font-size:1.1rem;color:#1a1a1a}.phase-card[data-v-d7d9d0f5]{background:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.phase-header[data-v-d7d9d0f5]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f5f5f5;border-bottom:1px solid #e0e0e0}.phase-name[data-v-d7d9d0f5]{font-weight:600;color:#1a1a1a}.team-count[data-v-d7d9d0f5]{font-size:.875rem;color:#666;background:#fff;padding:4px 12px;border-radius:12px}.empty-phase[data-v-d7d9d0f5]{padding:20px;text-align:center;color:#999;font-style:italic}.phase-team-list[data-v-d7d9d0f5]{padding:8px;max-height:200px;overflow-y:auto}.phase-team-item[data-v-d7d9d0f5]{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid #f0f0f0}.phase-team-item[data-v-d7d9d0f5]:last-child{border-bottom:none}.phase-team-item .team-name[data-v-d7d9d0f5]{font-weight:500;color:#1a1a1a}.phase-team-item .club-name[data-v-d7d9d0f5]{font-size:.875rem;color:#666}.empty-state[data-v-d7d9d0f5]{padding:40px 20px;text-align:center;color:#999;background:#f9f9f9;border-radius:8px;border:2px dashed #e0e0e0}.error-card[data-v-d7d9d0f5]{background:#fee;border:1px solid #fcc;color:#c33;padding:12px 16px;border-radius:8px;margin-bottom:16px}.competition-tree[data-v-699661dc]{display:flex;flex-direction:column;gap:24px}.tree-competition[data-v-699661dc]{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;background:#fff}.tree-node[data-v-699661dc]{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;transition:background .2s}.tree-node-content[data-v-699661dc]{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.competition-node[data-v-699661dc]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600;padding:14px 16px}.competition-node .tree-label[data-v-699661dc]{font-size:1.1rem;font-weight:700}.competition-node .tree-meta[data-v-699661dc]{color:#fffc;font-size:.85rem;margin-left:auto;margin-right:12px}.season-node[data-v-699661dc]{background:#f8fafc;border-bottom:1px solid #e0e0e0}.season-node[data-v-699661dc]:hover{background:#f1f5f9}.division-node[data-v-699661dc]{background:#fff;padding-left:48px}.division-node[data-v-699661dc]:hover{background:#fafafa}.phase-node[data-v-699661dc]{background:#fff;padding:6px 16px 6px 72px;border-left:2px solid #e0e0e0;margin-left:48px}.phase-node[data-v-699661dc]:hover{background:#f9fafb;border-left-color:#667eea}.tree-icon[data-v-699661dc]{font-size:1.1rem;flex-shrink:0}.tree-connector[data-v-699661dc]{color:#94a3b8;font-family:monospace;font-size:.9rem;flex-shrink:0}.tree-indent[data-v-699661dc]{margin-left:8px}.tree-indent-2[data-v-699661dc]{margin-left:16px}.tree-label[data-v-699661dc]{font-weight:600;color:#1e293b;font-size:.95rem}.tree-label-sm[data-v-699661dc]{font-size:.875rem;color:#475569}.tree-meta[data-v-699661dc]{color:#64748b;font-size:.8rem;margin-left:8px}.tree-meta-small[data-v-699661dc]{color:#94a3b8;font-size:.75rem;margin-left:8px}.current-badge-inline[data-v-699661dc]{background:#dcfce7;color:#166534;padding:2px 8px;border-radius:4px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.tree-action-btn[data-v-699661dc]{flex-shrink:0;padding:4px 10px;font-size:.8rem}.tree-empty-message[data-v-699661dc]{padding:12px 16px;color:#94a3b8;font-size:.875rem;font-style:italic;background:#f8fafc}.tree-divisions[data-v-699661dc],.tree-phases[data-v-699661dc]{border-left:2px solid #e0e0e0;margin-left:32px}.divisions-hierarchy[data-v-699661dc]{display:flex;flex-direction:column;gap:16px}.division-group[data-v-699661dc]{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.division-root[data-v-699661dc]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f7fafc;border-bottom:1px solid #e0e0e0}.division-info[data-v-699661dc]{flex:1;min-width:0}.division-name[data-v-699661dc]{font-weight:600;color:#1a1a1a;margin-bottom:4px}.children-count[data-v-699661dc]{font-size:.875rem;color:#666;font-weight:400;margin-left:8px}.division-meta[data-v-699661dc]{font-size:.875rem;color:#666}.sub-divisions[data-v-699661dc]{padding:8px 0}.sub-division[data-v-699661dc]{display:flex;align-items:center;padding:8px 16px;gap:12px}.sub-division[data-v-699661dc]:hover{background:#f7fafc}.sub-division-indicator[data-v-699661dc]{color:#999;font-family:monospace;font-size:.9rem;width:24px;flex-shrink:0}.sub-division .division-name[data-v-699661dc]{margin-bottom:0;font-weight:500}.seasons-list[data-v-699661dc]{display:flex;flex-direction:column;gap:12px}.season-card[data-v-699661dc]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f7fafc;border:1px solid #e0e0e0;border-radius:8px}.season-info[data-v-699661dc]{flex:1}.season-name[data-v-699661dc]{font-weight:600;color:#1a1a1a;margin-bottom:4px;display:flex;align-items:center;gap:8px}.current-badge[data-v-699661dc]{background:#dcfce7;color:#166534;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.season-dates[data-v-699661dc]{font-size:.875rem;color:#666}.phases-section[data-v-699661dc]{padding:8px 0}.season-phases[data-v-699661dc]{padding:8px 16px}.season-phases[data-v-699661dc]:not(:last-child){border-bottom:1px solid #eee}.season-label[data-v-699661dc]{font-size:.75rem;color:#666;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;display:flex;align-items:center;gap:8px}.current-badge-sm[data-v-699661dc]{background:#dcfce7;color:#166534;padding:1px 6px;border-radius:3px;font-size:.65rem;font-weight:600}.phase-item[data-v-699661dc]{display:flex;align-items:center;padding:6px 0 6px 8px;gap:8px}.phase-item[data-v-699661dc]:hover{background:#f0f4f8;margin-left:-8px;padding-left:16px;margin-right:-8px;padding-right:8px}.phase-indicator[data-v-699661dc]{color:#999;font-family:monospace;font-size:.85rem;width:20px;flex-shrink:0}.phase-name[data-v-699661dc]{flex:1;font-size:.9rem;color:#333}.btn-icon-delete[data-v-699661dc]{background:transparent;border:none;color:#dc2626;cursor:pointer;padding:2px 6px;font-size:1.1rem;line-height:1;border-radius:3px;opacity:.6;transition:opacity .2s}.btn-icon-delete[data-v-699661dc]:hover{opacity:1;background:#fee2e2}.info-text-phase[data-v-699661dc]{background:#f0f9ff;border:1px solid #bae6fd;padding:.75rem;border-radius:6px;font-size:.8125rem;color:#0369a1;margin-bottom:1rem}.divider[data-v-97cba3bc]{position:relative;text-align:center;margin:1.5rem 0;color:var(--text-secondary);font-size:.875rem}.divider[data-v-97cba3bc]:before,.divider[data-v-97cba3bc]:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:var(--border)}.divider[data-v-97cba3bc]:before{left:0}.divider[data-v-97cba3bc]:after{right:0}.btn-google[data-v-97cba3bc]{background:#fff;color:var(--text-primary);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;gap:.75rem;font-weight:600}.btn-google[data-v-97cba3bc]:hover{background:var(--bg-secondary);border-color:var(--text-secondary)}.google-icon[data-v-97cba3bc]{width:20px;height:20px}.link[data-v-97cba3bc]{color:var(--primary);text-decoration:none;font-weight:600}.link[data-v-97cba3bc]:hover{text-decoration:underline}.divider[data-v-1589541b]{position:relative;text-align:center;margin:1.5rem 0;color:var(--text-secondary);font-size:.875rem}.divider[data-v-1589541b]:before,.divider[data-v-1589541b]:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:var(--border)}.divider[data-v-1589541b]:before{left:0}.divider[data-v-1589541b]:after{right:0}.btn-google[data-v-1589541b]{background:#fff;color:var(--text-primary);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;gap:.75rem;font-weight:600}.btn-google[data-v-1589541b]:hover{background:var(--bg-secondary);border-color:var(--text-secondary)}.google-icon[data-v-1589541b]{width:20px;height:20px}.link[data-v-1589541b]{color:var(--primary);text-decoration:none;font-weight:600}.link[data-v-1589541b]:hover{text-decoration:underline}small[data-v-1589541b]{display:block;margin-top:.25rem}.link[data-v-19094a78]{color:var(--primary);text-decoration:none;font-weight:600}.link[data-v-19094a78]:hover{text-decoration:underline}.club-grid[data-v-5aeb3377]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.club-card[data-v-5aeb3377]{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:16px;text-decoration:none;transition:all .2s;display:block}.club-card[data-v-5aeb3377]:hover{border-color:#2c5282;box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}.club-card-content[data-v-5aeb3377]{display:flex;align-items:flex-start;gap:12px}.club-logo[data-v-5aeb3377]{font-size:2rem;flex-shrink:0}.club-info[data-v-5aeb3377]{flex:1;min-width:0}.club-name[data-v-5aeb3377]{font-size:1.1rem;font-weight:600;color:#1a1a1a;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.club-meta[data-v-5aeb3377]{display:flex;gap:12px;font-size:.875rem;color:#666}.club-country[data-v-5aeb3377]:before{content:"📍 "}.club-members[data-v-5aeb3377]:before{content:"👥 "}.role-badge[data-v-5aeb3377]{padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;flex-shrink:0}.role-owner[data-v-5aeb3377]{background:#fbbf24;color:#78350f}.role-manager[data-v-5aeb3377]{background:#60a5fa;color:#1e3a8a}.role-member[data-v-5aeb3377]{background:#e0e0e0;color:#4a5568}.club-list[data-v-5aeb3377]{display:flex;flex-direction:column;gap:8px}.club-list-item[data-v-5aeb3377]{display:block;background:#fff;border:1px solid #e6e6e6;border-radius:6px;padding:12px 14px;text-decoration:none;transition:background .12s,border-color .12s}.club-list-item[data-v-5aeb3377]:hover{border-color:#2c5282;background:#fafafa}.club-list-content[data-v-5aeb3377]{display:flex;align-items:center;gap:12px}.form-group[data-v-0ec373d5]{margin-bottom:20px}.form-group label[data-v-0ec373d5]{display:block;margin-bottom:8px;font-weight:600;color:#333}.form-group small[data-v-0ec373d5]{display:block;margin-top:4px;font-size:.875rem}.form-actions[data-v-0ec373d5]{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.form-group[data-v-70b0012d]{margin-bottom:16px}.form-group label[data-v-70b0012d]{display:block;margin-bottom:8px;font-weight:600;color:#333}.info-display[data-v-70b0012d]{padding:12px;background:#f7fafc;border:1px solid #e0e0e0;border-radius:6px;color:#1a1a1a;font-weight:500}.form-actions[data-v-70b0012d]{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.member-list[data-v-70b0012d]{display:flex;flex-direction:column;gap:12px}.member-item[data-v-70b0012d]{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#f7fafc;border-radius:6px;border:1px solid #e0e0e0}.member-info[data-v-70b0012d]{flex:1;min-width:0}.member-name[data-v-70b0012d]{font-weight:600;color:#1a1a1a;margin-bottom:2px}.member-email[data-v-70b0012d]{font-size:.875rem;color:#666;margin-bottom:4px}.member-meta[data-v-70b0012d]{font-size:.8rem;color:#999}.member-actions[data-v-70b0012d]{display:flex;align-items:center;gap:12px}.role-badge[data-v-70b0012d]{padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.role-owner[data-v-70b0012d]{background:#fbbf24;color:#78350f}.role-manager[data-v-70b0012d]{background:#60a5fa;color:#1e3a8a}.role-member[data-v-70b0012d]{background:#e0e0e0;color:#4a5568}.btn-sm[data-v-70b0012d]{padding:4px 8px;font-size:.875rem}.empty-state-small[data-v-70b0012d]{text-align:center;padding:24px;color:#999}.create-team-form[data-v-70b0012d]{background:#f7fafc;padding:16px;border-radius:8px;margin-bottom:16px;border:1px solid #e0e0e0}.form-row[data-v-70b0012d]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.team-list[data-v-70b0012d]{display:flex;flex-direction:column;gap:12px}.team-item[data-v-70b0012d]{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#f7fafc;border-radius:6px;border:1px solid #e0e0e0}.team-info[data-v-70b0012d]{flex:1;min-width:0}.team-name[data-v-70b0012d]{font-weight:600;color:#1a1a1a;margin-bottom:4px}.team-meta[data-v-70b0012d]{font-size:.875rem;color:#666}.team-actions[data-v-70b0012d]{display:flex;gap:8px}.modal-overlay[data-v-70b0012d]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-70b0012d]{background:#fff;border-radius:12px;padding:24px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.modal-large[data-v-70b0012d]{max-width:700px}.modal-header[data-v-70b0012d]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.close-btn[data-v-70b0012d]{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0 8px}.close-btn[data-v-70b0012d]:hover{color:#333}.section[data-v-70b0012d]{margin-bottom:24px}.section h4[data-v-70b0012d]{margin:0 0 12px;color:#333}.current-division-card[data-v-70b0012d]{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:16px}.division-path[data-v-70b0012d]{font-weight:500;color:#1a1a1a}.path-separator[data-v-70b0012d]{color:#999;margin:0 6px}.competition-name[data-v-70b0012d]{color:#666}.division-name[data-v-70b0012d]{color:#0369a1}.season-info[data-v-70b0012d]{font-size:.875rem;color:#666;margin-top:8px}.division-actions[data-v-70b0012d]{display:flex;gap:8px;margin-top:12px}.history-list[data-v-70b0012d]{display:flex;flex-direction:column;gap:12px}.history-item[data-v-70b0012d]{display:flex;justify-content:space-between;align-items:flex-start;padding:12px;background:#f7fafc;border-radius:6px;border:1px solid #e0e0e0}.history-info[data-v-70b0012d]{flex:1}.history-meta[data-v-70b0012d]{font-size:.8rem;color:#666;margin-top:4px}.history-notes[data-v-70b0012d]{font-size:.8rem;color:#999;font-style:italic;margin-top:4px}.status-badge[data-v-70b0012d]{padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:capitalize}.status-active[data-v-70b0012d]{background:#dcfce7;color:#166534}.status-promoted[data-v-70b0012d]{background:#fef3c7;color:#92400e}.status-relegated[data-v-70b0012d]{background:#fee2e2;color:#991b1b}.status-transferred[data-v-70b0012d]{background:#e0e7ff;color:#3730a3}.status-withdrawn[data-v-70b0012d]{background:#e5e5e5;color:#525252}.transfer-type-options[data-v-70b0012d]{display:flex;gap:16px;margin-top:8px}.radio-option[data-v-70b0012d]{display:flex;align-items:center;gap:6px;cursor:pointer}.radio-label[data-v-70b0012d]{font-weight:500}.radio-label.promoted[data-v-70b0012d]{color:#b45309}.radio-label.relegated[data-v-70b0012d]{color:#dc2626}.radio-label.transferred[data-v-70b0012d]{color:#4f46e5}.loading-indicator[data-v-70b0012d]{text-align:center;padding:24px;color:#666}.division-section[data-v-70b0012d]{border-top:1px solid #e0e0e0;margin-top:16px;padding-top:8px}.profile-header[data-v-18fe3e4f]{display:flex;align-items:center;gap:20px;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #e0e0e0}.profile-avatar[data-v-18fe3e4f]{width:80px;height:80px;border-radius:50%;overflow:hidden;flex-shrink:0}.profile-avatar img[data-v-18fe3e4f]{width:100%;height:100%;object-fit:cover}.profile-avatar-placeholder[data-v-18fe3e4f]{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#fff;flex-shrink:0}.profile-info[data-v-18fe3e4f]{flex:1;min-width:0}.profile-email[data-v-18fe3e4f]{color:#666;font-size:.9rem;margin-top:4px}.profile-section[data-v-18fe3e4f]{margin-bottom:20px}.profile-section[data-v-18fe3e4f]:last-child{margin-bottom:0}.section-label[data-v-18fe3e4f]{font-weight:600;color:#666;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.profile-value[data-v-18fe3e4f]{color:#333;font-size:1rem}.form-group[data-v-18fe3e4f]{margin-bottom:20px}.form-group label[data-v-18fe3e4f]{display:block;margin-bottom:8px;font-weight:600;color:#333}.form-group small[data-v-18fe3e4f]{display:block;margin-top:4px;font-size:.875rem}.form-group textarea[data-v-18fe3e4f]{width:100%;padding:8px 12px;border:1px solid #ccc;border-radius:4px;font-family:inherit;font-size:1rem;resize:vertical}.form-actions[data-v-18fe3e4f]{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.user-management[data-v-96176134]{max-width:1400px;margin:0 auto;padding:2rem}.header[data-v-96176134]{margin-bottom:2rem}.header h1[data-v-96176134]{margin:0 0 .5rem;color:#1a1a1a}.subtitle[data-v-96176134]{color:#666;margin:0}.stats-grid[data-v-96176134]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card[data-v-96176134]{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:1.5rem;text-align:center}.stat-label[data-v-96176134]{font-size:.875rem;color:#666;margin-bottom:.5rem}.stat-value[data-v-96176134]{font-size:2rem;font-weight:700;color:#06c}.filters[data-v-96176134]{display:flex;gap:1rem;margin-bottom:1.5rem}.search-input[data-v-96176134]{flex:1;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.role-filter[data-v-96176134]{padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;min-width:150px}.table-container[data-v-96176134]{background:#fff;border:1px solid #dee2e6;border-radius:8px;overflow-x:auto;margin-bottom:1.5rem}.users-table[data-v-96176134]{width:100%;border-collapse:collapse}.users-table th[data-v-96176134]{background:#f8f9fa;padding:1rem;text-align:left;font-weight:600;border-bottom:2px solid #dee2e6;color:#495057}.users-table td[data-v-96176134]{padding:1rem;border-bottom:1px solid #dee2e6}.users-table tbody tr[data-v-96176134]:hover{background:#f8f9fa}.role-badge[data-v-96176134]{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.875rem;font-weight:600}.role-super-admin[data-v-96176134]{background:#dc3545;color:#fff}.role-admin[data-v-96176134]{background:#ffc107;color:#000}.role-user[data-v-96176134]{background:#6c757d;color:#fff}.assignments-list[data-v-96176134]{display:flex;flex-direction:column;gap:.25rem}.assignment-item[data-v-96176134]{font-size:.875rem;color:#495057}.text-muted[data-v-96176134]{color:#999}.action-buttons[data-v-96176134]{display:flex;gap:.5rem;align-items:center}.btn-small[data-v-96176134]{padding:.375rem .75rem;font-size:.875rem;border:none;border-radius:4px;cursor:pointer;white-space:nowrap}.btn-primary[data-v-96176134]{background:#06c;color:#fff}.btn-primary[data-v-96176134]:hover:not(:disabled){background:#0052a3}.btn-secondary[data-v-96176134]{background:#6c757d;color:#fff}.btn-secondary[data-v-96176134]:hover:not(:disabled){background:#5a6268}.btn-danger[data-v-96176134]{background:#dc3545;color:#fff}.btn-danger[data-v-96176134]:hover:not(:disabled){background:#c82333}button[data-v-96176134]:disabled{opacity:.5;cursor:not-allowed}.pagination[data-v-96176134]{display:flex;justify-content:center;align-items:center;gap:1rem}.btn-pagination[data-v-96176134]{padding:.5rem 1rem;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer}.btn-pagination[data-v-96176134]:hover:not(:disabled){background:#f8f9fa}.pagination-info[data-v-96176134]{color:#666}.loading[data-v-96176134],.no-data[data-v-96176134]{text-align:center;padding:3rem;color:#666}.modal-overlay[data-v-96176134]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal[data-v-96176134]{background:#fff;border-radius:8px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto}.modal-large[data-v-96176134]{max-width:900px}.modal-header[data-v-96176134]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #dee2e6}.modal-header h2[data-v-96176134]{margin:0}.modal-close[data-v-96176134]{background:none;border:none;font-size:2rem;cursor:pointer;color:#999;line-height:1;padding:0;width:2rem;height:2rem}.modal-close[data-v-96176134]:hover{color:#333}.modal-body[data-v-96176134]{padding:1.5rem}.modal-footer[data-v-96176134]{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid #dee2e6}.form-group[data-v-96176134]{margin-bottom:1.5rem}.form-group label[data-v-96176134]{display:block;margin-bottom:.5rem;font-weight:600;color:#333}.form-control[data-v-96176134]{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.alert[data-v-96176134]{padding:1rem;border-radius:4px;margin-top:1rem;margin-bottom:1rem}.alert-warning[data-v-96176134]{background:#fff3cd;border:1px solid #ffc107;color:#856404}.alert-info[data-v-96176134]{background:#d1ecf1;border:1px solid #17a2b8;color:#0c5460}.existing-assignments[data-v-96176134]{margin-bottom:2rem}.existing-assignments h3[data-v-96176134],.add-assignment h3[data-v-96176134]{margin:0 0 1rem;font-size:1.125rem;color:#333}.assignments-grid[data-v-96176134]{display:grid;gap:1rem}.assignment-card[data-v-96176134]{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px}.assignment-details[data-v-96176134]{flex:1}.assignment-details div[data-v-96176134]{margin-bottom:.25rem}.assignment-date[data-v-96176134]{font-size:.875rem;color:#666;margin-top:.5rem}.add-assignment[data-v-96176134]{padding-top:2rem;border-top:1px solid #dee2e6}*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f8f9fa;--bg-card: #ffffff;--bg-elevated: #f1f3f5;--bg-input: #ffffff;--text-primary: #212529;--text-secondary: #495057;--text-muted: #868e96;--primary: #228be6;--primary-dark: #1971c2;--try-color: #2f9e44;--try-bg: #d3f9d8;--conversion-color: #1971c2;--conversion-bg: #d0ebff;--penalty-color: #e67700;--penalty-bg: #fff3bf;--drop-goal-color: #7950f2;--drop-goal-bg: #e5dbff;--yellow-card: #fab005;--yellow-card-bg: #fff3bf;--red-card: #e03131;--red-card-bg: #ffe3e3;--live: #e03131;--live-bg: #ffe3e3;--success: #2f9e44;--danger: #e03131;--border: #dee2e6;--border-focus: #228be6;--shadow: 0 1px 3px rgba(0,0,0,.1);--shadow-lg: 0 4px 12px rgba(0,0,0,.15);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 50px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh}.mono{font-family:Roboto Mono,monospace}.container{max-width:600px;margin:0 auto;padding:var(--space-md)}.card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:var(--space-md);margin-bottom:var(--space-md);border:1px solid var(--border)}header{background:var(--bg-card);border-bottom:1px solid var(--border);padding:var(--space-md);position:sticky;top:0;z-index:100}header .header-content{display:flex;justify-content:space-between;align-items:center;max-width:600px;margin:0 auto}header h1{font-size:1.25rem;font-weight:700;color:var(--text-primary)}header nav{display:flex;gap:var(--space-sm)}header nav a{color:var(--text-secondary);text-decoration:none;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;transition:all .2s}header nav a:hover,header nav a.router-link-active{color:var(--primary);background:var(--bg-elevated)}.scoreboard{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-md);text-align:center;border:1px solid var(--border);box-shadow:var(--shadow)}.scoreboard-meta{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-xs)}.scoreboard-main{display:flex;align-items:center;justify-content:center;gap:var(--space-md)}.scoreboard-team{flex:1;min-width:0}.scoreboard-team-name{font-size:.8rem;font-weight:600;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.25rem}.scoreboard-score{font-family:Roboto Mono,monospace;font-size:2rem;font-weight:700;line-height:1;color:var(--text-primary);transition:transform .3s,color .3s}.scoreboard-score.updated{animation:scoreUpdate .5s ease-out}@keyframes scoreUpdate{0%{transform:scale(1)}50%{transform:scale(1.2);color:var(--success)}to{transform:scale(1)}}.scoreboard-vs{font-size:.875rem;color:var(--text-muted);font-weight:500}.match-clock{text-align:center;padding:var(--space-sm) var(--space-md);background:var(--bg-elevated);border-radius:var(--radius-md);margin-bottom:var(--space-md)}.clock-display{font-family:Roboto Mono,monospace;font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1}.clock-display.running{color:var(--success)}.clock-display.stopped{color:var(--text-muted)}.clock-display.overtime{color:#ef4444!important}.clock-label{display:none}.status-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.live{background:var(--live-bg);color:var(--live)}.status-badge.live:before{content:"";width:6px;height:6px;background:var(--live);border-radius:50%;animation:pulse 1s infinite}.status-badge.scheduled{background:var(--bg-elevated);color:var(--text-secondary)}.status-badge.completed{background:var(--try-bg);color:var(--try-color)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.action-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm);margin-bottom:var(--space-md)}.action-btn{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:1px solid var(--border);border-left:3px solid var(--border);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s;min-height:50px;background:var(--bg-card);color:var(--text-primary)}.action-btn:hover{background:var(--bg-elevated)}.action-btn:active{transform:scale(.98)}.action-btn .points{font-size:.7rem;opacity:.5;font-weight:500;margin-left:auto}.action-btn.try{border-left-color:var(--try-color)}.action-btn.conversion{border-left-color:var(--conversion-color)}.action-btn.penalty{border-left-color:var(--penalty-color)}.action-btn.drop-goal{border-left-color:var(--drop-goal-color)}.action-btn.yellow-card{border-left-color:var(--yellow-card)}.action-btn.red-card{border-left-color:var(--red-card)}.action-btn.comment{border-left-color:#74c0fc}.clock-controls{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md)}.clock-btn{flex:1;padding:var(--space-md);border-radius:var(--radius-md);border:2px solid var(--border);background:var(--bg-card);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s}.clock-btn:hover{border-color:var(--primary);color:var(--primary)}.clock-btn.primary{background:var(--primary);color:#fff;border-color:var(--primary)}.clock-btn.primary:hover{background:var(--primary-dark)}.clock-btn.danger{background:var(--danger);color:#fff;border-color:var(--danger)}.clock-btn.warning{background:var(--penalty-color);color:#fff;border-color:var(--penalty-color)}.clock-btn.success{background:var(--success);color:#fff;border-color:var(--success)}.team-picker{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);margin-bottom:var(--space-md)}.team-pick-btn{padding:var(--space-lg);border:2px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card);font-size:1rem;font-weight:600;cursor:pointer;transition:all .15s;text-align:center}.team-pick-btn:hover{border-color:var(--primary)}.team-pick-btn.selected{border-color:var(--primary);background:var(--conversion-bg);color:var(--primary)}.player-picker{margin-bottom:var(--space-md)}.player-picker label{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-secondary);margin-bottom:var(--space-sm)}.player-numbers{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.player-num-btn{padding:var(--space-sm);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .1s}.player-num-btn:hover{background:var(--bg-elevated)}.player-num-btn.selected{background:var(--primary);color:#fff;border-color:var(--primary)}.timeline{border-left:2px solid var(--border);margin-left:var(--space-md);padding-left:var(--space-md)}.timeline-event{position:relative;padding:var(--space-sm) 0}.timeline-event:before{content:"";position:absolute;left:calc(-1 * var(--space-md) - 5px);top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:var(--border)}.timeline-event[data-type=TRY]:before{background:var(--try-color)}.timeline-event[data-type=CONVERSION]:before{background:var(--conversion-color)}.timeline-event[data-type=PENALTY]:before{background:var(--penalty-color)}.timeline-event[data-type=DROP_GOAL]:before{background:var(--drop-goal-color)}.timeline-event[data-type=YELLOW_CARD]:before{background:var(--yellow-card)}.timeline-event[data-type=RED_CARD]:before{background:var(--red-card)}.timeline-event[data-type=COMMENT]:before{background:#1971c2}.timeline-event .time{font-family:Roboto Mono,monospace;font-size:.75rem;font-weight:600;color:var(--text-muted)}.timeline-event .type{font-weight:600;color:var(--text-primary)}.timeline-event .details{font-size:.875rem;color:var(--text-secondary)}.timeline-event.voided{opacity:.5}.timeline-event.voided .type{text-decoration:line-through}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;text-decoration:none;transition:all .15s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--border)}.btn-danger{background:var(--danger);color:#fff}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-elevated)}.btn-small{padding:var(--space-xs) var(--space-sm);font-size:.75rem}.btn-large{padding:var(--space-md) var(--space-lg);font-size:1rem}.btn-block{width:100%}.form-group{margin-bottom:var(--space-md)}.form-group label{display:block;margin-bottom:var(--space-xs);font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--space-sm) var(--space-md);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);font-size:1rem;color:var(--text-primary);transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--border-focus)}.form-group input::placeholder{color:var(--text-muted)}.match-list{display:flex;flex-direction:column;gap:var(--space-sm)}.match-list-item{display:flex;align-items:center;padding:var(--space-md);background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border);text-decoration:none;color:inherit;transition:all .2s}.match-list-item:hover{border-color:var(--primary);box-shadow:var(--shadow)}.match-list-item.live{border-left:3px solid var(--live)}.match-list-teams{flex:1;min-width:0}.match-time-score{display:flex;align-items:center;gap:var(--space-sm)}.match-time-pill{font-family:Roboto Mono,monospace;font-size:.75rem;font-weight:600;padding:.25rem .5rem;background:var(--bg-elevated);color:var(--text-primary);border-radius:var(--radius-full);border:1px solid var(--border);white-space:nowrap}.match-time-pill.overtime{background:var(--red-card-bg);color:var(--red-card);border-color:var(--red-card)}.match-list-team{font-weight:500}.match-list-vs{color:var(--text-muted);font-size:.75rem;margin:0 var(--space-xs)}.match-list-score{font-family:Roboto Mono,monospace;font-size:1.25rem;font-weight:700;color:var(--text-primary);min-width:70px;text-align:center}.match-list-meta{font-size:.75rem;color:var(--text-muted);margin-top:var(--space-xs)}.match-meta{font-size:.75rem;color:var(--text-muted)}.match-teams{font-weight:500}.match-score{font-family:Roboto Mono,monospace;font-weight:700;color:var(--primary)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:200;padding:var(--space-md)}.modal-content{background:var(--bg-card);border-radius:var(--radius-lg);width:100%;max-width:400px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);border-bottom:1px solid var(--border)}.modal-header h3{font-size:1rem;font-weight:600;margin:0}.modal-close{background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;padding:var(--space-xs);line-height:1}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:var(--space-md)}.modal-footer{display:flex;gap:var(--space-sm);padding:var(--space-md);border-top:1px solid var(--border)}.data-table{overflow-x:auto}.data-table table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:var(--space-sm);font-size:.7rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border)}.data-table td{padding:var(--space-sm);font-size:.875rem;border-bottom:1px solid var(--border)}.data-table tbody tr:hover{background:var(--bg-elevated)}.flex{display:flex;gap:var(--space-sm)}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.mt-1{margin-top:var(--space-md)}.mb-1{margin-bottom:var(--space-md)}.mt-2{margin-top:var(--space-lg)}.mb-2{margin-bottom:var(--space-lg)}.section-header{font-size:.7rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-sm);padding-bottom:var(--space-xs);border-bottom:1px solid var(--border)}.empty-state{text-align:center;padding:var(--space-xl);color:var(--text-muted)}.token-display{background:var(--bg-elevated);border:1px solid var(--primary);border-radius:var(--radius-md);padding:var(--space-md)}.token-display code{display:block;background:var(--bg-card);padding:var(--space-sm);border-radius:var(--radius-sm);word-break:break-all;font-family:Roboto Mono,monospace;font-size:.875rem;color:var(--primary);border:1px solid var(--border)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--space-sm)}.stat-card{background:var(--bg-card);padding:var(--space-md);border-radius:var(--radius-md);text-align:center;border:1px solid var(--border)}.stat-value{font-family:Roboto Mono,monospace;font-size:1.75rem;font-weight:700;color:var(--primary)}.stat-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:var(--space-xs)}.error-card{background:var(--red-card-bg);border:1px solid var(--red-card);color:var(--red-card);padding:var(--space-md);border-radius:var(--radius-md);font-size:.875rem}.loading{display:flex;align-items:center;justify-content:center;padding:var(--space-xl);color:var(--text-muted)}.connection-status{position:fixed;bottom:var(--space-md);right:var(--space-md);display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:.7rem;font-weight:500;z-index:90}.connection-status.connected{background:var(--try-bg);color:var(--try-color)}.connection-status.disconnected{background:var(--red-card-bg);color:var(--red-card)}.searchable-select{position:relative}.select-input{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--border);border-radius:var(--radius-md);font-size:1rem;color:var(--text-primary);background:var(--bg-input)}.select-input:focus{outline:none;border-color:var(--border-focus)}.selected-value{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-input);cursor:pointer}.clear-btn{background:none;border:none;font-size:1.25rem;cursor:pointer;color:var(--text-muted)}.select-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:200px;overflow-y:auto;z-index:100;margin-top:4px}.select-option{padding:var(--space-sm) var(--space-md);cursor:pointer}.select-option:hover,.select-option.highlighted{background:var(--bg-elevated)}.select-option.selected{background:var(--conversion-bg);color:var(--primary)}h2{font-size:1.5rem;font-weight:700;margin-bottom:var(--space-md)}h3{font-size:1rem;font-weight:600}.last-updated{font-size:.7rem;color:var(--text-muted);text-align:center;margin-top:var(--space-sm)}.info-box{background:var(--bg-elevated);padding:var(--space-sm);border-radius:var(--radius-md);font-size:.875rem;margin-bottom:var(--space-md);border:1px solid var(--border)}@media (min-width: 768px){:root{--space-xs: .375rem;--space-sm: .75rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem}.container{max-width:900px;padding:var(--space-lg)}header .header-content{max-width:900px;padding:0 var(--space-lg)}header h1{font-size:1.5rem}header nav{gap:var(--space-md)}header nav a{font-size:1rem;padding:var(--space-sm) var(--space-md)}.card{padding:var(--space-lg);margin-bottom:var(--space-lg)}.scoreboard{padding:var(--space-lg)}.scoreboard-score{font-size:3rem}.scoreboard-team-name{font-size:.9rem}.clock-display{font-size:2.25rem}.action-button{font-size:1rem;min-height:80px}.match-list-item{padding:var(--space-lg)}.match-list-team{font-size:1rem}.match-list-score{font-size:2rem}input,select,textarea{font-size:1rem}.modal-content{max-width:600px;padding:var(--space-xl)}}@media (min-width: 1024px){.container{max-width:1200px}header .header-content{max-width:1200px}.form-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.club-grid{grid-template-columns:repeat(3,1fr)!important;gap:var(--space-lg)!important}.scoreboard{max-width:800px;margin-left:auto;margin-right:auto}.scoreboard-score{font-size:3.5rem}.clock-display{font-size:2.5rem}.action-row{grid-template-columns:repeat(2,1fr)!important}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg)}.editor-dashboard{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);align-items:start}.dashboard-actions,.dashboard-events{margin-bottom:0}h2{font-size:2rem}h3{font-size:1.25rem}}@media (min-width: 1440px){.container{max-width:1400px}header .header-content{max-width:1400px}.club-grid{grid-template-columns:repeat(4,1fr)!important}.scoreboard-score{font-size:4rem}.scoreboard-team-name{font-size:1rem}.clock-display{font-size:3rem}.action-button{min-height:100px;font-size:1.125rem}}@media (min-width: 1920px){.container{max-width:1600px}header .header-content{max-width:1600px}.club-grid{grid-template-columns:repeat(5,1fr)!important}.scoreboard{max-width:1000px}.scoreboard-score{font-size:4.5rem}.clock-display{font-size:3.5rem}}