:root{--bg-main:#f9fafb;--bg-card:#fff;--bg-card-hover:#f3f4f6;--primary:#111827;--primary-glow:#1118271a;--secondary:#4b5563;--secondary-glow:#4b55631a;--accent:#000;--text-main:#111827;--text-muted:#6b7280;--border-color:#e5e7eb;--glass-border:1px solid var(--border-color);--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--shadow-glass:0 1px 3px 0 #0000001a, 0 1px 2px 0 #0000000f;--shadow-glow:none}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:none;min-height:100vh;line-height:1.5}#root{flex-direction:column;min-height:100vh;display:flex}.glass-panel{background:var(--bg-card);border:var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-glass)}.glass-pill{background:var(--bg-card);border:var(--glass-border);border-radius:var(--radius-full)}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-slide-up{animation:.3s ease-out forwards slideUp}.animate-pop-in{animation:.2s ease-out forwards popIn}.text-gradient{color:var(--primary);font-weight:800}.text-gradient-accent{color:var(--accent);font-weight:800}button{cursor:pointer;color:inherit;background:0 0;border:none;outline:none;font-family:inherit}a{color:inherit;text-decoration:none}.bottom-nav{background:var(--bg-card);border-top:1px solid var(--border-color);z-index:1000;width:100%;height:70px;padding-bottom:env(safe-area-inset-bottom,0px);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;box-shadow:0 -1px 3px #00000005}.nav-item{color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;text-decoration:none;transition:all .2s;display:flex}.icon-wrapper{transition:transform .2s;position:relative}.nav-label{opacity:.8;font-size:.65rem;font-weight:500;transition:opacity .2s}.nav-item:hover,.nav-item.active{color:var(--primary)}.nav-item.active .icon-wrapper{transform:translateY(-2px)}.nav-item.active .nav-label{opacity:1;font-weight:700}.dashboard-container{max-width:600px;margin:0 auto;padding:1rem 1.5rem 6rem}.dash-header{text-align:center;margin-bottom:2rem}.dash-header h1{letter-spacing:-.05em;color:var(--primary);font-size:1.8rem;font-weight:800}.subtitle{color:var(--text-muted);margin-top:.2rem;font-size:.9rem}.total-amount-display{justify-content:center;align-items:baseline;gap:.25rem;margin-top:.5rem;display:flex}.currency{color:var(--text-muted);font-size:1.5rem;font-weight:600}.amount{color:var(--primary);font-size:3.5rem;font-weight:900;line-height:1}.roster-section{margin-bottom:2.5rem}.section-title{color:var(--primary);align-items:center;gap:.5rem;margin-bottom:1.2rem;font-size:1.2rem;font-weight:700;display:flex}.player-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;display:grid}.player-card{cursor:pointer;flex-direction:column;min-height:160px;padding:1.2rem 1rem;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.player-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.player-card-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-right:20px;display:flex}.player-number{color:var(--primary);font-size:.9rem;font-weight:800}.player-pos-badge{background:var(--bg-card-hover);border-radius:var(--radius-sm);color:var(--text-muted);border:1px solid var(--border-color);padding:.2rem .5rem;font-size:.75rem}.player-card-body{flex-direction:column;flex-grow:1;display:flex}.player-card-name{color:var(--primary);margin-bottom:.25rem;font-size:1.1rem;font-weight:700;line-height:1.2}.player-card-team{color:var(--text-muted);font-size:.75rem}.player-card-footer{justify-content:flex-end;margin-top:1rem;display:flex}.player-saved{color:var(--primary);font-size:1.25rem;font-weight:800}.remove-player-btn{color:var(--text-muted);border-radius:var(--radius-sm);z-index:10;opacity:.6;background:0 0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex;position:absolute;top:10px;right:10px}.remove-player-btn:hover{color:#ef4444;opacity:1;background:#fef2f2}.add-player-card{text-align:center;color:var(--text-muted);border:1px dashed var(--border-color);background:var(--bg-main);box-shadow:none;justify-content:center;align-items:center;gap:.5rem}.add-player-card:hover{color:var(--primary);background:var(--bg-card);border-color:var(--primary);box-shadow:none}.add-icon{color:var(--secondary);opacity:.8;margin-bottom:.25rem}.add-hint{opacity:.8;font-size:.7rem}.recent-activity h3{color:var(--primary);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.1rem;font-weight:700;display:flex}.empty-state{text-align:center;color:var(--text-muted);background:var(--bg-main);border-radius:var(--radius-md);border:1px dashed var(--border-color);padding:2rem 1rem}.tx-list{flex-direction:column;gap:.75rem;list-style:none;display:flex}.tx-item{padding:1rem;transition:transform .2s}.tx-item:hover{transform:translate(2px)}.tx-line{justify-content:space-between;align-items:center;display:flex}.subtile-line{margin-top:.25rem;font-size:.85rem}.font-bold{font-weight:700}.players-container{max-width:600px;margin:0 auto;padding:1rem 1.5rem 6rem}.page-header{text-align:center;margin-bottom:2rem}.page-header h1{color:var(--primary);letter-spacing:-.05em;font-size:1.8rem;font-weight:800}.page-header p{color:var(--text-muted);margin-top:.3rem;font-size:.9rem}.add-form-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:1rem;padding:1.5rem}.form-type-selector{background:var(--bg-main);border-radius:var(--radius-md);gap:.5rem;margin-bottom:1.5rem;padding:.3rem;display:flex}.type-btn{color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;flex:1;padding:.75rem 1rem;font-weight:600;transition:all .2s}.type-btn.active{background:var(--bg-card);color:var(--primary);box-shadow:0 2px 8px #0000000d}.custom-form{flex-direction:column;gap:1.25rem;display:flex}.form-group{flex-direction:column;gap:.4rem;display:flex}.form-group label{color:var(--primary);font-size:.85rem;font-weight:600}.required-mark{color:#ef4444}.custom-input{background:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--primary);padding:.8rem 1rem;font-size:1rem;transition:border-color .2s}.custom-input:focus{border-color:var(--primary);outline:none}.form-row{gap:1rem;display:flex}.half-width{flex:1}.submit-btn{background:var(--primary);width:100%;color:var(--bg-main);border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;margin-top:.5rem;padding:1rem;font-size:1.1rem;font-weight:700;transition:transform .2s,opacity .2s;display:flex}.submit-btn:hover{opacity:.9;transform:translateY(-2px)}.submit-btn:active{transform:translateY(0)}.my-roster{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.5rem}.my-roster h2{color:var(--primary);margin-bottom:1rem;font-size:1.2rem;font-weight:700}.roster-list{flex-direction:column;gap:.75rem;list-style:none;display:flex}.roster-item{background:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;padding:1rem;display:flex}.player-info{flex-direction:column;display:flex}.player-team{color:var(--text-muted);margin-top:.2rem;font-size:.8rem}.remove-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.remove-btn:hover{color:#ef4444;background:#fef2f2}.empty-text{text-align:center;padding:1rem}.cheer-container{max-width:600px;margin:0 auto;padding:1rem 1.5rem 6rem;position:relative}.cheer-body{flex-direction:column;gap:2rem;display:flex}.cheer-top-nav{margin-bottom:1rem}.back-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:.5rem 0;font-size:.9rem;transition:color .2s;display:inline-flex}.back-btn:hover{color:var(--primary)}.cheer-player-header{text-align:center;border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-color);margin-bottom:2rem;padding:1.5rem;box-shadow:0 1px 3px #0000000d}.player-meta{justify-content:center;align-items:center;gap:.75rem;margin-bottom:.5rem;font-size:.9rem;display:flex}.player-name{color:var(--primary);font-size:1.8rem;font-weight:800}.empty-state-container{justify-content:center;align-items:center;min-height:50vh;display:flex}.primary-btn{background:var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;margin-top:1.5rem;padding:.75rem 1.5rem;font-weight:700;transition:opacity .2s}.primary-btn:hover{opacity:.9}.menu-title{color:var(--primary);text-align:center;margin-bottom:1rem;font-size:1.1rem;font-weight:700}.action-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:1rem;display:grid}.action-btn{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:1.5rem 1rem;transition:all .2s ease-in-out;display:flex}.action-btn:hover{background:var(--bg-card-hover);border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.action-btn:active{transform:scale(.98)}.action-icon-wrapper{color:var(--primary);opacity:1}.action-name{color:var(--primary);font-size:.9rem;font-weight:700}.action-amount{color:var(--text-muted);font-size:.85rem}.cheer-popup-overlay{pointer-events:none;z-index:9999;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.cheer-popup{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-align:center;pointer-events:auto;padding:2.5rem 3rem;animation-duration:.5s;box-shadow:0 10px 40px #0000001a}.cheer-popup h2{color:var(--primary);margin-bottom:.5rem;font-size:1.25rem}.popup-amount{color:var(--primary);margin:.5rem 0;font-size:3.5rem;font-weight:900;line-height:1.1}.popup-sub{color:var(--text-muted);letter-spacing:.05em;margin-bottom:1rem;font-weight:700}.undo-btn{border-radius:var(--radius-sm);background:var(--bg-card-hover);border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;transition:all .2s;display:inline-flex}.undo-btn:hover{color:#ef4444;background:#fef2f2;border-color:#fca5a5}.select-prompt{text-align:center;color:var(--text-muted);grid-column:1/-1;padding:2rem 0}.settings-container{max-width:600px;margin:0 auto;padding:1rem 1.5rem 6rem}.rules-list{flex-direction:column;gap:1rem;display:flex}.rule-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;transition:opacity .3s,transform .2s,box-shadow .2s;display:flex}.rule-item.is-dragging{opacity:.9;border-color:var(--primary);background:var(--bg-card);box-shadow:0 10px 25px #0000001a}.rule-drag-handle{cursor:grab;color:var(--text-muted);touch-action:none;justify-content:center;align-items:center;margin-left:-.5rem;padding:.5rem;display:flex}.rule-drag-handle:active{cursor:grabbing}.rule-disabled{opacity:.6;background:var(--bg-main)}.rule-info{flex-direction:column;display:flex}.rule-name{color:var(--primary);font-size:1.1rem;font-weight:700}.rule-target{color:var(--text-muted);margin-top:.2rem;font-size:.8rem}.rule-controls{align-items:center;gap:.75rem;display:flex}.rule-input-group{background:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--radius-sm);align-items:center;padding:.5rem 1rem;display:flex}.currency-symbol{color:var(--text-muted);margin-right:.5rem;font-weight:600}.amount-input{width:80px;color:var(--primary);text-align:right;background:0 0;border:none;outline:none;font-size:1.1rem;font-weight:700}.amount-input:disabled{color:var(--text-muted)}.amount-input:focus{color:var(--primary)}.amount-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.amount-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.amount-input[type=number]{appearance:textfield}.toggle-enable-btn{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-card);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;min-width:60px;padding:.4rem .6rem;transition:all .2s;display:flex}.toggle-enable-btn.enabled{color:#10b981;background:#ecfdf5;border-color:#10b981}.toggle-enable-btn.disabled{color:var(--text-muted);background:var(--bg-main)}.toggle-enable-btn span{font-size:.65rem;font-weight:700}.settings-footer{margin-top:2rem}.app-container{flex-direction:column;min-height:100vh;display:flex}.main-content{scrollbar-width:none;-ms-overflow-style:none;flex:1;position:relative;overflow:hidden auto}.main-content::-webkit-scrollbar{display:none}