:root{color-scheme:dark;font-family:Inter,Segoe UI,Arial,sans-serif;--bg: #020617;--text: #e2e8f0;--subtle: #94a3b8;--status: #bfdbfe;--input-bg: rgba(2, 6, 23, .65);--card-bg: linear-gradient(145deg, rgba(15, 23, 42, .74), rgba(2, 6, 23, .72));--card-border: rgba(125, 211, 252, .25);--table-border: rgba(148, 163, 184, .16);--history-item-bg: rgba(2, 6, 23, .5);--history-item-border: rgba(148, 163, 184, .2);--gain-color: #34d399;--loss-color: #f87171;--flat-color: #94a3b8}:root[data-theme=light]{color-scheme:light;--bg: #f4f7fb;--text: #0f172a;--subtle: #475569;--status: #1d4ed8;--input-bg: rgba(255, 255, 255, .96);--card-bg: linear-gradient(160deg, rgba(255, 255, 255, .95), rgba(241, 245, 249, .94) 58%, rgba(238, 242, 255, .92));--card-border: rgba(148, 163, 184, .34);--table-border: rgba(148, 163, 184, .22);--history-item-bg: rgba(255, 255, 255, .92);--history-item-border: rgba(148, 163, 184, .28);--gain-color: #059669;--loss-color: #dc2626;--flat-color: #64748b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}.page{min-height:100vh;position:relative}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 10% 14%,rgba(16,185,129,.16),transparent 34%),radial-gradient(circle at 88% 12%,rgba(34,211,238,.15),transparent 30%),radial-gradient(circle at 60% 78%,rgba(139,92,246,.17),transparent 36%),linear-gradient(180deg,#020617,#0b1120 60%,#111827);z-index:0}:root[data-theme=light] .backdrop{background:radial-gradient(circle at 12% 14%,rgba(59,130,246,.18),transparent 34%),radial-gradient(circle at 88% 12%,rgba(14,165,233,.14),transparent 30%),radial-gradient(circle at 58% 82%,rgba(244,114,182,.12),transparent 38%),linear-gradient(180deg,#f8fafc,#eef4ff 48%,#e2e8f0)}.shell{position:relative;z-index:1;max-width:1240px;margin:0 auto;padding:20px 16px 40px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.topbar-right{display:flex;align-items:center;gap:10px}.chip{border:1px solid rgba(52,211,153,.4);background:#064e3b40;color:#86efac;border-radius:999px;padding:8px 14px;font-size:12px;text-transform:uppercase;letter-spacing:.03em;font-weight:700}:root[data-theme=light] .chip{border-color:#3b82f647;background:#ffffffc2;color:#1e3a8a;box-shadow:0 12px 30px #3b82f61f}:root[data-theme=light] .hero-title h1{background:none;color:#1e3a8a;-webkit-text-fill-color:#1e3a8a}:root[data-theme=light] .hero-title p{color:#2563eb}:root[data-theme=light] .aside-head h3{color:#0f172a}:root[data-theme=light] .card{box-shadow:0 18px 42px #94a3b82e}:root[data-theme=light] button:not(.ghost):not(.filter-btn){border-color:#4f46e538;background:linear-gradient(135deg,#2563eb,#4f46e5 58%,#7c3aed);color:#eff6ff;box-shadow:0 14px 28px #4f46e538}:root[data-theme=light] button.ghost{border-color:#94a3b861;background:#ffffffb8;color:#334155}:root[data-theme=light] input{border-color:#94a3b859;color:var(--text);box-shadow:inset 0 1px #ffffffb3}:root[data-theme=light] .tiny-footer{background:#ffffffc2;border-color:#94a3b83d;color:#475569}:root[data-theme=light] .badge.high{color:#047857;border-color:#10b9814d;background:#10b9811f}:root[data-theme=light] .badge.medium{color:#92400e;border-color:#f59e0b42;background:#f59e0b1f}:root[data-theme=light] .badge.low{color:#b91c1c;border-color:#ef44443d;background:#ef44441a}.timestamp{color:var(--subtle);font-size:14px}.hero-title{text-align:center;margin:8px 0 18px}.hero-title h1{margin:8px 0;font-size:clamp(2.2rem,5vw,4.1rem);line-height:1;background:linear-gradient(90deg,#5eead4,#34d399,#22d3ee,#a78bfa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-title p{margin:0;color:#93c5fd}.hero-title small{display:inline-block;margin-top:8px;color:var(--subtle)}.signal-pill{margin:12px auto 0;width:fit-content;display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;border:1px solid var(--card-border);background:var(--history-item-bg);box-shadow:0 6px 18px #0e749024}.signal-label{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--subtle);border-right:1px solid var(--history-item-border);padding-right:10px}.signal-pill strong{font-size:13px;color:var(--status)}:root[data-theme=light] .signal-pill{background:#ffffffd1;border-color:#94a3b847;box-shadow:0 12px 26px #94a3b824}:root[data-theme=light] .signal-pill strong{color:#1d4ed8}.card{border:1px solid var(--card-border);border-radius:18px;background:var(--card-bg);box-shadow:0 8px 26px #02061773}.controls{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px}.left-actions{display:flex;gap:10px}button{border:1px solid rgba(103,232,249,.45);border-radius:12px;padding:10px 14px;font-weight:700;letter-spacing:.02em;background:linear-gradient(90deg,#0ea5e9,#22d3ee,#34d399);color:#082f49;cursor:pointer}button.ghost{background:transparent;color:var(--text)}button.mini{border-radius:10px;padding:4px 9px;min-width:34px}button:disabled{opacity:.6;cursor:not-allowed}input{flex:1;min-width:260px;max-width:420px;border-radius:12px;border:1px solid rgba(148,163,184,.35);padding:10px 12px;color:var(--text);background:var(--input-bg)}.status{margin:10px 2px 14px;color:var(--status);font-size:14px}.grid{display:grid;grid-template-columns:1.6fr 1fr;gap:14px}.count-card{text-align:center;border:1px solid rgba(167,243,208,.38);border-radius:14px;margin:14px;padding:16px;background:linear-gradient(135deg,#10b981d9,#0e7490e0,#7c3aedeb)}.count-card h2{margin:0 0 8px;font-size:17px}.count-card .count{font-size:62px;font-weight:900;line-height:1}.count-card p{margin:6px 0 0}:root[data-theme=light] .count-card{border-color:#6366f138;background:linear-gradient(135deg,#dbeafe,#e0e7ff 54%,#fae8ff);color:#172554;box-shadow:inset 0 1px #ffffffb3}.table-wrap{overflow-x:auto;padding:0 14px 14px}table{width:100%;border-collapse:collapse}thead th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--subtle);border-bottom:1px solid rgba(148,163,184,.3);padding:10px}tbody td{border-bottom:1px solid var(--table-border);padding:10px;font-size:14px}tbody tr{transition:background-color .18s ease}tbody tr:hover{background:#94a3b814}:root[data-theme=light] tbody tr:hover{background:#3b82f60f}.symbol{font-weight:700}.badge{display:inline-block;border-radius:999px;padding:3px 8px;font-size:12px;font-weight:700}.badge.high{color:#6ee7b7;border:1px solid rgba(16,185,129,.4);background:#10b98133}.badge.medium{color:#fcd34d;border:1px solid rgba(245,158,11,.4);background:#f59e0b33}.badge.low{color:#fca5a5;border:1px solid rgba(248,113,113,.4);background:#f8717133}.empty{text-align:center;color:var(--status)}.aside{padding:14px}.aside-head{display:flex;justify-content:space-between;align-items:center}.aside-head h3{margin:0;color:#a7f3d0}.muted{color:var(--status)}.range-filters{margin-top:10px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.filter-btn{padding:8px 10px;border-radius:10px;border:1px solid var(--history-item-border);background:var(--history-item-bg);color:var(--subtle);font-size:12px;font-weight:700;letter-spacing:.01em}.filter-btn.active{border-color:#22d3ee73;background:linear-gradient(90deg,#0ea5e93b,#34d39938);color:var(--text)}:root[data-theme=light] .filter-btn.active{border-color:#3b82f642;background:linear-gradient(90deg,#2563eb1f,#4f46e51f);color:#1e3a8a}:root[data-theme=light] .profit-card{background:#10b98114}:root[data-theme=light] .loss-card{background:#ef444414}:root[data-theme=light] .pie-wrap,:root[data-theme=light] .history-item{background:#fffc}.perf-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.perf-card{border-radius:12px;padding:10px;border:1px solid var(--history-item-border)}.profit-card{background:#10b98124}.loss-card{background:#f8717124}.perf-label{font-size:12px;color:var(--subtle);text-transform:uppercase;letter-spacing:.03em}.perf-value{margin-top:4px;font-size:28px;font-weight:900}.perf-avg{margin-top:4px;font-size:12px;font-weight:700;letter-spacing:.02em}.gain-text{color:var(--gain-color)}.loss-text{color:var(--loss-color)}.pie-wrap{margin-top:12px;border:1px solid var(--history-item-border);border-radius:12px;padding:12px;background:var(--history-item-bg)}.pie{width:clamp(96px,22vw,130px);aspect-ratio:1;border-radius:50%;margin:0 auto 10px;border:1px solid var(--history-item-border)}.legend{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;font-size:13px;color:var(--subtle)}.legend span{display:flex;align-items:center;gap:8px}.dot{width:10px;height:10px;border-radius:50%}.gain-dot{background:var(--gain-color)}.loss-dot{background:var(--loss-color)}.flat-dot{background:var(--flat-color)}.history-list{display:grid;gap:8px;margin-top:10px;max-height:360px;overflow-y:auto;padding-right:4px}.history-item{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--history-item-border);border-radius:12px;padding:10px;background:var(--history-item-bg)}.since{font-size:12px;color:var(--subtle)}.gain{color:var(--gain-color);font-weight:800}.loss{color:var(--loss-color);font-weight:800}.tiny-footer{margin-top:14px;text-align:center;border:1px solid var(--history-item-border);border-radius:12px;padding:10px;color:var(--subtle);background:var(--history-item-bg);font-size:13px}.tiny-footer .love{color:var(--loss-color);font-weight:800}@media (max-width: 980px){.controls{flex-direction:column;align-items:stretch}input{max-width:none;min-width:0}.grid{grid-template-columns:1fr}.aside{padding:12px}.perf-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.legend{grid-template-columns:repeat(3,minmax(0,1fr))}.history-list{max-height:300px}}@media (max-width: 640px){.range-filters{grid-template-columns:1fr}.filter-btn{font-size:12px;padding:9px 10px}.aside-head h3{font-size:1rem}.perf-cards{grid-template-columns:1fr}.perf-card{padding:10px 12px}.perf-value{font-size:24px}.pie-wrap{padding:10px}.legend{grid-template-columns:1fr;gap:4px}.history-list{max-height:240px;padding-right:2px}.history-item{padding:9px}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding:24px 16px}.auth-shell{position:relative;z-index:1;width:100%;max-width:460px;display:flex;flex-direction:column;align-items:center;gap:20px}.auth-brand{text-align:center}.auth-logo{font-size:52px;line-height:1;margin-bottom:10px;filter:drop-shadow(0 0 22px rgba(34,211,238,.55))}.auth-title{margin:0 0 8px;font-size:clamp(1.8rem,5vw,2.6rem);font-weight:900;line-height:1.1;background:linear-gradient(90deg,#5eead4,#34d399,#22d3ee,#a78bfa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.auth-subtitle{margin:0;color:#93c5fd;font-size:15px}:root[data-theme=light] .auth-title{background:none;color:#1e3a8a;-webkit-text-fill-color:#1e3a8a}:root[data-theme=light] .auth-subtitle{color:#2563eb}.auth-features{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.auth-feature-pill{padding:6px 14px;border-radius:999px;border:1px solid var(--card-border);background:var(--history-item-bg);font-size:12px;font-weight:600;color:var(--text);letter-spacing:.02em;white-space:nowrap}.auth-card{width:100%;border:1px solid var(--card-border);border-radius:22px;background:var(--card-bg);box-shadow:0 24px 60px #0206178c;padding:32px 28px;display:flex;flex-direction:column;gap:16px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}:root[data-theme=light] .auth-card{box-shadow:0 20px 50px #94a3b838}.auth-card-title{margin:0;font-size:1.35rem;font-weight:800;color:var(--text);text-align:center}.auth-card-desc{margin:0;font-size:14px;color:var(--subtle);text-align:center;line-height:1.55}.google-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:13px 20px;border-radius:14px;border:1px solid rgba(148,163,184,.28);background:#fff;color:#1f1f1f;font-size:15px;font-weight:600;letter-spacing:.01em;cursor:pointer;transition:box-shadow .18s ease,transform .15s ease;box-shadow:0 2px 8px #0000002e}.google-btn:hover:not(:disabled){box-shadow:0 6px 22px #00000047;transform:translateY(-1px)}.google-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #0000002e}.google-btn:disabled{opacity:.7;cursor:not-allowed}.google-icon{width:20px;height:20px;flex-shrink:0}.google-btn-spinner{display:inline-block;width:18px;height:18px;border:2px solid rgba(31,31,31,.3);border-top-color:#1f1f1f;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.auth-error{margin:0;padding:10px 14px;border-radius:10px;background:#f8717126;border:1px solid rgba(248,113,113,.35);color:#fca5a5;font-size:13px;text-align:center}:root[data-theme=light] .auth-error{background:#dc262614;border-color:#dc262638;color:#b91c1c}.auth-legal{margin:0;font-size:12px;color:var(--subtle);text-align:center;line-height:1.5}.auth-link{color:#7dd3fc;cursor:pointer;text-decoration:underline;text-underline-offset:2px}:root[data-theme=light] .auth-link{color:#2563eb}.auth-footer{margin:0;font-size:12px;color:var(--subtle);text-align:center}.user-avatar{display:flex;align-items:center;gap:8px}.user-avatar img{width:32px;height:32px;border-radius:50%;border:2px solid rgba(52,211,153,.5);object-fit:cover}.user-avatar-name{font-size:13px;font-weight:600;color:var(--text);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.signout-btn{border:1px solid rgba(148,163,184,.3);background:transparent;color:var(--subtle);font-size:12px;font-weight:600;padding:5px 11px;border-radius:8px;cursor:pointer;transition:background .15s ease,color .15s ease}.signout-btn:hover{background:#f871711f;border-color:#f8717159;color:#fca5a5}:root[data-theme=light] .signout-btn:hover{background:#dc262614;border-color:#dc262638;color:#b91c1c}