body{margin:0}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;background-color:var(--bg);color:#334155;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:clamp(14px,1.5vw,16px);transition:background-color .3s ease,color .3s ease}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg:#f8fafc;--bg-card:#f1f5f9;--bg-card-hover:#e8edf2;--text:#334155;--text-muted:#64748b;--text-heading:#1e293b;--header-bg:#334155;--header-text:#fff;--footer-bg:#334155;--footer-text:#fff;--footer-link:#93c5fd;--border:#cbd5e1;--shadow:#64748b14;--shadow-hover:#64748b29;--chart-grid:#cbd5e1;--chart-text:#334155;--accent:#3949ab;--accent-hover:#4d5ec1;--success:#00695c;--success-light:#dcfce7;--error:#c62828;--error-light:#fee2e2;--stat-blue-bg:linear-gradient(135deg,#dbeafe,#bfdbfe);--stat-blue-text:#1e40af;--stat-blue-sub:#2563eb;--stat-green-bg:linear-gradient(135deg,#dcfce7,#bbf7d0);--stat-green-text:#166534;--stat-green-sub:#16a34a;--stat-purple-bg:linear-gradient(135deg,#f3e8ff,#e9d5ff);--stat-purple-text:#6b21a8;--stat-purple-sub:#9333ea;--stat-red-bg:linear-gradient(135deg,#fee2e2,#fecaca);--stat-red-text:#991b1b;--stat-red-sub:#dc2626;--stat-amber-bg:linear-gradient(135deg,#fef3c7,#fde68a);--stat-amber-text:#92400e;--stat-amber-sub:#d97706;--stat-teal-bg:linear-gradient(135deg,#ccfbf1,#99f6e4);--stat-teal-text:#115e59;--stat-teal-sub:#0d9488;--tab-active-bg:var(--accent);--tab-active-text:#fff;--tab-bg:#e2e8f0;--tab-text:#475569;--tab-hover-bg:#cbd5e1;--table-row-hover:#64748b0f;--table-stripe:#64748b08;--highlight-bg:#3949ab14}.dark-mode{--bg:#1a1a2a;--bg-card:#242436;--bg-card-hover:#2c2c44;--text:#e0e0e0;--text-muted:#9e9e9e;--text-heading:#f5f5f5;--header-bg:#1e2438;--header-text:#fff;--footer-bg:#0f111a;--footer-text:#fff;--footer-link:#93c5fd;--border:#334;--shadow:#00000040;--shadow-hover:#0006;--chart-grid:#3a3a4a;--chart-text:#e0e0e0;--accent:#5c6bc0;--accent-hover:#7986cb;--success:#4caf50;--success-light:#1b3d2a;--error:#f44336;--error-light:#3d1b1b;--stat-blue-bg:linear-gradient(135deg,#1e2a4a,#253560);--stat-blue-text:#90caf9;--stat-blue-sub:#64b5f6;--stat-green-bg:linear-gradient(135deg,#1b3d2a,#2e5e3e);--stat-green-text:#a5d6a7;--stat-green-sub:#81c784;--stat-purple-bg:linear-gradient(135deg,#2d1b4e,#3e2870);--stat-purple-text:#ce93d8;--stat-purple-sub:#ba68c8;--stat-red-bg:linear-gradient(135deg,#3d1b1b,#5e2e2e);--stat-red-text:#ef9a9a;--stat-red-sub:#e57373;--stat-amber-bg:linear-gradient(135deg,#3d2e0f,#5e4a1a);--stat-amber-text:#ffd54f;--stat-amber-sub:#ffca28;--stat-teal-bg:linear-gradient(135deg,#0f3d38,#1a5c52);--stat-teal-text:#80cbc4;--stat-teal-sub:#4db6ac;--tab-active-bg:var(--accent);--tab-active-text:#fff;--tab-bg:#2a2a3c;--tab-text:#b0b0c0;--tab-hover-bg:#333348;--table-row-hover:#ffffff0a;--table-stripe:#ffffff05;--highlight-bg:#5c6bc026}.App{background-color:#f8fafc;background-color:var(--bg);display:flex;flex-direction:column;min-height:100vh}.container{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1rem;padding-right:1rem;width:100%}.app-header{background-color:#334155;background-color:var(--header-bg);box-shadow:0 2px 8px #64748b14;box-shadow:0 2px 8px var(--shadow);color:#fff;color:var(--header-text);padding:.875rem 0;transition:background-color .3s ease}.app-header .container{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between}.header-brand{align-items:center;display:flex;gap:.75rem}.header-brand img{height:clamp(28px,5vw,40px);transition:transform .3s ease}.header-brand:hover img{transform:scale(1.05)}.header-brand h1{font-size:clamp(1rem,2.5vw,1.25rem);font-weight:700}.header-meta{font-size:clamp(.7rem,1.5vw,.875rem);opacity:.85}.header-actions{align-items:center;display:flex;gap:.75rem}.theme-toggle{align-items:center;background:#ffffff14;border:1px solid #fff3;border-radius:2rem;color:#fff;color:var(--header-text);cursor:pointer;display:inline-flex;font-size:.8rem;gap:.375rem;padding:.4rem .75rem;transition:background-color .25s ease,border-color .25s ease,transform .25s ease;white-space:nowrap}.theme-toggle:hover{background:#ffffff29;border-color:#ffffff59;transform:scale(1.04)}.theme-toggle:active{transform:scale(.97)}.theme-toggle__icon{font-size:1rem;line-height:1;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.theme-toggle:hover .theme-toggle__icon{transform:rotate(25deg)}.theme-toggle__label{font-weight:600;letter-spacing:.02em}@media (max-width:480px){.header-actions{gap:.5rem}.header-meta{display:none}}.app-footer{background-color:#334155;background-color:var(--footer-bg);color:#fff;color:var(--footer-text);font-size:.875rem;margin-top:auto;padding:1.25rem 0;text-align:center;transition:background-color .3s ease}.app-footer a{color:#93c5fd;color:var(--footer-link);text-decoration:none}.app-footer a:hover{text-decoration:underline}.social-media{display:flex;gap:.75rem;justify-content:center;margin-top:.75rem}.social-media a{align-items:center;background:#ffffff14;border-radius:50%;color:#fff;color:var(--footer-text);display:inline-flex;font-size:1rem;height:36px;justify-content:center;text-decoration:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:36px}.social-media a:hover{background:linear-gradient(45deg,#0073e6,#00c8ff);color:#fff;transform:translateY(-4px)}.card{background-color:#f1f5f9;background-color:var(--bg-card);border:1px solid #cbd5e1;border:1px solid var(--border);border-radius:.75rem;box-shadow:0 4px 12px #64748b14;box-shadow:0 4px 12px var(--shadow);padding:clamp(.75rem,2vw,1.5rem);transition:transform .25s ease,box-shadow .25s ease,background-color .3s ease,border-color .3s ease,color .3s ease}.card:hover{box-shadow:0 8px 20px #64748b29;box-shadow:0 8px 20px var(--shadow-hover)}.card-title{font-size:clamp(1rem,2vw,1.25rem)}.card-chart-title,.card-title{color:#1e293b;color:var(--text-heading);font-weight:700;margin-bottom:1rem}.card-chart-title{font-size:clamp(.95rem,1.8vw,1.125rem);text-align:center}.main-content{flex:1 1;margin:0 auto;max-width:1200px;padding:clamp(.5rem,2vw,1.25rem);width:100%}.page-title{color:#1e293b;color:var(--text-heading);font-size:clamp(1.25rem,3.5vw,1.75rem);font-weight:700;margin-bottom:clamp(.75rem,2vw,1.5rem);text-align:center}.stats-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}@media (min-width:640px){.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:900px){.stats-grid{grid-template-columns:repeat(5,1fr)}}.stat-card{border-radius:.75rem;box-shadow:0 2px 6px #64748b14;box-shadow:0 2px 6px var(--shadow);padding:clamp(.625rem,1.5vw,1rem);text-align:center;transition:transform .2s ease,background .3s ease,color .3s ease}.stat-card:hover{transform:translateY(-2px)}.stat-card--blue{background:linear-gradient(135deg,#dbeafe,#bfdbfe);background:var(--stat-blue-bg)}.stat-card--green{background:linear-gradient(135deg,#dcfce7,#bbf7d0);background:var(--stat-green-bg)}.stat-card--purple{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);background:var(--stat-purple-bg)}.stat-card--red{background:linear-gradient(135deg,#fee2e2,#fecaca);background:var(--stat-red-bg)}.stat-card--amber{background:linear-gradient(135deg,#fef3c7,#fde68a);background:var(--stat-amber-bg)}.stat-card--teal{background:linear-gradient(135deg,#ccfbf1,#99f6e4);background:var(--stat-teal-bg)}.stat-value{font-size:clamp(1rem,2vw,1.25rem);font-weight:700;line-height:1.3}.stat-label{font-size:clamp(.7rem,1.2vw,.8rem);margin-top:.25rem}.stat-card--blue .stat-value{color:#1e40af;color:var(--stat-blue-text)}.stat-card--blue .stat-label{color:#2563eb;color:var(--stat-blue-sub)}.stat-card--green .stat-value{color:#166534;color:var(--stat-green-text)}.stat-card--green .stat-label{color:#16a34a;color:var(--stat-green-sub)}.stat-card--purple .stat-value{color:#6b21a8;color:var(--stat-purple-text)}.stat-card--purple .stat-label{color:#9333ea;color:var(--stat-purple-sub)}.stat-card--red .stat-value{color:#991b1b;color:var(--stat-red-text)}.stat-card--red .stat-label{color:#dc2626;color:var(--stat-red-sub)}.stat-card--amber .stat-value{color:#92400e;color:var(--stat-amber-text)}.stat-card--amber .stat-label{color:#d97706;color:var(--stat-amber-sub)}.stat-card--teal .stat-value{color:#115e59;color:var(--stat-teal-text)}.stat-card--teal .stat-label{color:#0d9488;color:var(--stat-teal-sub)}.streaks-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.streak-badge{align-items:center;background-color:#e8edf2;background-color:var(--bg-card-hover);border:1px solid #cbd5e1;border:1px solid var(--border);border-radius:2rem;color:#334155;color:var(--text);display:inline-flex;font-size:.8rem;font-weight:600;gap:.375rem;padding:.35rem .75rem}.streak-badge--win{color:#00695c;color:var(--success)}.streak-badge--loss{color:#c62828;color:var(--error)}.tab-bar{-webkit-overflow-scrolling:touch;display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-color:#cbd5e1 #0000;scrollbar-color:var(--border) #0000;scrollbar-width:thin}.tab-bar::-webkit-scrollbar{height:4px}.tab-bar::-webkit-scrollbar-track{background:#0000}.tab-bar::-webkit-scrollbar-thumb{background-color:#cbd5e1;background-color:var(--border);border-radius:2px}.tab-btn{align-items:center;background-color:#e2e8f0;background-color:var(--tab-bg);border:none;border-radius:.5rem;color:#475569;color:var(--tab-text);cursor:pointer;display:flex;flex:0 0 auto;font-size:clamp(.75rem,1.3vw,.85rem);font-weight:500;gap:.5rem;padding:.625rem 1rem;transition:all .2s ease;white-space:nowrap}.tab-btn:hover{background-color:#cbd5e1;background-color:var(--tab-hover-bg)}.tab-btn--active{box-shadow:0 2px 8px #00000026;color:#fff;color:var(--tab-active-text)}.tab-btn--active,.tab-btn--active:hover{background-color:#3949ab;background-color:var(--tab-active-bg)}.tab-btn--active:hover{filter:brightness(1.1)}.tab-icon{font-size:1.15rem;line-height:1}.filter-bar{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.filter-bar label{color:#64748b;color:var(--text-muted);font-size:.85rem;font-weight:600}.filter-bar select{background-color:#f1f5f9;background-color:var(--bg-card);border:1px solid #cbd5e1;border:1px solid var(--border);border-radius:.375rem;color:#334155;color:var(--text);cursor:pointer;font-size:.85rem;padding:.4rem .75rem;transition:border-color .2s}.filter-bar select:focus{border-color:#3949ab;border-color:var(--accent);outline:none}.filter-reset-btn{background:#f1f5f9;background:var(--bg-card);border:1px solid #cbd5e1;border:1px solid var(--border);border-radius:.375rem;color:#64748b;color:var(--text-muted);cursor:pointer;font-size:.8rem;padding:.4rem .75rem;transition:all .2s}.filter-reset-btn:hover{background:#e8edf2;background:var(--bg-card-hover);color:#334155;color:var(--text)}.week-clickable{cursor:pointer}.week-highlight-notice{align-items:center;background-color:#3949ab14;background-color:var(--highlight-bg);border-radius:2rem;color:#3949ab;color:var(--accent);display:inline-flex;font-size:.8rem;font-weight:500;gap:.375rem;margin-left:.5rem;padding:.3rem .75rem}.week-highlight-notice button{background:none;border:none;color:#3949ab;color:var(--accent);cursor:pointer;font-size:1rem;line-height:1;padding:0 .25rem}.chart-wrapper{height:clamp(16rem,40vw,22rem)}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:#cbd5e1;stroke:var(--chart-grid)}.recharts-text{fill:#334155;fill:var(--chart-text)}.recharts-tooltip-wrapper .recharts-default-tooltip{background-color:#f1f5f9!important;background-color:var(--bg-card)!important;border:1px solid #cbd5e1!important;border:1px solid var(--border)!important;border-radius:.5rem!important;color:#334155!important;color:var(--text)!important}.recharts-legend-item-text{color:#334155!important;color:var(--text)!important}.recharts-responsive-container{height:100%!important;width:100%!important}.data-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.data-table{border-collapse:collapse;font-size:.85rem;min-width:600px;width:100%}.data-table td,.data-table th{border-bottom:1px solid #cbd5e1;border-bottom:1px solid var(--border);padding:.6rem .75rem;text-align:left;white-space:nowrap}.data-table th{background-color:#f1f5f9;background-color:var(--bg-card);color:#64748b;color:var(--text-muted);cursor:pointer;font-size:.78rem;font-weight:600;letter-spacing:.03em;position:sticky;text-transform:uppercase;top:0;-webkit-user-select:none;user-select:none;z-index:1}.data-table th:hover{color:#1e293b;color:var(--text-heading)}.data-table th .sort-arrow{display:inline-block;margin-left:.25rem;opacity:.5}.data-table th .sort-arrow--active{color:#3949ab;color:var(--accent);opacity:1}.data-table tbody tr{transition:background-color .15s}.data-table tbody tr:nth-child(2n){background-color:#64748b08;background-color:var(--table-stripe)}.data-table tbody tr:hover{background-color:#64748b0f;background-color:var(--table-row-hover)}.data-table tbody tr.row-highlight{background-color:#3949ab14;background-color:var(--highlight-bg)}.data-table .cell-win{color:#00695c;color:var(--success);font-weight:600}.data-table .cell-lose{color:#c62828;color:var(--error);font-weight:600}.table-pagination{align-items:center;color:#64748b;color:var(--text-muted);display:flex;font-size:.8rem;justify-content:space-between;margin-top:.75rem}.table-pagination button{background:#f1f5f9;background:var(--bg-card);border:1px solid #cbd5e1;border:1px solid var(--border);border-radius:.375rem;color:#334155;color:var(--text);cursor:pointer;font-size:.8rem;padding:.35rem .75rem;transition:all .2s}.table-pagination button:hover:not(:disabled){background:#e8edf2;background:var(--bg-card-hover)}.table-pagination button:disabled{cursor:not-allowed;opacity:.4}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f1f5f9 25%,#e8edf2 50%,#f1f5f9 75%);background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-card-hover) 50%,var(--bg-card) 75%);background-size:200% 100%;border-radius:.5rem}.skeleton-stat{border-radius:.75rem;height:4.5rem}.skeleton-chart{border-radius:.75rem;height:20rem}.skeleton-row{border-radius:.375rem;height:2.5rem;margin-bottom:.5rem}.error-banner{background-color:#fee2e2;background-color:var(--error-light);border-left:4px solid #c62828;border-left:4px solid var(--error);border-radius:.5rem;box-shadow:0 2px 6px #64748b14;box-shadow:0 2px 6px var(--shadow);color:#c62828;color:var(--error);margin-bottom:1.25rem;padding:1rem}.error-banner strong{display:block;margin-bottom:.25rem}.inline-error{color:#64748b;color:var(--text-muted);padding:2rem;text-align:center}.inline-error button{background:#0000;border:1px solid #3949ab;border:1px solid var(--accent);border-radius:.5rem;color:#3949ab;color:var(--accent);cursor:pointer;font-weight:600;margin-top:.75rem;padding:.5rem 1.25rem;transition:all .2s}.inline-error button:hover{background:#3949ab;background:var(--accent);color:#fff}.loading-screen{align-items:center;display:flex;justify-content:center;min-height:60vh;padding:2rem}.loading-box{background-color:#f1f5f9;background-color:var(--bg-card);border:1px solid #cbd5e1;border:1px solid var(--border);border-radius:.75rem;box-shadow:0 8px 24px #64748b14;box-shadow:0 8px 24px var(--shadow);padding:2.5rem 3rem;text-align:center}.loading-box .spinner{font-size:2rem;margin-bottom:1rem}.loading-box h2{color:#1e293b;color:var(--text-heading);font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.loading-box p{color:#64748b;color:var(--text-muted);font-size:.9rem}.mb-section{margin-bottom:1.25rem}.mt-sub{margin-top:.5rem}.flex-between{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between}.export-btn{background:#0000;border:1px solid #3949ab;border:1px solid var(--accent);border-radius:.375rem;color:#3949ab;color:var(--accent);cursor:pointer;font-size:.8rem;font-weight:600;padding:.4rem .85rem;transition:all .2s ease;white-space:nowrap}.export-btn:hover{background:#3949ab;background:var(--accent);color:#fff}.last-updated{color:#64748b;color:var(--text-muted);font-size:.75rem;white-space:nowrap}.custom-tooltip{background-color:#f1f5f9;background-color:var(--bg-card);border:1px solid #cbd5e1;border:1px solid var(--border);border-radius:.5rem;box-shadow:0 4px 12px #64748b14;box-shadow:0 4px 12px var(--shadow);color:#334155;color:var(--text);font-size:.8rem;max-width:220px;padding:.625rem .85rem}.custom-tooltip__title{color:#1e293b;color:var(--text-heading);font-weight:700;margin-bottom:.25rem}.custom-tooltip__sub{color:#64748b;color:var(--text-muted);font-size:.7rem;margin-bottom:.25rem}.custom-tooltip p{line-height:1.4;margin:.15rem 0}.custom-tooltip .tt-win{color:#00695c;color:var(--success)}.custom-tooltip .tt-lose{color:#c62828;color:var(--error)}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-number{animation:fadeSlideUp .5s ease-out both}.stats-grid>:first-child .animate-number{animation-delay:0ms}.stats-grid>:nth-child(2) .animate-number{animation-delay:60ms}.stats-grid>:nth-child(3) .animate-number{animation-delay:.12s}.stats-grid>:nth-child(4) .animate-number{animation-delay:.18s}.stats-grid>:nth-child(5) .animate-number{animation-delay:.24s}.empty-state{color:#64748b;color:var(--text-muted);font-size:.9rem;padding:2.5rem 1rem;text-align:center}.empty-state p{margin-bottom:.75rem}.empty-state button{margin-top:.5rem}.fullscreen-overlay{background-color:#f8fafc;background-color:var(--bg);inset:0;overflow-y:auto;padding:1rem;position:fixed;z-index:1000}.fullscreen-close{align-items:center;background:#f1f5f9;background:var(--bg-card);border:1px solid #cbd5e1;border:1px solid var(--border);border-radius:50%;box-shadow:0 4px 12px #64748b14;box-shadow:0 4px 12px var(--shadow);color:#334155;color:var(--text);cursor:pointer;display:flex;font-size:1.2rem;height:2.5rem;justify-content:center;position:fixed;right:1rem;top:1rem;transition:all .2s;width:2.5rem;z-index:1001}.fullscreen-close:hover{background:#3949ab;background:var(--accent);color:#fff}.compare-grid{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:1fr auto 1fr;text-align:center}.compare-col{background:#e8edf2;background:var(--bg-card-hover);border:1px solid #cbd5e1;border:1px solid var(--border);border-radius:.75rem;padding:1rem}.compare-col h4{color:#1e293b;color:var(--text-heading);font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.compare-col p{color:#334155;color:var(--text);font-size:.85rem;margin:.25rem 0}.compare-delta{color:#64748b;color:var(--text-muted);font-size:.8rem;padding:.75rem}.compare-delta p{font-weight:600;margin:.25rem 0}@media (max-width:600px){.compare-grid{grid-template-columns:1fr}.compare-delta{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}}.tt-win{color:#00695c;color:var(--success)}.tt-lose{color:#c62828;color:var(--error)}
/*# sourceMappingURL=main.b1014cf6.css.map*/