*,*:before,*:after{box-sizing:border-box}:root{--bg: #0a0e16;--surface: #131a27;--surface-hover: #182131;--surface-raised: #1a2333;--border: #232c3d;--border-strong: #2f3b52;--text: #e8edf5;--text-secondary: #93a1b8;--text-tertiary: #5c6a82;--accent: #4c8dff;--accent-hover: #6ba0ff;--accent-soft: rgba(76, 141, 255, .12);--accent-border: rgba(76, 141, 255, .4);--success: #2ea043;--success-text: #3fb950;--success-soft: rgba(63, 185, 80, .12);--danger: #da3633;--danger-text: #f85149;--danger-soft: rgba(248, 81, 73, .12);--warning: #e3b341;--warning-soft: rgba(227, 179, 65, .12);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);--shadow-md: 0 8px 24px rgba(0, 0, 0, .35);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .45);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: ui-monospace, "Cascadia Code", "SFMono-Regular", Consolas, Menlo, monospace;--transition-fast: .12s cubic-bezier(.4, 0, .2, 1);--transition: .18s cubic-bezier(.4, 0, .2, 1)}html,body{margin:0;padding:0;background:var(--bg);background-image:radial-gradient(ellipse 1200px 600px at 15% -10%,rgba(76,141,255,.08),transparent 60%),radial-gradient(ellipse 900px 500px at 100% 0%,rgba(63,185,80,.05),transparent 55%);background-attachment:fixed;color:var(--text);font-family:var(--font-sans);overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;scrollbar-color:var(--border-strong) var(--bg);scrollbar-width:thin}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}::selection{background:var(--accent-soft);color:var(--text)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}app-root{display:block;min-height:100vh;background:var(--bg)}.page{font-family:var(--font-sans);color:var(--text);min-height:100vh;padding:var(--space-5);max-width:1400px;margin:0 auto}@media(max-width:600px){.page{padding:var(--space-3)}}.header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-5)}.header h1{display:inline-flex;align-items:center;gap:8px;font-size:1.3rem;font-weight:700;letter-spacing:-.01em;margin:0;color:var(--text)}.header h1 app-icon{color:var(--accent-hover)}.header h1 .brand{background:linear-gradient(135deg,var(--text) 20%,var(--accent-hover) 130%);-webkit-background-clip:text;background-clip:text;color:transparent}.header .header-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}@media(max-width:600px){.header h1{font-size:1.1rem}}.btn-ghost{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);padding:7px 14px;font:inherit;font-size:.82rem;font-weight:500;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:border-color var(--transition),color var(--transition),background var(--transition),transform var(--transition-fast)}.btn-ghost:hover{border-color:var(--accent-border);color:var(--text);background:var(--surface-hover)}.btn-ghost:active{transform:scale(.97)}.btn-active{border-color:var(--success-text)!important;color:var(--success-text)!important;background:var(--success-soft)!important}.btn-primary{background:var(--success);border:1px solid transparent;border-radius:var(--radius-sm);color:#fff;font-weight:600;font-size:.88rem;padding:9px 18px;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;gap:6px;box-shadow:var(--shadow-sm);transition:filter var(--transition),box-shadow var(--transition),transform var(--transition-fast)}.btn-primary:hover:not(:disabled){filter:brightness(1.12);box-shadow:var(--shadow-md)}.btn-primary:active:not(:disabled){transform:translateY(1px)}.btn-primary:disabled{background:var(--surface);color:var(--text-tertiary);border-color:var(--border);cursor:not-allowed;box-shadow:none}.card{background:linear-gradient(180deg,var(--surface-raised),var(--surface));border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm);transition:border-color var(--transition),box-shadow var(--transition)}.card.full-width{margin-bottom:var(--space-3)}.card:hover{border-color:var(--border-strong)}.page h2{color:var(--text-secondary);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border);margin:0 0 var(--space-3);padding-bottom:var(--space-2)}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.page table{width:100%;border-collapse:collapse}.page table th{color:var(--text-tertiary);text-align:left;padding:var(--space-2) var(--space-2);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);white-space:nowrap}.page table td{padding:9px var(--space-2);border-bottom:1px solid var(--border);font-size:.88rem}.page table tbody tr{transition:background var(--transition-fast)}.page table tbody tr:hover td{background:var(--surface-hover)}.page table tbody tr:last-child td{border-bottom:none}.page table tr.clickable{cursor:pointer}.page table tr.win-row{background:var(--success-soft)}.page table tr.loss-row{background:var(--danger-soft)}.page table tr.significant{background:var(--success-soft)}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.02em}.badge.long{background:var(--success-soft);color:var(--success-text);border:1px solid rgba(63,185,80,.35)}.badge.short{background:var(--danger-soft);color:var(--danger-text);border:1px solid rgba(248,81,73,.35)}.stats-row{display:flex;gap:var(--space-2);flex-wrap:wrap}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);display:flex;flex-direction:column;gap:2px;transition:border-color var(--transition)}.stat:hover{border-color:var(--border-strong)}.stat-label{color:var(--text-tertiary);font-size:.66rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.stat-val{font-size:1.15rem;font-weight:700;font-variant-numeric:tabular-nums}.page input,.page select{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:8px 10px;font-family:inherit;font-size:.85rem;transition:border-color var(--transition),background var(--transition)}.page input:hover,.page select:hover{border-color:var(--border-strong)}.page input:focus,.page select:focus{outline:none;border-color:var(--accent);background:var(--surface-hover)}.page input::placeholder,.page select::placeholder{color:var(--text-tertiary)}.muted{color:var(--text-secondary)}.bold{font-weight:700}.small{font-size:.83rem}.center{text-align:center;padding:var(--space-6);color:var(--text-secondary)}.error{color:var(--danger-text)}.success{color:var(--success-text)}.positive{color:var(--success-text);font-weight:700;font-variant-numeric:tabular-nums}.negative{color:var(--danger-text);font-weight:700;font-variant-numeric:tabular-nums}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.success{display:inline-flex;align-items:center;gap:6px}@keyframes skeleton-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skel{display:block;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--surface) 25%,var(--surface-hover) 37%,var(--surface) 63%);background-size:800px 100%;animation:skeleton-shimmer 1.6s linear infinite}.skel-line{height:13px;width:100%;margin-bottom:var(--space-2)}.skel-line.w-60{width:60%}.skel-row{height:34px;width:100%;margin-bottom:var(--space-2)}.skel-stat{height:54px;width:108px;border-radius:var(--radius-md)}.skel-chart{height:380px;border-radius:var(--radius-md)}@keyframes flash-up-kf{0%{background-color:#3fb95059}to{background-color:transparent}}@keyframes flash-down-kf{0%{background-color:#f8514959}to{background-color:transparent}}.flash-up{animation:flash-up-kf .7s ease-out;border-radius:var(--radius-sm)}.flash-down{animation:flash-down-kf .7s ease-out;border-radius:var(--radius-sm)}