body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--color-primary:#0f172a;--color-primary-light:#1e293b;--color-primary-dark:#020617;--color-accent:#3b82f6;--color-accent-light:#60a5fa;--color-accent-dark:#2563eb;--color-accent-muted:#1d4ed8;--color-up:#10b981;--color-up-light:#34d399;--color-up-dark:#059669;--color-up-bg:#10b9811a;--color-down:#ef4444;--color-down-light:#f87171;--color-down-dark:#dc2626;--color-down-bg:#ef44441a;--color-flat:#6b7280;--color-flat-bg:#6b72801a;--color-success:var(--color-up);--color-error:var(--color-down);--color-warning:#f59e0b;--color-warning-bg:#f59e0b1a;--color-info:var(--color-accent);--color-gray-50:#f8fafc;--color-gray-100:#f1f5f9;--color-gray-200:#e2e8f0;--color-gray-300:#cbd5e1;--color-gray-400:#94a3b8;--color-gray-500:#64748b;--color-gray-600:#475569;--color-gray-700:#334155;--color-gray-800:#1e293b;--color-gray-900:#0f172a;--surface-primary:#fff;--surface-secondary:var(--color-gray-50);--surface-elevated:#fff;--surface-overlay:#0f172a80;--surface-dark:var(--color-primary);--surface-dark-elevated:var(--color-primary-light);--text-primary:var(--color-gray-900);--text-secondary:var(--color-gray-500);--text-muted:var(--color-gray-400);--text-inverse:#fff;--text-link:var(--color-accent);--text-link-hover:var(--color-accent-dark);--border-default:var(--color-gray-200);--border-light:var(--color-gray-100);--border-dark:var(--color-gray-300);--border-focus:var(--color-accent);--shadow-xs:0 1px 2px #0f172a0d;--shadow-sm:0 1px 3px #0f172a1a,0 1px 2px #0f172a0f;--shadow-md:0 4px 6px #0f172a1a,0 2px 4px #0f172a0f;--shadow-lg:0 10px 15px #0f172a1a,0 4px 6px #0f172a0d;--shadow-xl:0 20px 25px #0f172a1a,0 10px 10px #0f172a0a;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"SF Mono","Fira Code","Fira Mono",Menlo,monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.625;--transition-fast:150ms ease;--transition-base:200ms ease;--transition-slow:300ms ease;--z-dropdown:100;--z-sticky:200;--z-modal:300;--z-tooltip:400}.App{max-width:101vw;position:relative;text-align:center}.App,body{overflow-x:hidden}body{background-color:var(--surface-secondary);color:var(--text-primary);font-family:var(--font-sans);margin:0;padding:0}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 0 auto}.footer-wrapper{flex-shrink:0}.main-full{margin-left:0;margin-top:70px;max-width:100vw;padding:0;width:100%}.main-with-sidebar{box-sizing:border-box;margin-left:220px;margin-top:70px;min-height:calc(100vh - 70px);padding:var(--spacing-lg);width:calc(100vw - 220px)}@media (max-width:767px){.main-with-sidebar{margin-left:0;padding:var(--spacing-md);width:100%}}.navbar{color:var(--text-inverse);display:flex;flex-direction:row;position:fixed;width:100%;z-index:var(--z-sticky)}.logo{align-items:center;display:flex;margin-right:20px;min-width:280px}.logo-img{height:auto;width:280px}.container{align-items:center;background-color:var(--color-primary);border:none;box-shadow:var(--shadow-md);display:flex;height:70px;padding:0 25px;width:100%}.auth-links{display:flex;gap:var(--spacing-sm);margin:17px;min-width:fit-content;padding-right:20px}.search-container{flex:0 0 auto;margin:17px 0;width:300px}.login-button,.signup-button{border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-lg);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-base)}.login-button{background:none;color:var(--text-inverse)}.login-button:hover{color:var(--color-gray-300)}.signup-button{background-color:var(--color-accent)}.signup-button:hover{background-color:var(--color-accent-dark)}.mobile-logo{display:none;height:auto;width:40px}.desktop-logo{display:block;height:auto;width:280px}@media (max-width:767px){.mobile-logo{display:block}.desktop-logo{display:none}.logo{margin-left:10px;margin-right:15px;min-width:auto}.container{padding:0 10px}.search-container{width:300px}.auth-links{display:none}}.sign-in-modal{align-items:center;background:var(--surface-overlay);display:flex;height:100vh;isolation:isolate;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:var(--z-modal)}.sign-in-modal-content{background:var(--surface-elevated);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);max-width:400px;padding:var(--spacing-lg);position:relative;text-align:center;width:90%;z-index:calc(var(--z-modal) + 1)}.sign-in-form{display:flex;flex-direction:column;gap:var(--spacing-sm)}.sign-in-form input{background:var(--surface-primary);border:1px solid var(--border-default);border-radius:var(--radius-sm);box-sizing:border-box;color:var(--text-primary);font-size:var(--font-size-sm);padding:var(--spacing-sm);width:100%}.sign-in-form input:focus{outline:2px solid var(--color-accent);outline-offset:-1px}.sign-in-form button[type=submit]{background:var(--color-primary);border:none;border-radius:var(--radius-sm);color:var(--text-inverse);cursor:pointer;font-size:var(--font-size-sm);margin-top:var(--spacing-sm);padding:var(--spacing-sm);transition:opacity var(--transition-base)}.sign-in-form button[type=submit]:hover{opacity:.9}.forgot-password{background:none;border:none;color:var(--text-link);cursor:pointer;font-size:var(--font-size-xs);margin-top:var(--spacing-xs);padding:0;text-decoration:underline}.forgot-password:hover{opacity:.8}.success-text{color:var(--color-up);font-size:var(--font-size-xs);margin-top:var(--spacing-xs)}.google-sign-in-button{align-items:center;background-color:var(--surface-primary);border:1px solid var(--border-default);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);color:var(--text-primary);cursor:pointer;display:flex;font-family:Roboto,Arial,sans-serif;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);justify-content:center;margin:0 auto;padding:var(--spacing-sm) var(--spacing-md);transition:box-shadow var(--transition-base),background-color var(--transition-base)}.google-sign-in-button:hover{background-color:var(--surface-secondary);box-shadow:var(--shadow-md)}.google-sign-in-button:active{background-color:var(--color-gray-200);box-shadow:var(--shadow-xs)}.google-sign-in-button:focus{box-shadow:0 0 3px 2px #3b82f699;outline:none}.google-sign-in-button:disabled{background-color:var(--surface-secondary);border-color:var(--border-light);box-shadow:none;color:var(--text-muted);cursor:not-allowed}.google-logo{height:18px;margin-right:var(--spacing-sm);width:18px}.sign-up-modal{align-items:center;background:var(--surface-overlay);display:flex;height:100vh;isolation:isolate;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:var(--z-modal)}.sign-up-modal-content{background:var(--surface-elevated);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);max-width:400px;padding:var(--spacing-lg);position:relative;text-align:center;width:90%;z-index:calc(var(--z-modal) + 1)}.close-button{padding:var(--spacing-sm);right:var(--spacing-sm);top:var(--spacing-sm);transition:color var(--transition-base)}.close-button,.modal-title{font-size:var(--font-size-2xl)}.modal-title{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md)}.sign-up-form{display:flex;flex-direction:column;gap:var(--spacing-sm)}.sign-up-form input{background:var(--surface-primary);border:1px solid var(--border-default);border-radius:var(--radius-sm);box-sizing:border-box;color:var(--text-primary);font-size:var(--font-size-sm);padding:var(--spacing-sm);width:100%}.sign-up-form input:focus{outline:2px solid var(--color-accent);outline-offset:-1px}.sign-up-form button{background:var(--color-primary);border:none;border-radius:var(--radius-sm);color:var(--text-inverse);cursor:pointer;font-size:var(--font-size-sm);margin-top:var(--spacing-sm);padding:var(--spacing-sm);transition:opacity var(--transition-base)}.sign-up-form button:hover{opacity:.9}.error-text{color:var(--color-down);margin-top:var(--spacing-xs)}.error-text,.fine-print{font-size:var(--font-size-xs)}.fine-print{color:var(--text-secondary);margin-top:var(--spacing-md)}.divider{background-color:var(--border-default);height:1px;margin:var(--spacing-md) 0;width:100%}.switch-auth-mode{background:none;border:none;color:var(--text-link);cursor:pointer;font-size:var(--font-size-sm);margin-top:var(--spacing-sm);padding:var(--spacing-sm);text-decoration:underline;transition:opacity var(--transition-base)}.switch-auth-mode:hover{opacity:.8}.search-container{align-items:center;display:flex;margin:17px auto;position:relative;width:400px}.search-bar{background-color:#ffffff26;border:2px solid #3b82f64d;border-radius:var(--radius-sm);color:var(--text-inverse);font-size:var(--font-size-base);padding:6px 35px 6px 40px;transition:all var(--transition-base);width:100%}.search-bar::placeholder{color:#fff9}.search-bar:focus{background-color:#fff3;border-color:var(--color-accent);outline:none}.search-icon{color:#fff9;height:16px;left:12px;position:absolute;top:50%;transform:translateY(-50%);width:16px}@media (max-width:767px){.search-container{margin:17px 10px;width:calc(100vw - 140px)}.search-bar{padding:6px 30px 6px 35px}.search-bar,.search-bar::placeholder{font-size:var(--font-size-sm)}}.mobile-menu-toggle{background:#0000;border:none;cursor:pointer;display:none;flex-direction:column;height:20px;justify-content:space-between;padding:0;width:30px;z-index:30}.mobile-menu-toggle span{background:#fff;border-radius:10px;height:2px;position:relative;transition:all .3s ease;width:30px}@media (max-width:767px){.mobile-menu-toggle{display:flex}.mobile-menu-toggle.open span:first-child{top:9px;transform:rotate(45deg)}.mobile-menu-toggle.open span:nth-child(2){opacity:0}.mobile-menu-toggle.open span:last-child{top:-9px;transform:rotate(-45deg)}}.sidenav{background:var(--surface-primary);border-right:1px solid var(--border-light);left:0;position:fixed;top:70px;transition:transform var(--transition-slow),width var(--transition-slow);z-index:25}@media (min-width:768px){.sidenav{height:calc(100vh - 70px);overflow-y:auto;padding:var(--spacing-lg) var(--spacing-sm);width:220px}}@media (max-width:767px){.sidenav{box-shadow:var(--shadow-lg);height:calc(100vh - 70px);padding:var(--spacing-md) var(--spacing-sm);transform:translateX(-100%);width:280px}.sidenav.open{transform:translateX(0)}}.sidenav ul{display:flex;flex-direction:column;gap:var(--spacing-xs);list-style-type:none;margin:0;padding:0}.sidenav ul li a{align-items:center;border-radius:var(--radius-md);color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);position:relative;text-decoration:none;transition:all var(--transition-base)}.sidenav ul li a:hover{background:var(--surface-secondary);color:var(--text-primary)}.sidenav ul li a.active{box-shadow:var(--shadow-sm);font-weight:var(--font-weight-semibold)}.sidenav ul li a.active,.sidenav ul li a.active:hover{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-light));color:var(--text-inverse)}.nav-icon{flex-shrink:0;height:18px;opacity:.7;transition:opacity var(--transition-base);width:18px}.sidenav ul li a.active .nav-icon,.sidenav ul li a:hover .nav-icon{opacity:1}.nav-section{border-top:1px solid var(--border-light);margin-top:var(--spacing-lg);padding-top:var(--spacing-md)}.nav-section-label{color:var(--text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.5px;margin-bottom:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);text-transform:uppercase}.frame{align-items:center;background-color:var(--color-primary);box-shadow:0 -2px 4px #0f172a1a;display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);position:relative;z-index:30}.frame,.join_investors{box-sizing:border-box;color:var(--text-inverse);width:100%}.join_investors{font-family:Markazi Text Bold,Helvetica;font-size:var(--font-size-base);font-weight:350;line-height:var(--line-height-normal);max-width:800px;padding:0 var(--spacing-md);text-align:center}.join_investors p{margin:.25rem 0}.join_investors a{color:var(--color-accent-light);text-decoration:none;transition:color var(--transition-base)}.join_investors a:hover{color:var(--color-accent)}@media (max-width:768px){.join_investors{font-size:var(--font-size-sm);margin:0 auto;padding:0 var(--spacing-md);width:100%}.frame{padding:var(--spacing-md) 0}}@font-face{font-family:Markazi Text Bold;src:url(/static/media/MarkaziText-VariableFont_wght.ab5c6a62488a17ed6c60.ttf) format("truetype")}.privacyPolicy{background-color:#fff;display:flex;flex-direction:column;min-height:calc(100vh - 190px);width:100%}.overlap_text_pp{font-size:36px;font-weight:200;margin-left:5%}.h-2,.overlap_text_pp{color:#000;font-family:Markazi Text Bold,Helvetica;letter-spacing:0;margin-right:5%;text-align:left}.h-2{font-size:42px;font-weight:500;margin-left:3%}@media (max-width:828px){.overlap_text_pp{font-size:28px}.h-2{font-size:34px}}.home{align-items:center;background:var(--surface-secondary);box-sizing:border-box;display:flex;flex-direction:column;margin:0 auto;max-width:1400px;min-height:calc(100vh - 140px);padding:0;width:100%}@media (max-width:768px){.home{padding:0;width:100%}}.index-drawdowns{background:var(--surface-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);box-sizing:border-box;margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);width:100%}.index-drawdowns-header{align-items:center;border-bottom:2px solid var(--border-default);display:flex;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs)}.index-drawdowns-title{color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);letter-spacing:-.5px;margin:0}.stock-drawdown-container{grid-gap:var(--spacing-sm);box-sizing:border-box;display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr);margin-top:var(--spacing-xs);padding:0;width:100%}@media (min-width:992px){.stock-drawdown-container{gap:var(--spacing-md);grid-template-columns:repeat(4,1fr)}}@media (min-width:1600px){.watchlist-section .stock-drawdown-container{grid-template-columns:repeat(2,1fr)}}.page-header{margin-bottom:var(--spacing-lg);position:relative;width:100%}.header-with-link{align-items:center;display:flex;justify-content:space-between;margin-bottom:0;margin-bottom:var(--spacing-lg);width:100%}.h-1,.header-with-link{border-bottom:2px solid var(--border-default);padding-bottom:var(--spacing-md)}.h-1{color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);letter-spacing:-.5px;margin:0}.header-with-link .h-1{border-bottom:none;padding-bottom:0}@media (max-width:576px){.page-header{margin-bottom:var(--spacing-md)}.h-1{font-size:var(--font-size-2xl);padding-bottom:var(--spacing-sm)}}.home-search-wrapper{align-items:center;display:flex;margin:var(--spacing-xl) auto 0;max-width:650px;padding:0;position:relative}.home-search-input{background:var(--surface-primary);border:2px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-base);padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) 3.5rem;transition:all var(--transition-slow);width:100%}.home-search-icon{color:var(--text-muted);height:20px;left:var(--spacing-md);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:color var(--transition-slow);width:20px}.home-search-input:focus{border-color:var(--color-primary);box-shadow:var(--shadow-md);outline:none;transform:translateY(-1px)}.home-search-wrapper:focus-within .home-search-icon{color:var(--color-accent)}.home-search-input::placeholder{color:var(--text-muted);font-weight:var(--font-weight-normal)}.status-message{background-color:var(--surface-secondary);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-lg);margin-top:var(--spacing-md);padding:var(--spacing-md);text-align:center}.status-message,.watchlist-link{border:1px solid var(--border-default)}.watchlist-link{align-items:center;background:var(--surface-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);color:var(--text-primary);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:transform var(--transition-base),box-shadow var(--transition-base)}.watchlist-link:hover{box-shadow:var(--shadow-md);color:var(--text-primary);transform:translateY(-2px)}.watchlist-link .arrow-icon{height:16px;opacity:.8;transition:transform var(--transition-base);width:16px}.watchlist-link:hover .arrow-icon{opacity:1;transform:translateX(4px)}.dashboard-sections{display:flex;flex-direction:column;gap:var(--spacing-lg);width:100%}.portfolio-section,.watchlist-section{width:100%}.section-card{background:var(--surface-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);box-sizing:border-box;padding:var(--spacing-lg);width:100%}.section-header{align-items:center;border-bottom:2px solid var(--border-default);display:flex;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}.section-title{color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);letter-spacing:-.5px;margin:0}.section-content{width:100%}.section-content .stock-drawdown-container{margin-top:var(--spacing-sm)}@media (min-width:1600px){.dashboard-sections{align-items:flex-start;flex-direction:row;gap:var(--spacing-lg)}.portfolio-section{order:1;width:54%}.portfolio-section .section-card{border-right:none}.watchlist-section{order:2;width:46%}}@media (max-width:576px){.index-drawdowns{border-radius:var(--radius-lg);padding:var(--spacing-lg)}.index-drawdowns-title{display:none}.index-drawdowns-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.global-filter{justify-content:flex-start;width:100%}.section-card{border-radius:var(--radius-lg);padding:var(--spacing-lg)}.section-title{font-size:var(--font-size-2xl)}.section-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}}.home-loading{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-xl);justify-content:center}.home-loading,.home-new{min-height:calc(100vh - 70px)}.home-new{background:var(--surface-secondary);width:100%}.hero-section{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-light) 100%);color:var(--text-inverse);overflow:hidden;padding:100px 24px 80px;position:relative;text-align:center}.hero-section:before{background:radial-gradient(circle at 30% 20%,#3b82f626 0,#0000 50%),radial-gradient(circle at 70% 80%,#3b82f61a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.hero-content{margin:0 auto;max-width:900px;position:relative;z-index:1}.hero-title{color:var(--text-inverse);font-size:3.5rem;font-weight:800;letter-spacing:-1.5px;line-height:1.1;margin-bottom:24px}.hero-subtitle{color:var(--text-inverse);font-size:var(--font-size-xl);line-height:1.6;margin-bottom:48px;margin-left:auto;margin-right:auto;max-width:700px;opacity:.9}@media (max-width:768px){.hero-section{padding:60px 20px 50px}.hero-title{font-size:2.25rem;letter-spacing:-.5px}.hero-subtitle{font-size:var(--font-size-base);margin-bottom:32px}}.preview-section-wrapper{background:var(--surface-secondary);margin:0 auto;max-width:1400px;padding:80px 24px}.preview-header{margin-bottom:48px;text-align:center}.preview-header h2{color:var(--text-primary);font-size:2.5rem;font-weight:800;letter-spacing:-.5px;margin-bottom:16px}.preview-header p{color:var(--text-secondary);font-size:var(--font-size-lg);margin:0 auto;max-width:500px}@media (max-width:768px){.preview-section-wrapper{padding:48px 20px}.preview-header{margin-bottom:32px}.preview-header h2{font-size:1.75rem}.preview-header p{font-size:var(--font-size-base)}}.secondary-cta{background:var(--surface-primary);border-top:1px solid var(--border-light);padding:100px 24px;text-align:center}.secondary-cta h2{color:var(--text-primary);font-size:2.5rem;font-weight:800;letter-spacing:-.5px;margin-bottom:var(--spacing-md)}.secondary-cta p{color:var(--text-secondary);font-size:var(--font-size-lg);margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:500px}@media (max-width:768px){.secondary-cta{padding:60px 20px}.secondary-cta h2{font-size:1.75rem}.secondary-cta p{font-size:var(--font-size-base)}}.email-signup-form{margin:0 auto;max-width:600px}.form-group{display:flex;gap:12px;margin-bottom:12px}.email-input{background:var(--surface-primary);border:2px solid var(--border-default);border-radius:var(--radius-md);flex:1 1;font-family:inherit;font-size:var(--font-size-base);padding:var(--spacing-md) 20px;transition:all var(--transition-slow)}.email-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #3b82f61a;outline:none}.email-input:disabled{cursor:not-allowed;opacity:.6}.signup-button{background:var(--color-accent);border:none;border-radius:var(--radius-md);color:var(--text-inverse);cursor:pointer;font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);padding:var(--spacing-md) var(--spacing-xl);transition:all var(--transition-slow);white-space:nowrap}.signup-button:hover:not(:disabled){background:var(--color-accent-dark);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.signup-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.privacy-note{margin:0;opacity:.7}.error-message,.privacy-note{font-size:var(--font-size-sm);text-align:center}.error-message{background:var(--color-down-bg);border-radius:var(--radius-md);color:var(--color-down);margin-top:var(--spacing-sm);padding:12px}.email-signup-success{background:linear-gradient(135deg,var(--color-up) 0,var(--color-up-dark) 100%);border-radius:var(--radius-lg);color:var(--text-inverse);margin:0 auto;max-width:600px;padding:40px;text-align:center}.success-icon{align-items:center;animation:successPop .5s ease-out;background:#fff3;border-radius:var(--radius-full);display:flex;font-size:32px;height:60px;justify-content:center;margin:0 auto 20px;width:60px}@keyframes successPop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.email-signup-success h3{font-size:var(--font-size-2xl);margin:0 0 12px}.email-signup-success p{font-size:var(--font-size-base);margin:0;opacity:.95}@media (max-width:768px){.form-group{flex-direction:column;gap:12px}.signup-button{width:100%}.email-input{padding:14px var(--spacing-md)}}.stock-drawdown{background:var(--surface-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);transition:transform var(--transition-base),box-shadow var(--transition-base)}.stock-drawdown:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stock-drawdown:focus{outline:2px solid var(--color-accent);outline-offset:2px}.header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs)}.header h2{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin:0}.header .ticker{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);text-align:right}.drawdown{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs)}.drawdown .value{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.drawdown .label{color:var(--text-secondary);font-size:var(--font-size-xs)}.metrics{border-top:1px solid var(--border-default);padding-top:var(--spacing-xs)}.metrics p{display:flex;font-size:var(--font-size-xs);justify-content:space-between;margin:var(--spacing-xs) 0}.metrics .label{color:var(--text-secondary);font-weight:var(--font-weight-medium)}.metrics .value{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.ticker-container,.title-container{align-items:center;display:flex;gap:4px}.after-hours-icon{height:14px;width:14px}@media (min-width:992px){.stock-drawdown{font-size:var(--font-size-base);padding:var(--spacing-md)}.stock-drawdown h2{font-size:var(--font-size-lg)}.metrics p,.stock-drawdown i{font-size:var(--font-size-sm)}.drawdown{font-size:var(--font-size-xl)}.after-hours-icon{height:16px;width:16px}}.preview-section{margin:0 auto;max-width:1400px;padding:20px}.last-updated{color:var(--text-secondary);font-size:var(--font-size-sm);font-style:italic;margin:0 0 40px;text-align:center}.preview-category{margin-bottom:60px}.preview-category:last-child{margin-bottom:0}.preview-title{color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg);text-align:center}.preview-title .emoji{margin-right:var(--spacing-sm)}.preview-loading{padding:60px 20px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border-top:4px solid var(--color-gray-200);border:4px solid var(--color-gray-200);border-radius:50%;border-top-color:var(--color-accent);height:50px;margin:0 auto 20px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.preview-loading p{color:var(--text-secondary);font-size:var(--font-size-base)}.preview-error{background:var(--color-down-bg);border-radius:var(--radius-lg);padding:60px 20px;text-align:center}.preview-error p{color:var(--color-down);margin:0}.no-data,.preview-error p{font-size:var(--font-size-base)}.no-data{color:var(--text-secondary);padding:40px 20px;text-align:center}.preview-stock-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin:0 auto;max-width:1400px}@media (max-width:768px){.preview-category{margin-bottom:40px}.preview-title{font-size:var(--font-size-2xl);margin-bottom:20px}.preview-stock-grid{gap:12px;grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.preview-title{font-size:var(--font-size-xl)}.preview-stock-grid{grid-template-columns:1fr}}.benefits-section{background:var(--surface-primary);border-top:1px solid var(--border-light);padding:100px 24px}.benefits-container{margin:0 auto;max-width:1200px}.benefits-title{color:var(--text-primary);font-size:2.5rem;font-weight:800;letter-spacing:-.5px;margin:0 0 var(--spacing-md) 0;text-align:center}.benefits-subtitle{color:var(--text-secondary);font-size:var(--font-size-lg);margin:0 auto 64px;max-width:600px;text-align:center}.benefits-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr)}.benefit-card{background:var(--surface-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-xl) var(--spacing-lg);text-align:center;transition:all var(--transition-slow)}.benefit-card:hover{background:var(--surface-primary);border-color:var(--border-default);box-shadow:var(--shadow-md);transform:translateY(-4px)}.benefit-icon{font-size:2.5rem;line-height:1;margin-bottom:16px}.benefit-title{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 8px}.benefit-description{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0}@media (max-width:1024px){.benefits-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.benefits-section{padding:64px 20px}.benefits-title{font-size:1.75rem}.benefits-subtitle{font-size:var(--font-size-base);margin-bottom:40px}.benefits-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.benefit-card{padding:var(--spacing-lg) var(--spacing-md)}.benefit-icon{font-size:2rem;margin-bottom:12px}.benefit-title{font-size:var(--font-size-base)}.benefit-description{font-size:var(--font-size-xs)}}@media (max-width:480px){.benefits-grid{grid-template-columns:1fr}}.portfolio-summary{grid-gap:var(--spacing-sm);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-light) 100%);border-radius:var(--radius-md);box-shadow:var(--shadow-md);box-sizing:border-box;color:var(--text-inverse);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr);margin:0 auto;padding:var(--spacing-md);width:100%}.portfolio-item{background:#ffffff1a;border-radius:var(--radius-sm);padding:var(--spacing-sm);text-align:center}.portfolio-item h3{color:#fffc;font-size:var(--font-size-sm);margin:0}.portfolio-item p{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:var(--spacing-sm) 0 0}@media (min-width:768px){.portfolio-summary{grid-template-columns:repeat(4,1fr)}.portfolio-item h3{font-size:var(--font-size-base)}.portfolio-item p{font-size:var(--font-size-3xl)}}.add-position{background:var(--surface);border-top:1px solid var(--secondary);padding:var(--spacing-sm)}.add-position h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 var(--spacing-md) 0}.input-container{align-items:center;display:flex;gap:var(--spacing-xs)}.input-container input{background:var(--surface);border:1px solid var(--secondary);border-radius:4px;color:var(--text-primary);font-size:.9rem;height:32px;padding:var(--spacing-xs) var(--spacing-sm)}.symbol-input{width:100px}.quantity-input{width:80px}.add-button{align-items:center;background:var(--primary);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:32px;justify-content:center;padding:0;transition:opacity .2s ease;width:32px}.add-button:hover{opacity:.9}.error-message{color:var(--error)}.error-message,.success-message{font-size:.8rem;margin-top:var(--spacing-xs)}.success-message{color:var(--success)}@media (max-width:768px){.input-group{grid-template-columns:1fr}.add-position{padding:var(--spacing-sm)}}.position-table-container{background:var(--surface);box-shadow:0 2px 4px #0000001a;margin-top:var(--spacing-md);overflow-x:auto}.position-table{font-size:.9rem}.position-table th{background:#ebebeb;border-bottom:1px solid var(--secondary);color:var(--text-primary);font-weight:600;padding:var(--spacing-sm);text-align:right;white-space:nowrap}.position-table th:first-child{text-align:left}.position-table td{border-bottom:1px solid var(--secondary);padding:var(--spacing-sm);text-align:right}.position-table td:first-child{font-weight:500;text-align:left}.position-table tbody tr:hover{background-color:#00000005}@media (max-width:768px){.position-table{font-size:.8rem}.position-table td,.position-table th{padding:var(--spacing-xs) var(--spacing-sm)}}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:20}.modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 10px #0003;max-width:400px;overflow:hidden;padding:2rem;position:relative;text-align:center;width:100%}.modal-content h2{font-size:1.5em;margin-top:0}.modal-content input[type=text]{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:1em;margin:.75rem 0;padding:.5rem;width:100%}.modal-content button{border:none;border-radius:4px;cursor:pointer;font-size:1em;margin:10px 5px;padding:10px 20px}.modal-content button:first-of-type{background-color:#4caf50;color:#fff}.modal-content button:last-of-type{background-color:#f44336;color:#fff}.modal-content button:hover{opacity:.9}.modal-backdrop{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal{border-radius:8px;box-shadow:0 4px 10px #0003;max-width:400px;padding:var(--spacing-lg);text-align:center;width:90%}.modal,.modal input{background:var(--surface)}.modal input{border:1px solid var(--secondary);border-radius:4px;box-sizing:border-box;color:var(--text-primary);font-size:1rem;margin:var(--spacing-sm) 0;padding:var(--spacing-sm);width:100%}.button-group{display:flex;gap:var(--spacing-sm);justify-content:space-between;margin-top:var(--spacing-md)}.button-group button{border:none;border-radius:4px;cursor:pointer;flex:1 1;font-size:.9rem;padding:var(--spacing-sm);transition:all .2s ease}.button-group button:first-child{background:var(--primary);color:#fff}.button-group button:last-child{background:var(--secondary);color:var(--text-primary)}.error{color:#dc3545}.error,.message{font-size:.9rem;margin-top:var(--spacing-xs)}.message{color:#28a745}.add-account-button{background:var(--surface);border:2px dashed var(--secondary);border-radius:8px;color:var(--text-primary);cursor:pointer;display:block;font-size:1rem;font-weight:600;margin-top:var(--spacing-md);padding:var(--spacing-md);transition:all .2s ease;width:100%}.add-account-button:hover{background:var(--secondary);border-color:var(--primary);color:var(--text-primary)}.add-account-button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.add-account-button{font-size:.9rem;padding:var(--spacing-sm)}}.account-list{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-md);width:100%}.account-list ul{list-style-type:none;margin:0;padding:0}.account-container{background:var(--surface);border:1px solid #0000001a;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.account-header{align-items:center;background-color:#ebebeb;display:flex;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md)}.account-header h3{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.edit-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);transition:color .2s ease}.edit-button:hover{color:var(--text-primary)}.edit-square{height:16px;width:16px}@media (min-width:768px){.account-header h3{font-size:1.2rem}.edit-square{height:18px;width:18px}}.portfolio-overlay{background:#1a1a1a;border:none;border-radius:8px;box-shadow:0 4px 10px #0003;cursor:pointer;margin:0 0 var(--spacing-md) 0;padding:var(--spacing-md);position:relative;transition:transform .2s ease;width:100%}.portfolio-overlay:hover{transform:translateY(-2px)}.portfolio-overlay-content{color:#fff;text-align:center}.portfolio-overlay-content p{font-size:1rem;margin:0;opacity:.9}.portfolio-container{box-sizing:border-box;padding:0 var(--spacing-sm);width:100%}@media (min-width:1420px){.portfolio-container{padding:0}}.watchlist-overlay{background:var(--color-primary);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-md);cursor:pointer;padding:var(--spacing-md);position:relative;transition:transform var(--transition-base);width:100%}.watchlist-overlay:hover{transform:translateY(-2px)}.watchlist-overlay-content{color:var(--text-inverse);text-align:center}.watchlist-overlay-content p{font-size:var(--font-size-base);margin:0;opacity:.9}.global-filter{align-items:center;box-sizing:border-box;display:flex;justify-content:flex-end;padding:0 var(--spacing-sm)}.metric-selector-2{border-right:1px solid var(--border-default);display:flex;gap:var(--spacing-xs);margin-right:var(--spacing-md);padding-right:var(--spacing-md)}.metric-button-2{background:var(--surface-primary);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-base)}.metric-button-2.active,.metric-button-2:hover{border-color:var(--color-primary)}.metric-button-2.active{background:var(--color-primary);color:var(--text-inverse)}.time-range-selector-2{display:flex;gap:var(--spacing-xs);margin:0}.range-button-2{background:var(--surface-primary);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-base)}.range-button-2.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--text-inverse)}@media (max-width:480px){.global-filter{align-items:center;flex-direction:row;justify-content:space-between;padding:0}.metric-selector-2{border-right:none;gap:var(--spacing-xs);margin-right:var(--spacing-xs);padding-right:0}.metric-button-2{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-xs)}.time-range-selector-2{border:none;gap:var(--spacing-xs);padding-left:0}.range-button-2{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-xs)}}.portfolio-tracker{background:linear-gradient(135deg,var(--surface-primary) 0,var(--surface-secondary) 100%);border:2px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);box-sizing:border-box;margin-bottom:var(--spacing-xl);overflow:hidden;padding:var(--spacing-xl);position:relative;transition:all var(--transition-slow);width:100%}.portfolio-tracker:before{background:linear-gradient(90deg,var(--color-primary) 0,var(--color-primary-light) 100%);content:"";height:4px;left:0;position:absolute;right:0;top:0}.portfolio-tracker:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.portfolio-tracker-header{align-items:center;border-bottom:2px solid var(--border-default);display:flex;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md)}.add-account-btn{background:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--text-inverse);cursor:pointer;font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-base);white-space:nowrap}.add-account-btn:hover{background:var(--color-primary-light);box-shadow:var(--shadow-md);transform:translateY(-1px)}.add-account-btn:active{transform:translateY(0)}.portfolio-tracker-title{color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);letter-spacing:-.5px;margin:0}.portfolio-tracker-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.tracker-balance-section{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-light) 50%,var(--color-primary) 100%);border:1px solid var(--color-accent);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:var(--spacing-sm);overflow:hidden;padding:var(--spacing-xl);position:relative}.tracker-balance-section:after{background:radial-gradient(circle,#3b82f633 0,#0000 70%);border-radius:50%;content:"";height:200px;position:absolute;right:-20%;top:-50%;width:200px}.balance-label{color:var(--color-accent-light);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:1px;position:relative;text-transform:uppercase;z-index:1}.balance-value{color:var(--text-inverse);font-family:var(--font-sans);font-size:var(--font-size-4xl);font-weight:800;letter-spacing:-1px;position:relative;text-shadow:0 2px 10px #3b82f64d;z-index:1}.tracker-chart-section{align-items:center;background:var(--surface-primary);border:2px solid var(--border-default);border-radius:var(--radius-lg);box-sizing:border-box;display:flex;height:200px;justify-content:center;padding:var(--spacing-lg);position:relative;transition:all var(--transition-slow);width:100%}.tracker-chart-section:before{color:var(--text-muted);content:"CHART";font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);left:var(--spacing-md);letter-spacing:2px;position:absolute;top:var(--spacing-sm)}.tracker-chart-section:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.chart-placeholder{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.placeholder-chart{height:100%;opacity:.4;width:100%}.tracker-metrics-row,.tracker-performance-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.tracker-performance-section{background:var(--surface-primary);border:2px solid var(--border-default);border-radius:var(--radius-lg);flex:1 1;padding:var(--spacing-lg);transition:all var(--transition-slow)}.tracker-performance-section:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.performance-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs)}.performance-label{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:1px;text-transform:uppercase}.performance-value{color:var(--color-up);font-family:var(--font-sans);font-size:var(--font-size-3xl);font-weight:800;letter-spacing:-.5px}.performance-value.negative{color:var(--color-down)}.period-selector{background:var(--surface-secondary);border-radius:10px;display:flex;flex-wrap:wrap;gap:var(--spacing-xs);padding:4px}.period-btn{background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;flex:1 1;font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);min-width:60px;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-base);white-space:nowrap}.period-btn:hover{background:var(--surface-primary);box-shadow:var(--shadow-sm);color:var(--text-primary)}.period-btn.active{background:var(--color-primary);box-shadow:var(--shadow-md);color:var(--text-inverse)}.period-btn:active{transform:scale(.96)}.tracker-leverage-section{background:linear-gradient(135deg,var(--color-accent-muted) 0,var(--color-accent) 50%,var(--color-accent-dark) 100%);border-radius:var(--radius-lg);box-shadow:0 4px 15px #3b82f64d;display:flex;flex-direction:column;gap:var(--spacing-sm);overflow:hidden;padding:var(--spacing-xl);position:relative}.tracker-leverage-section:after{background:radial-gradient(circle,#ffffff26 0,#0000 70%);border-radius:50%;bottom:-50%;content:"";height:200px;left:-20%;position:absolute;width:200px}.leverage-label{color:#fffc;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:1px;position:relative;text-transform:uppercase;z-index:1}.leverage-value{color:var(--text-inverse);font-family:var(--font-sans);font-size:var(--font-size-4xl);font-weight:800;letter-spacing:-.5px;position:relative;z-index:1}@media (min-width:768px){.tracker-metrics-row{align-items:stretch;flex-direction:row}.tracker-performance-section{flex:2 1}.tracker-leverage-section{flex:1 1}}@media (min-width:1200px){.portfolio-tracker-content{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:1fr 2fr;grid-template-rows:auto auto}.tracker-balance-section{grid-column:1;grid-row:1}.tracker-chart-section{grid-column:2;grid-row:1/3;height:100%;min-height:320px}.tracker-metrics-row{flex-direction:column;grid-column:1;grid-row:2}.tracker-leverage-section,.tracker-performance-section{flex:1 1}}@media (max-width:576px){.portfolio-tracker{border-radius:var(--radius-lg);padding:var(--spacing-lg)}.portfolio-tracker-title{font-size:var(--font-size-2xl)}.add-account-btn{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}.balance-value{font-size:var(--font-size-4xl)}.tracker-chart-section{height:150px}.tracker-balance-section,.tracker-leverage-section{padding:var(--spacing-lg)}.tracker-performance-section{padding:var(--spacing-md)}.performance-value{font-size:var(--font-size-2xl)}.leverage-value{font-size:var(--font-size-3xl)}}.add-account-modal-overlay{align-items:center;background:#00000080;display:flex;height:100vh;isolation:isolate;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.add-account-modal-content{background:var(--surface);border-radius:16px;box-shadow:0 8px 30px #0003;max-width:450px;padding:var(--spacing-xl);position:relative;width:90%;z-index:1001}.close-button{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;line-height:.5;padding:.5rem;position:absolute;right:var(--spacing-md);top:var(--spacing-md);transition:color .2s ease;width:32px}.close-button:hover{background:#0000000d;color:var(--text-primary)}.modal-title{color:var(--text-primary);font-family:Inter,-apple-system,sans-serif;font-size:1.75rem;font-weight:700;letter-spacing:-.5px;margin:0 0 var(--spacing-xl) 0}.add-account-options{display:flex;flex-direction:column;gap:var(--spacing-md)}.account-option-btn{background:var(--surface);border:2px solid #e9ecef;border-radius:12px;cursor:pointer;padding:var(--spacing-lg);text-align:left;transition:all .3s ease;width:100%}.account-option-btn:hover{border-color:var(--primary);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.account-option-btn.plaid-option{background:linear-gradient(135deg,#fff,#f8f9fa);border-color:#1a1a1a}.account-option-btn.plaid-option:hover{border-color:var(--primary);box-shadow:0 6px 20px #00000026}.option-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.option-title{color:var(--text-primary);font-family:Inter,-apple-system,sans-serif;font-size:1.1rem;font-weight:600}.option-recommended{color:#d4af37;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}@media (max-width:576px){.add-account-modal-content{border-radius:12px;padding:var(--spacing-lg)}.modal-title{font-size:1.5rem;margin-bottom:var(--spacing-lg)}.account-option-btn{padding:var(--spacing-md)}.option-title{font-size:1rem}}.page-container{align-items:center;background:var(--surface);box-sizing:border-box;display:flex;flex-direction:column;min-height:calc(100vh - 190px);padding:var(--spacing-md) var(--spacing-md);width:calc(100% - var(--spacing-md)*2)}@media (max-width:768px){.page-container{margin:64px auto 0;padding:var(--spacing-lg) var(--spacing-md);width:100%}}@media (max-width:576px){.page-container{margin:64px auto 0;padding:var(--spacing-lg) var(--spacing-md);width:100%}}.position-table-container{margin-bottom:var(--spacing-lg);width:100%}.position-table-container h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-md)}.position-table{border-collapse:collapse;min-width:600px;width:100%}@media (max-width:767px){.position-table-container h2{font-size:1.2rem;margin-bottom:var(--spacing-sm)}.position-table td,.position-table th{font-size:14px;padding:8px 4px}}.drawdown-chart{margin-top:var(--spacing-sm)}.chart-controls,.drawdown-chart{background:var(--surface-elevated);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-md)}.chart-controls{display:flex;flex-direction:column;gap:var(--spacing-md)}.metric-selector{display:flex;gap:var(--spacing-sm);justify-content:center}.metric-button{background:var(--surface-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:.5px;min-width:80px;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-base)}.metric-button.active{background:var(--color-primary);border-color:var(--color-primary);box-shadow:var(--shadow-sm);color:var(--text-inverse)}.metric-button:hover:not(.active){background:var(--surface-secondary);border-color:var(--color-primary)}.time-range-selector{-ms-overflow-style:none;display:flex;flex-wrap:nowrap;gap:var(--spacing-xs);justify-content:center;min-height:36px;overflow-x:auto;padding-bottom:var(--spacing-xs);scrollbar-width:none}.time-range-selector::-webkit-scrollbar{display:none}.range-button{background:var(--surface-elevated);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;flex-shrink:0;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);min-width:48px;padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-base);white-space:nowrap}.range-button.active{background:var(--color-primary);border-color:var(--color-primary);box-shadow:var(--shadow-xs);color:var(--text-inverse)}.range-button:hover:not(.active){background:var(--surface-secondary);border-color:var(--color-primary)}@media (min-width:768px){.chart-controls{align-items:center;flex-direction:row;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg)}.metric-selector,.time-range-selector{justify-content:flex-start}.time-range-selector{min-width:320px}}.chart-container{height:400px;position:relative}.chart-watermark{height:auto;left:52%;opacity:.5;pointer-events:none;position:absolute;top:80%;transform:translate(-50%,-50%);width:220px;z-index:1}@media (max-width:768px){.chart-container{height:300px}}.loading{color:var(--text-secondary)}.error,.loading{align-items:center;display:flex;height:100%;justify-content:center}.error{color:var(--color-down);padding:var(--spacing-md);text-align:center}.drawdown-summary{background:var(--surface-elevated);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.metric-summary{background-color:var(--surface-secondary);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin:12px 0;padding:12px}.summary-stat{display:flex;flex-direction:column;min-width:120px}.main-stat,.price-stat{flex:1 1}.return-stat{flex:2 1}.stat-label{color:var(--text-secondary);font-size:var(--font-size-xs);margin-bottom:var(--spacing-xs)}.stat-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}@media (max-width:640px){.metric-summary{flex-direction:column;gap:var(--spacing-sm)}.summary-stat{align-items:center;flex-direction:row;justify-content:space-between}.stat-label{margin-bottom:0}}.stock-detail{background:var(--surface);box-sizing:border-box;display:flex;flex-direction:column;padding:var(--spacing-md) var(--spacing-md);width:calc(100% - var(--spacing-md)*2)}@media (max-width:768px){.stock-detail{margin:64px auto 0;padding:var(--spacing-lg) var(--spacing-md);width:100%}}@media (max-width:576px){.stock-detail{margin:68px auto 0;padding:var(--spacing-lg) var(--spacing-lg);width:100%}}.company-header{border-bottom:2px solid var(--secondary);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-md)}.name-symbol h1{color:var(--text-primary);font-size:2rem;font-weight:700;margin:0}.name-symbol h1 span{color:var(--text-secondary);font-size:1.5rem}.price-info{gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.price-group,.price-info{display:flex;flex-direction:column}.price-group{gap:4px}.price-label{color:var(--text-secondary);font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.after-hours-label{align-items:center;display:flex;gap:var(--spacing-xs)}.after-hours-icon{filter:var(--icon-filter);height:12px;margin-top:1px;opacity:.7;width:12px}.price-details{align-items:baseline;display:flex;gap:var(--spacing-sm)}.current-price{color:var(--text-primary);font-size:2rem;font-weight:700;line-height:1}.price-change{font-size:1.1rem;font-weight:500}.company-header h2{color:var(--text-secondary);font-size:1.2rem;margin:var(--spacing-xs) 0 0 0}.symbol-not-found{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:50vh;padding:var(--spacing-xl);text-align:center}.symbol-not-found h1{color:var(--text-primary);margin-bottom:var(--spacing-md)}.symbol-not-found p{color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.home-link{background:var(--primary);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:var(--spacing-sm) var(--spacing-md);transition:opacity .2s ease}.home-link:hover{opacity:.9}.stock-actions{display:flex;gap:var(--spacing-md);justify-content:center;margin:var(--spacing-md) 0}.watchlist-button{background:var(--surface);border:1px solid var(--primary);border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:.9rem;min-width:160px;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.watchlist-button:hover{background:var(--primary);color:#fff}.add-icon{color:var(--primary);font-size:1.2rem;font-weight:700}.watching-icon{color:var(--success);font-size:1.2rem}.stock-metrics{background:var(--surface);border:1px solid var(--border);border-radius:8px;margin-top:var(--spacing-md);padding:var(--spacing-md)}.stock-metrics h2{color:var(--text-primary);font-size:1.2rem;margin-bottom:var(--spacing-md)}.metrics-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.metric-card{background:var(--background);border:1px solid var(--border);border-radius:6px;display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md)}.metric-label{color:var(--text-secondary);font-size:.9rem}.metric-value{color:var(--text-primary);font-size:1.2rem;font-weight:600}.drawdown-summary{background:var(--surface);border:1px solid var(--border);border-radius:8px;margin-top:var(--spacing-md);padding:var(--spacing-md)}.metric-row{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.metric{display:flex;flex-direction:column;gap:var(--spacing-xs)}.metric .label{color:var(--text-secondary);font-size:.9rem}.metric .value{color:var(--text-primary);font-size:1.2rem;font-weight:600}.after-hours{border-top:1px solid var(--border);margin-top:var(--spacing-xs);opacity:.9;padding-top:var(--spacing-xs)}.after-hours-price{color:var(--text-primary);font-size:1.5rem;font-weight:600;line-height:1}.after-hours-change{font-size:1rem;font-weight:500}.risk-asset-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:var(--spacing-lg)}.risk-asset-card{align-items:center;background:var(--surface-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;padding:var(--spacing-md);text-align:center;transition:transform var(--transition-base),box-shadow var(--transition-base)}.risk-asset-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.risk-asset-image-container{align-items:center;background:var(--surface-secondary);border-radius:var(--radius-md);display:flex;height:150px;justify-content:center;margin-bottom:var(--spacing-md);overflow:hidden;width:100%}.risk-asset-image{height:100%;object-fit:cover;width:100%}.risk-asset-image-placeholder{align-items:center;background:linear-gradient(135deg,var(--color-accent-muted) 0,var(--color-accent) 100%);color:var(--text-inverse);display:flex;font-size:3rem;font-weight:var(--font-weight-bold);height:100%;justify-content:center;width:100%}.risk-asset-content{width:100%}.risk-asset-name{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-sm) 0}.risk-asset-value{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0}@media (min-width:768px){.risk-asset-grid{grid-template-columns:repeat(2,1fr)}.risk-asset-image-container{height:180px}}@media (min-width:992px){.risk-asset-grid{grid-template-columns:repeat(4,1fr)}.risk-asset-image-container{height:200px}.risk-asset-name{font-size:var(--font-size-xl)}.risk-asset-value{font-size:var(--font-size-3xl)}}
/*# sourceMappingURL=main.79932c20.css.map*/