@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius:.875rem;--radius-sm:calc(var(--radius) - 4px);--radius-md:calc(var(--radius) - 2px);--radius-lg:var(--radius);--radius-xl:calc(var(--radius) + 4px);--bg-body:#09090b;--bg-surface:#18181b;--bg-surface-elevated:#1e1e22;--bg-white-2:#ffffff05;--bg-white-3:#ffffff08;--bg-white-5:#ffffff0d;--bg-white-7:#ffffff12;--bg-navbar:#09090bb3;--border-subtle:#ffffff0f;--border-light:#ffffff1a;--border-hover:#fff3;--text-primary:#fafafa;--text-secondary:#ffffffd9;--text-muted:#71717a;--text-muted-light:#71717a99;--bull:#22c55e;--bull-10:#22c55e1a;--bull-20:#22c55e33;--bull-55:#22c55e8c;--bear:#ef4444;--bear-10:#ef44441a;--bear-20:#ef444433;--transition-fast:.15s ease;--transition-base:.25s ease;--bg-body-gradient:radial-gradient(1200px 600px at 10% -10%, #22c55e14, transparent 60%), radial-gradient(900px 500px at 110% 10%, #6366f10f, transparent 60%), #09090b}.light-theme{--bg-body:#f4f4f5;--bg-surface:#fff;--bg-surface-elevated:#e4e4e7;--bg-white-2:#00000005;--bg-white-3:#00000008;--bg-white-5:#0000000a;--bg-white-7:#0000000f;--bg-navbar:#f4f4f5b3;--border-subtle:#0000000f;--border-light:#0000001a;--border-hover:#0000002e;--text-primary:#09090b;--text-secondary:#27272a;--text-muted:#71717a;--text-muted-light:#71717a99;--bg-body-gradient:radial-gradient(1200px 600px at 10% -10%, #22c55e0a, transparent 60%), radial-gradient(900px 500px at 110% 10%, #6366f108, transparent 60%), #f9f9fa}*,:before,:after{box-sizing:border-box;border-color:var(--border-subtle);margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-body-gradient);min-height:100vh;line-height:1.6}.app{flex-direction:column;min-height:100vh;display:flex}.gradient-text{background:linear-gradient(135deg,#22c55e 0%,#4ade80 50%,#a3e635 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.card-elev{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:1rem;transition:transform .25s,box-shadow .25s,border-color .25s}.card-hover:hover{border-color:var(--bull-20);transform:translateY(-3px);box-shadow:0 20px 50px -20px #22c55e40}.text-bull{color:var(--bull)}.text-bear{color:var(--bear)}.tabular-nums{font-variant-numeric:tabular-nums}.connection-overlay{z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#09090bf5;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.connection-modal{text-align:center;padding:3rem}.connection-spinner{justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 2rem;display:flex;position:relative}.spinner-ring{border:2.5px solid #22c55e1f;border-top-color:var(--bull);border-radius:50%;animation:1s linear infinite spin;position:absolute;inset:0}.spinner-icon{color:var(--bull);animation:2s ease-in-out infinite pulse}.connection-modal h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.connection-modal p{color:var(--text-muted);font-size:.8rem}.pulse-bar{background:#22c55e1f;border-radius:4px;width:180px;height:2px;margin:1.5rem auto 0;overflow:hidden}.pulse-fill{background:linear-gradient(90deg, var(--bull), #a3e635);border-radius:4px;width:40%;height:100%;animation:1.5s ease-in-out infinite pulseBar}.login-container{justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex;position:relative}.login-backdrop{pointer-events:none;position:absolute;inset:0;overflow:hidden}.login-glow-1{filter:blur(120px);background:#22c55e1a;border-radius:50%;width:700px;height:400px;position:absolute;top:-8rem;left:50%;transform:translate(-50%)}.login-glow-2{filter:blur(120px);background:#6366f11a;border-radius:50%;width:500px;height:300px;position:absolute;bottom:0;right:0}.login-card{background:var(--bg-surface);-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);border:1px solid var(--border-subtle);border-radius:1rem;width:100%;max-width:420px;padding:2rem 2.5rem;animation:.4s ease-out both fadeUp;position:relative;overflow:hidden}@media (width>=640px){.login-card{padding:2.5rem}}.login-header{text-align:center;flex-direction:column;align-items:center;gap:.75rem;margin-bottom:1.75rem;display:flex}.login-logo-icon{background:linear-gradient(135deg,#22c55e,#4ade80,#a3e635);border-radius:1rem;place-items:center;width:56px;height:56px;display:grid;box-shadow:0 18px 40px -12px #22c55e8c}.login-logo-icon svg{color:#000}.login-title{letter-spacing:-.02em;font-size:1.5rem;font-weight:600}@media (width>=640px){.login-title{font-size:1.625rem}}.login-subtitle{color:var(--text-muted);font-size:.875rem}.login-form{flex-direction:column;gap:1rem;display:flex}.input-group label{text-transform:uppercase;letter-spacing:.18em;color:var(--text-muted);margin-bottom:.5rem;font-size:.7rem;font-weight:500;display:block}.login-input{border-radius:var(--radius-xl);border:1px solid var(--border-light);background:var(--bg-white-5);width:100%;color:var(--text-primary);font-family:var(--font-sans);transition:all var(--transition-fast);outline:none;padding:.75rem 1rem;font-size:.875rem}.login-input::placeholder{color:var(--text-muted-light)}.login-input:focus{background:var(--bg-white-7);border-color:#22c55e80;box-shadow:0 0 0 2px #22c55e33}.input-error{color:var(--bear);margin-top:.5rem;font-size:.75rem}.login-btn{border-radius:var(--radius-xl);color:#000;width:100%;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);background:linear-gradient(135deg,#22c55e,#a3e635);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:600;display:flex}.login-btn:hover:not(:disabled){box-shadow:0 12px 40px -8px #22c55e99}.login-btn:active:not(:disabled){transform:scale(.99)}.login-btn:disabled{opacity:.5;cursor:not-allowed}.login-btn.loading{pointer-events:none}.btn-spinner{border:2px solid #0003;border-top-color:#000;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin}.connection-warning{color:var(--bear);justify-content:center;align-items:center;gap:.5rem;font-size:.75rem;animation:2s ease-in-out infinite pulse;display:flex}.login-footer{text-align:center;margin-top:1.5rem}.login-footer p{color:var(--text-muted);font-size:.688rem}.navbar{z-index:40;border-bottom:1px solid var(--border-subtle);background:var(--bg-navbar);-webkit-backdrop-filter:blur(20px);position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;gap:1rem;max-width:80rem;margin:0 auto;padding:.75rem 1rem;display:flex}@media (width>=640px){.navbar-inner{padding:.75rem 1.5rem}}.navbar-brand{align-items:center;gap:.625rem;min-width:0;display:flex}.navbar-logo{border-radius:var(--radius-xl);background:linear-gradient(135deg,#22c55e,#a3e635);flex-shrink:0;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 8px 24px -8px #22c55e99}.navbar-logo svg{color:#000}.navbar-info{min-width:0}.navbar-title{letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}@media (width>=640px){.navbar-title{font-size:1rem}}.navbar-subtitle{text-transform:uppercase;letter-spacing:.18em;color:var(--text-muted);font-size:.625rem;display:none}@media (width>=640px){.navbar-subtitle{display:block}}.navbar-right{align-items:center;gap:.5rem;display:flex}@media (width>=640px){.navbar-right{gap:.75rem}}.conn-pill{border:1px solid var(--border-light);background:var(--bg-white-5);border-radius:9999px;align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;display:inline-flex}.conn-dot-wrapper{width:8px;height:8px;display:inline-flex;position:relative}.conn-dot-ping{opacity:.6;border-radius:50%;animation:1.4s ease-in-out infinite pulseDot;position:absolute;inset:0}.conn-dot-ping.bull{background:var(--bull)}.conn-dot-ping.bear{background:var(--bear)}.conn-dot{border-radius:50%;width:8px;height:8px;position:relative}.conn-dot.bull{background:var(--bull)}.conn-dot.bear{background:var(--bear)}.conn-label{display:none}@media (width>=640px){.conn-label{display:inline}}.email-pill{border:1px solid var(--border-light);background:var(--bg-white-5);color:var(--text-muted);border-radius:9999px;padding:.375rem .75rem;font-size:.75rem;display:none}@media (width>=640px){.email-pill{display:block}}.logout-btn{border:1px solid var(--border-light);background:var(--bg-white-5);width:32px;height:32px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);border-radius:50%;place-items:center;display:grid}.logout-btn:hover{border-color:var(--border-hover);color:var(--text-primary)}.main-content{flex:1;width:100%;max-width:80rem;margin:0 auto;padding:1.5rem 1rem}@media (width>=640px){.main-content{padding:2rem 1.5rem}}.welcome-section{margin-bottom:1.5rem}.welcome-title{letter-spacing:-.02em;font-size:1.5rem;font-weight:600}@media (width>=640px){.welcome-title{font-size:1.875rem}}.welcome-subtitle{color:var(--text-muted);margin-top:.25rem;font-size:.875rem}.dashboard-grid{grid-template-columns:1fr;gap:1.5rem;margin-top:2rem;display:grid}@media (width>=1024px){.dashboard-grid{grid-template-columns:360px 1fr}}.dashboard-sidebar{align-self:start}@media (width>=1024px){.dashboard-sidebar{position:sticky;top:5rem}}.available-stocks{padding:1.25rem}.available-stocks-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.available-stocks-header h2{letter-spacing:-.02em;font-size:1rem;font-weight:600}.available-stocks-header p{color:var(--text-muted);font-size:.75rem}.badge-pill{border:1px solid var(--border-light);background:var(--bg-white-5);text-transform:uppercase;letter-spacing:.18em;color:var(--text-muted);border-radius:9999px;padding:.125rem .5rem;font-size:.625rem}.stock-list-items{flex-direction:column;gap:.5rem;display:flex}.stock-list-row{border-radius:var(--radius-xl);border:1px solid var(--border-subtle);background:var(--bg-white-2);transition:all var(--transition-base);justify-content:space-between;align-items:center;padding:.75rem;display:flex}.stock-list-row:hover{border-color:var(--bull-20);background:var(--bg-white-5);transform:translateY(-2px);box-shadow:0 12px 30px -12px #22c55e4d}.stock-list-left{min-width:0}.stock-list-symbol-row{align-items:center;gap:.5rem;display:flex}.stock-list-symbol{letter-spacing:-.02em;font-size:.9rem;font-weight:600}.stock-list-exchange{background:var(--bg-white-5);text-transform:uppercase;letter-spacing:.18em;color:var(--text-muted);border-radius:4px;padding:.125rem .375rem;font-size:.5625rem}.stock-list-name{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.stock-list-right{align-items:center;gap:.75rem;display:flex}.stock-list-price-col{text-align:right}.stock-list-price-label{text-transform:uppercase;letter-spacing:.18em;color:var(--text-muted);font-size:.625rem}.stock-list-price-value{font-variant-numeric:tabular-nums;font-size:.9rem;font-weight:600}.subscribe-btn{height:32px;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:.5rem;align-items:center;gap:.25rem;padding:0 .75rem;font-size:.75rem;font-weight:500;display:inline-flex}.subscribe-btn.active{color:#000;background:linear-gradient(135deg,#22c55e,#a3e635)}.subscribe-btn.active:hover{box-shadow:0 10px 28px -8px var(--bull-55)}.subscribe-btn.subscribed{background:var(--bg-white-5);border:1px solid var(--border-light);color:var(--text-muted)}.subscribe-btn.subscribed:hover{color:var(--text-primary)}.subscribed-header{justify-content:space-between;align-items:flex-end;margin-bottom:1rem;display:flex}.subscribed-header h2{letter-spacing:-.02em;font-size:1rem;font-weight:600}.subscribed-header p{color:var(--text-muted);font-size:.75rem}.stock-cards-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=768px){.stock-cards-grid{grid-template-columns:repeat(2,1fr)}}.stock-card{padding:1.25rem;animation:.4s ease-out both fadeUp;position:relative;overflow:hidden}.stock-card-glow{filter:blur(48px);pointer-events:none;border-radius:50%;width:10rem;height:10rem;transition:all .3s;position:absolute;top:-4rem;right:-4rem}.stock-card-glow.up{background:#22c55e1a}.stock-card-glow.down{background:#ef44441a}.stock-card:hover .stock-card-glow.up{background:#22c55e33}.stock-card:hover .stock-card-glow.down{background:#ef444433}.stock-card-content{position:relative}.stock-card-top{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.stock-card-symbol-row{align-items:center;gap:.5rem;display:flex}.stock-card-symbol{letter-spacing:-.02em;font-size:1.125rem;font-weight:600}.live-badge{background:var(--bull-10);text-transform:uppercase;letter-spacing:.18em;color:var(--bull);border:1px solid #22c55e4d;border-radius:9999px;align-items:center;gap:.25rem;padding:.125rem .5rem;font-size:.5625rem;font-weight:600;display:inline-flex}.live-badge-dot{width:6px;height:6px;display:inline-flex;position:relative}.live-badge-dot .ping{background:var(--bull);opacity:.7;border-radius:50%;animation:1.4s ease-in-out infinite pulseDot;position:absolute;inset:0}.live-badge-dot .core{background:var(--bull);border-radius:50%;width:6px;height:6px;position:relative}.stock-card-name{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.688rem;overflow:hidden}.unsub-btn{border:1px solid var(--border-subtle);width:28px;height:28px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border-radius:.5rem;flex-shrink:0;place-items:center;display:grid}.unsub-btn:hover{color:var(--bear);border-color:#ef444466}.stock-card-price-row{justify-content:space-between;align-items:flex-end;gap:.75rem;margin-top:1rem;display:flex}.stock-card-price{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:1.875rem;font-weight:600;transition:color .3s}.stock-card-price.flash-up{animation:.8s ease-out flashGreen}.stock-card-price.flash-down{animation:.8s ease-out flashRed}.stock-card-change-pill{border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.stock-card-change-pill.up{background:var(--bull-10);color:var(--bull)}.stock-card-change-pill.down{background:var(--bear-10);color:var(--bear)}.stock-card-chart{margin-top:1rem}.stock-card-chart .recharts-wrapper,.stock-card-chart .recharts-wrapper svg{width:100%!important}.stock-card-footer{color:var(--text-muted);justify-content:space-between;align-items:center;margin-top:.75rem;font-size:.688rem;display:flex}.stock-card-footer .time{font-variant-numeric:tabular-nums}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem 1.5rem;display:flex;position:relative;overflow:hidden}.empty-state-glow{filter:blur(48px);pointer-events:none;opacity:.6;background:#22c55e1a;border-radius:50%;width:16rem;height:16rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.empty-state-icon{border:1px solid var(--border-light);background:var(--bg-white-3);border-radius:1rem;place-items:center;width:64px;height:64px;display:grid;position:relative}.empty-state-icon svg{color:var(--bull)}.empty-state-sparkle{color:#fbbf24;position:absolute;top:-4px;right:-4px}.empty-state h3{margin-top:1.25rem;font-size:1rem;font-weight:600;position:relative}.empty-state p{color:var(--text-muted);max-width:24rem;margin-top:.25rem;font-size:.875rem;position:relative}.skeleton{background:linear-gradient(90deg,#ffffff0a 0%,#ffffff1a 50%,#ffffff0a 100%) 0 0/800px 100%;border-radius:4px;animation:1.6s linear infinite shimmer}.app-footer{text-align:center;color:var(--text-muted);margin-top:3rem;padding-bottom:1.5rem;font-size:.688rem}.chart-tooltip{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:.5rem;flex-direction:column;gap:.125rem;padding:.375rem .625rem;display:flex;box-shadow:0 8px 24px #0006}.tooltip-time{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.625rem}.tooltip-price{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:.8rem;font-weight:600}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}@keyframes pulseBar{0%{transform:translate(-100%)}to{transform:translate(350%)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes flashGreen{0%{color:#22c55e}to{color:inherit}}@keyframes flashRed{0%{color:#ef4444}to{color:inherit}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.light-theme ::-webkit-scrollbar-thumb{background:#a1a1aa}.light-theme ::-webkit-scrollbar-thumb:hover{background:#71717a}.focus-mode-active .navbar,.focus-mode-active .dashboard-sidebar,.focus-mode-active .welcome-section,.focus-mode-active .app-footer,.focus-mode-active .subscribed-header{display:none!important}.focus-mode-active .main-content{width:100%;max-width:100vw;padding:1rem}.focus-mode-active .dashboard-grid{margin-top:0;grid-template-columns:1fr!important}.focus-mode-active .stock-cards-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(360px,1fr))!important}.focus-mode-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.75rem;animation:.3s ease-out fadeUp;display:flex}.focus-mode-title{align-items:center;gap:.75rem;display:flex}.focus-mode-title h2{letter-spacing:-.02em;font-size:1.25rem;font-weight:700}.btn-exit-focus{border-radius:var(--radius-md);border:1px solid var(--border-light);background:var(--bg-white-5);color:var(--text-primary);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8rem;font-weight:600;display:inline-flex}.btn-exit-focus:hover{background:var(--bg-white-7);border-color:var(--border-hover)}.stock-card{position:relative}.stock-card.dragging{opacity:.45;border:2px dashed var(--bull-55);transform:scale(.98)}.drag-handle{width:24px;height:24px;color:var(--text-muted);cursor:grab;transition:all var(--transition-fast);opacity:.3;border-radius:6px;place-items:center;display:grid}.stock-card:hover .drag-handle{opacity:.65}.drag-handle:hover{background:var(--bg-white-7);color:var(--text-primary);opacity:1!important}.drag-handle:active{cursor:grabbing}