:root{color:#fff;background:#0f1115;touch-action:manipulation;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;touch-action:manipulation;-webkit-text-size-adjust:100%;background:radial-gradient(circle at 50% -10%,rgba(34,197,94,.13),transparent 34%),linear-gradient(180deg,#12151b,#0f1115 42%,#0b0d11)}button,input,select{font:inherit}button{cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease}button:active{transform:translateY(1px) scale(.99)}button:disabled{cursor:wait;opacity:.62}.app{width:min(100%,760px);min-height:100vh;margin:0 auto;padding:22px 16px 38px}.topbar,.setup{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.identity-block{display:grid;justify-items:start;gap:0;flex:1 1 auto;min-width:0}.setup{min-height:82vh;flex-direction:column;justify-content:center}.eyebrow{margin:0 0 6px;color:#22c55e;font-size:.76rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;color:#fff;font-size:1.86rem;line-height:1.08}h2{margin:12px 0;color:#fff;font-size:1.03rem;font-weight:800}h3{margin-bottom:0;color:#fff;font-size:1.04rem;font-weight:850}.event-name{margin:7px 0 0;color:#a0a6b1;font-size:.9rem;font-weight:600;line-height:1.35}.bank-pill{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:11px 14px;border:1px solid rgba(34,197,94,.48);border-radius:18px;background:linear-gradient(135deg,#22c55e21,#171a21fa),#171a21;box-shadow:0 18px 44px #00000057,0 0 32px #22c55e26;color:#22c55e;font-weight:900;white-space:nowrap}.bank-row{display:flex;justify-content:center;margin:8px 0 18px}.bank-pill-inline{margin-top:12px}.bank-pill svg{color:#22c55e;filter:drop-shadow(0 0 12px rgba(34,197,94,.42))}.header-action-buttons{display:flex;flex:0 0 auto;flex-direction:column;align-items:flex-end;justify-content:flex-start;gap:10px;max-width:210px}.guide-open-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;width:190px;border:1px solid rgba(34,197,94,.28);border-radius:16px;background:#171a21;color:#a0a6b1;padding:10px 13px;font-size:.88rem;font-weight:850;box-shadow:0 14px 32px #00000038;text-align:center;line-height:1.15}.guide-open-button:hover,.guide-open-button:focus{border-color:#22c55e8c;color:#22c55e;box-shadow:0 0 26px #22c55e1f;outline:none}.tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:18px 0;padding:5px;border:1px solid rgba(255,255,255,.06);border-radius:18px;background:#171a21;box-shadow:0 16px 38px #00000038}.tabs button,.primary-button,.settle-row button,.icon-button{border:0}.tabs button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;border-radius:14px;background:transparent;color:#a0a6b1;font-weight:800}.tabs button:hover{background:#1e222b;color:#fff}.tabs button svg{width:18px;height:18px}.tabs button.active{background:#22c55e;color:#07110b;box-shadow:0 10px 28px #22c55e47}.panel,.metric,.bet-card,.empty{border:1px solid rgba(255,255,255,.07);border-radius:18px;background:#171a21;box-shadow:0 18px 46px #00000047}.panel{padding:18px}.stack,.bet-form{display:grid;gap:15px;width:100%}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}label{display:grid;gap:8px;color:#a0a6b1;font-size:.9rem;font-weight:750}input,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;min-height:48px;height:48px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:#1e222b;color:#fff;padding:12px 13px;outline:none;line-height:1.2;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}input[type=date]{display:block;min-height:48px;height:48px;padding:12px 13px;color-scheme:dark}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.72;filter:invert(1);margin:0}input::placeholder{color:#6b7280}select{color-scheme:dark}input:focus,select:focus{border-color:#22c55e;background:#202630;box-shadow:0 0 0 4px #22c55e26}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;border-radius:16px;font-weight:900}.primary-button{background:#22c55e;color:#06110a;box-shadow:0 14px 34px #22c55e42,0 0 28px #22c55e26}.primary-button:hover{background:#16a34a;box-shadow:0 16px 40px #22c55e52,0 0 36px #22c55e2e}.secondary-button{width:100%;border:1px solid rgba(34,197,94,.28);background:#1e222b;color:#fff}.secondary-button:hover{border-color:#22c55e8c;color:#22c55e;box-shadow:0 0 24px #22c55e1f}.danger-button{position:relative;width:100%;min-height:42px;margin-top:12px;border:1px solid rgba(239,68,68,.34);border-radius:15px;background:#ef44441a;color:#fecaca;font-weight:850}.danger-button:hover{border-color:#ef4444a6;background:#ef44442e;color:#fff}.alert{border:1px solid rgba(239,68,68,.45);border-radius:16px;background:#ef44441f;color:#fecaca;padding:12px 13px;font-weight:700}.subscription-notice{margin-bottom:15px;padding:14px;border:1px solid rgba(245,158,11,.28);border-radius:16px;background:#f59e0b14;color:#f8fafc}.subscription-notice strong{display:block;margin-bottom:8px;color:#fbbf24}.subscription-notice p{margin:0;color:#a0a6b1;line-height:1.45}.loader,.empty{display:grid;place-items:center;min-height:64vh;text-align:center}.empty{align-content:center;padding:32px 18px;color:#a0a6b1}.empty svg{color:#22c55e}.empty h1{margin:12px 0 8px;color:#fff;font-size:1.38rem}.empty p{max-width:430px;margin-bottom:0}.stats-section{display:grid;gap:14px}.stats-actions,.capital-form{display:grid;gap:12px}.capital-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;padding:10px 12px;border:1px solid rgba(255,255,255,.06);border-radius:14px;background:#1e222b}.field-title,.capital-summary span,.muted{color:#a0a6b1}.field-title{display:inline-flex;align-items:center;gap:6px;line-height:1.2}.info-button{display:inline-grid;place-items:center;width:20px;height:20px;min-height:20px;border:0;border-radius:999px;background:transparent;color:#6b7280;padding:0;font-size:.9rem;font-weight:900;line-height:1}.info-button:hover,.info-button:focus,.info-button:active{color:#22c55e;background:#22c55e1f;outline:none}.capital-summary strong{color:#22c55e}.help-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:flex-end;justify-content:center;padding:16px;background:#0000008a}.help-sheet{width:min(100%,480px);border:1px solid rgba(255,255,255,.08);border-radius:22px;background:#171a21;box-shadow:0 24px 70px #0000007a;padding:18px}.help-sheet h2{margin:0 0 10px}.help-sheet p{margin:0 0 16px;color:#a0a6b1;line-height:1.45}.guide-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:flex;flex-direction:column;background:radial-gradient(circle at 50% -12%,rgba(34,197,94,.12),transparent 34%),#0f1115;animation:guide-in .18s ease-out}.guide-header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:68px;border-bottom:1px solid rgba(255,255,255,.08);background:#0f1115f0;box-shadow:0 12px 34px #00000052;padding:14px max(16px,env(safe-area-inset-right)) 14px max(16px,env(safe-area-inset-left));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.guide-header h1{font-size:1.18rem;line-height:1.2}.guide-close-button{display:inline-grid;place-items:center;flex:0 0 auto;width:42px;height:42px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:#171a21;color:#a0a6b1}.guide-close-button:hover,.guide-close-button:focus{color:#22c55e;border-color:#22c55e70;outline:none}.guide-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;width:min(100%,780px);margin:0 auto;padding:20px 16px calc(28px + env(safe-area-inset-bottom))}.guide-section,.guide-warning{border:1px solid rgba(255,255,255,.07);border-radius:18px;background:#171a21;box-shadow:0 18px 46px #00000047;padding:18px}.guide-section+.guide-section,.guide-warning+.guide-section,.guide-section+.guide-warning{margin-top:14px}.guide-warning{border-color:#22c55e3d;background:linear-gradient(135deg,rgba(34,197,94,.09),transparent 58%),#171a21}.guide-warning h2,.guide-title{margin:0 0 10px;color:#fff;font-size:1.05rem;font-weight:900}.guide-paragraph{margin:0;color:#a0a6b1;font-size:.96rem;line-height:1.62}.guide-paragraph+.guide-paragraph,.guide-list+.guide-paragraph{margin-top:12px}.guide-list{display:grid;gap:8px;margin:14px 0 0;padding-left:20px;color:#a0a6b1;line-height:1.5}.guide-list li::marker{color:#22c55e}.guide-understood{width:100%;margin-top:16px}@keyframes guide-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.insights{display:grid;gap:9px;border:1px solid rgba(255,255,255,.07);border-radius:18px;background:#171a21;padding:16px;box-shadow:0 18px 46px #00000047}.insights h2{margin:0 0 2px}.insights p{margin:0;color:#a0a6b1}.capital-form{border:1px solid rgba(255,255,255,.07);border-radius:18px;background:#171a21;padding:16px;box-shadow:0 18px 46px #00000047}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.metric{min-height:106px;padding:16px}.metric span{display:block;color:#a0a6b1;font-size:.85rem;font-weight:800}.metric strong{display:block;margin-top:10px;color:#fff;font-size:1.52rem;line-height:1.05;overflow-wrap:anywhere}.metric-value.positive{color:#22c55e}.metric-value.negative{color:#ef4444}.metric-value.neutral{color:#fff}.metric-value.muted-value{color:#6b7280}.bets-stack{display:grid;gap:12px}.history-tools{display:grid;gap:10px}.filter-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.filter-row button{flex:0 0 auto;min-height:38px;border:1px solid rgba(255,255,255,.06);border-radius:999px;background:#1e222b;color:#a0a6b1;padding:8px 12px;font-weight:800}.filter-row button.active{border-color:#22c55e75;background:#22c55e26;color:#22c55e}.bet-card{position:relative;overflow:hidden;padding:16px;border-left:4px solid transparent}.bet-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.04),transparent 42%)}.bet-card.won{border-left-color:#22c55e}.bet-card.won .status,.bet-card.won .profit-pill{color:#22c55e}.bet-card.lost{border-left-color:#ef4444}.bet-card.lost .status,.bet-card.lost .profit-pill{color:#ef4444}.bet-card.pending{border-left-color:#f59e0b}.bet-card.push{border-left-color:#a0a6b1}.bet-main{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.status{display:inline-block;margin-bottom:5px;color:#f59e0b;font-size:.74rem;font-weight:900;text-transform:uppercase}.icon-button{display:inline-grid;place-items:center;flex:0 0 auto;width:38px;height:38px;border-radius:14px;background:#1e222b;color:#a0a6b1}.icon-button:hover{color:#22c55e;box-shadow:0 0 20px #22c55e1f}.bet-facts,.settle-row{position:relative;display:flex;flex-wrap:wrap;gap:9px;margin-top:13px}.bet-facts span{min-height:32px;padding:7px 10px;border:1px solid rgba(255,255,255,.06);border-radius:999px;background:#1e222b;color:#a0a6b1;font-size:.86rem;font-weight:800}.bet-facts .profit-pill{border-color:#22c55e3d;background:#22c55e14}.settle-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.settle-row button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;border-radius:15px;color:#fff;font-weight:850}.settle-row .win{background:#16a34a;box-shadow:0 10px 28px #22c55e33}.settle-row .win:hover{background:#22c55e}.settle-row .loss{background:#ef4444e6}.settle-row .loss:hover{background:#ef4444}.settle-row .push{background:#2b303b}.settle-row .push:hover{background:#363d49}.edit-box{position:relative;margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.07)}@media (max-width: 520px){.app{padding:18px 12px 30px}.topbar{align-items:flex-start;flex-direction:row;flex-wrap:nowrap;gap:10px}.identity-block{flex:1 1 auto;min-width:0}.header-action-buttons{flex:0 0 136px;max-width:136px;gap:8px}.guide-open-button{width:136px;min-height:40px;padding:8px 9px;font-size:.72rem;line-height:1.15}.bank-pill{min-width:0;padding:10px 12px}.tabs button{gap:5px;font-size:.85rem}.form-grid,.stats-grid,.settle-row{grid-template-columns:1fr}.metric{min-height:88px}}