*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:#f5f5f5}.main-nav{background-color:#2c3e50;color:white;padding:1rem 2rem;box-shadow:0 2px 4px rgba(0,0,0,.1)}.nav-brand{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.nav-logo{border-radius:8px}.main-nav h1{font-size:1.5rem;margin:0}.main-nav ul{list-style:none;display:flex;gap:2rem}.main-nav a{color:white;text-decoration:none;font-weight:500;transition:opacity .2s}.main-nav a:hover{opacity:.8}main{max-width:1200px;margin:0 auto;padding:2rem}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.header-actions{gap:1rem}.page-header button{padding:.75rem 1.5rem;background-color:#3498db;color:white;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .2s}.page-header button:hover{background-color:#2980b9}.delete-all-btn{background-color:#e74c3c!important}.delete-all-btn:hover{background-color:#c0392b!important}.delete-all-btn:disabled{background-color:#95a5a6!important;cursor:not-allowed!important}.home-page{text-align:center}.home-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem;margin-top:3rem}.home-card{background:white;padding:2rem;border-radius:8px;text-decoration:none;color:inherit;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:transform .2s,box-shadow .2s}.home-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.games-grid,.players-grid,.teams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem}.games-by-date{display:flex;flex-direction:column;gap:1.5rem}.date-group{background:white;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1)}.date-header{width:100%;display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background-color:#2c3e50;color:white;border:none;cursor:pointer;font-size:1.1rem;font-weight:600;transition:all .2s}.date-header:hover{background-color:#34495e}.folder-icon{font-size:1.5rem;filter:grayscale(100%) brightness(.9) sepia(100%) hue-rotate(170deg) saturate(500%) brightness(1.2)}.date-label{flex:1 1;text-align:left}.games-count{font-size:.9rem;opacity:.9}.date-group .games-grid{padding:1.5rem;background:#f8f9fa}.game-card,.player-card,.team-card{background:white;padding:.75rem;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.game-card h3,.player-card h3,.team-card h3{margin-bottom:.5rem;color:#2c3e50;font-size:1rem}.card-header-compact{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;gap:1rem}.card-header-compact h3{margin:0;font-size:1rem}.stats-inline{display:flex;align-items:center;gap:.5rem;font-size:.875rem;white-space:nowrap}.stat-compact{color:#555}.stat-compact strong{color:#2c3e50;font-size:1rem}.stat-separator{color:#bbb}.team-members-compact{padding:.4rem .5rem;background-color:#f8f9fa;border-radius:4px;font-size:.8rem;color:#666;margin-bottom:.5rem}.game-stats-compact{display:flex;flex-wrap:wrap;gap:.4rem}.game-badge{padding:.25rem .5rem;background-color:#e8f4f8;border-radius:4px;font-size:.75rem;color:#2c3e50;font-weight:500}.total-stats{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.5rem;gap:.5rem;margin:.5rem 0;padding:.5rem;background-color:#f8f9fa;border-radius:4px}.stat-item{display:flex;flex-direction:column;align-items:center;text-align:center}.stat-label{font-size:.75rem;color:#7f8c8d;margin-bottom:.2rem}.stat-value{font-size:1.1rem;font-weight:700;color:#2c3e50}.game-details{margin-top:1rem;padding-top:1rem;border-top:1px solid #eee}.game-details summary{cursor:pointer;font-weight:500;color:#3498db;-webkit-user-select:none;-moz-user-select:none;user-select:none}.game-details summary:hover{color:#2980b9}.game-details .stats{margin-top:1rem}.stat-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #eee}.create-game-form,.create-player-form,.create-team-form{background:white;padding:2rem;border-radius:8px;margin-bottom:2rem;box-shadow:0 2px 8px rgba(0,0,0,.1)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500}.form-group .checkbox-label{display:flex;margin-bottom:0;font-weight:400}.form-group input,.form-group select{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.player-selection,.team-selection{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:0;gap:0;margin-top:.5rem;border:1px solid #e0e0e0;border-radius:4px;overflow:hidden}.checkbox-label,.form-group .checkbox-label{display:flex!important;align-items:center;gap:.5rem;padding:.75rem 1rem;border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;cursor:pointer;transition:background-color .15s;line-height:1;margin-bottom:0!important;font-weight:400!important}.checkbox-label:hover{background-color:#f8f9fa}.checkbox-label input[type=checkbox]{cursor:pointer;width:18px;height:18px;margin:0;flex-shrink:0}.checkbox-label span{line-height:1}button[type=submit]{width:100%;padding:.75rem;background-color:#27ae60;color:white;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s}button[type=submit]:hover{background-color:#229954}button[type=submit]:disabled{background-color:#95a5a6;cursor:not-allowed}.error{background-color:#e74c3c;color:white;padding:1rem;border-radius:4px;margin-bottom:1rem}.game-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;gap:1rem}.game-header>div:first-child{flex:1 1}.game-header h3{margin:0 0 .25rem;font-size:1rem;display:flex;align-items:center;gap:.5rem}.game-type-badge{font-size:.7rem;font-weight:500;padding:.2rem .5rem;background-color:#e8f4f8;color:#2c3e50;border-radius:4px}.game-meta{display:block;font-size:.75rem;color:#7f8c8d}.header-actions{display:flex;align-items:center;gap:.5rem}.status{padding:.25rem .75rem;border-radius:4px;font-size:.75rem;font-weight:500;white-space:nowrap}.status.ongoing{background-color:#f39c12;color:white}.status.completed{background-color:#27ae60;color:white}.results-compact{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.75rem}.result-row{display:flex;align-items:center;gap:.5rem;padding:.3rem .5rem;background-color:#f8f9fa;border-radius:4px}.result-row:first-child{background-color:#fff3cd;font-weight:600}.result-row .rank{color:#7f8c8d;font-size:.75rem;min-width:2rem}.result-row .participant-name{flex:1 1;font-size:.875rem}.result-row .score{font-weight:600;font-size:.875rem;color:#2c3e50}.participants-compact{padding:.5rem;background-color:#f8f9fa;border-radius:4px;margin-bottom:.75rem;font-size:.875rem;color:#555}.delete-button-compact{padding:.35rem .5rem;background-color:#e74c3c;color:white;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s;line-height:1}.delete-button-compact:hover{background-color:#c0392b}.delete-button-compact:disabled{background-color:#95a5a6;cursor:not-allowed}.game-info p{margin:.5rem 0}.results ol{list-style:none;counter-reset:result-counter}.results li{counter-increment:result-counter;display:flex;justify-content:space-between;padding:.5rem;border-bottom:1px solid #eee}.results li:first-child{background-color:#fff3cd;font-weight:600}.resolve-game-form{margin-top:1rem;padding:1.5rem;background-color:#f8f9fa;border-radius:4px}.resolve-game-form h3{margin-bottom:1rem}.scores-input{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.score-row{display:flex;justify-content:space-between;align-items:center;gap:1rem}.score-row label{flex:1 1;font-weight:500}.score-row input{width:100px;padding:.5rem;border:1px solid #ddd;border-radius:4px}.resolve-button{width:100%;margin-top:1rem;padding:.75rem;background-color:#e67e22;color:white;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .2s}.resolve-button:hover{background-color:#d35400}.delete-button{width:100%;margin-top:.5rem;padding:.75rem;background-color:#e74c3c;color:white;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .2s}.delete-button:hover{background-color:#c0392b}.delete-button:disabled{background-color:#95a5a6;cursor:not-allowed}.name-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.name-header h3{margin:0;flex:1 1}.edit-btn{background:none;border:none;cursor:pointer;font-size:1rem;padding:.25rem .5rem;opacity:.6;transition:opacity .2s}.edit-btn:hover{opacity:1}.edit-name-form{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem}.edit-name-form input{padding:.5rem;border:2px solid #3498db;border-radius:4px;font-size:1rem;font-weight:600}.edit-actions{display:flex;gap:.5rem}.edit-actions button{flex:1 1;padding:.5rem;border:none;border-radius:4px;cursor:pointer;font-size:1.2rem;font-weight:700;transition:background-color .2s}.edit-actions button:first-child{background-color:#27ae60;color:white}.edit-actions button:first-child:hover{background-color:#229954}.edit-actions button:last-child{background-color:#e74c3c;color:white}.edit-actions button:last-child:hover{background-color:#c0392b}.edit-actions button:disabled{background-color:#95a5a6;cursor:not-allowed}