@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--bg-color:#08090d;--surface:#12141c;--surface-light:#1c1f2e;--surface-accent:#25293d;--border:#ffffff14;--text-primary:#fff;--text-secondary:#94a3b8;--text-muted:#64748b;--accent:#3b82f6;--accent-light:#60a5fa;--accent-dark:#2563eb;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--nav-height:70px;--safe-area-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Plus Jakarta Sans,sans-serif;line-height:1.5;overflow-x:hidden}.app-container{min-height:100vh;padding-bottom:calc(var(--nav-height) + var(--safe-area-bottom) + 20px);flex-direction:column;display:flex}header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;border-bottom:1px solid var(--border);background:#08090de6;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}header h1{background:linear-gradient(to right, var(--accent-light), #a78bfa);color:#0000;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:800}.header-actions{gap:12px;display:flex}.icon-btn{background:var(--surface-light);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.icon-btn:active{background:var(--surface-accent);transform:scale(.9)}.bottom-nav{height:calc(var(--nav-height) + var(--safe-area-bottom));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border);z-index:1000;background:#12141cf2;justify-content:space-around;align-items:flex-start;padding-top:12px;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{color:var(--text-muted);cursor:pointer;flex-direction:column;flex:1;align-items:center;gap:4px;transition:all .2s;display:flex}.nav-item.active{color:var(--accent)}.nav-item span{text-transform:uppercase;letter-spacing:.5px;font-size:.65rem;font-weight:700}main{flex:1;padding:16px}.section-title{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:16px;font-size:1.1rem;font-weight:800;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;margin-bottom:16px;padding:16px;box-shadow:0 4px 20px #0003}.control-group{flex-direction:column;gap:12px;display:flex}.date-input-wrapper{background:var(--surface-light);border:1px solid var(--border);border-radius:12px;align-items:center;gap:12px;padding:12px 16px;transition:border-color .2s;display:flex}.date-input-wrapper:focus-within{border-color:var(--accent)}.date-input-wrapper input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:.95rem}.btn-primary{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px;font-size:.95rem;font-weight:800;transition:all .2s;display:flex;box-shadow:0 4px 12px #3b82f64d}.btn-primary:active{opacity:.9;transform:scale(.98)}.btn-primary:disabled{background:var(--surface-light);color:var(--text-muted);box-shadow:none;cursor:not-allowed}.horse-card{background:var(--surface-light);border:1px solid var(--border);border-radius:14px;margin-bottom:10px;padding:14px}.horse-card.winner{border-left:3px solid var(--success);background:linear-gradient(90deg,#10b9810d,#0000)}.horse-card-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.horse-id{background:var(--surface-accent);color:var(--text-primary);border-radius:8px;justify-content:center;align-items:center;width:26px;height:26px;font-size:.75rem;font-weight:800;display:flex}.horse-name{flex:1;margin-left:12px;font-size:.95rem;font-weight:700}.horse-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:6px;padding:4px 8px;font-size:.65rem;font-weight:800}.badge-success{color:var(--success);background:#10b9811a}.badge-danger{color:var(--danger);background:#ef44441a}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px;display:grid}.stat-card{background:var(--surface);text-align:center;border:1px solid var(--border);border-radius:16px;padding:16px}.stat-value{letter-spacing:-.5px;margin-bottom:4px;font-size:1.25rem;font-weight:900}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.7rem;font-weight:700}.filters-container{flex-direction:column;gap:16px;padding:16px;display:flex}.filter-item{color:var(--text-primary);cursor:pointer;align-items:center;gap:12px;padding:8px 0;font-size:.85rem;font-weight:500;display:flex}input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent);cursor:pointer}select{-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat}.fade-in{animation:.3s cubic-bezier(.4,0,.2,1) fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.loader{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.music-popup{border:1px solid var(--border);background:#0003;border-radius:10px;align-items:center;gap:10px;margin-bottom:12px;padding:10px;font-size:.8rem;display:flex}.horse-results{background-color:#ffffff08;border-radius:10px;margin-top:8px;padding:10px}@media (width>=768px){.app-container{border:8px solid #1e293b;border-radius:40px;max-width:450px;height:90vh;margin:20px auto;position:relative;overflow-y:auto;box-shadow:0 0 100px #000c}.app-container::-webkit-scrollbar{display:none}.bottom-nav{border-bottom-right-radius:32px;border-bottom-left-radius:32px;max-width:434px;bottom:25px;left:50%;transform:translate(-50%)}header{border-top-left-radius:32px;border-top-right-radius:32px}}