.main-nav{background:var(--bg-white);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:.8rem 1.5rem;display:flex}.nav-brand{color:var(--primary-color);font-size:1.2rem;font-weight:700;text-decoration:none}.nav-links{align-items:center;gap:1rem;display:flex}.nav-links a{color:var(--primary-color);font-size:.9rem;font-weight:500;text-decoration:none}.nav-links a:hover{text-decoration:underline}.nav-logout-btn{border:1px solid var(--border-color);color:var(--text-light);cursor:pointer;background:0 0;border-radius:4px;padding:.3rem .8rem;font-size:.85rem}.nav-logout-btn:hover{border-color:var(--danger-color);color:var(--danger-color)}.auth-container{flex:1;justify-content:center;align-items:flex-start;padding:3rem 1rem;display:flex}.auth-card,.profile-card{background:var(--bg-white);box-shadow:var(--shadow-lg);border-radius:8px;width:100%;max-width:400px;padding:2rem}.auth-card h2,.profile-card h2{text-align:center;margin-bottom:1.5rem;font-size:1.4rem}.auth-card form{flex-direction:column;gap:1rem;display:flex}.auth-card label{color:var(--text-light);flex-direction:column;gap:.3rem;font-size:.9rem;display:flex}.auth-card input{border:1px solid var(--border-color);border-radius:4px;padding:.6rem .8rem;font-size:1rem}.auth-card input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 2px #1a73e833}.auth-card button[type=submit]{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:4px;margin-top:.5rem;padding:.7rem;font-size:1rem;font-weight:600}.auth-card button[type=submit]:hover{background:#1565c0}.auth-card button[type=submit]:disabled{opacity:.7;cursor:default}.auth-error{color:var(--danger-color);background:#fce8e6;border:1px solid #f5c6cb;border-radius:4px;padding:.6rem .8rem;font-size:.9rem}.auth-switch{text-align:center;color:var(--text-light);margin-top:1.5rem;font-size:.9rem}.auth-switch a{color:var(--primary-color);font-weight:500}.profile-card{text-align:center}.profile-avatar{border-radius:8px;max-width:100%;height:auto;margin-bottom:1rem}.fixture-card{background:var(--bg-white);border:1px solid var(--border-color);box-shadow:var(--shadow);border-radius:8px;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;transition:all .2s;display:flex;position:relative}.fixture-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.fixture-card.finished{opacity:.7}.fixture-time{align-items:baseline;gap:.75rem;display:flex}.fixture-time .date{color:var(--text-light);text-transform:uppercase;font-size:.8rem;font-weight:500}.fixture-time .time{color:var(--text-dark);font-size:.95rem;font-weight:700}.fixture-time .group-badge{background:var(--primary-color);color:#fff;border-radius:10px;margin-left:auto;padding:.15rem .5rem;font-size:.68rem;font-weight:600}.fixture-time .saved-indicator{color:#16a34a;font-size:.7rem;font-weight:600;animation:2s ease-in-out fadeInOut}.fixture-time .error-indicator{color:#dc2626;font-size:.7rem;font-weight:600;animation:3s ease-in-out fadeInOut}@keyframes fadeInOut{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0}}.spinbox-v.locked{opacity:.4;pointer-events:none}.spinbox-v.locked button{cursor:not-allowed}.fixture-match{justify-content:center;align-items:center;gap:.6rem;width:100%;display:flex}.team-name{color:var(--text-dark);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:1rem;font-weight:600;overflow:hidden}.team-name:first-child{text-align:right}.team-name:last-child{text-align:left}.spinbox-v{flex-direction:column;align-items:center;display:inline-flex}.spinbox-v button{border:1px solid var(--border-color);width:32px;height:22px;color:var(--text-dark);cursor:pointer;-webkit-user-select:none;user-select:none;background:#f1f3f4;justify-content:center;align-items:center;font-size:.75rem;line-height:1;transition:background .15s;display:flex}.spinbox-v button:hover{background:#d0d4da}.spinbox-v button:active{background:#b0b4ba}.spinbox-v .spin-up{border-bottom:none;border-radius:6px 6px 0 0}.spinbox-v .spin-down{border-top:none;border-radius:0 0 6px 6px}.spinbox-v input{text-align:center;border:1px solid var(--border-color);width:32px;height:36px;color:var(--text-dark);-webkit-user-select:none;user-select:none;caret-color:#0000;background:#fff;border-top:none;border-bottom:none;outline:none;font-size:1.3rem;font-weight:700}.vs{color:var(--text-light);text-transform:uppercase;margin:0 .25rem;font-size:.8rem;font-weight:500}.final-goals{color:var(--secondary-color);text-align:center;min-width:2rem;font-size:1.3rem;font-weight:700}.result-badge{background:var(--text-dark);color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:10px;padding:.25rem .6rem;font-size:.7rem;font-weight:600}@media (width<=768px){.fixture-card{gap:.6rem;padding:1rem}.fixture-match{gap:.4rem}.team-name{font-size:.85rem}.spinbox-v button{width:30px;height:20px;font-size:.7rem}.spinbox-v input{width:30px;height:34px;font-size:1.15rem}.vs{margin:0 .15rem;font-size:.7rem}}.fixture-list{flex-direction:column;gap:1rem;display:flex}@media (width<=768px){.fixture-list{gap:.75rem}}:root{--primary-color:#1a73e8;--secondary-color:#34a853;--danger-color:#d33b27;--warning-color:#fbbc04;--text-dark:#202124;--text-light:#5f6368;--border-color:#dadce0;--bg-light:#f8f9fa;--bg-white:#fff;--shadow:0 1px 3px #0000001a;--shadow-lg:0 4px 12px #00000026}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-light);color:var(--text-dark);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}html,body,#root{width:100%;height:100%}.app{flex-direction:column;min-height:100vh;display:flex}.header{background:linear-gradient(135deg, var(--primary-color) 0%, #1565c0 100%);color:#fff;text-align:center;box-shadow:var(--shadow-lg);padding:2rem 1rem}.header h1{margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.header p{opacity:.9;font-size:1rem;font-weight:300}.filter-nav{background:var(--bg-white);border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:center;gap:.5rem;padding:1rem;display:flex;overflow-x:auto}.filter-nav button{border:2px solid var(--border-color);background:var(--bg-white);color:var(--text-dark);cursor:pointer;white-space:nowrap;border-radius:20px;padding:.6rem 1.2rem;font-size:.9rem;font-weight:500;transition:all .2s}.filter-nav button:hover{border-color:var(--primary-color);color:var(--primary-color)}.filter-nav button.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.container{flex:1;width:100%;max-width:900px;margin:0 auto;padding:2rem 1rem}.container h2{color:var(--text-dark);margin-bottom:1.5rem;font-size:1.5rem}.group-section{margin-bottom:3rem}.group-section h3{color:var(--text-dark);border-bottom:2px solid var(--border-color);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.2rem}.footer{background:var(--text-dark);color:#fff;text-align:center;margin-top:auto;padding:2rem 1rem}.footer p{opacity:.8;font-size:.9rem}@media (width<=768px){.header h1{font-size:1.8rem}.header p{font-size:.9rem}.container{padding:1rem}.filter-nav{justify-content:flex-start}}.leaderboard-table{border-collapse:collapse;background:var(--bg-white);width:100%;box-shadow:var(--shadow);border-radius:8px;overflow:hidden}.leaderboard-table th{background:var(--primary-color);color:#fff;text-align:left;text-transform:uppercase;letter-spacing:.05em;padding:.75rem 1rem;font-size:.9rem;font-weight:600}.leaderboard-table td{border-bottom:1px solid var(--border-color);padding:.75rem 1rem;font-size:.95rem}.leaderboard-table tbody tr:hover{background:#e8f0fe}.leaderboard-table tbody tr:nth-child(2n){background:var(--bg-light)}.leaderboard-table tbody tr:nth-child(2n):hover{background:#e8f0fe}.leaderboard-avatar{align-items:center;display:inline-flex}.leaderboard-me{font-weight:600;background:#e3f2fd!important}.leaderboard-me:hover{background:#bbdefb!important}