:root{--primary-color:#0d6efd;--success-color:#198754;--warning-color:#ffc107;--danger-color:#dc3545;--info-color:#0dcaf0;--dark-color:#212529;--light-color:#f8f9fa;--border-radius:0.5rem;--box-shadow:0 0.125rem 0.25rem rgba(0,0,0,0.075);--transition:all 0.15s ease-in-out}.announcement-ticker{background:linear-gradient(90deg,#ffc107,#ff9800);color:#1a1a1a;overflow:hidden;width:100%;height:36px;display:flex;align-items:center;box-shadow:0 2px 5px rgba(0,0,0,0.1);position:relative;z-index:998}.ticker-content{display:flex;white-space:nowrap;align-items:center;animation:scroll-left 30s linear infinite;will-change:transform}.ticker-text{display:inline-block;padding:0 3rem;font-weight:500;font-size:0.9rem;white-space:nowrap;line-height:36px}@keyframes scroll-left{from{transform:translateX(0)}to{transform:translateX(-50%)}}.announcement-ticker:hover .ticker-content{animation-play-state:paused;cursor:pointer}@media (max-width:768px){.announcement-ticker{height:32px}.ticker-text{padding:0 2rem;font-size:0.85rem;line-height:32px}}@media (max-width:480px){.announcement-ticker{height:28px}.ticker-text{padding:0 1.5rem;font-size:0.8rem;line-height:28px}}body{background-color:var(--light-color);font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}.navbar-brand{font-weight:600;font-size:1.25rem}.navbar-text{font-size:0.875rem}#connection-status{font-size:0.75rem;margin-right:0.25rem}#connection-status.text-success{color:var(--success-color) !important}#connection-status.text-danger{color:var(--danger-color) !important}#connection-status.text-warning{color:var(--warning-color) !important}.dashboard-header{background:linear-gradient(135deg,var(--primary-color),var(--info-color));color:white;padding:2rem 0;margin-bottom:2rem;border-radius:var(--border-radius)}.card{border:none;border-radius:var(--border-radius);box-shadow:var(--box-shadow);transition:var(--transition)}.card:hover{transform:translateY(-2px);box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15)}.card-body{padding:1.5rem}.card .fs-1{opacity:0.8}.race-card{border:none;border-radius:var(--border-radius);box-shadow:var(--box-shadow);transition:var(--transition);cursor:pointer;height:100%;position:relative}.race-card::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--border-radius);border:2px solid transparent;transition:var(--transition);pointer-events:none}.race-card:hover{transform:translateY(-3px);box-shadow:0 0.75rem 1.5rem rgba(0,0,0,0.2)}.race-card:hover::before{border-color:var(--primary-color)}.race-card.active{border-left:4px solid var(--success-color)}.race-card.inactive{border-left:4px solid var(--danger-color);opacity:0.7}.race-card.no-data{border-left:4px solid #6c757d;opacity:0.6}.race-card-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #dee2e6;padding:1rem 1.25rem;border-radius:var(--border-radius) var(--border-radius) 0 0}.race-card-title{margin:0;font-weight:600;font-size:1.1rem}.race-status-badge{font-size:0.75rem;padding:0.25rem 0.5rem;border-radius:1rem}.race-status-badge.active{background-color:var(--success-color);color:white}.race-status-badge.inactive{background-color:var(--danger-color);color:white}.race-status-badge.no-data{background-color:#6c757d;color:white}.pool-indicators{display:flex;gap:0.5rem;flex-wrap:wrap}.pool-indicator{padding:0.25rem 0.5rem;border-radius:0.25rem;font-size:0.75rem;font-weight:600;color:white;min-width:40px;text-align:center}.pool-indicator.win{background-color:#ff6b6b}.pool-indicator.pla{background-color:#4ecdc4}.pool-indicator.qin{background-color:#45b7d1}.pool-indicator.qpl{background-color:#96ceb4}.pool-indicator.tri{background-color:#9b59b6}.pool-indicator.ff{background-color:#e74c3c}.pool-badge{display:inline-block;padding:0.25rem 0.5rem;border-radius:0.375rem;font-size:0.75rem;font-weight:600;text-align:center;white-space:nowrap;vertical-align:baseline}.pool-badge.win{background-color:#ff4757 !important;color:white !important}.pool-badge.pla{background-color:#2ed573 !important;color:white !important}.pool-badge.qin{background-color:#3742fa !important;color:white !important}.pool-badge.qpl{background-color:#ffa502 !important;color:white !important}.pool-badge.tri{background-color:#9b59b6 !important;color:white !important}.pool-badge.ff{background-color:#e74c3c !important;color:white !important}.big-increase-count{background:linear-gradient(135deg,var(--warning-color),#ffb347);color:var(--dark-color);padding:0.5rem;border-radius:var(--border-radius);text-align:center;font-weight:600;margin-top:0.5rem}.big-increase-count.high{background:linear-gradient(135deg,var(--danger-color),#ff6b6b);color:white}.big-increase-count.zero{background:linear-gradient(135deg,#e9ecef,#dee2e6);color:#6c757d}.horse-summary{font-size:0.875rem;color:#6c757d;margin-top:0.5rem}.horse-summary strong{color:var(--dark-color)}.last-update{font-size:0.75rem;color:#6c757d}.last-update.recent{color:var(--success-color)}.last-update.stale{color:var(--warning-color)}.last-update.old{color:var(--danger-color)}.race-card .btn-outline-primary{border-color:var(--primary-color);color:var(--primary-color);font-size:0.75rem;padding:0.25rem 0.5rem;transition:var(--transition);text-decoration:none}.race-card .btn-outline-primary:hover{background-color:var(--primary-color);border-color:var(--primary-color);color:white;transform:translateY(-1px);box-shadow:0 0.125rem 0.25rem rgba(13,110,253,0.25)}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,0.8);display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius);z-index:10}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}100%{background-position:-200% 0}}@media (max-width:768px){.container-fluid{padding-left:1rem;padding-right:1rem}.race-card-header{padding:0.75rem 1rem}.card-body{padding:1rem}.pool-indicators{justify-content:center}.navbar-text{font-size:0.75rem}}@media (max-width:576px){.race-card-title{font-size:1rem}.pool-indicator{font-size:0.7rem;padding:0.2rem 0.4rem;min-width:35px}.big-increase-count{font-size:0.875rem;padding:0.4rem}.race-card .btn-outline-primary{font-size:0.7rem;padding:0.2rem 0.4rem}.last-update{font-size:0.7rem}}.fade-in{animation:fadeIn 0.5s ease-in}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pulse{animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}.auto-refresh-active{position:relative;background-color:rgba(25,135,84,0.1) !important;border-color:var(--success-color) !important}.auto-refresh-active::after{content:'';position:absolute;top:-2px;right:-2px;width:8px;height:8px;background-color:var(--success-color);border-radius:50%;animation:pulse 1s infinite}.alert{border:none;border-radius:var(--border-radius)}.alert-info{background-color:rgba(13,202,240,0.1);border-left:4px solid var(--info-color);color:#055160}.alert-warning{background-color:rgba(255,193,7,0.1);border-left:4px solid var(--warning-color);color:#664d03}.alert-danger{background-color:rgba(220,53,69,0.1);border-left:4px solid var(--danger-color);color:#721c24}.modal-xl{max-width:90%}.modal-content{border:none;border-radius:var(--border-radius);box-shadow:0 1rem 3rem rgba(0,0,0,0.175)}.modal-header{background:linear-gradient(135deg,var(--primary-color),var(--info-color));color:white;border-bottom:none;border-radius:var(--border-radius) var(--border-radius) 0 0}.modal-header .btn-close{filter:invert(1)}.text-truncate-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.text-truncate-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.border-start-success{border-left:4px solid var(--success-color) !important}.border-start-danger{border-left:4px solid var(--danger-color) !important}.border-start-warning{border-left:4px solid var(--warning-color) !important}.border-start-info{border-left:4px solid var(--info-color) !important}.race-selector-dropdown{min-width:320px;padding:8px;border-radius:12px;box-shadow:0 8px 25px rgba(0,0,0,0.15);border:1px solid #dee2e6}.race-grid-container{padding:0;margin:0}.race-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;padding:8px 0}.race-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 4px;border-radius:8px;text-decoration:none;color:#495057;background:#f8f9fa;border:2px solid #e9ecef;transition:all 0.2s ease;min-height:60px;position:relative;overflow:hidden}.race-btn:hover{color:#007bff;background:#e3f2fd;border-color:#007bff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,123,255,0.2);text-decoration:none}.race-btn.active{color:white;background:linear-gradient(135deg,#007bff,#0056b3);border-color:#0056b3;box-shadow:0 4px 12px rgba(0,123,255,0.3)}.race-btn.active::before{content:"✓";position:absolute;top:2px;right:4px;font-size:10px;color:white;background:rgba(255,255,255,0.2);border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.race-emoji{font-size:18px;line-height:1;margin-bottom:2px}.race-text{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px}.race-btn-placeholder{min-height:60px;visibility:hidden}@media (max-width:768px){.race-selector-dropdown{min-width:280px;max-width:90vw}.race-grid{grid-template-columns:repeat(6,1fr);gap:6px}.race-btn{min-height:50px;padding:6px 2px}.race-emoji{font-size:16px}.race-text{font-size:10px}}@media (max-width:480px){.race-selector-dropdown{min-width:260px}.race-grid{gap:4px}.race-btn{min-height:45px;padding:4px 2px}.race-emoji{font-size:14px}.race-text{font-size:9px}}.dropdown-header{color:#495057;font-weight:600;padding:8px 16px;margin-bottom:0}.dropdown-header i{color:#ffc107;margin-right:8px}.race-btn{animation:fadeInScale 0.3s ease forwards;opacity:0;transform:scale(0.8)}.race-btn:nth-child(1){animation-delay:0.05s}.race-btn:nth-child(2){animation-delay:0.1s}.race-btn:nth-child(3){animation-delay:0.15s}.race-btn:nth-child(4){animation-delay:0.2s}.race-btn:nth-child(5){animation-delay:0.25s}.race-btn:nth-child(6){animation-delay:0.3s}@keyframes fadeInScale{to{opacity:1;transform:scale(1)}}.dropdown-menu.show{animation:dropdownFadeIn 0.3s ease}@keyframes dropdownFadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.navbar-nav .dropdown-toggle::after{margin-left:8px;transition:transform 0.2s ease}.navbar-nav .dropdown-toggle[aria-expanded="true"]::after{transform:rotate(180deg)}@media (max-width:991px){.navbar-collapse .dropdown-menu{position:static !important;transform:none !important;box-shadow:none;border:none;background:rgba(255,255,255,0.05);margin-top:8px;border-radius:8px}.navbar-collapse .race-selector-dropdown{background:rgba(255,255,255,0.1);backdrop-filter:blur(10px)}.navbar-collapse .race-btn{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.2);color:rgba(255,255,255,0.9)}.navbar-collapse .race-btn:hover{background:rgba(255,255,255,0.2);border-color:rgba(255,255,255,0.4);color:white}.navbar-collapse .race-btn.active{background:rgba(0,123,255,0.8);border-color:#007bff;color:white}}.race-selector-dropdown{width:320px;padding:0.5rem;border-radius:0.5rem;box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15);border:1px solid rgba(0,0,0,0.1)}.race-grid-container{padding:0;margin:0}.race-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:0.25rem;padding:0.25rem 0}.race-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0.5rem 0.25rem;height:60px;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border:1px solid #dee2e6;border-radius:0.375rem;text-decoration:none;color:#495057;transition:all 0.2s ease;position:relative;overflow:hidden;animation:raceButtonLoad 0.6s ease forwards;opacity:0;transform:scale(0.8)}.race-btn:nth-child(1){animation-delay:0.1s}.race-btn:nth-child(2){animation-delay:0.15s}.race-btn:nth-child(3){animation-delay:0.2s}.race-btn:nth-child(4){animation-delay:0.25s}.race-btn:nth-child(5){animation-delay:0.3s}.race-btn:nth-child(6){animation-delay:0.35s}@keyframes raceButtonLoad{to{opacity:1;transform:scale(1)}}.race-btn:hover{background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);border-color:#2196f3;color:#1976d2;transform:translateY(-2px);box-shadow:0 4px 8px rgba(33,150,243,0.2);text-decoration:none}.race-btn.active{background:linear-gradient(135deg,#2196f3 0%,#1976d2 100%);border-color:#1565c0;color:white;box-shadow:0 4px 12px rgba(33,150,243,0.4)}.race-btn.active::after{content:'✓';position:absolute;top:2px;right:4px;font-size:0.7rem;color:white;font-weight:bold}.race-emoji{font-size:18px;line-height:1;margin-bottom:2px}.race-text{font-size:0.75rem;font-weight:600;line-height:1}.race-btn-placeholder{visibility:hidden}@media (max-width:991px){.race-selector-dropdown{width:280px}.race-btn{height:50px;padding:0.4rem 0.2rem}.race-emoji{font-size:16px}}@media (max-width:767px){.race-selector-dropdown{width:260px}.race-btn{height:45px;padding:0.3rem 0.15rem}.race-emoji{font-size:14px}.race-text{font-size:0.7rem}}.dropdown-menu.race-selector-dropdown{animation:dropdownSlide 0.3s ease}@keyframes dropdownSlide{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.compact-stats{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-radius:0.5rem;padding:1rem;margin-bottom:1rem}.compact-stats .stat-item{display:flex;align-items:center;justify-content:center;padding:0.5rem;border-radius:0.375rem;transition:all 0.2s ease}.compact-stats .stat-item:hover{background:rgba(255,255,255,0.8);transform:translateY(-1px)}.compact-stats .stat-value{font-size:1.25rem;font-weight:700;line-height:1}.compact-stats .stat-label{font-size:0.75rem;color:#6c757d;margin-top:0.25rem}.filter-controls{background:#f8f9fa;border-radius:0.5rem;padding:0.75rem;margin-bottom:1rem}.btn-group-sm .btn{padding:0.375rem 0.75rem;font-size:0.875rem;border-radius:0.375rem}.btn-check:checked + .btn{background-color:var(--bs-primary);border-color:var(--bs-primary);color:white}.btn-check:checked + .btn-outline-success{background-color:var(--bs-success);border-color:var(--bs-success)}.btn-check:checked + .btn-outline-warning{background-color:var(--bs-warning);border-color:var(--bs-warning)}.btn-check:checked + .btn-outline-secondary{background-color:var(--bs-secondary);border-color:var(--bs-secondary)}@media (max-width:768px){.btn-group{display:flex;flex-wrap:wrap;gap:0.25rem}.btn-group .btn{flex:1;min-width:0;font-size:0.75rem;padding:0.5rem 0.25rem;text-align:center}.btn-group .btn i{display:block;margin-bottom:0.25rem}.filter-controls{padding:0.5rem}.filter-controls .d-flex{flex-direction:column;align-items:stretch !important}.filter-controls .fw-bold{margin-bottom:0.5rem;text-align:center}}@media (max-width:480px){.btn-group .btn{font-size:0.7rem;padding:0.4rem 0.2rem}.compact-stats .row > div{margin-bottom:0.5rem}.compact-stats .stat-value{font-size:1rem}.compact-stats .stat-label{font-size:0.7rem}}.race-card{transition:all 0.2s ease;border:1px solid #dee2e6;margin-bottom:1rem}.race-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1)}.race-card-header{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);padding:0.75rem 1rem;border-bottom:1px solid #dee2e6}.race-card-title{font-size:1rem;font-weight:600;margin:0;color:#495057}.race-status-badge{font-size:0.75rem;padding:0.25rem 0.5rem;border-radius:0.375rem}.race-status-badge.active{background-color:#28a745;color:white}.race-status-badge.inactive{background-color:#6c757d;color:white}.race-status-badge.no-data{background-color:#ffc107;color:#212529}.pool-indicators{display:flex;gap:0.25rem;flex-wrap:wrap}.pool-indicator{font-size:0.7rem;padding:0.2rem 0.4rem;border-radius:0.25rem;font-weight:600;text-transform:uppercase}.pool-indicator.win{background-color:#e3f2fd;color:#1976d2;border:1px solid #bbdefb}.pool-indicator.pla{background-color:#e8f5e8;color:#2e7d32;border:1px solid #c8e6c9}.pool-indicator.qin{background-color:#fff3e0;color:#f57c00;border:1px solid #ffcc02}.pool-indicator.qpl{background-color:#fce4ec;color:#c2185b;border:1px solid #f8bbd9}.pool-indicator.tri{background-color:#e1bee7;color:#6a1b9a;border:1px solid #ce93d8}.pool-indicator.ff{background-color:#e74c3c;color:white;border:1px solid #c0392b}.pool-indicator.secondary{background-color:#f8f9fa;color:#6c757d;border:1px solid #dee2e6}.big-increase-count{font-size:0.875rem;font-weight:600;padding:0.25rem 0.5rem;border-radius:0.25rem;display:inline-block;margin-bottom:0.5rem}.big-increase-count.zero{background-color:#f8f9fa;color:#6c757d}.big-increase-count.high{background-color:#fff3cd;color:#856404;border:1px solid #ffeaa7}.big-increase-count:not(.zero):not(.high){background-color:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.horse-summary{font-size:0.8rem;line-height:1.3;margin-bottom:0.25rem}.horse-summary strong{color:#495057}.last-update{font-size:0.75rem}.last-update.recent{color:#28a745}.last-update.stale{color:#ffc107}.last-update.old{color:#dc3545}@media (max-width:768px){.race-card{margin-bottom:0.75rem}.race-card-header{padding:0.5rem 0.75rem}.race-card .card-body{padding:0.75rem}.horse-summary{font-size:0.75rem}.pool-indicators{gap:0.2rem}.pool-indicator{font-size:0.65rem;padding:0.15rem 0.3rem}}.race-card.filtered-out{display:none}.race-card.filtered-in{animation:fadeInUp 0.3s ease}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}#visible-races-count{font-weight:600;padding:0.25rem 0.5rem}/ * Pool Indicators Styles */ .pool-indicators{display:flex;gap:0.25rem;flex-wrap:wrap;margin-bottom:0.5rem}.pool-indicator{display:inline-block;padding:0.25rem 0.5rem;border-radius:0.25rem;font-size:0.75rem;font-weight:600;text-align:center;min-width:2.5rem;transition:all 0.2s ease}.pool-indicator.win{background-color:#28a745;color:white}.pool-indicator.pla{background-color:#17a2b8;color:white}.pool-indicator.qin{background-color:#ffc107;color:#212529}.pool-indicator.qpl{background-color:#fd7e14;color:white}.pool-indicator.tri{background-color:#6f42c1;color:white}.pool-indicator.ff{background-color:#e74c3c;color:white}.pool-indicator.secondary{background-color:#6c757d;color:white;opacity:0.6}.pool-indicator:not(.secondary):hover{transform:scale(1.05);box-shadow:0 2px 4px rgba(0,0,0,0.2)}.big-increase-count{display:inline-flex;align-items:center;gap:0.25rem;padding:0.25rem 0.5rem;border-radius:0.25rem;font-size:0.75rem;font-weight:600;background-color:#f8f9fa;color:#495057;border:1px solid #dee2e6}.big-increase-count.high{background-color:#dc3545;color:white;border-color:#dc3545}.big-increase-count.zero{opacity:0.6}.horse-summary{font-size:0.8rem;line-height:1.3;margin-bottom:0.25rem}.horse-summary strong{color:#495057}.horse-summary.small{font-size:0.75rem}.last-update{font-size:0.7rem;color:#6c757d}.last-update.recent{color:#28a745;font-weight:600}.last-update.stale{color:#ffc107}.last-update.old{color:#dc3545}