.groups-container{padding:2rem 0}.groups-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1rem}.groups-header h2{margin:0;color:var(--text-primary);font-size:2rem;font-weight:700}.groups-header .subtitle{margin:.5rem 0 0;color:var(--text-secondary);font-size:.95rem}.groups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem}.group-card{background:#fff;border-radius:12px;border:1px solid var(--border-color);overflow:hidden;transition:all .2s ease;box-shadow:0 1px 3px #0000000d}.group-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.group-card-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.group-title-with-color{display:flex;align-items:center;gap:.75rem;flex:1;overflow:hidden;margin-right:1rem}.group-color-indicator{width:24px;height:24px;border-radius:50%;flex-shrink:0;box-shadow:0 2px 4px #0003}.group-card-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-card-actions{display:flex;gap:.5rem}.group-card-body{padding:1.25rem}.group-stat{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-secondary);border-radius:8px;margin-bottom:1rem}.group-stat svg{color:var(--primary-color);flex-shrink:0}.group-stat span{font-size:.95rem;font-weight:500;color:var(--text-primary)}.group-meta{padding-top:.75rem;border-top:1px solid var(--border-color)}.group-meta small{color:var(--text-secondary);font-size:.85rem}.empty-state{text-align:center;padding:4rem 2rem;background:#fff;border-radius:12px;border:2px dashed var(--border-color)}.empty-state svg{color:var(--text-disabled);margin-bottom:1rem}.empty-state h3{margin:0 0 .5rem;color:var(--text-primary);font-size:1.5rem}.empty-state p{margin:0 0 2rem;color:var(--text-secondary)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:12px;padding:2rem;max-width:500px;width:100%;box-shadow:0 20px 60px #0000004d}.modal-content h3{margin:0 0 1.5rem;font-size:1.5rem;color:var(--text-primary)}.confirm-dialog{max-width:450px}.confirm-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.confirm-header h3{margin:0;font-size:1.25rem}.confirm-message{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.6}.warning-box{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#fff3cd;border:1px solid #ffc107;border-radius:8px;margin-bottom:1.5rem;color:#856404;font-size:.9rem}.warning-box svg{flex-shrink:0;color:#ff9800}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-primary)}.form-group input,.form-group select{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.color-picker-container{display:flex;flex-direction:column;gap:1rem}.color-picker-input{width:80px;height:50px;border:2px solid var(--border-color);border-radius:8px;cursor:pointer;padding:4px}.color-picker-input:hover{border-color:var(--primary-color)}.color-preview{display:flex;align-items:center;justify-content:center;padding:.75rem 1rem;border-radius:8px;border:2px solid var(--border-color);box-shadow:0 2px 4px #0000001a;position:relative}.color-preview span{font-family:Monaco,Courier New,monospace;font-size:.9rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);mix-blend-mode:difference}.color-presets{display:flex;gap:.5rem;flex-wrap:wrap}.color-preset{width:40px;height:40px;border-radius:8px;border:2px solid transparent;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #0003}.color-preset:hover{transform:scale(1.1);box-shadow:0 4px 8px #0000004d}.color-preset.active{border-color:var(--text-primary);box-shadow:0 0 0 4px #0000001a;transform:scale(1.15)}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.error-message{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;margin-bottom:1.5rem}.error-message svg{flex-shrink:0}.loading{text-align:center;padding:4rem 2rem;color:var(--text-secondary);font-size:1.1rem}.btn-icon{background:none;border:none;padding:.5rem;cursor:pointer;color:#666;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-icon:hover{background:#f5f5f5;color:#333}.btn-icon.btn-danger{color:#666}.btn-icon.btn-danger:hover{background:#fef2f2;color:#dc2626}.btn-icon.btn-danger.confirm{background:#dc2626;color:#fff;animation:pulse .5s ease}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media(max-width:768px){.groups-header{flex-direction:column;align-items:stretch}.groups-grid{grid-template-columns:1fr}.modal-content{padding:1.5rem}}.member-card{background:#fff;border-radius:12px;border:2px solid #e8f5e9;transition:all .3s;overflow:hidden}.member-card:hover{border-color:#66bb6a;box-shadow:0 8px 24px #2e7d321f;transform:translateY(-4px)}.member-card-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:linear-gradient(135deg,#66bb6a,#43a047);color:#fff}.member-number{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.125rem}.member-actions{display:flex;gap:.5rem}.btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;background:#fff3;color:#fff;transition:all .2s}.btn-icon:hover{background:#ffffff4d;transform:scale(1.1)}.btn-edit:hover{background:#81c784}.btn-delete:hover{background:#e74c3c}.member-card-body{padding:1.25rem}.member-name{font-size:1.25rem;font-weight:700;color:#1b5e20;margin:0 0 1rem}.member-group{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#e8f5e9;border-radius:8px;color:#2e7d32;font-weight:600;margin-bottom:1rem;width:fit-content}.member-dates{display:flex;flex-direction:column;gap:.5rem;padding-top:1rem;border-top:1px solid #f0f0f0}.date-item{display:flex;justify-content:space-between;font-size:.875rem}.date-label{color:#999}.date-value{color:#666;font-weight:500}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:500px;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #f0f0f0}.modal-header h2{margin:0;font-size:1.5rem;color:#1b5e20}.btn-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:#f5f5f5;border-radius:8px;color:#666;transition:all .2s}.btn-close:hover{background:#e74c3c;color:#fff}.modal-form{padding:1.5rem}.error-banner{background:#fee;color:#e74c3c;padding:1rem;border-radius:8px;margin-bottom:1.5rem;font-weight:500}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#333}.form-group input{width:100%;padding:.875rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:all .2s}.form-group select{width:100%;padding:.875rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:all .2s;background:#fff;cursor:pointer}.form-group input:focus,.form-group select:focus{outline:none;border-color:#66bb6a;box-shadow:0 0 0 3px #66bb6a1a}.form-group input.error,.form-group select.error{border-color:#e74c3c}.loading-text{padding:.875rem;color:#666;font-style:italic}.error-text{display:block;margin-top:.5rem;color:#e74c3c;font-size:.875rem}.modal-actions{display:flex;gap:1rem;margin-top:2rem}.modal-actions button{flex:1;padding:.875rem;border:none;border-radius:8px;font-weight:600;font-size:1rem;transition:all .2s}.btn-secondary{background:#f5f5f5;color:#666}.btn-secondary:hover{background:#e0e0e0}@media(max-width:768px){.modal-content{max-width:100%;margin:0}.modal-actions{flex-direction:column}.modal-actions button{width:100%}}.members-list{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 20px #00000014;border:1px solid #e8f5e9}.active-epoch-banner strong,.active-epoch-banner .active-tag{color:#2e7d32;font-weight:600}.inactive-epoch-notice{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#ff98001a;border:2px solid #ff9800;border-radius:12px;margin-bottom:1.5rem;color:#1a1a1a;font-size:.95rem}.inactive-epoch-notice svg{color:#ff9800;flex-shrink:0}.inactive-epoch-notice strong{color:#f57c00;font-weight:600}.epoch-filter{background:#fafafa;border:2px solid #e0e0e0;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:1rem}.members-header{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.search-box{flex:1;min-width:250px;position:relative;display:flex;align-items:center;gap:.75rem;background:#f5f5f5;border-radius:12px;padding:0 1rem;border:2px solid transparent;transition:all .2s}.search-box:focus-within{border-color:#66bb6a;background:#fff}.search-box svg{color:#666}.search-box input{flex:1;border:none;background:transparent;padding:.875rem 0;font-size:1rem;outline:none}.btn-primary{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:linear-gradient(135deg,#66bb6a,#43a047);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:1rem;transition:all .2s;white-space:nowrap}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #66bb6a4d}.members-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.loading-container,.error-container,.empty-state{text-align:center;padding:4rem 2rem}.empty-state p{color:#999;font-size:1.125rem}@media(max-width:768px){.members-list{padding:1.5rem}.members-header{flex-direction:column}.search-box{min-width:100%}.btn-primary{width:100%;justify-content:center}.members-grid{grid-template-columns:1fr}}.stopky-results{display:flex;flex-direction:column;gap:1.5rem}.stopky-results-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#999;text-align:center}.stopky-results-empty svg{color:#ccc;margin-bottom:1rem}.stopky-device{background:#fafafa;border-radius:8px;overflow:hidden}.stopky-device-header{display:flex;align-items:center;gap:.5rem;padding:1rem;background:#2e7d32;color:#fff;font-weight:600;border-bottom:2px solid rgba(0,0,0,.1)}.stopky-device-name{flex:1}.stopky-groups-list{display:flex;flex-direction:column;gap:.5rem;padding:.75rem}.stopky-group-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#fff;border-radius:6px;transition:all .2s}.stopky-group-item:hover{background:#f5f5f5;transform:translate(2px)}.stopky-rank{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:18px;flex-shrink:0}.stopky-medal{font-size:20px;line-height:1}.stopky-rank-number{font-size:14px;font-weight:700;color:#2e7d32;background:#e8f5e9;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:18px}.stopky-group-color{width:16px;height:16px;border-radius:8px;flex-shrink:0;box-shadow:0 2px 4px #00000026}.stopky-group-name{flex:1;font-weight:500;color:#333}.stopky-group-time{font-size:1.1rem;font-weight:700;color:#2e7d32;font-variant-numeric:tabular-nums;min-width:80px;text-align:right}.hostina-results{width:100%}.hostina-results-empty{padding:2rem;text-align:center;color:#666}.hostina-leaderboard{display:flex;flex-direction:column;gap:.75rem}.hostina-entry{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border-radius:8px;border:1px solid #e5e7eb;transition:all .2s}.hostina-entry:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.hostina-rank{font-size:1.5rem;font-weight:700;min-width:3rem;text-align:center}.hostina-group-color{width:1.5rem;height:1.5rem;border-radius:50%;box-shadow:0 2px 4px #0000001a}.hostina-group-info{flex:1}.hostina-group-name{font-size:1.125rem;font-weight:600;color:#111827;margin-bottom:.25rem}.hostina-scanned-count{font-size:.875rem;color:#6b7280}.hostina-points{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem 1rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:6px;color:#fff}.hostina-points-main{display:flex;align-items:center;gap:.5rem}.hostina-points svg{flex-shrink:0}.hostina-points-value{font-size:1.25rem;font-weight:700}.hostina-points-per-member{font-size:.75rem;opacity:.9;font-style:italic}@media(max-width:640px){.hostina-entry{gap:.75rem;padding:.75rem}.hostina-rank{min-width:2.5rem;font-size:1.25rem}.hostina-group-name{font-size:1rem}.hostina-points{padding:.375rem .75rem}.hostina-points-value{font-size:1.125rem}}.dominations-results{display:flex;flex-direction:column;gap:24px}.total-score-section{background:#f9f9f9;border-radius:8px;padding:16px}.section-title{font-size:14px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px}.scores-row{display:flex;align-items:center;justify-content:space-around;padding:16px 0}.score-card{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1}.score-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.black-icon{background:#f5f5f5}.white-icon{background:#f5f5f5;border:1px solid #ddd}.score-label{font-size:12px;color:#666;text-transform:uppercase;font-weight:600}.score-value{font-size:36px;font-weight:700;color:#333}.score-sublabel{font-size:11px;color:#999}.score-divider{width:1px;height:80px;background:#e0e0e0;margin:0 24px}.territories-section{margin-top:8px}.territories-list{display:flex;flex-direction:column;gap:12px}.territory-card{background:#f9f9f9;border-radius:8px;padding:12px;border:1px solid #e0e0e0;transition:all .2s}.territory-card:hover{background:#f5f5f5;border-color:#ccc}.territory-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.territory-name-row{display:flex;align-items:center;gap:8px;flex:1}.territory-name{font-size:14px;font-weight:600;color:#333}.state-badge{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.state-badge.state-black{background:#0000001a;color:#000}.state-badge.state-white{background:#6666661a;color:#666}.state-badge.state-neutral{background:#9999991a;color:#999}.territory-scores{display:flex;gap:16px;margin-bottom:8px}.territory-score{display:flex;align-items:center;gap:6px}.territory-score-label{font-size:12px;color:#666}.territory-score-value{font-size:12px;font-weight:700;color:#333}.last-update{font-size:11px;color:#999;font-style:italic}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:#999}.empty-state p{margin-top:12px;font-size:14px}.pocitadlo-results{padding:1rem}.pocitadlo-title{font-size:1.25rem;font-weight:600;color:#333;margin-bottom:1rem;text-align:center}.no-results{text-align:center;color:#999;padding:2rem;font-size:.95rem}.pocitadlo-leaderboard{display:flex;flex-direction:column;gap:.75rem}.pocitadlo-entry{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8f9fa;border-radius:8px;transition:transform .2s,box-shadow .2s}.pocitadlo-entry:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.pocitadlo-rank{font-size:1.5rem;font-weight:700;min-width:40px;text-align:center;color:#666}.pocitadlo-color-indicator{width:4px;height:50px;border-radius:2px}.pocitadlo-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.pocitadlo-group-name{font-size:1rem;font-weight:600;color:#333}.pocitadlo-transaction-count{font-size:.85rem;color:#666}.pocitadlo-points{display:flex;flex-direction:column;align-items:flex-end;gap:.125rem}.pocitadlo-points-value{font-size:1.5rem;font-weight:700;color:#333}.pocitadlo-points-label{font-size:.75rem;color:#666;text-transform:uppercase}.pocitadlo-points-per-member{font-size:.75rem;color:#888;font-style:italic}@media(max-width:640px){.pocitadlo-entry{padding:.75rem}.pocitadlo-rank{font-size:1.25rem;min-width:32px}.pocitadlo-group-name{font-size:.9rem}.pocitadlo-points-value{font-size:1.25rem}}.game-detail-modal{background:#fff;border-radius:16px;width:100%;max-width:700px;max-height:90vh;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease-out;display:flex;flex-direction:column}.game-detail-content{padding:1.5rem;overflow-y:auto}.game-info-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;padding-bottom:2rem;border-bottom:2px solid #f0f0f0}.info-item{display:flex;align-items:start;gap:.75rem;padding:1rem;background:#f8f9fa;border-radius:8px}.info-item svg{color:#66bb6a;flex-shrink:0;margin-top:.25rem}.info-label{font-size:.875rem;color:#666;margin-bottom:.25rem}.info-value{font-size:1rem;font-weight:600;color:#1b5e20}.btn-end-game{grid-column:1 / -1;padding:.875rem;background:#f44336;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:1rem;transition:all .2s;cursor:pointer}.btn-end-game:hover:not(:disabled){background:#d32f2f;transform:translateY(-2px);box-shadow:0 4px 12px #f443364d}.btn-end-game:disabled{opacity:.6;cursor:not-allowed}.scores-section{margin-top:1rem}.scores-title{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;color:#333;margin-bottom:1rem}.scores-title svg{color:#ffc107}.scores-list{display:flex;flex-direction:column;gap:.75rem}.score-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fafafa;border:2px solid #e8f5e9;border-radius:12px;transition:all .2s}.score-item:hover{background:#fff;border-color:#66bb6a;box-shadow:0 2px 8px #66bb6a1a}.score-rank{font-size:1.5rem;font-weight:700;min-width:3rem;text-align:center}.score-player{flex:1;min-width:0}.score-name{font-size:1rem;font-weight:600;color:#1b5e20;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.score-group{font-size:.875rem;color:#66bb6a;margin-top:.25rem}.score-stats{display:flex;gap:1.5rem;align-items:center}.score-stat{display:flex;flex-direction:column;align-items:center;text-align:center}.score-value{font-size:1rem;font-weight:700;color:#43a047}.score-label{font-size:.75rem;color:#666;margin-top:.25rem}.loading-container,.error-container,.empty-state{text-align:center;padding:2rem;color:#999}@media(max-width:768px){.game-detail-modal{max-width:100%;max-height:100vh;border-radius:0}.game-info-section{grid-template-columns:1fr}.score-stats{flex-direction:column;gap:.5rem}}.header-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:linear-gradient(135deg,#4caf50,#2e7d32);border-radius:50%;color:#fff}.games-list-container{display:grid;gap:1rem}.game-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:.75rem}.game-card-info{display:flex;flex-direction:column;gap:.5rem}.game-history-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;cursor:pointer;transition:all .2s ease}.game-history-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.game-history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.game-title-row{display:flex;align-items:center;gap:.75rem;flex:1}.game-history-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#333}.active-badge{padding:.25rem .75rem;background:#4caf50;color:#fff;border-radius:12px;font-size:.75rem;font-weight:600}.game-history-info{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding-top:1rem;border-top:1px solid #f0f0f0}.info-row{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#666}.info-row svg{color:#2e7d32}.view-details-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding-top:1rem;border-top:1px solid #f0f0f0;color:#2e7d32;font-weight:600;font-size:.9rem}.spinner{width:48px;height:48px;border:4px solid #f0f0f0;border-top:4px solid #2e7d32;border-radius:50%;animation:spin 1s linear infinite}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.empty-state p{font-size:1rem;color:#999}.page-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.epoch-filter{background:#fafafa;border:2px solid #e0e0e0;border-radius:12px;padding:1.5rem;margin-bottom:2rem;display:flex;align-items:center;gap:1rem}.epoch-filter label{font-weight:600;color:#1a1a1a;white-space:nowrap}.epoch-select{flex:1;max-width:400px;padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;background:#fff;color:#1a1a1a;cursor:pointer;transition:all .2s}.epoch-select:hover{border-color:#2e7d32}.epoch-select:focus{outline:none;border-color:#2e7d32}.header-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:linear-gradient(135deg,#2196f3,#1565c0);border-radius:50%;color:#fff}.header-text h1{margin:0;font-size:1.75rem;font-weight:700;color:#333}.header-text p{margin:.25rem 0 0;font-size:.95rem;color:#666}.stats-section{margin-bottom:2rem}.section-title{font-size:1.25rem;font-weight:600;color:#333;margin-bottom:1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.stat-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;gap:1rem}.stat-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;color:#fff}.stat-icon.trophy{background:linear-gradient(135deg,#ffc107,#ff9800)}.stat-icon.completed{background:linear-gradient(135deg,#4caf50,#2e7d32)}.stat-icon.active{background:linear-gradient(135deg,#2196f3,#1565c0)}.stat-icon.deaths{background:linear-gradient(135deg,#f44336,#c62828)}.stat-icon.time{background:linear-gradient(135deg,#9c27b0,#6a1b9a)}.stat-icon.average{background:linear-gradient(135deg,#ff9800,#ef6c00)}.stat-value{font-size:1.75rem;font-weight:700;color:#333;line-height:1;margin-bottom:.25rem}.stat-label{font-size:.85rem;color:#666}.duration-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.duration-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;gap:1rem}.duration-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#2e7d32,#1b5e20);color:#fff}.duration-info{flex:1}.duration-label{font-size:.9rem;color:#666;margin-bottom:.5rem}.duration-value{font-size:1.5rem;font-weight:700;color:#333}.rankings-container{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a}.leaderboard-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f9f9f9;border-radius:8px;transition:all .2s ease}.leaderboard-item:hover{background:#f0f0f0;transform:translate(4px)}.leaderboard-item.mvp{border-left:4px solid #ffc107}.rank{font-size:1.25rem;font-weight:700;min-width:40px;text-align:center}.player-color-badge{width:16px;height:16px;border-radius:50%;border:2px solid white;box-shadow:0 2px 4px #0003}.player-info{flex:1}.player-name{font-size:1rem;font-weight:600;color:#333;margin-bottom:.25rem}.player-group{font-size:.85rem;color:#666}.player-stats{display:flex;gap:1.5rem}.stat-item{display:flex;flex-direction:column;align-items:center;min-width:60px}.stat-item .stat-value{font-size:1rem;font-weight:700;color:#2e7d32;margin-bottom:.25rem}.stat-label-small{font-size:.7rem;color:#999;text-align:center}.mvp-container{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem}.spinner{width:48px;height:48px;border:4px solid #f0f0f0;border-top:4px solid #2196f3;border-radius:50%;animation:spin 1s linear infinite}.loading-container p{margin-top:1rem;color:#666}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem}.empty-state p{font-size:.95rem;color:#999}@media(max-width:768px){.overall-stats-view{padding:1rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-card{flex-direction:column;text-align:center}.player-stats{flex-direction:column;gap:.75rem}.stat-item{min-width:auto}}.games-list{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 20px #00000014;border:1px solid #e8f5e9}.active-epoch-banner{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#2e7d321a;border:2px solid #2e7d32;border-radius:12px;margin-bottom:1.5rem;color:#1a1a1a;font-size:.95rem}.active-epoch-banner svg{color:#2e7d32;flex-shrink:0}.active-epoch-banner strong{color:#2e7d32;font-weight:600}.games-list-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.games-list-header .epoch-filter{background:#fafafa;border:2px solid #e0e0e0;border-radius:12px;padding:1rem 1.5rem;display:flex;align-items:center;gap:1rem;flex:1;min-width:300px}.games-list-header .epoch-filter label{font-weight:600;color:#1a1a1a;white-space:nowrap;font-size:.95rem}.games-list-header .epoch-select{flex:1;padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;background:#fff;color:#1a1a1a;cursor:pointer;transition:all .2s}.games-list-header .epoch-select:hover{border-color:#2e7d32}.games-list-header .epoch-select:focus{outline:none;border-color:#2e7d32;box-shadow:0 0 0 3px #2e7d321a}.no-epoch-container{display:flex;align-items:center;justify-content:center;min-height:500px;padding:2rem}.no-epoch-content{max-width:600px;text-align:center;background:#fff;border-radius:16px;padding:3rem 2rem;box-shadow:0 4px 20px #00000014;border:2px dashed #e0e0e0}.no-epoch-icon{color:#ccc;margin-bottom:1.5rem}.no-epoch-content h2{margin:0 0 1rem;color:#1a1a1a;font-size:1.75rem}.no-epoch-content p{margin:0 0 1rem;color:#666;font-size:1.05rem;line-height:1.6}.no-epoch-hint{background:#2e7d320d;border:1px solid rgba(46,125,50,.2);border-radius:8px;padding:1rem;margin:1.5rem 0;color:#555;font-size:.95rem}.no-epoch-hint strong{color:#2e7d32;font-weight:600}.no-epoch-actions{margin-top:2rem}.btn-primary-large{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.75rem;background:#2e7d32;border:none;border-radius:12px;font-size:1rem;font-weight:600;color:#fff;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #2e7d3233}.btn-primary-large:hover{background:#1b5e20;transform:translateY(-2px);box-shadow:0 4px 12px #2e7d324d}.btn-primary-large:active{transform:translateY(0);box-shadow:0 2px 4px #2e7d3233}.view-navigation{margin-bottom:1.5rem}.back-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#f5f5f5;border:2px solid #e0e0e0;border-radius:8px;font-size:.95rem;font-weight:600;color:#333;cursor:pointer;transition:all .2s}.back-button:hover{background:#e0e0e0;border-color:#bdbdbd}.view-buttons{display:flex;gap:1rem;margin-bottom:2rem}.view-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;background:linear-gradient(135deg,#e8f5e9,#f1f8f4);border:2px solid #c8e6c9;border-radius:12px;font-size:1rem;font-weight:600;color:#2e7d32;cursor:pointer;transition:all .3s}.view-btn:hover{background:linear-gradient(135deg,#c8e6c9,#e8f5e9);border-color:#4caf50;transform:translateY(-2px);box-shadow:0 4px 12px #4caf5033}.stats-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{display:flex;align-items:center;gap:1rem;background:linear-gradient(135deg,#f1f8f4,#fff);border:2px solid #e8f5e9;border-radius:12px;padding:1.5rem;transition:all .3s}.stat-card:hover{border-color:#66bb6a;transform:translateY(-2px);box-shadow:0 4px 12px #66bb6a1a}.stat-icon{width:48px;height:48px;color:#66bb6a;opacity:.9}.stat-icon.active{color:#81c784}.stat-icon.deaths{color:#ef5350}.stat-icon.time{color:#ab47bc}.stat-content{flex:1}.stat-value{font-size:2rem;font-weight:700;color:#1b5e20;line-height:1}.stat-label{font-size:.875rem;color:#666;margin-top:.25rem}.section{margin-bottom:2rem}.section:last-child{margin-bottom:0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.section-header-actions{display:flex;justify-content:flex-end;margin-bottom:1.5rem}.section-title{font-size:1.5rem;font-weight:700;color:#1b5e20;margin:0}.leaderboard{display:flex;flex-direction:column;gap:.75rem}.leaderboard-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fafafa;border:2px solid #e8f5e9;border-radius:12px;transition:all .2s}.leaderboard-item:hover{background:#fff;border-color:#66bb6a;box-shadow:0 2px 8px #66bb6a1a}.rank{font-size:1.5rem;font-weight:700;min-width:3rem;text-align:center}.player-info{flex:1;min-width:0}.player-name{font-size:1.125rem;font-weight:600;color:#1b5e20;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-group{font-size:.875rem;color:#66bb6a;margin-top:.25rem}.player-stats{display:flex;gap:1.5rem;align-items:center}.stat-item{display:flex;flex-direction:column;align-items:center;text-align:center}.stat-value{font-size:1rem;font-weight:700;color:#43a047}.stat-label-small{font-size:.75rem;color:#666;margin-top:.25rem}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.game-card{background:#fff;border:2px solid #e8f5e9;border-radius:12px;padding:1.25rem;cursor:pointer;transition:all .3s}.game-card:hover{border-color:#66bb6a;box-shadow:0 4px 12px #66bb6a1f;transform:translateY(-2px)}.game-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.game-card-header h3{font-size:1.125rem;font-weight:700;color:#1b5e20;margin:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge-active{display:inline-block;padding:.25rem .75rem;background:#81c784;color:#fff;border-radius:12px;font-size:.75rem;font-weight:600;white-space:nowrap}.game-card-body{display:flex;flex-direction:column;gap:.5rem}.game-info-item{display:flex;align-items:center;gap:.5rem;color:#666;font-size:.875rem}.game-info-item svg{flex-shrink:0}.empty-state{text-align:center;padding:4rem 2rem;color:#999}.empty-state svg{color:#ccc;margin-bottom:1rem}.loading-container,.error-container{text-align:center;padding:4rem 2rem}.loading-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.spinner{animation:spin 1s linear infinite;color:#66bb6a}.error-text{color:#e74c3c;font-weight:600}@media(max-width:768px){.games-list{padding:1.5rem}.view-buttons{flex-direction:column}.stats-overview{grid-template-columns:repeat(2,1fr)}.stat-card{flex-direction:column;text-align:center}.player-stats{flex-direction:column;gap:.5rem}.games-grid{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:stretch}.btn-primary{width:100%;justify-content:center}}.pairing-modal{max-width:600px;width:90%}.pairing-content{display:flex;flex-direction:column;gap:24px;padding:20px 0}.instructions{background:#f5f5f5;padding:16px;border-radius:8px}.instructions h3{margin:0 0 12px;font-size:16px;color:#333}.instructions ol{margin:0;padding-left:20px}.instructions li{margin-bottom:8px;color:#666;line-height:1.5}.qr-code-container{display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px;background:#fff;border:2px dashed #ddd;border-radius:12px}.qr-code{width:300px;height:300px;border:2px solid #e0e0e0;border-radius:8px;padding:12px;background:#fff}.pairing-code{text-align:center}.code-label{font-size:14px;color:#666;margin:0 0 8px}.code-with-copy{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.code-value{font-size:32px;font-weight:700;color:#1976d2;letter-spacing:4px;margin:0;font-family:Courier New,monospace}.copy-button{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#1976d2;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.copy-button:hover{background:#1565c0;transform:translateY(-1px);box-shadow:0 2px 8px #1976d24d}.copy-button:active{transform:translateY(0)}.copy-button.copied{background:#4caf50;pointer-events:none}.copy-button svg{width:16px;height:16px;flex-shrink:0}@media(max-width:480px){.code-with-copy{flex-direction:column}.code-value{font-size:24px}.copy-button{width:100%;justify-content:center}}.timer{padding:8px 16px;background:#e3f2fd;border-radius:20px;color:#1976d2;font-weight:600}.timer.warning{background:#ffebee;color:#c62828;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.timer p{margin:0;font-size:14px}.waiting-message{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;background:#f9f9f9;border-radius:8px}.waiting-message p{margin:0;color:#666;font-size:14px}.spinner-small{width:20px;height:20px;border:3px solid #e0e0e0;border-top:3px solid #1976d2;border-radius:50%;animation:spin 1s linear infinite}.loading-container{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px}.spinner{width:48px;height:48px;border:4px solid #e0e0e0;border-top:4px solid #1976d2;border-radius:50%;animation:spin 1s linear infinite}.loading-container p{margin:0;color:#666}.error-container{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px}.error-message{color:#d32f2f;font-size:16px;text-align:center;margin:0}.retry-button{padding:10px 24px;background:#1976d2;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.retry-button:hover{background:#1565c0}.cancel-button{padding:10px 24px;background:#f5f5f5;color:#666;border:1px solid #ddd;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.cancel-button:hover{background:#e0e0e0;border-color:#ccc}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0003;max-height:90vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid #e0e0e0}.modal-header h2{margin:0;font-size:24px;color:#333}.close-button{background:none;border:none;font-size:32px;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s}.close-button:hover{color:#666}.modal-body{padding:24px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:24px;border-top:1px solid #e0e0e0}.devices-management{padding:2rem 0}.devices-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #f0f0f0}.devices-header h2{margin:0 0 .5rem;color:#1a1a1a}.devices-header-actions{display:flex;gap:1rem;align-items:center}.device-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid #e0e0e0}.device-tab{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:transparent;border:none;border-bottom:3px solid transparent;color:#666;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;margin-bottom:-2px}.device-tab:hover{color:#2e7d32;background:#2e7d320d}.device-tab.active{color:#2e7d32;border-bottom-color:#2e7d32;background:#2e7d320d}.device-tab svg{flex-shrink:0}.btn-primary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#2e7d32;border:none;border-radius:8px;font-size:.95rem;font-weight:600;color:#fff;cursor:pointer;transition:all .2s}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-primary-large{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.75rem;background:#2e7d32;border:none;border-radius:8px;font-size:.95rem;font-weight:600;color:#fff;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #2e7d3233}.btn-primary-large:hover:not(:disabled){background:#1b5e20;transform:translateY(-2px);box-shadow:0 4px 8px #2e7d324d}.btn-primary-large:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #2e7d3233}.btn-primary-large:disabled{opacity:.5;cursor:not-allowed}.section-description{color:#666;margin:0;font-size:.95rem}.btn-secondary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#f5f5f5;border:2px solid #e0e0e0;border-radius:8px;font-size:.95rem;font-weight:600;color:#333;cursor:pointer;transition:all .2s}.btn-secondary:hover:not(:disabled){background:#ebebeb;border-color:#2e7d32;color:#2e7d32}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.error-message{display:flex;align-items:center;gap:.75rem;padding:1rem;background-color:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;margin-bottom:1.5rem}.spinning{animation:spin 1s linear infinite}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:#999;background:#fff;border:2px dashed #e0e0e0;border-radius:12px;margin:2rem 0}.empty-state svg{color:#ccc;margin-bottom:1.5rem}.empty-state h3{margin:0 0 .5rem;color:#666;font-size:1.5rem}.empty-state p{margin:.5rem 0 1.5rem;color:#999;max-width:500px}.empty-state .hint{max-width:500px;font-size:.9rem;color:#aaa;margin-top:1rem}.devices-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.device-card{background:#fafafa;border:2px solid #e0e0e0;border-radius:12px;padding:1.5rem;transition:all .2s}.device-card:hover{border-color:#2e7d32;box-shadow:0 4px 12px #2e7d321a}.device-card.unpaired{background:#fafafa;border-color:#e0e0e0;opacity:.75}.device-card.unpaired:hover{border-color:#999;box-shadow:0 2px 8px #0000001a}.device-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e0e0e0;flex-wrap:wrap}.device-header svg{color:#2e7d32;flex-shrink:0}.device-header-text{display:flex;flex-direction:column;gap:.25rem;min-width:0;flex:1}.device-name{font-size:1rem;font-weight:600;color:#1a1a1a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-id-small{font-family:Monaco,Courier New,monospace;font-size:.75rem;color:#999}.device-id{font-family:Monaco,Courier New,monospace;font-size:.9rem;color:#666;font-weight:600;flex:1}.device-status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.unpaired-badge{background:#fff3e0;color:#e65100;border:1px solid #ffb74d}.device-info{margin-bottom:1.5rem}.info-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.info-row .label{font-size:.9rem;color:#666;font-weight:500}.info-row .value{font-size:.9rem;color:#333;font-weight:600}.btn-danger{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:#fff;border:2px solid #d32f2f;border-radius:8px;font-size:.95rem;font-weight:600;color:#d32f2f;cursor:pointer;transition:all .2s}.btn-danger:hover:not(:disabled){background:#d32f2f;color:#fff}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.game-types-container{padding:2rem 0}.game-types-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #f0f0f0}.game-types-header h2{margin:0 0 .5rem;color:#1a1a1a;font-size:1.75rem}.game-types-description{color:#666;margin:0;font-size:.95rem}.client-selector-box{background:#fafafa;border:2px solid #e0e0e0;border-radius:12px;padding:1.5rem;margin-bottom:2rem}.client-selector-box label{display:block;font-weight:600;color:#1a1a1a;margin-bottom:.75rem}.client-selector-box select{width:100%;padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;background:#fff;color:#1a1a1a;cursor:pointer;transition:all .2s}.client-selector-box select:hover{border-color:#2e7d32}.client-selector-box select:focus{outline:none;border-color:#2e7d32}.single-client-info{background:#fafafa;border:2px solid #e0e0e0;border-radius:12px;padding:1rem 1.5rem;margin-bottom:2rem;color:#666}.single-client-info strong{color:#1a1a1a}.spinner{width:48px;height:48px;border:4px solid #e0e0e0;border-top-color:#2e7d32;border-radius:50%;animation:spin 1s linear infinite}.spinner-small{width:16px;height:16px;border:2px solid #e0e0e0;border-top-color:#2e7d32;border-radius:50%;animation:spin .8s linear infinite}.saving-indicator{display:inline-flex;align-items:center;justify-content:center;padding:0 .5rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#d32f2f1a;border:2px solid #d32f2f;border-radius:8px;margin-bottom:1.5rem;color:#d32f2f;font-size:.95rem}.error-icon{font-size:1.5rem}.no-client-selected,.no-game-types{background:#fff;border:2px dashed #e0e0e0;border-radius:12px;padding:3rem 2rem;text-align:center;color:#999}.no-client-selected p,.no-game-types p{margin:0;font-size:1.1rem}.game-types-table-container{background:#fafafa;border:2px solid #e0e0e0;border-radius:12px;overflow:hidden;margin-bottom:2rem}.game-types-table{width:100%;border-collapse:collapse}.game-types-table thead{background:#fff;border-bottom:2px solid #e0e0e0}.game-types-table th{padding:1rem;text-align:left;font-weight:600;font-size:.9rem;color:#1a1a1a}.game-types-table th.col-icon{width:60px;text-align:center}.game-types-table th.col-name{width:200px}.game-types-table th.col-description{width:auto}.game-types-table th.col-order{width:80px;text-align:center}.game-types-table th.col-enabled{width:150px;text-align:center}.game-types-table th.col-actions{width:100px;text-align:center}.game-types-table tbody tr{background:#fff;border-bottom:1px solid #e0e0e0;transition:all .2s}.game-types-table tbody tr:last-child{border-bottom:none}.game-types-table tbody tr:hover{background-color:#f5f5f5}.game-types-table tbody tr.disabled{opacity:.5}.game-types-table tbody tr.saving{background-color:#2e7d320d}.game-types-table td{padding:1rem}.col-icon{text-align:center}.game-type-icon{font-size:1.5rem}.col-name{font-weight:500}.game-type-name{display:flex;flex-direction:column;gap:.25rem}.game-type-name strong{color:#1a1a1a;font-size:1rem}.game-type-id{font-family:Monaco,Courier New,monospace;font-size:.75rem;color:#999;background:#f5f5f5;padding:2px 6px;border-radius:4px;display:inline-block}.game-type-description{color:#666;font-size:.9rem;line-height:1.4}.col-order{text-align:center}.order-value{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;background:#f0f0f0;border-radius:6px;font-weight:600;color:#2e7d32;font-size:.95rem}.col-enabled{text-align:center}.toggle-switch-compact{display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:middle;margin-right:.5rem}.toggle-switch-compact input{display:none}.toggle-slider-compact{position:relative;width:44px;height:24px;background:#ccc;border-radius:12px;transition:background .3s ease}.toggle-slider-compact:before{content:"";position:absolute;width:18px;height:18px;background:#fff;border-radius:50%;top:3px;left:3px;transition:transform .3s ease;box-shadow:0 1px 3px #0003}.toggle-switch-compact input:checked+.toggle-slider-compact{background:#2e7d32}.toggle-switch-compact input:checked+.toggle-slider-compact:before{transform:translate(20px)}.toggle-switch-compact input:disabled+.toggle-slider-compact{opacity:.5;cursor:not-allowed}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.status-badge.enabled{background:#2e7d321a;color:#2e7d32}.status-badge.disabled{background:#d32f2f1a;color:#d32f2f}.col-actions{text-align:center}.action-buttons{display:inline-flex;gap:.25rem}.btn-action{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:2px solid #e0e0e0;background:#fff;color:#666;border-radius:6px;cursor:pointer;transition:all .2s;font-size:1rem;font-weight:700}.btn-action:hover:not(:disabled){background:#2e7d32;color:#fff;border-color:#2e7d32;transform:translateY(-1px);box-shadow:0 2px 4px #2e7d3233}.btn-action:disabled{opacity:.3;cursor:not-allowed}.game-types-info{margin-top:2rem}.info-box{background:#fafafa;border:2px solid #e0e0e0;border-radius:12px;padding:1.5rem}.info-box h4{font-size:1.1rem;font-weight:600;color:#1a1a1a;margin:0 0 1rem}.info-box ul{list-style:none;padding:0;margin:0}.info-box li{font-size:.95rem;color:#666;padding:.5rem 0 .5rem 1.5rem;position:relative;line-height:1.5}.info-box li:before{content:"•";position:absolute;left:.5rem;color:#2e7d32;font-weight:700;font-size:1.2rem}@media(max-width:1200px){.game-types-table th.col-description,.game-types-table td.col-description{display:none}}@media(max-width:768px){.game-types-table-container{overflow-x:auto}.game-types-table{min-width:800px}.game-types-header{flex-direction:column;align-items:flex-start}}.epochs-management{padding:2rem 0}.epochs-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #f0f0f0}.epochs-header h2{margin:0 0 .5rem;color:#1a1a1a;font-size:1.75rem}.epochs-header p{color:#666;margin:0;font-size:.95rem}.status-banner{display:flex;align-items:center;justify-content:space-between;padding:1.25rem;border-radius:12px;margin-bottom:2rem}.status-banner.active{background:#2e7d321a;border:2px solid #2e7d32}.status-banner.inactive{background:#ed6c021a;border:2px solid #ed6c02}.status-banner-content{display:flex;align-items:center;gap:1rem}.status-banner-content svg{flex-shrink:0}.status-banner.active .status-banner-content svg{color:#2e7d32}.status-banner.inactive .status-banner-content svg{color:#ed6c02}.status-info{display:flex;flex-direction:column;gap:.25rem}.status-label{font-size:.875rem;font-weight:600}.status-banner.active .status-label{color:#2e7d32}.status-banner.inactive .status-label{color:#ed6c02}.status-value{font-size:1.125rem;font-weight:700;color:#1a1a1a}.status-description{font-size:.875rem;color:#666}.create-epoch-card{background:#fafafa;border:2px solid #e0e0e0;border-radius:12px;padding:1.5rem;margin-bottom:2rem}.create-epoch-card h3{margin:0 0 1rem;font-size:1.125rem;color:#1a1a1a}.create-epoch-form{display:flex;gap:.75rem}.create-epoch-input{flex:1;padding:.75rem 1rem;background:#fff;border:2px solid #e0e0e0;border-radius:8px;font-size:.95rem;color:#1a1a1a;transition:all .2s}.create-epoch-input:focus{outline:none;border-color:#2e7d32}.create-epoch-input::placeholder{color:#999}.epochs-list-card{background:#fafafa;border:2px solid #e0e0e0;border-radius:12px;overflow:hidden}.epochs-list-header{padding:1.25rem 1.5rem;border-bottom:2px solid #e0e0e0;background:#fff}.epochs-list-header h3{margin:0;font-size:1.125rem;color:#1a1a1a}.epochs-list{display:flex;flex-direction:column}.epoch-item{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e0e0e0;background:#fff;transition:all .2s}.epoch-item:last-child{border-bottom:none}.epoch-item:hover{background:#f5f5f5}.epoch-item.active{background:#2e7d320d}.epoch-item-content{display:flex;align-items:center;gap:1rem;flex:1}.epoch-icon{flex-shrink:0;color:#999}.epoch-item.active .epoch-icon{color:#2e7d32}.epoch-info{flex:1;min-width:0}.epoch-name-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.epoch-name{font-size:1.125rem;font-weight:600;color:#1a1a1a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.epoch-name-input{flex:1;padding:.5rem .75rem;background:#fff;border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;color:#1a1a1a}.epoch-name-input:focus{outline:none;border-color:#2e7d32}.active-badge{padding:.25rem .75rem;background:#2e7d32;color:#fff;font-size:.75rem;font-weight:600;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.epoch-meta{font-size:.875rem;color:#999}.epoch-actions{display:flex;align-items:center;gap:.5rem}.btn-activate{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#2e7d32;border:none;border-radius:8px;font-size:.9rem;font-weight:600;color:#fff;cursor:pointer;transition:all .2s}.btn-activate:hover{background:#1b5e20;transform:translateY(-1px);box-shadow:0 2px 8px #2e7d324d}.btn-deactivate{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#fff;border:2px solid #ed6c02;border-radius:8px;font-size:.9rem;font-weight:600;color:#ed6c02;cursor:pointer;transition:all .2s}.btn-deactivate:hover{background:#ed6c02;color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #ed6c024d}.btn-icon{display:flex;align-items:center;justify-content:center;padding:.5rem;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.btn-icon.edit{color:#0288d1}.btn-icon.edit:hover{background:#0288d11a}.btn-icon.delete{color:#d32f2f}.btn-icon.delete:hover:not(:disabled){background:#d32f2f1a}.btn-icon.check{color:#2e7d32}.btn-icon.check:hover{background:#2e7d321a}.btn-icon.cancel{color:#999}.btn-icon.cancel:hover{background:#0000000d}.btn-icon:disabled{opacity:.3;cursor:not-allowed}.btn-close-all{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#fff;border:2px solid #d32f2f;border-radius:8px;font-size:.9rem;font-weight:600;color:#d32f2f;cursor:pointer;transition:all .2s}.btn-close-all:hover{background:#d32f2f;color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #d32f2f4d}.btn-create{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#2e7d32;border:none;border-radius:8px;font-size:.95rem;font-weight:600;color:#fff;cursor:pointer;transition:all .2s}.btn-create:hover:not(:disabled){background:#1b5e20;transform:translateY(-2px);box-shadow:0 4px 12px #2e7d324d}.btn-create:disabled{opacity:.5;cursor:not-allowed}.error-banner{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#d32f2f1a;border:2px solid #d32f2f;border-radius:8px;margin-bottom:1.5rem;color:#d32f2f;font-size:.95rem}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#666}.loading-state p{margin-top:1rem;font-size:1.1rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:#999}.empty-state svg{color:#ccc;margin-bottom:1.5rem;opacity:.5}.empty-state p{margin:0;color:#999}.admin-panel{padding:2rem;max-width:1400px;margin:0 auto}.admin-header{margin-bottom:2rem}.admin-header h1{font-size:2rem;color:#1b5e20;margin-bottom:.5rem}.admin-subtitle{color:#666;font-size:1.1rem}.admin-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid #e0e0e0}.admin-tab{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:transparent;border:none;border-bottom:3px solid transparent;color:#666;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;position:relative;margin-bottom:-2px}.admin-tab:hover{color:#2e7d32;background:#2e7d320d}.admin-tab.active{color:#2e7d32;border-bottom-color:#2e7d32;background:#2e7d320d}.admin-tab svg{flex-shrink:0}.admin-warning-banner{background:#fff3cd;border:2px solid #ffc107;border-radius:12px;padding:1.5rem;display:flex;gap:1rem;align-items:flex-start;margin-bottom:2rem}.admin-warning-banner svg{color:#ff9800;flex-shrink:0;margin-top:.25rem}.admin-warning-banner strong{display:block;color:#f57c00;margin-bottom:.25rem;font-size:1.1rem}.admin-warning-banner p{color:#666;margin:0}.admin-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.admin-card{background:#fff;border:2px solid #e0e0e0;border-radius:16px;padding:2rem;display:flex;flex-direction:column;transition:all .3s}.admin-card:hover{border-color:#e74c3c;box-shadow:0 8px 24px #e74c3c26;transform:translateY(-4px)}.admin-card-icon{width:64px;height:64px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.admin-card-icon.danger{background:#e74c3c1a;color:#e74c3c}.admin-card-icon.warning{background:#ff98001a;color:#ff9800}.admin-card-icon.success{background:#2e7d321a;color:#2e7d32}.admin-card.pairing-card:hover{border-color:#2e7d32;box-shadow:0 8px 24px #2e7d3226}.admin-card.pairing-card .admin-card-list li:before{color:#2e7d32}.admin-card h3{font-size:1.5rem;color:#333;margin-bottom:.75rem}.admin-card-description{color:#666;margin-bottom:1.5rem;flex-grow:1}.admin-card-list{list-style:none;padding:0;margin:0 0 1.5rem}.admin-card-list li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:#666}.admin-card-list li:before{content:"•";position:absolute;left:0;color:#e74c3c;font-weight:700}.btn-danger{background:#e74c3c;color:#fff;border:none;padding:1rem;border-radius:8px;font-weight:600;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s;width:100%}.btn-danger:hover:not(:disabled){background:#c0392b;transform:translateY(-2px);box-shadow:0 4px 12px #e74c3c4d}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:#2e7d32;color:#fff;border:none;padding:1rem;border-radius:8px;font-weight:600;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s;width:100%;cursor:pointer}.btn-primary:hover:not(:disabled){background:#1b5e20;transform:translateY(-2px);box-shadow:0 4px 12px #2e7d324d}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.confirm-dialog{background:#fff;border-radius:16px;width:100%;max-width:500px;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease-out}.confirm-header{display:flex;align-items:center;gap:1rem;padding:2rem 2rem 1rem}.confirm-header h2{margin:0;font-size:1.5rem;color:#333}.warning-icon{color:#ff9800;flex-shrink:0}.confirm-message{padding:0 2rem 2rem;color:#666;font-size:1rem;line-height:1.6;margin:0}.confirm-actions{display:flex;gap:1rem;padding:1.5rem 2rem;border-top:1px solid #f0f0f0}.confirm-actions button{flex:1;padding:.875rem;border:none;border-radius:8px;font-weight:600;font-size:1rem;transition:all .2s}@media(max-width:768px){.admin-panel{padding:1rem}.admin-actions{grid-template-columns:1fr;gap:1rem}.admin-card{padding:1.5rem}.confirm-actions{flex-direction:column}.confirm-actions button{width:100%}}.client-selector{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#2e7d321a;border-radius:8px;border:1px solid rgba(46,125,50,.3);flex-wrap:nowrap}.client-selector-header{display:flex;align-items:center;gap:6px;color:#1b5e20;font-weight:500;font-size:14px;white-space:nowrap}.client-selector-header svg{color:#2e7d32}.client-select{padding:6px 12px;border:1px solid #2e7d32;border-radius:6px;background:#fff;color:#333;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:150px}.client-select:hover{background:#f1f8f4;border-color:#1b5e20}.client-select:focus{outline:none;border-color:#1b5e20;box-shadow:0 0 0 3px #2e7d321a}.client-selector-status{display:none}.client-selector.loading,.client-selector.error{background:#6363631a;border-color:#6363634d;justify-content:center;color:#666}.client-selector.error{background:#ef44441a;border-color:#ef44444d;color:#c33}@media(max-width:768px){.client-selector{flex-wrap:wrap}.client-selector-header{width:100%;justify-content:center}.client-select{min-width:auto;flex:1}}.app{min-height:100vh;display:flex;flex-direction:column}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem;width:100%}.app-header{background:#fff;box-shadow:0 2px 8px #00000014;padding:1rem 0 0;position:sticky;top:0;z-index:100;border-bottom:3px solid #2e7d32}.header-top{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:1rem}.header-content{flex:1}.header-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.app-header h1{font-size:2rem;font-weight:700;color:#1b5e20;margin:0}.subtitle{color:#666;margin-top:.25rem;font-size:1rem}.lang-toggle{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:2px solid #2e7d32;background:#fff;color:#2e7d32;border-radius:8px;font-weight:600;transition:all .2s}.lang-toggle:hover{background:#2e7d32;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #2e7d3233}.nav-tabs{display:flex;gap:.5rem;border-bottom:2px solid #e0e0e0}.nav-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:transparent;color:#666;border:none;border-bottom:3px solid transparent;font-weight:600;font-size:1rem;transition:all .2s;cursor:pointer;position:relative;bottom:-2px}.nav-tab:hover{color:#2e7d32;background:#2e7d320d}.nav-tab.active{color:#2e7d32;border-bottom-color:#2e7d32;background:#2e7d3214}.app-main{flex:1;padding:3rem 0}.app-footer{background:#fff;border-top:1px solid #e0e0e0;padding:1.5rem 0;text-align:center;color:#666}@media(max-width:768px){.app-header h1{font-size:1.5rem}.header-top{flex-direction:column;align-items:stretch;gap:1rem}.header-content{text-align:center}.header-actions{width:100%;justify-content:center}.lang-toggle{flex:1}.nav-tabs{overflow-x:auto}.nav-tab{flex:1;justify-content:center;white-space:nowrap}}:root{--primary-color: #2e7d32;--primary-light: #4caf50;--primary-dark: #1b5e20;--text-primary: #333;--text-secondary: #666;--text-disabled: #999;--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-tertiary: #e0e0e0;--border-color: #e0e0e0;--success: #4caf50;--error: #f44336;--warning: #ff9800;--info: #2196f3}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);min-height:100vh;color:#333}#root{min-height:100vh}button{cursor:pointer;font-family:inherit}.btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;font-size:1rem;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #2e7d324d}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--bg-tertiary)}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover:not(:disabled){background:#d32f2f;transform:translateY(-2px);box-shadow:0 4px 12px #f443364d}input,select,textarea{font-family:inherit}