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}.App{max-width:101vw;position:relative;text-align:center}.App,body{overflow-x:hidden}body{margin:0;padding:0}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.app-container{flex-direction:column;min-height:100vh}.main-content{flex:1 0 auto}.footer-wrapper{flex-shrink:0}.navbar{color:#000;display:flex;flex-direction:row;position:fixed;width:100%;z-index:20}.logo{align-items:center;display:flex;margin-right:20px;min-width:280px}.logo-img{height:auto;width:280px}.container{align-items:center;background-color:#000;border:none;box-shadow:0 1px 4px #383838;display:flex;height:70px;padding:0 25px;width:100%}.auth-links{display:flex;gap:.5rem;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:5px;cursor:pointer;font-size:1.1rem;padding:.5rem 1rem;transition:background-color .3s ease}.login-button{background:none;color:#fff}.login-button:hover{color:#ccc}.signup-button{background-color:#dbc178;color:#000;font-weight:700}.signup-button:hover{background-color:#b8860b}.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:#00000080;display:flex;height:100vh;isolation:isolate;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.sign-in-modal-content{background:var(--surface);border-radius:8px;box-shadow:0 4px 10px #0003;max-width:400px;padding:var(--spacing-lg);position:relative;text-align:center;width:90%;z-index:1001}.sign-in-form{display:flex;flex-direction:column;gap:var(--spacing-sm)}.sign-in-form input{background:var(--surface);border:1px solid var(--secondary);border-radius:4px;box-sizing:border-box;color:var(--text-primary);font-size:.9rem;padding:var(--spacing-sm);width:100%}.sign-in-form input:focus{outline:2px solid var(--primary);outline-offset:-1px}.sign-in-form button[type=submit]{background:var(--primary);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;margin-top:var(--spacing-sm);padding:var(--spacing-sm);transition:opacity .2s ease}.sign-in-form button[type=submit]:hover{opacity:.9}.forgot-password{background:none;border:none;color:var(--primary);cursor:pointer;font-size:.8rem;margin-top:var(--spacing-xs);padding:0;text-decoration:underline}.forgot-password:hover{opacity:.8}.success-text{color:#28a745;font-size:.8rem;margin-top:var(--spacing-xs)}.google-sign-in-button{align-items:center;background-color:#fff;border:1px solid #dadce0;border-radius:4px;box-shadow:0 1px 3px #3c40434d;color:#3c4043;cursor:pointer;display:flex;font-family:Roboto,Arial,sans-serif;font-size:14px;font-weight:500;justify-content:center;margin:0 auto;padding:8px 16px;transition:box-shadow .2s,background-color .2s}.google-sign-in-button:hover{background-color:#f7f8f8;box-shadow:0 1px 3px #3c404366}.google-sign-in-button:active{background-color:#e8e9ea;box-shadow:0 1px 2px #3c404333}.google-sign-in-button:focus{box-shadow:0 0 3px 2px #4285f499;outline:none}.google-sign-in-button:disabled{background-color:#f8f9fa;border-color:#dadce0;box-shadow:none;color:#dadce0;cursor:not-allowed}.google-logo{height:18px;margin-right:8px;width:18px}.sign-up-modal{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}.sign-up-modal-content{background:var(--surface);border-radius:8px;box-shadow:0 4px 10px #0003;max-width:400px;padding:var(--spacing-lg);position:relative;text-align:center;width:90%;z-index:1001}.close-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.5rem;line-height:.5;padding:.5rem;position:absolute;right:var(--spacing-sm);top:var(--spacing-sm);transition:color .2s ease}.close-button:hover,.modal-title{color:var(--text-primary)}.modal-title{font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-md)}.sign-up-form{display:flex;flex-direction:column;gap:var(--spacing-sm)}.sign-up-form input{background:var(--surface);border:1px solid var(--secondary);border-radius:4px;box-sizing:border-box;color:var(--text-primary);font-size:.9rem;padding:var(--spacing-sm);width:100%}.sign-up-form input:focus{outline:2px solid var(--primary);outline-offset:-1px}.sign-up-form button{background:var(--primary);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;margin-top:var(--spacing-sm);padding:var(--spacing-sm);transition:opacity .2s ease}.sign-up-form button:hover{opacity:.9}.error-text{color:#dc3545;font-size:.8rem;margin-top:var(--spacing-xs)}.fine-print{color:var(--text-secondary);font-size:.8rem;margin-top:var(--spacing-md)}.divider{background-color:var(--secondary);height:1px;margin:var(--spacing-md) 0;width:100%}.switch-auth-mode{background:none;border:none;color:var(--primary);cursor:pointer;font-size:.9rem;margin-top:var(--spacing-sm);padding:var(--spacing-sm);text-decoration:underline;transition:opacity .2s ease}.switch-auth-mode:hover{opacity:.8}.search-container{align-items:center;display:flex;margin:17px auto;position:relative;width:400px}.search-bar{background-color:#ffffff2e;border:2px solid #dbc17880;border-radius:4px;color:#fff;font-size:16px;padding:6px 35px 6px 40px;transition:all .3s ease;width:100%}.search-bar::placeholder{color:#fff9}.search-bar:focus{background-color:#ffffff1f;border-color:#dbc178;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:14px}}.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)}}.app-container{display:flex}.sidenav{background-color:#fff;border-right:1px solid #0000001a;box-shadow:2px 0 8px #0000000d;position:fixed;transition:transform .3s ease-in-out;z-index:25}@media (min-width:768px){.sidenav{background:linear-gradient(90deg,#fff,#f8f8f8);height:100vh;padding:1rem 0;top:70px;transform:translateX(0);width:180px}main{margin-left:180px;margin-top:70px;padding:1rem;width:calc(100vw - 180px)}}@media (max-width:767px){.sidenav{background-color:#fff;height:calc(100vh - 70px);padding:1rem 0;top:70px;transform:translateX(-100%);width:250px}.sidenav.open{transform:translateX(0)}.sidenav ul{flex-direction:column;padding:1rem}.sidenav ul li{margin:1rem 0}main{margin-left:0;width:100%}}.sidenav ul{list-style-type:none;margin:0;padding:0}.sidenav ul li{margin:8px 0}.sidenav ul li a{border-left:3px solid #0000;color:var(--text-primary);display:block;font-size:1.1rem;font-weight:500;padding:4px 16px;text-decoration:none;transition:all .2s ease}.sidenav ul li a:hover{background-color:#dbc1781a;border-left:3px solid #dbc178;padding-left:20px}.frame{align-items:center;background-color:#1a1a1a;box-shadow:0 -2px 4px #0000001a;display:flex;flex-direction:column;gap:.5rem;padding:1rem;position:relative;z-index:30}.frame,.join_investors{box-sizing:border-box;color:#fcfaf3;width:100%}.join_investors{font-family:Markazi Text Bold,Helvetica;font-size:1rem;font-weight:350;line-height:1.3;max-width:800px;padding:0 1rem;text-align:center}.join_investors p{margin:.25rem 0}.join_investors a{color:#dbc178;text-decoration:none;transition:color .2s ease}.join_investors a:hover{color:#e9d4a7}@media (max-width:768px){.join_investors{font-size:.9rem;margin:0 auto;padding:0 1rem;width:100%}.frame{padding:1rem 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}}:root{--primary:#1a1a1a;--secondary:#333;--accent:#e74c3c;--success:#22c55e;--error:#ef4444;--warning:#f1c40f;--background:#fff;--surface:#fff;--text-primary:#000;--text-secondary:#000;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--shadow-sm:none;--shadow-md:none;--shadow-lg:none}.home{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){.home{margin:64px auto 0;padding:var(--spacing-lg) var(--spacing-md);width:100%}}@media (max-width:576px){.home{margin:64px auto 0;padding:var(--spacing-lg) var(--spacing-md);width:100%}}.index-drawdowns{margin-bottom:var(--spacing-xl);width:100%}.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-md);padding:0 var(--spacing-sm);width:100%}@media (min-width:992px){.stock-drawdown-container{gap:var(--spacing-md);grid-template-columns:repeat(4,1fr);padding:0}}@media (min-width:1600px){.watchlist-section .stock-drawdown-container{grid-template-columns:repeat(2,1fr)}}.page-header{margin-bottom:var(--spacing-md);width:100%}.header-with-link{align-items:center;display:flex;justify-content:space-between;margin-bottom:0;margin-bottom:var(--spacing-md);width:100%}.h-1,.header-with-link{border-bottom:2px solid var(--secondary);padding-bottom:var(--spacing-sm)}.h-1{color:var(--text-primary);font-family:Inter,-apple-system,sans-serif;font-size:2rem;font-weight:700;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:1.5rem;padding-bottom:var(--spacing-sm)}}.my-portfolio{margin-bottom:var(--spacing-xl);width:100%}.portfolio-container{background:var(--surface);border-radius:8px;padding:var(--spacing-md)}@media (max-width:576px){.portfolio-container{padding:var(--spacing-sm)}}.home-search-wrapper{align-items:center;display:flex;margin:var(--spacing-lg) auto 0;max-width:600px;padding:0 var(--spacing-sm);position:relative}.home-search-input{background:var(--surface);border:1px solid var(--secondary);border-radius:8px;box-shadow:0 2px 4px #0000001a;color:var(--text-primary);font-size:1rem;padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) 2.5rem;transition:all .2s ease;width:100%}.home-search-icon{color:var(--text-secondary);height:16px;left:calc(var(--spacing-md) + .75rem);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:16px}.home-search-input:focus{border-color:var(--primary);box-shadow:0 2px 8px #00000026;outline:none}.home-search-input::placeholder,.status-message{color:var(--text-secondary)}.status-message{background-color:var(--background-secondary);border:1px solid var(--border);border-radius:6px;font-size:1.1rem;margin-top:var(--spacing-md);padding:var(--spacing-md);text-align:center}.watchlist-link{align-items:center;background:var(--surface);border:1px solid #0000001a;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:var(--text-primary);display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:8px 16px;text-decoration:none;transition:transform .2s,box-shadow .2s}.watchlist-link:hover{box-shadow:0 4px 8px #00000026;color:var(--text-primary);transform:translateY(-2px)}.watchlist-link .arrow-icon{height:16px;opacity:.8;transition:transform .2s ease;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%}@media (min-width:1600px){.dashboard-sections{align-items:flex-start;flex-direction:row;gap:var(--spacing-lg)}.portfolio-section{border-right:2px solid var(--secondary);order:1;padding-right:var(--spacing-lg);width:54%}.watchlist-section{order:2;width:46%}}.stock-drawdown{background:var(--surface);border:1px solid #0000001a;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);transition:transform .2s,box-shadow .2s}.stock-drawdown:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.stock-drawdown:focus{outline:2px solid var(--primary);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:.9rem;font-weight:600;margin:0}.header .ticker{color:var(--text-secondary);font-size:.8rem;font-weight:400;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:1rem;font-weight:700}.drawdown .label{color:var(--text-secondary);font-size:.75rem}.metrics{border-top:1px solid var(--secondary);padding-top:var(--spacing-xs)}.metrics p{display:flex;font-size:.8rem;justify-content:space-between;margin:var(--spacing-xs) 0}.metrics .label{color:var(--text-secondary);font-weight:500}.metrics .value{color:var(--text-primary);font-weight:600}.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:1rem;padding:var(--spacing-md)}.stock-drawdown h2{font-size:1.1rem}.stock-drawdown i{font-size:.875rem}.metrics p{font-size:.9rem}.drawdown{font-size:1.3rem}.after-hours-icon{height:16px;width:16px}}.portfolio-summary{grid-gap:var(--spacing-sm);background-color:#dbc178;border-radius:8px;box-shadow:0 4px 10px #0003;box-sizing:border-box;color:#000;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:4px;padding:var(--spacing-sm);text-align:center}.portfolio-item h3{color:#000c;font-size:.9rem;margin:0}.portfolio-item p{font-size:1.2rem;font-weight:700;margin:.5rem 0 0}@media (min-width:768px){.portfolio-summary{grid-template-columns:repeat(4,1fr)}.portfolio-item h3{font-size:1rem}.portfolio-item p{font-size:1.7rem}}.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:#1a1a1a;border:none;border-radius:8px;box-shadow:0 4px 10px #0003;cursor:pointer;padding:var(--spacing-md);position:relative;transition:transform .2s ease;width:100%}.watchlist-overlay:hover{transform:translateY(-2px)}.watchlist-overlay-content{color:#fff;text-align:center}.watchlist-overlay-content p{font-size:1rem;margin:0;opacity:.9}.global-filter{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md);padding:0 var(--spacing-sm);width:100%}.metric-selector-2{border-right:1px solid var(--border);display:flex;gap:var(--spacing-xs);margin-right:var(--spacing-md);padding-right:var(--spacing-md)}.metric-button-2{background:var(--surface);border:1px solid var(--secondary);border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:.9rem;padding:var(--spacing-xs) var(--spacing-sm);transition:all .2s ease}.metric-button-2.active,.metric-button-2:hover{border-color:var(--primary)}.metric-button-2.active{background:var(--primary);color:#fff}.time-range-selector-2{display:flex;gap:var(--spacing-xs);margin:0}.range-button-2{background:var(--surface);border:1px solid var(--secondary);border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:.85rem;padding:var(--spacing-xs) var(--spacing-sm);transition:all .2s ease}.range-button-2.active{background:var(--primary);border-color:var(--primary);color:var(--surface)}@media (max-width:480px){.global-filter{align-items:center;flex-direction:row;justify-content:space-between}.metric-selector-2{border-right:none;margin-right:0;padding-right:0}.time-range-selector-2{border:none;padding-left:0}}.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{box-shadow:0 2px 4px #0000001a;margin-top:var(--spacing-sm)}.chart-controls,.drawdown-chart{background:var(--surface);border-radius:8px;padding:var(--spacing-md)}.chart-controls{box-shadow:0 1px 3px #0000001a;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);border:1px solid var(--secondary);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.9rem;font-weight:500;letter-spacing:.5px;min-width:80px;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.metric-button.active{background:var(--primary);border-color:var(--primary);box-shadow:0 2px 4px #0000001a;color:var(--surface)}.metric-button:hover:not(.active){background:var(--secondary-light);border-color:var(--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);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;flex-shrink:0;font-size:.85rem;font-weight:500;min-width:48px;padding:var(--spacing-xs) var(--spacing-sm);transition:all .2s ease;white-space:nowrap}.range-button.active{background:var(--primary);border-color:var(--primary);box-shadow:0 1px 2px #0000001a;color:var(--surface)}.range-button:hover:not(.active){background:var(--secondary-light);border-color:var(--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(--error);padding:1rem;text-align:center}.drawdown-summary{box-shadow:0 2px 4px #0000001a}.metric-summary{background-color:#f0f0f080;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;flex-wrap:wrap;gap:16px;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:#666;font-size:.85rem;margin-bottom:4px}.stat-value{font-size:1.2rem;font-weight:600}@media (max-width:640px){.metric-summary{flex-direction:column;gap:8px}.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);border:1px solid #0000001a;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;padding:var(--spacing-md);text-align:center;transition:transform .2s,box-shadow .2s}.risk-asset-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.risk-asset-image-container{align-items:center;background:var(--background);border-radius:6px;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,#667eea,#764ba2);color:#fff;display:flex;font-size:3rem;font-weight:700;height:100%;justify-content:center;width:100%}.risk-asset-content{width:100%}.risk-asset-name{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 var(--spacing-sm) 0}.risk-asset-value{color:var(--text-primary);font-size:1.5rem;font-weight:700;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:1.2rem}.risk-asset-value{font-size:1.8rem}}
/*# sourceMappingURL=main.39727567.css.map*/