@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Racing+Sans+One&display=swap";
:root{--bg-color:#f5eedc;--primary:#8b4513;--secondary:#2e8b57;--text-color:#3e2723;--text-muted:#6d4c41;--card-bg:#fff;--card-border:#8b45130f}html{background-color:var(--bg-color)}body{background-color:var(--bg-color);min-height:100dvh;position:relative}*{box-sizing:border-box;margin:0;padding:0}.hamburger-box{flex-direction:column;justify-content:space-between;width:20px;height:12px;display:flex;position:relative}.hamburger-inner{display:none!important}.hamburger-box:before,.hamburger-box:after{content:"";background-color:var(--primary);border-radius:2px;width:100%;height:2px;transition:transform .3s cubic-bezier(.25,1,.5,1),width .3s;display:block}.hamburger-box:after{align-self:flex-end;width:65%}.mobile-menu-toggle.active .hamburger-box:before{width:100%;transform:translateY(5px)rotate(-45deg)}.mobile-menu-toggle.active .hamburger-box:after{width:100%;transform:translateY(-5px)rotate(45deg)}.show-mobile{display:none}.show-desktop{display:inline-block}@media (max-width:768px){.show-mobile{display:inline-block}.show-desktop,.hide-mobile{display:none!important}}.pulse-dot-green{background:#10b981;border-radius:50%;width:12px;height:12px;animation:2s infinite pulse-green;box-shadow:0 0 #10b981b3}@keyframes pulse-green{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 #10b98100}}.pulse-dot-mini-green{background:#10b981;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-mini-green}@keyframes pulse-mini-green{0%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.pulse-dot-mini-amber{background:#f59e0b;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-mini-amber}@keyframes pulse-mini-amber{0%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.spinner-mini{border:2px solid #8b45131a;border-top-color:var(--primary);border-radius:50%;width:1.25rem;height:1.25rem;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-page-container{justify-content:center;align-items:center;min-height:calc(100vh - 120px);padding:2rem 1rem;display:flex;position:relative;overflow:hidden}.bg-shape{filter:blur(80px);z-index:-1;opacity:.25;border-radius:50%;position:absolute}.shape-1{background:var(--primary);width:300px;height:300px;top:10%;left:-50px}.shape-2{background:#d97706;width:250px;height:250px;bottom:10%;right:-50px}.login-wrapper{z-index:10;width:100%;max-width:420px;position:relative}.login-card{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--card-border);text-align:center;border-radius:24px;padding:2.5rem 2rem;box-shadow:0 10px 30px #0000001a,inset 0 1px #fff9}.logo-container{justify-content:center;margin-bottom:1.25rem;display:flex}.login-card h1{color:var(--primary);letter-spacing:1px;text-transform:uppercase;margin-bottom:.5rem;font-family:Racing Sans One,sans-serif;font-size:2.2rem}p.subtitle{color:var(--text-muted);margin-bottom:1.75rem;font-size:.95rem;font-weight:500}.error-message{color:#dc2626;text-align:center;background:#dc26261a;border:1px solid #dc262633;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.85rem 1rem;font-size:.9rem;font-weight:600;display:flex}.form-group{text-align:left;margin-bottom:1.25rem}.form-group label{color:var(--text-color);margin-bottom:.5rem;padding-left:.25rem;font-size:.85rem;font-weight:600;display:block}.form-group input{border:1px solid var(--card-border);width:100%;color:var(--text-color);background:#fffc;border-radius:12px;padding:.85rem 1.2rem;font-family:inherit;font-size:1rem;font-weight:500;transition:all .3s;box-shadow:inset 0 2px 4px #00000005}.form-group input:focus{border-color:var(--primary);background:#fff;outline:none;box-shadow:0 0 0 3px #8b451326,inset 0 2px 4px #00000005}.form-group input::placeholder{color:#a8a29e}.submit-btn{background:linear-gradient(135deg, var(--primary) 0%, sienna 100%);color:#fff;cursor:pointer;letter-spacing:.5px;border:none;border-radius:12px;width:100%;margin-top:1rem;padding:1rem;font-family:inherit;font-size:1.05rem;font-weight:700;transition:all .3s;box-shadow:0 6px 16px #8b451340}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #8b451359}.submit-btn:active{transform:translateY(1px);box-shadow:0 2px 8px #8b451340}.switch-link{color:var(--text-muted);margin-top:1.5rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .2s;display:block}.switch-link:hover{color:var(--primary)}.sortable-header th{-webkit-user-select:none;user-select:none;transition:background-color .2s,color .2s}.sortable-header th:hover{color:var(--primary);background-color:#8b45130d}.sortable-header th:active{background-color:#8b45131a}.page-header{opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;line-height:0;overflow:hidden;height:0!important;margin:0!important;padding:0!important}.page-header.centered{opacity:1;pointer-events:auto;-webkit-user-select:auto;user-select:auto;text-align:center;line-height:normal;overflow:visible;height:auto!important;padding:unset!important;margin:0 0 2rem!important}.page-header h1{color:var(--primary);letter-spacing:-.5px;align-items:center;gap:.6rem;margin-bottom:.35rem;font-size:1.8rem;font-weight:900;display:flex}.page-header.centered h1{justify-content:center}.page-header p{color:var(--text-muted);margin:0;font-size:.95rem;font-weight:500;line-height:1.2}.main-content{padding-top:calc(70px + env(safe-area-inset-top) + 1rem)!important}@media (display-mode:standalone){.main-header{will-change:transform;transform:translateZ(0);width:100vw!important;position:fixed!important;top:0!important;left:0!important;right:0!important}body{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;width:100%;overflow-x:hidden}}.dashboard-wrapper,.horse-wrapper,.bulletin-wrapper,.my-coupons-wrapper{margin-top:0!important}@media (max-width:768px){.main-content{padding-top:calc(65px + env(safe-area-inset-top))!important;margin-top:0!important}.dashboard-wrapper,.horse-wrapper,.bulletin-wrapper,.my-coupons-wrapper{margin-top:0!important;padding-top:0!important}.page-header{margin-top:0!important;margin-bottom:.5rem!important}.page-header h1{margin-bottom:.25rem!important;font-size:1.3rem!important}.off-canvas-overlay{opacity:0!important;visibility:hidden!important;display:none!important}.off-canvas-overlay.visible{opacity:1!important;visibility:visible!important;display:block!important}.off-canvas-menu{display:none!important;transform:translate(100%)!important}.off-canvas-menu.open{display:flex!important;right:0!important;transform:translate(0)!important}.my-coupons-wrapper{padding-left:.5rem;padding-right:.5rem}.coupon-history-header{padding:.75rem .5rem!important}.legs-progress-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))!important;gap:.5rem!important}.leg-progress-box{padding:.5rem .25rem!important}.leg-progress-box div:first-child{font-size:.7rem!important}.leg-progress-box div:nth-child(2){font-size:.9rem!important}.leg-progress-box div:last-child{font-size:.75rem!important}.coupon-commentary-box{padding:.65rem!important}.commentary-header{gap:.35rem!important}.coupon-badge-group{flex-wrap:wrap;display:flex;gap:.4rem!important}.coupon-badge-group span{padding:.1rem .3rem!important;font-size:.6rem!important}.coupon-actions-row{flex-direction:column!important;align-items:stretch!important;gap:.75rem!important}.coupon-delete-btn{justify-content:center;width:100%}}.error-screen-container{flex:1;justify-content:center;align-items:center;min-height:70vh;padding:2rem;display:flex}.error-card{text-align:center;-webkit-backdrop-filter:blur(10px);background:#ffffffd9;border:1px solid #8b45131f;border-radius:24px;width:100%;max-width:480px;padding:3rem 2rem;box-shadow:0 20px 40px #8b451314}.error-icon{margin-bottom:1.5rem;font-size:4rem;animation:2s ease-in-out infinite bounce-wifi;display:inline-block}@keyframes bounce-wifi{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-10px)scale(1.05)}}.error-title{color:var(--primary);letter-spacing:-.5px;margin-bottom:1rem;font-size:1.6rem;font-weight:900}.error-desc{color:var(--text-muted);margin-bottom:2rem;font-size:.95rem;line-height:1.6}.btn-retry-premium{background:linear-gradient(135deg, var(--primary) 0%, #5d2e0d 100%);color:#fff;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;padding:1rem 2rem;font-size:1rem;font-weight:800;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;box-shadow:0 8px 20px #8b451333}.btn-retry-premium:hover{transform:translateY(-2px);box-shadow:0 12px 24px #8b45134d}.btn-retry-premium:active{transform:translateY(1px);box-shadow:0 4px 10px #8b451326}.btn-retry-premium:disabled{opacity:.7;cursor:not-allowed;box-shadow:none!important;transform:none!important}.error-code{color:var(--text-muted);opacity:.8;margin-top:1.5rem;font-size:.8rem}.loader{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin-loader;display:none}@keyframes spin-loader{to{transform:rotate(360deg)}}.welcome-card-title{background:0 0!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:#fff!important;color:#fff!important}.welcome-card-desc{color:#ffffffd9!important}h1{font-size:2rem;line-height:1.2}h2{font-size:1.75rem;line-height:1.2}h3{font-size:1.5rem;line-height:1.2}h4{font-size:1.25rem;line-height:1.2}p,body,button,input,select,textarea{font-size:16px;line-height:1.5}@media (max-width:768px){:root{--font-size-base:14px;--font-size-sm:11px;--font-size-md:13px;--font-size-lg:15px;--font-size-xl:16px}body{font-size:14px!important;line-height:1.4!important}h1{margin-bottom:.5rem!important;font-size:16px!important;font-weight:700!important}h2{margin-bottom:.5rem!important;padding-left:.5rem!important;font-size:15px!important;font-weight:700!important}h3{margin-bottom:.5rem!important;font-size:13px!important;font-weight:600!important}h4{margin-bottom:.5rem!important;font-size:12px!important;font-weight:600!important}p{font-size:13px!important;line-height:1.4!important}.btn,.main-tab-btn,.city-btn{padding:6px 12px!important;font-size:12px!important;font-weight:600!important}.badge{padding:2px 6px!important;font-size:10px!important}.desktop-table th,.bulletin-table th{text-transform:uppercase;letter-spacing:.5px;padding:6px 4px!important;font-size:11px!important;font-weight:700!important}.desktop-table td,.bulletin-table td{padding:5px 4px!important;font-size:12px!important;line-height:1.3!important}.date-card,.winners-grid{font-size:12px!important}input,select,textarea{font-size:14px!important}.card:not(.welcome-card),.race-card,.date-card{box-shadow:none!important;background:#fff!important;border:1px solid #8b451314!important;border-radius:8px!important;margin-bottom:.5rem!important;padding:.75rem!important}.welcome-card{border:none!important;border-radius:8px!important}.city-buttons,.main-tabs{scrollbar-width:none!important;background:#8b45130a!important;border-radius:8px!important;gap:2px!important;padding:3px!important;display:flex!important;overflow-x:auto!important}.city-buttons::-webkit-scrollbar{display:none!important}.main-tabs::-webkit-scrollbar{display:none!important}.city-btn,.main-tab-btn{min-width:max-content!important;color:var(--text-muted)!important;background:0 0!important;border:none!important;border-radius:6px!important;flex:1!important;padding:6px 12px!important;font-size:12px!important;font-weight:600!important}.city-btn.active,.main-tab-btn.active{color:var(--primary)!important;background:#fff!important;box-shadow:0 1px 4px #0000000d!important}.race-tabs{gap:.25rem!important;padding:.25rem 0!important}.race-tab-btn{color:var(--text-muted)!important;background:#8b45130a!important;border:1px solid #0000!important;border-radius:6px!important;padding:5px 10px!important;font-size:12px!important}.race-tab-btn.active{background:var(--primary)!important;color:#fff!important}.desktop-table{box-shadow:none!important;border:1px solid #8b45130f!important;border-radius:8px!important}.desktop-table th{background:#8b451305!important;padding:6px 4px!important}.desktop-table td{padding:6px 4px!important}.form-control,.form-select{background-color:#8b451303!important;border:1px solid #8b45131f!important;border-radius:8px!important;padding:6px 10px!important;font-size:14px!important}.form-control:focus,.form-select:focus{border-color:var(--primary)!important;background-color:#fff!important}.main-content{padding-bottom:2rem!important}}.desktop-table{table-layout:fixed;width:100%}.desktop-table th,.desktop-table td{vertical-align:middle;padding:.65rem .45rem}.desktop-table td{word-wrap:break-word;overflow-wrap:break-word}.desktop-table .no-wrap{white-space:nowrap}@keyframes modalFadeIn{0%{-webkit-backdrop-filter:blur();background:#2c201c00}to{-webkit-backdrop-filter:blur(12px);background:#2c201cd1}}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.92)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-backdrop-premium{z-index:1000000;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;animation:.3s cubic-bezier(.16,1,.3,1) forwards modalFadeIn;display:flex;position:fixed;top:0;left:0}.modal-content-premium{background:#fff;border:1px solid #8b451326;border-radius:24px;flex-direction:column;width:100%;max-width:500px;max-height:90dvh;animation:.35s cubic-bezier(.34,1.56,.64,1) forwards modalScaleIn;display:flex;overflow:hidden;box-shadow:0 30px 60px #00000080}.modal-backdrop-premium-secondary{z-index:2000000;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;animation:.3s cubic-bezier(.16,1,.3,1) forwards modalFadeIn;display:flex;position:fixed;top:0;left:0}.modal-content-premium-secondary{background:#fff;border:1px solid #8b451326;border-radius:24px;flex-direction:column;width:100%;max-width:460px;max-height:85dvh;animation:.35s cubic-bezier(.34,1.56,.64,1) forwards modalScaleIn;display:flex;overflow:hidden;box-shadow:0 30px 60px #00000080}.responsive-card-header{border-bottom:1px solid #8b451314;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.2rem;padding-bottom:.75rem;display:flex}.responsive-card-title{color:var(--primary);align-items:center;gap:.6rem;margin:0;font-size:1.05rem;font-weight:900;line-height:1.4;display:flex}.responsive-toggle-btn{color:var(--secondary);cursor:pointer;white-space:nowrap;background:#8b45130d;border:1px solid #8b45131a;border-radius:8px;align-items:center;gap:.3rem;padding:.35rem .75rem;font-size:.8rem;font-weight:800;transition:all .2s;display:inline-flex}.responsive-toggle-btn:hover{background-color:#8b45131a;transform:translateY(-1px)}.responsive-toggle-btn:active{transform:translateY(0)}.analytical-info-box-header{color:var(--primary);justify-content:space-between;align-items:center;gap:.75rem;margin:0 0 .75rem;font-size:1.1rem;font-weight:900;line-height:1.4;display:flex}.analytical-info-box-title{align-items:center;gap:.5rem;display:flex}.analytical-info-box-toggle{color:var(--primary);white-space:nowrap;background:#8b451312;border:1px solid #8b45131f;border-radius:8px;align-items:center;gap:.3rem;padding:.35rem .75rem;font-size:.8rem;font-weight:800;transition:all .2s;display:inline-flex}.analytical-info-box:hover .analytical-info-box-toggle{background:#8b45131f}@media (max-width:768px){.responsive-card-header{flex-flow:row;justify-content:space-between;align-items:center;gap:.5rem;width:100%;display:flex}.responsive-card-title{white-space:nowrap;text-overflow:ellipsis;flex:1;gap:.3rem;font-size:.85rem;overflow:hidden}.responsive-toggle-btn{border-radius:6px;flex-shrink:0;padding:.25rem .55rem;font-size:.72rem}.analytical-info-box-header{flex-direction:row;align-items:center;font-size:.95rem}.analytical-info-box-title{flex:1;gap:.4rem}.analytical-info-box-toggle{border-radius:6px;margin-top:0;padding:.25rem .55rem;font-size:.72rem}}