:root{--primary-dark:#0d0d1a;--surface-dark:#141428;--card-dark:#1c1c3a;--accent-purple:#7c5cfc;--accent-blue:#4ea8de;--accent-cyan:#56cfe1;--accent-pink:#ff6b9d;--text-primary:#f0f0f8;--text-secondary:#9090b0;--text-muted:#606080;--success-green:#4ade80;--error-red:#ff6b6b;--border-color:#2a2a50;--bg-input:#1c1c3a99;--bg-chip:#ffffff0a;--border-chip:#ffffff14;--bg-chip-hover:#ffffff14;--bg-chip-active:var(--gradient-button);--text-chip-active:white;--gradient-accent:linear-gradient(135deg, var(--accent-purple), var(--accent-blue));--gradient-button:linear-gradient(90deg, var(--accent-purple), #6b4fe0, var(--accent-blue));--gradient-glass:linear-gradient(135deg, #ffffff1a, #ffffff08);--gradient-bg:linear-gradient(135deg, #0d0d1a, #121230, #0d0d1a);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-round:100px;--shadow-glow:0 0 20px -2px #7c5cfc4d;--shadow-soft:0 8px 16px #0000004d;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1)}[data-theme=light]{--primary-dark:#f5f7fa;--surface-dark:#fff;--card-dark:#fff;--accent-purple:#6246ea;--accent-blue:#2cb67d;--accent-cyan:#00a6cc;--accent-pink:#e91e63;--text-primary:#1a1a2e;--text-secondary:#4a4a68;--text-muted:#8e8ea0;--success-green:#059669;--error-red:#dc2626;--border-color:#e2e8f0;--bg-input:#f5f7fa;--bg-chip:#0000000a;--border-chip:#00000014;--bg-chip-hover:#00000014;--bg-chip-active:#6246ea1f;--text-chip-active:var(--accent-purple);--gradient-accent:linear-gradient(135deg, var(--accent-purple), var(--accent-cyan));--gradient-button:linear-gradient(90deg, var(--accent-purple), #4338ca, var(--accent-cyan));--gradient-glass:linear-gradient(135deg, #fffc, #fff6);--gradient-bg:linear-gradient(135deg, #f5f7fa, #e2e8f0, #f5f7fa);--shadow-glow:0 0 20px -2px #6246ea33;--shadow-soft:0 8px 16px #00000014}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;font-size:16px;overflow-x:clip}body{font-family:var(--font-family);background:var(--primary-dark);color:var(--text-primary);min-height:100dvh;line-height:1.5;overflow-x:clip}#app{width:100%;min-height:100dvh;position:relative;overflow-x:clip}input,button,select,textarea{font-family:inherit;font-size:inherit}button{cursor:pointer;color:inherit;background:0 0;border:none}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-round)}.bg-canvas{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.screen{z-index:1;min-height:100dvh;animation:.3s cubic-bezier(.4,0,.2,1) fadeSlideIn;position:relative}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(12px)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,#ffffff08 25%,#ffffff14 50%,#ffffff08 75%) 0 0/200% 100%;animation:2s linear infinite shimmer}.skeleton-text{width:100%;height:14px;margin-bottom:8px}.skeleton-text.short{width:50%}.skeleton-text.medium{width:75%}.skeleton-card{border-radius:var(--radius-lg);height:120px;margin-bottom:12px}.skeleton-circle{border-radius:50%;width:48px;height:48px}.glass-card{background:var(--gradient-glass);border-radius:var(--radius-lg);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px)}.input-field{box-sizing:border-box;appearance:none;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;min-width:0;max-width:100%;color:var(--text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:16px 20px;font-size:14px}.input-field::placeholder{color:var(--text-muted)}.input-field:focus{border-color:var(--accent-purple);box-shadow:0 0 0 1px var(--accent-purple), 0 0 12px #7c5cfc4d;background:#1c1c3acc}.input-field.error{border-color:var(--error-red)}.input-with-icon{position:relative}.input-with-icon .input-icon{color:var(--text-muted);pointer-events:none;font-size:18px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.input-with-icon .input-field{padding-left:48px}.btn-gradient{border-radius:var(--radius-md);background:var(--gradient-button);color:#fff;letter-spacing:.5px;width:100%;height:56px;box-shadow:var(--shadow-glow);transition:transform var(--transition-fast), opacity var(--transition-fast), box-shadow var(--transition-fast);justify-content:center;align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex;position:relative;overflow:hidden}.btn-gradient:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-gradient:hover:before{left:100%}.btn-gradient:hover{transform:translateY(-1px);box-shadow:0 0 30px -2px #7c5cfc66}.btn-gradient:active{transform:translateY(0)}.btn-gradient:disabled{opacity:.5;cursor:not-allowed;background:var(--card-dark);box-shadow:none}.sport-chip{border-radius:var(--radius-round);color:var(--text-secondary);background:var(--bg-chip);border:1px solid var(--border-chip);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap;-webkit-user-select:none;user-select:none;padding:8px 14px;font-size:13px;font-weight:400}.sport-chip:hover{background:var(--bg-chip-hover)}.sport-chip.active{background:var(--bg-chip-active);color:var(--text-chip-active);border-color:#0000;font-weight:600;box-shadow:0 0 12px -2px #7c5cfc40}.badge{letter-spacing:.3px;border-radius:6px;align-items:center;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-pending{color:var(--accent-blue);background:#4ea8de26}.badge-won{color:var(--success-green);background:#4ade8026}.badge-lost{color:var(--error-red);background:#ff6b6b26}.badge-void{color:var(--text-muted);background:#60608026}.badge-cashout{color:var(--accent-cyan);background:#56cfe126}.stat-mini{border-radius:var(--radius-md);transition:transform var(--transition-fast);flex-direction:column;flex:1;align-items:center;gap:6px;padding:14px 12px;display:flex}.stat-mini:hover{transform:translateY(-2px)}.stat-mini .stat-icon{font-size:20px}.stat-mini .stat-value{font-size:16px;font-weight:700}.stat-mini .stat-label{color:var(--text-muted);font-size:11px}.toast{background:var(--card-dark);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);z-index:1000;opacity:0;transition:all var(--transition-normal);pointer-events:none;box-shadow:var(--shadow-soft);padding:14px 24px;font-size:14px;font-weight:500;position:fixed;bottom:100px;left:50%;transform:translate(-50%)translateY(100px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:900;-webkit-user-select:none;user-select:none;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;padding:24px;animation:.2s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.modal-content{background:var(--card-dark);border-radius:var(--radius-lg);width:100%;max-width:360px;padding:28px;animation:.3s ease-out scaleIn}.modal-title{margin-bottom:10px;font-size:18px;font-weight:600}.modal-message{color:var(--text-secondary);margin-bottom:24px;font-size:14px;line-height:1.5}.modal-actions{justify-content:flex-end;gap:12px;display:flex}.modal-btn{border-radius:var(--radius-sm);transition:background var(--transition-fast);padding:10px 20px;font-size:14px;font-weight:500}.modal-btn-cancel{color:var(--text-muted)}.modal-btn-cancel:hover{background:#ffffff0d}.modal-btn-danger{color:var(--error-red)}.modal-btn-danger:hover{background:#ff6b6b1a}.modal-btn-accent{color:var(--accent-pink)}.modal-btn-accent:hover{background:#ff6b9d1a}.error-box{border-radius:var(--radius-sm);background:#ff6b6b1a;border:1px solid #ff6b6b4d;align-items:center;gap:10px;margin-bottom:18px;padding:12px 14px;animation:.3s ease-out fadeIn;display:flex}.error-box .error-icon{color:var(--error-red);flex-shrink:0;font-size:18px}.error-box .error-text{color:var(--error-red);font-size:13px}.spinner{border:2.5px solid #0000;border-top-color:var(--accent-purple);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-screen{justify-content:center;align-items:center;min-height:100dvh;display:flex}.text-gradient{background:var(--gradient-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.profit-positive{color:var(--success-green)}.profit-negative{color:var(--error-red)}.profit-neutral{color:var(--text-secondary)}.login-screen{justify-content:center;align-items:center;min-height:100dvh;padding:28px;display:flex;position:relative;overflow:hidden}.login-screen:before{content:"";filter:blur(40px);z-index:-1;pointer-events:none;background:radial-gradient(circle,#7c5cfc40 0%,#4ea8de26 50%,#0000 70%);width:300px;height:300px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.login-container{text-align:center;width:100%;max-width:420px}.login-logo{background:var(--gradient-accent);border-radius:var(--radius-xl);width:80px;height:80px;box-shadow:var(--shadow-glow);justify-content:center;align-items:center;margin:0 auto 16px;font-size:40px;animation:3s cubic-bezier(.4,0,.2,1) infinite logoPulse;display:flex}@keyframes logoPulse{0%{box-shadow:var(--shadow-glow);transform:scale(1)}50%{transform:scale(1.05);box-shadow:0 0 25px #7c5cfc99}to{box-shadow:var(--shadow-glow);transform:scale(1)}}.login-title{letter-spacing:-.5px;margin-bottom:8px;font-size:32px;font-weight:800}.login-subtitle{color:var(--text-secondary);margin-bottom:40px;font-size:16px}.login-form{text-align:left;padding:28px}.login-form .input-group{margin-bottom:18px}.login-form .btn-gradient{margin-top:10px}.login-footer{color:var(--text-secondary);margin-top:32px;font-size:14px}.login-footer .link{cursor:pointer;transition:opacity var(--transition-fast);font-weight:600}.login-footer .link:hover{opacity:.8}.home-screen{padding-bottom:100px}.home-header{z-index:100;background:var(--primary-dark);align-items:center;gap:14px;padding:16px 24px 8px;display:flex;position:sticky;top:0}.home-greeting{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.home-username-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:24px;font-weight:700;overflow:hidden}.header-action-btn{border:1px solid var(--border-color);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal);background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;display:flex}.header-action-btn:hover{color:var(--text-primary);background:#ffffff1f;border-color:#ffffff26;transform:translateY(-1px)}[data-theme=light] .header-action-btn{background:#0000000a}[data-theme=light] .header-action-btn:hover{background:#00000014;border-color:#0000001f}.theme-switch-btn{border:1px solid var(--border-color);cursor:pointer;width:52px;height:28px;transition:all var(--transition-normal);background:#ffffff0d;border-radius:16px;justify-content:space-between;align-items:center;margin-right:6px;padding:0 6px;display:flex;position:relative}.theme-switch-btn:hover{background:#ffffff14;border-color:#ffffff26}.theme-switch-icon{z-index:1;pointer-events:none;opacity:.4;transition:opacity var(--transition-normal);font-size:12px}.theme-switch-thumb{background:var(--accent-purple);width:22px;height:22px;box-shadow:var(--shadow-glow);z-index:0;border-radius:50%;transition:transform .4s cubic-bezier(.34,1.56,.64,1);position:absolute;top:2px;left:2px;transform:translate(24px)}.theme-switch-icon.moon{opacity:1}[data-theme=light] .theme-switch-btn{background:#0000000a}[data-theme=light] .theme-switch-btn:hover{background:#00000014;border-color:#0000001f}[data-theme=light] .theme-switch-thumb{background:var(--accent-cyan);transform:translate(0);box-shadow:0 0 12px #00a6cc4d}[data-theme=light] .theme-switch-icon.sun{opacity:1}[data-theme=light] .theme-switch-icon.moon{opacity:.4}.stats-section{padding:16px 24px 8px}.stats-balance{border-radius:var(--radius-lg);border:1px solid;width:100%;margin-bottom:12px;padding:22px}.stats-balance.positive{background:linear-gradient(135deg,#4ade801f,#56cfe10f);border-color:#4ade8033}.stats-balance.negative{background:linear-gradient(135deg,#ff6b6b1f,#ff6b9d0f);border-color:#ff6b6b33}.stats-balance-label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;font-weight:500}.stats-balance-value{letter-spacing:-.5px;font-size:32px;font-weight:800;line-height:1.2}.stats-balance-sub{color:var(--text-muted);margin-top:4px;font-size:12px}.stats-row{gap:10px;display:flex}.chart-section{padding:16px 24px 0}.chart-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.chart-header h3{font-size:18px;font-weight:700}.chart-title-row{align-items:center;gap:10px;display:flex}.chart-profit-badge{border-radius:var(--radius-round);letter-spacing:-.3px;padding:3px 10px;font-size:14px;font-weight:700}.chart-profit-badge.positive{color:#4ade80;background:#4ade801f}.chart-profit-badge.negative{color:#ff6b6b;background:#ff6b6b1f}.chart-filters{gap:6px;display:flex}.chart-filter-btn{border-radius:var(--radius-round);color:var(--text-muted);background:var(--bg-chip);border:1px solid var(--border-chip);transition:all var(--transition-fast);cursor:pointer;padding:5px 12px;font-size:12px;font-weight:500}.chart-filter-btn:hover{background:var(--bg-chip-hover);color:var(--text-secondary)}.chart-filter-btn.active{background:var(--bg-chip-active);color:var(--text-chip-active);border-color:#0000;font-weight:600;box-shadow:0 0 10px -2px #7c5cfc33}.chart-container{padding:16px 8px;overflow:hidden}.chart-container canvas{width:100%;display:block}.bets-filters-section{flex-direction:column;gap:10px;padding:12px 24px 0;display:flex}.bets-filters-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filter-chips{flex-wrap:wrap;gap:6px;display:flex}.filter-chip{border-radius:var(--radius-round);color:var(--text-muted);background:var(--bg-chip);border:1px solid var(--border-chip);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;padding:6px 14px;font-size:12px;font-weight:500}.filter-chip:hover{background:var(--bg-chip-hover);color:var(--text-secondary)}.filter-chip.active{background:var(--bg-chip-active);color:var(--text-chip-active);border-color:#0000;font-weight:600;box-shadow:0 0 10px -2px #7c5cfc33}.filter-group{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.filter-label{color:var(--text-muted);font-size:11px;font-weight:500}.filter-select{border-radius:var(--radius-sm);background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;transition:border-color var(--transition-fast);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239090B0' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;outline:none;padding:8px 28px 8px 12px;font-size:13px}.filter-select:focus{border-color:var(--accent-purple)}.filter-select option{background:var(--card-dark);color:var(--text-primary)}.filter-date{border-radius:var(--radius-sm);background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-primary);font-size:13px;font-family:var(--font-family);transition:border-color var(--transition-fast);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;outline:none;width:100%;padding:8px 12px}.filter-date:focus{border-color:var(--accent-purple)}.bets-section{padding:20px 24px 0}.bets-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.bets-header h3{font-size:20px;font-weight:700}.bets-count{border-radius:var(--radius-round);color:var(--accent-purple);background:#7c5cfc26;padding:4px 10px;font-size:13px;font-weight:600}.bets-list{flex-direction:column;gap:10px;display:flex}.bet-card{border-radius:var(--radius-md);background:var(--gradient-glass);border:1px solid var(--border-color);cursor:pointer;transition:transform var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast);-webkit-user-select:none;user-select:none;padding:16px;animation:.4s ease-out backwards slideUp}.bet-card:hover{border-color:var(--accent-purple);background:var(--card-dark);transform:translateY(-2px)}.bet-card-top{align-items:center;gap:8px;margin-bottom:10px;display:flex}.bet-card-sport{white-space:nowrap;background:#4ea8de1f;border-radius:6px;padding:3px 8px;font-size:12px}.bet-card-event{white-space:nowrap;text-overflow:ellipsis;min-width:0;margin-bottom:4px;font-size:15px;font-weight:600;overflow:hidden}.bet-card-bookmaker{color:var(--accent-purple);letter-spacing:.5px;white-space:nowrap;background:#7c5cfc1f;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600}.bet-card-competition{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:12px;overflow:hidden}.bet-card-sel-count{color:var(--text-secondary);margin-bottom:10px;font-size:12px}.bet-card-bottom{align-items:center;gap:6px;display:flex}.bet-card-date{color:var(--text-muted);font-size:12px}.bet-card-spacer{flex:1}.bet-card-odds{color:var(--accent-cyan);font-size:12px;font-weight:500}.bet-card-stake{color:var(--text-secondary);font-size:12px;font-weight:500}.bet-card-profit{font-size:14px;font-weight:700}.empty-state{text-align:center;margin:20px 0;padding:40px}.empty-state-icon{background:#7c5cfc1a;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 20px;font-size:36px;display:flex}.empty-state-title{margin-bottom:8px;font-size:18px;font-weight:600}.empty-state-text{color:var(--text-muted);font-size:14px}.btn-load-more{border-radius:var(--radius-md);width:100%;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0a;border:1px solid #ffffff14;justify-content:center;align-items:center;gap:6px;margin-top:16px;padding:14px;font-size:14px;font-weight:500;display:flex}.btn-load-more:hover{color:var(--text-primary);background:#ffffff14;border-color:#7c5cfc4d}.btn-load-more:disabled{opacity:.5;cursor:not-allowed}.load-more-count{color:var(--text-muted);font-size:12px;font-weight:400}.fab{background:var(--gradient-button);color:#fff;z-index:100;width:60px;height:60px;transition:transform var(--transition-fast), box-shadow var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;font-size:30px;animation:.3s ease-out .3s backwards scaleIn;display:flex;position:fixed;bottom:90px;right:20px;box-shadow:0 4px 16px -2px #7c5cfc66}.fab:hover{transform:scale(1.08);box-shadow:0 6px 24px -2px #7c5cfc80}.fab:active{transform:scale(.95)}.add-bet-screen{padding-bottom:40px}.screen-appbar{z-index:100;background:var(--primary-dark);align-items:center;gap:8px;padding:12px 8px;display:flex;position:sticky;top:0}.back-btn{color:var(--text-primary);border-radius:var(--radius-sm);transition:background var(--transition-fast);padding:8px;font-size:22px}.back-btn:hover{background:#ffffff0d}.edit-btn{background:var(--gradient-glass);border:1px solid var(--border-color);color:var(--text-main);border-radius:var(--radius-round);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:center;gap:6px;margin-left:auto;padding:6px 14px;font-family:inherit;font-size:.85rem;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.edit-btn svg{color:var(--accent-primary);transition:all .25s}.edit-btn:hover{background:var(--bg-hover);border-color:var(--accent-primary);transform:translateY(-1px);box-shadow:0 4px 12px #6366f126}.edit-btn:active{transform:translateY(1px)}.screen-appbar h2{font-size:20px;font-weight:700}.sport-selector{margin-bottom:24px;padding:0 24px}.sport-selector-label{color:var(--text-secondary);margin-bottom:10px;font-size:14px;font-weight:500}.sport-chips{flex-wrap:wrap;gap:8px;display:flex}.add-bet-form{margin:0 24px;padding:24px}.form-row{flex-wrap:wrap;gap:12px;display:flex}.form-row>*{flex:1;min-width:130px}.form-group{margin-bottom:14px}.form-group label{color:var(--text-muted);margin-bottom:6px;font-size:12px;font-weight:500;display:block}.date-picker-btn{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);text-align:left;transition:border-color var(--transition-fast);align-items:center;gap:14px;padding:16px 20px;font-size:14px;display:flex}.date-picker-btn:hover{border-color:var(--accent-purple)}.date-picker-btn .date-icon{color:var(--text-muted);font-size:18px}.date-picker-btn .date-text{flex:1}.date-picker-btn .date-arrow{color:var(--text-muted);font-size:20px}textarea.input-field{resize:none;min-height:72px;line-height:1.5}.selections-section{margin-bottom:14px}.selections-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.selections-title{color:var(--text-primary);font-size:14px;font-weight:600}.add-selection-btn{border-radius:var(--radius-round);color:var(--accent-purple);transition:background var(--transition-fast);background:#7c5cfc26;padding:6px 14px;font-size:12px;font-weight:600}.add-selection-btn:hover{background:#7c5cfc40}.selection-item{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:10px;padding:14px;animation:.3s ease-out fadeIn}.selection-item-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.selection-item-number{color:var(--accent-purple);font-size:12px;font-weight:600}.remove-selection-btn{width:24px;height:24px;color:var(--error-red);transition:background var(--transition-fast);background:#ff6b6b1a;border-radius:50%;justify-content:center;align-items:center;font-size:12px;display:flex}.remove-selection-btn:hover{background:#ff6b6b33}.selection-item .form-group{margin-bottom:8px}.selection-item .form-row,.selection-item .form-row .form-group{margin-bottom:0}.calculated-summary{border-radius:var(--radius-md);background:#4ade800f;border:1px solid #4ade8026;margin-bottom:20px;padding:14px 16px;animation:.3s ease-out fadeIn}.calc-row{justify-content:space-between;align-items:center;padding:4px 0;display:flex}.calc-row-highlight{border-top:1px solid #4ade801f;margin-top:6px;padding-top:10px}.calc-label{color:var(--text-secondary);font-size:13px}.calc-value{color:var(--accent-cyan);font-size:14px;font-weight:600}.calc-win{color:var(--success-green);font-size:16px}.detail-screen{padding-bottom:40px}.detail-status-header{border-radius:var(--radius-lg);text-align:center;border:1px solid;margin:0 24px 20px;padding:28px;animation:.4s ease-out scaleIn}.detail-status-badge{border-radius:var(--radius-round);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:16px;padding:6px 16px;font-size:12px;font-weight:700;display:inline-block}.detail-profit{letter-spacing:-.5px;font-size:36px;font-weight:800;line-height:1.2}.detail-profit-label{color:var(--text-muted);margin-top:4px;font-size:13px}.detail-card{margin:0 24px 20px;padding:22px}.detail-row{align-items:flex-start;gap:12px;padding:10px 0;display:flex}.detail-row-icon{color:var(--text-muted);margin-top:2px;font-size:18px}.detail-row-content{flex:1;min-width:0}.detail-row-label{color:var(--text-muted);margin-bottom:2px;font-size:11px;font-weight:500}.detail-row-value{font-size:15px;font-weight:500}.detail-divider{background:#2a2a504d;height:1px}.detail-row-pair{gap:0;display:flex}.detail-row-pair>.detail-row{flex:1}.detail-row-pair>.detail-pair-divider{background:#2a2a5080;align-self:stretch;width:1px}.detail-selections-card{margin:0 24px 20px;padding:20px}.detail-selections-header{color:var(--text-primary);justify-content:space-between;align-items:center;margin-bottom:14px;font-size:14px;font-weight:600;display:flex}.detail-selections-type{color:var(--accent-purple);border-radius:var(--radius-round);background:#7c5cfc1f;padding:3px 10px;font-size:12px;font-weight:500}.selection-detail-item{align-items:center;gap:12px;padding:12px 0;display:flex}.selection-detail-number{width:28px;height:28px;color:var(--accent-purple);background:#7c5cfc1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.selection-detail-content{flex:1;min-width:0}.selection-detail-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.selection-detail-market{color:var(--text-muted);margin-top:2px;font-size:12px}.selection-detail-odds{color:var(--accent-cyan);flex-shrink:0;font-size:14px;font-weight:600}.detail-actions{margin:0 24px 16px}.detail-actions-label{color:var(--text-secondary);margin-bottom:12px;font-size:14px;font-weight:500}.detail-actions-row{flex-wrap:wrap;gap:10px;display:flex}.detail-action-btn{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(8px);cursor:pointer;border:1px solid;flex-direction:column;flex:calc(50% - 5px);align-items:center;gap:8px;padding:16px 12px;font-family:inherit;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 15px #0000001a}.detail-action-btn:hover{transform:translateY(-3px)}.detail-action-btn:active{transform:translateY(1px)}.detail-action-icon{font-size:26px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.detail-action-btn:hover .detail-action-icon{transform:scale(1.1)}.detail-action-btn.won-btn{color:var(--success-green);background:#4ade801a;border-color:#4ade8033}.detail-action-btn.won-btn:hover{background:#4ade8033;border-color:#4ade8080;box-shadow:0 0 15px #4ade804d}.detail-action-btn.lost-btn{color:var(--error-red);background:#ff6b6b1a;border-color:#ff6b6b33}.detail-action-btn.lost-btn:hover{background:#ff6b6b33;border-color:#ff6b6b80;box-shadow:0 0 15px #ff6b6b4d}.detail-action-btn.void-btn{color:var(--text-secondary);background:#a1a1aa1a;border-color:#a1a1aa33}.detail-action-btn.void-btn:hover{color:var(--text-primary);background:#a1a1aa33;border-color:#a1a1aa80;box-shadow:0 0 15px #a1a1aa4d}.detail-action-btn.cashout-btn{color:var(--accent-cyan);background:#56cfe11a;border-color:#56cfe133}.detail-action-btn.cashout-btn:hover{background:#56cfe133;border-color:#56cfe180;box-shadow:0 0 15px #56cfe14d}.detail-action-btn.pending-btn{color:var(--accent-blue);background:#4aa8de1a;border-color:#4aa8de33}.detail-action-btn.pending-btn:hover{background:#4aa8de33;border-color:#4aa8de80;box-shadow:0 0 15px #4aa8de4d}.detail-action-label{font-size:13px;font-weight:600}.detail-delete-btn{border-radius:var(--radius-md);color:#ff6b6bb3;width:calc(100% - 48px);height:48px;transition:background var(--transition-fast), color var(--transition-fast);border:1px solid #ff6b6b33;justify-content:center;align-items:center;gap:8px;margin:0 24px;font-size:14px;font-weight:500;display:flex}.detail-delete-btn:hover{color:var(--error-red);background:#ff6b6b14}@media (width>=640px){.login-container{max-width:440px}.home-screen,.add-bet-screen,.detail-screen{max-width:560px;margin:0 auto}}@media (width>=1024px){.home-screen{max-width:640px}}input[type=date],input[type=datetime-local]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.6);cursor:pointer}input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert(.6);cursor:pointer}.share-export-container{background:var(--primary-dark);box-sizing:border-box;width:640px;color:var(--text-primary);z-index:-100;pointer-events:none;border-radius:24px;padding:32px;font-family:Inter,sans-serif;position:fixed;top:-9999px;left:-9999px}.share-export-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.share-export-brand{letter-spacing:-1px;color:var(--accent-primary);align-items:center;gap:8px;margin:0;font-size:26px;font-weight:800;display:flex}.share-export-user{color:var(--text-primary);font-size:16px;font-weight:600}.share-export-period{color:var(--text-muted);font-weight:400}.share-export-stats{grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:24px;display:grid}.share-stat-box{background:var(--surface-dark);border:1px solid var(--border-color);text-align:center;border-radius:12px;padding:14px 8px}.share-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11px}.share-stat-val{font-size:18px;font-weight:800}.share-stat-val.positive{color:var(--success-green)}.share-stat-val.negative{color:var(--error-red)}.share-export-chart{background:#ffffff05;border:1px solid #ffffff0d;border-radius:16px;margin-bottom:24px;padding:16px}.share-bets-title{color:var(--text-secondary);margin:0 0 12px;font-size:16px;font-weight:700}.share-export-bets-grid{gap:16px;display:grid}.share-export-bets-col{flex-direction:column;gap:10px;display:flex}.share-bet-card{background:var(--surface-dark);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:8px;padding:12px 16px;display:flex}.share-bet-top{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.share-bet-sport{color:var(--text-secondary)}.share-bet-main{justify-content:space-between;align-items:flex-end;display:flex}.share-bet-left{flex-direction:column;flex:1;gap:4px;min-width:0;padding-right:12px;display:flex}.share-bet-teams{word-wrap:break-word;font-size:15px;font-weight:700}.share-bet-pick{color:var(--text-muted);word-wrap:break-word;font-size:13px;line-height:1.4}.share-bet-pick b{color:var(--text-secondary);font-weight:600}.share-bet-right{text-align:right;flex-direction:column;flex-shrink:0;justify-content:flex-end;gap:2px;display:flex}.share-bet-stake{color:var(--text-muted);margin-bottom:2px;font-size:11px}.share-bet-odds{color:var(--text-secondary);margin-bottom:4px;font-size:13px;font-weight:600}.share-bet-profit{font-size:16px;font-weight:700}.share-bet-won{color:var(--success-green)}.share-bet-lost{color:var(--error-red)}.bottom-nav{background:var(--surface-dark);border-top:1px solid var(--border-color);z-index:100;justify-content:space-around;align-items:center;width:100%;height:60px;display:flex;position:fixed;bottom:0;left:0}.bottom-nav .nav-item{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;width:50%;height:100%;font-size:12px;text-decoration:none;transition:all .2s;display:flex}.bottom-nav .nav-item svg{opacity:.7;margin-bottom:4px}.bottom-nav .nav-item.active{color:var(--primary-accent)}.bottom-nav .nav-item.active svg{opacity:1}body{padding-bottom:60px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.flex-1{flex:1}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.p-4{padding:16px}.px-4{padding-left:16px;padding-right:16px}.px-6{padding-left:24px;padding-right:24px}.py-4{padding-top:16px;padding-bottom:16px}.mb-0{margin-bottom:0!important}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.text-center{text-align:center}.text-right{text-align:right}.text-sm{font-size:14px}.text-xs{font-size:12px}.text-secondary{color:var(--text-secondary)}.text-primary{color:var(--text-primary)}.font-bold{font-weight:700}.font-semibold{font-weight:600}