body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.stock-card-grid{animation:fadeInUp .6s ease both;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 4px 20px #00000014;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;min-height:120px;overflow:hidden;padding:0;position:relative;transition:all var(--transition-base);width:100%}.card-overlay{background:linear-gradient(135deg,#ffffffd9,#ffffffbf 50%,#ffffffe6);bottom:0;left:0;position:absolute;right:0;top:0;transition:background var(--transition-base);z-index:1}.stock-card-grid:hover .card-overlay{background:linear-gradient(135deg,#fffc,#ffffffb3 50%,#ffffffd9)}.card-content-wrapper{display:flex;flex-direction:column;gap:.5rem;height:100%;padding:.875rem;position:relative;z-index:2}.stock-card-grid:before{background:linear-gradient(90deg,#0000,#00b8ff99,#0000);content:"";height:2px;left:0;opacity:.6;position:absolute;right:0;top:0;transition:opacity var(--transition-base);z-index:3}.stock-card-grid:hover{border-color:var(--color-accent);box-shadow:0 8px 32px #0000001f;transform:translateY(-2px)}.stock-card-grid:hover:before{opacity:1}.card-header-grid{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.card-ticker-grid{color:var(--color-text-primary);flex:1 1;font-size:1.5rem;font-weight:700;letter-spacing:.05em;margin:0}.card-tag-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.4rem;letter-spacing:.05em;padding:.4rem .8rem;text-transform:uppercase;white-space:nowrap}.card-tag-badge.bullish{background:#10b98126;border:1px solid #10b9814d;color:var(--color-positive)}.card-tag-badge.pending-due-diligence{background:#f59e0b26;border:1px solid #f59e0b4d;color:var(--color-neutral)}.card-tag-badge.bearish{background:#ef444426;border:1px solid #ef44444d;color:var(--color-negative)}.card-company-grid{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-tertiary);display:-webkit-box;font-size:.85rem;line-height:1.3;margin:0;overflow:hidden;text-overflow:ellipsis}.card-price-section-grid{display:flex;flex-direction:column;gap:.375rem;margin-top:auto}.card-price-grid{color:var(--color-text-primary);font-size:2rem;font-weight:700;line-height:1.2}.card-change-container-grid{align-items:center;display:flex;gap:.375rem}.card-change-grid{border-radius:6px;font-size:1rem;font-weight:600;padding:.4rem .8rem;width:-webkit-fit-content;width:fit-content}.card-change-grid.positive{background:#10b98126;color:var(--color-positive)}.card-change-grid.negative{background:#ef444426;color:var(--color-negative)}.card-change-label-grid{color:var(--color-text-tertiary);font-size:.75rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.card-marketcap-grid{color:var(--color-text-secondary);display:block;font-size:.875rem;font-weight:500;margin-top:.25rem}.card-investment-score-grid{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem;padding:.75rem}.investment-score-label{color:var(--color-text-secondary);font-size:.75rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.investment-score-value{align-items:baseline;display:flex;gap:.25rem}.investment-score-number{color:var(--color-positive);font-size:1.75rem;font-weight:700;line-height:1}.investment-score-max{color:var(--color-text-tertiary);font-size:1rem;font-weight:500}.card-ceo-badge-grid{margin-top:.5rem}.ceo-badge-grid{align-items:center;border-radius:20px;display:inline-flex;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.4rem .9rem;white-space:nowrap}.ceo-badge-grid.strong-ceo{background:#4a9e4a26;border:1px solid #4a9e4a;color:#6ab86a}.ceo-badge-grid.weak-ceo{background:#9e4a4a26;border:1px solid #9e4a4a;color:#b86a6a}.stock-card-grid.bullish{border-color:var(--color-positive)}.stock-card-grid.bearish{border-left:3px solid var(--color-negative)}.stock-card-grid.pending-due-diligence{border-color:var(--color-neutral)}.stock-card{-ms-overflow-style:none;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 2px 10px #000c;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;left:50%;max-height:480px;max-width:280px;min-height:480px;overflow:hidden;padding:.75rem;position:absolute;scrollbar-width:none;top:0;transform:translateX(-50%) translateY(0) rotate(0deg);transform:translateX(-50%) translateY(var(--vertical-offset,0)) rotate(var(--rotation,0deg));transition:none;width:100%}.stock-card::-webkit-scrollbar{display:none}.stock-card-mobile{-webkit-tap-highlight-color:transparent;align-items:center;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:12px;cursor:pointer;display:flex;gap:1rem;min-height:var(--touch-target-min);padding:1rem;transition:background-color .2s,border-color .2s,transform .1s;width:100%}.stock-card-mobile:active{background:var(--color-bg-secondary);border-color:var(--color-border-hover)}.stock-card-mobile-image{align-items:center;background:var(--color-bg-primary);border-radius:8px;display:flex;height:56px;justify-content:center;min-width:56px;overflow:hidden;width:56px}.stock-card-mobile-image img{height:100%;object-fit:cover;width:100%}.stock-card-mobile-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:0}.stock-card-mobile-header{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.stock-card-mobile-ticker{color:var(--color-text-primary);font-size:1.1rem;font-weight:600;line-height:1.2;margin:0}.stock-card-mobile-change-container{align-items:center;display:flex;gap:.25rem}.stock-card-mobile-change{border-radius:4px;font-size:.85rem;font-weight:600;padding:.2rem .5rem}.stock-card-mobile-change.positive{background:#4ade801a;color:#4ade80}.stock-card-mobile-change.negative{background:#f871711a;color:#f87171}.stock-card-mobile-change-label{color:var(--color-text-tertiary);font-size:.7rem;font-weight:500;text-transform:uppercase}.stock-card-mobile-company{color:var(--color-text-tertiary);font-size:.85rem;line-height:1.3;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stock-card-mobile-price-section{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.stock-card-mobile-price{color:var(--color-text-primary);font-size:1rem;font-weight:500;line-height:1.2;margin:0}.stock-card-mobile-marketcap{color:var(--color-text-tertiary);font-size:.8rem;font-weight:500}.stock-card-mobile-badge{display:flex}.stock-card-mobile-badge,.tag-mobile{align-items:center;justify-content:center;min-width:44px}.tag-mobile{border-radius:8px;display:inline-flex;font-size:.9rem;font-weight:600;min-height:44px;padding:.5rem}.tag-mobile.bullish{background:#4ade8026;border:1px solid #4ade804d;color:#4ade80}.tag-mobile.pending-due-diligence{background:#facc1526;border:1px solid #facc154d;color:#facc15}.tag-mobile.bearish{background:#f8717126;border:1px solid #f871714d;color:#f87171}@media (max-width:767px){.stock-card{left:50%;right:auto;transform:translateX(-50%) translateY(0) rotate(0deg);transform:translateX(-50%) translateY(var(--vertical-offset,0)) rotate(var(--rotation,0deg))}}.stock-card.bullish{border:2px solid var(--color-positive)}.stock-card.bearish{border-left:3px solid var(--color-negative)}.stock-card.pending-due-diligence{border:2px solid var(--color-neutral)}.card-glow{display:none}.card-left-section{-ms-overflow-style:none!important;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow-x:visible!important;overflow-y:auto!important;padding-bottom:2rem!important;position:relative;scrollbar-width:none!important;width:100%;z-index:2}.card-left-section::-webkit-scrollbar{display:none!important;height:0!important;width:0!important}.card-ticker{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:1rem;justify-content:space-between;margin-bottom:.5rem;padding-bottom:.4rem}.stock-ticker{color:var(--color-text-primary);flex:0 0 auto;font-size:1.25rem;font-weight:600;letter-spacing:.05em;margin:0}.card-image{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:6px;height:120px!important;margin-bottom:.5rem!important;min-height:120px!important;overflow:hidden;transition:none}.card-image,.card-image img{display:block!important;flex-shrink:0!important;opacity:1!important;position:relative!important;visibility:visible!important;width:100%!important;z-index:10!important}.card-image img{height:100%!important;min-height:100%!important;object-fit:cover!important}.card-content{-ms-overflow-style:none;display:flex;flex:0 0 auto;flex-direction:column;margin-bottom:0!important;margin-top:.5rem;min-height:0;overflow-x:visible!important;overflow-y:visible!important;padding:.5rem .5rem 3rem 1rem!important;position:relative;scrollbar-width:none;z-index:1}.card-content::-webkit-scrollbar{display:none}.card-header{align-items:center!important;display:flex!important;flex-shrink:0!important;justify-content:flex-end!important;margin-bottom:2rem!important;margin-top:.5rem!important;min-height:auto!important;overflow:visible!important;padding:1rem 0!important;width:100%!important}.tag{align-items:center;border-radius:20px;display:flex;flex-shrink:0;font-size:.75rem;font-weight:600;gap:.4rem;margin:0;padding:.3rem .75rem;text-transform:uppercase;white-space:nowrap}.tag.bullish{background:#10b98126;border:1px solid #10b9814d;color:var(--color-positive)}.tag.bearish{background:#ef444426;border:1px solid #ef44444d;color:var(--color-negative)}.tag.pending-due-diligence{background:#f59e0b26;border:1px solid #f59e0b4d;color:var(--color-neutral)}.company-name{color:var(--color-text-secondary);flex:0 0 auto;font-size:.9rem;font-weight:500;margin:0;text-align:right}.stock-summary{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;color:var(--color-text-tertiary);display:-webkit-box;flex:0 0 auto;font-size:.7rem;line-height:1.2;margin:.5rem 0;overflow:hidden;padding:0 1rem;text-overflow:ellipsis}.price-section{align-items:center;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:6px;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.5rem}.price-label{color:var(--color-text-tertiary);font-size:.75rem}.price-value{color:var(--color-text-primary);font-size:1.1rem;font-weight:600;letter-spacing:.02em}.news-section{display:flex;flex:0 0 auto;flex-direction:column;justify-content:flex-start;margin:.4rem 0;min-height:50px;padding:0 1rem}.news-title{align-items:center;color:var(--color-text-tertiary);display:flex;font-size:.75rem;gap:.4rem;margin-bottom:.3rem}.news-list{list-style:none}.news-list li{margin-bottom:.25rem;padding-left:.75rem;position:relative}.news-list li:before{color:var(--color-text-muted);content:"▸";font-size:.7rem;left:0;position:absolute}.news-link{color:var(--color-text-tertiary);display:block;font-size:.8rem;line-height:1.3;padding:.15rem 0;position:relative;text-decoration:none;transition:color .2s;width:100%;z-index:1}.news-link:hover{color:var(--color-text-primary)}.expanded-info{display:none}.expanded-section-title{align-items:center;color:var(--color-text-primary);display:flex;font-size:.9rem;font-weight:600;gap:.5rem;margin-bottom:.5rem}.expanded-price-section{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff;border:1px solid var(--color-border);border-radius:12px;box-shadow:0 4px 20px #0000001a;flex-shrink:0;padding:1rem}.chart-button{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 2px 8px #0003;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);gap:.5rem;padding:12px 20px;transition:all var(--transition-base)}.chart-button:hover{background:#ffffff14;border-color:#fff3;box-shadow:0 4px 16px #0000004d;color:var(--color-text-primary);transform:translateY(-1px)}.chart-button:disabled{cursor:not-allowed;opacity:.5}.ai-analysis-button{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 2px 8px #0003;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);gap:.5rem;padding:12px 20px;transition:all var(--transition-base)}.ai-analysis-button:hover:not(:disabled){background:#ffffff14;border-color:#fff3;box-shadow:0 4px 16px #0000004d;color:var(--color-text-primary);transform:translateY(-1px)}.ai-analysis-button:disabled{cursor:not-allowed;opacity:.5}.ai-analysis-section{-ms-overflow-style:none;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px;margin-top:1.5rem;max-height:400px;overflow-y:auto;padding:1rem;scrollbar-width:none}.ai-analysis-section::-webkit-scrollbar{display:none}.ai-analysis-content{color:var(--color-text-primary);font-size:.9rem;line-height:1.6}.stock-modal-overlay{align-items:flex-start;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:7rem 1rem .5rem;position:fixed;right:0;top:0;z-index:10000}.stock-modal-overlay-previous{pointer-events:none;z-index:10001}.stock-modal-overlay-previous .stock-modal{pointer-events:auto}.stock-modal-overlay-current{z-index:10002}.stock-modal{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 10px 40px #000000e6;display:flex;flex-direction:column;margin:0 auto;max-height:calc(100vh - 7.5rem);max-width:1100px;overflow:hidden;position:relative;touch-action:pan-y;width:100%;will-change:transform,opacity}.stock-modal-enter{animation:slideUp .3s ease-out forwards}.stock-modal-slide-out-left{animation:slideOutLeft .4s ease-out forwards}.stock-modal-slide-out-right{animation:slideOutRight .4s ease-out forwards}.stock-modal-slide-in-left{animation:slideInLeft .4s ease-out forwards}.stock-modal-slide-in-right{animation:slideInRight .4s ease-out forwards}.stock-modal-slide-out-up{animation:slideOutUp .4s ease-out forwards}.stock-modal-slide-out-down{animation:slideOutDown .4s ease-out forwards}.stock-modal-slide-in-up{animation:slideInUp .4s ease-out forwards}.stock-modal-slide-in-down{animation:slideInDown .4s ease-out forwards}@keyframes slideOutLeft{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-2000px)}}@keyframes slideOutRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(2000px)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-2000px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(2000px)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100vh)}}@keyframes slideOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100vh)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(100vh)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-100vh)}to{opacity:1;transform:translateY(0)}}.stock-modal-header{background:var(--color-bg-primary);border-bottom:1px solid var(--color-border);gap:.75rem;justify-content:space-between;padding:.6rem 1rem}.header-icon-button,.stock-modal-header{align-items:center;display:flex;flex-shrink:0}.header-icon-button{background:#0000;border:1px solid #444;border-radius:6px;color:var(--color-text-primary);cursor:pointer;font-size:1rem;height:36px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:36px}.header-icon-button:hover{background:#2a2a2a;border-color:#666;transform:scale(1.05)}.header-icon-button:active{transform:scale(.95)}.header-icon-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.header-icon-button.chart-button-header:hover{background:#4a9e4a33;border-color:#4a9e4a}.header-icon-button.ai-analysis-button-header:hover:not(:disabled){background:#4a9e9e33;border-color:#4a9e9e}.stock-modal-title{color:var(--color-text-primary);flex:1 1;font-size:1.1rem;font-weight:600;margin:0;text-align:center}.stock-info-buttons-group{align-items:center;display:flex;flex:0 0 auto;gap:.5rem}.stock-info-button{align-items:center;background:var(--color-bg-primary);border:1px solid #2d3555;border-radius:6px;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:.4rem;padding:.4rem .75rem;transition:all .2s ease;white-space:nowrap}.stock-info-button:hover{background:#2a2a2a;border-color:#3a3a3a;color:var(--color-text-primary)}.stock-info-button:active{background:var(--color-bg-primary)}.stock-info-button:disabled{cursor:not-allowed;opacity:.5}.stock-info-button.chart-button-info:hover{background:#4a9e4a33;border-color:#4a9e4a;color:#6ab86a}.stock-info-button.ai-analysis-button-info:hover:not(:disabled){background:#4a9e9e33;border-color:#4a9e9e;color:#6ab8b8}.stock-modal-nav{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:var(--color-text-primary);cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;height:36px;justify-content:center;line-height:1;margin:0;padding:0;transition:all .2s ease;width:36px}@media (max-width:767px){.stock-modal-nav,.stock-modal-nav-spacer{display:none}}.stock-modal-nav:hover{background:#ffffff1a;border-color:#fff3;box-shadow:0 2px 8px #0000004d;transform:translateY(-1px)}.stock-modal-nav:active{box-shadow:0 1px 4px #0003;transform:translateY(0)}.stock-modal-nav-spacer{flex-shrink:0;width:36px}.stock-modal-close{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:1.25rem;height:36px;justify-content:center;line-height:1;margin:0;padding:0;position:relative;transition:all .2s ease;width:36px}.stock-modal-close:before{content:"×";font-weight:300;left:50%;line-height:1;position:absolute;top:50%;transform:translate(-50%,-50%)}.stock-modal-close:hover{background:#f8717126;border-color:#f871714d;box-shadow:0 2px 8px #f8717133;color:#f87171;transform:translateY(-1px)}.stock-modal-close:active{box-shadow:0 1px 4px #f8717126;transform:translateY(0)}.stock-modal-content{display:flex;flex:1 1;flex-direction:row;gap:1.5rem;overflow-y:auto;padding:1rem 1.5rem;scrollbar-color:#444 #10131f;scrollbar-width:thin}@media (max-width:767px){.stock-ticker{font-size:1.1rem}.company-name{font-size:.8rem}.stock-summary{font-size:.7rem}.price-value{font-size:1rem}.card-image{height:100px!important;min-height:100px!important}.stock-modal-overlay{align-items:flex-start;padding:0}.stock-modal{border-radius:0;display:flex;flex-direction:column;height:100vh;margin:0;max-height:100vh;overflow:hidden}.stock-modal-content{-webkit-overflow-scrolling:touch;flex:1 1 auto;flex-direction:column;gap:1.25rem;height:0;min-height:0;overflow-x:hidden;overflow-y:auto;padding:1.25rem 1.25rem 3rem}.stock-modal-header{flex-shrink:0;padding:1rem}.stock-modal-title{font-size:1.1rem}.stock-modal-left{padding-right:0}.stock-modal-left,.stock-modal-right{flex:0 0 auto;min-height:auto;overflow:visible}.stock-modal-right{border-left:none;border-top:1px solid #252d4f;display:flex;flex-direction:column;padding-bottom:2rem;padding-left:0;padding-top:1rem;width:100%}.expanded-price-section{flex-shrink:0;margin-bottom:1rem;width:100%}.stock-modal-left .card-image{height:120px!important;max-height:120px!important;min-height:120px!important}.stock-modal-close,.stock-modal-nav{height:var(--touch-target-min);min-height:var(--touch-target-min);min-width:var(--touch-target-min);width:var(--touch-target-min)}.ai-analysis-button,.chart-button{min-height:var(--touch-target-min);padding:.75rem 1.25rem}.tradingview-chart-container{height:250px}.stock-card-grid,.stock-card-mobile{-webkit-tap-highlight-color:transparent}.stock-card-mobile:active{transform:scale(.98)}}@media (min-width:768px) and (max-width:1024px){.stock-modal-overlay{align-items:center;padding:2rem}.stock-modal{border-radius:16px;height:auto;max-height:90vh;max-width:85%}.stock-modal-content{flex-direction:row;gap:2rem;padding:2rem}.stock-modal-left{flex:0 0 48%}.stock-modal-right{border-left:1px solid #252d4f;border-top:none;flex:1 1;padding-left:2rem;padding-top:0}.stock-modal-header{padding:1.5rem 2rem}.stock-modal-title{font-size:1.25rem}.stock-modal-left .card-image{height:140px!important;max-height:140px!important;min-height:140px!important}.tradingview-chart-container{height:350px}.header-icon-button,.stock-modal-close{height:var(--touch-target-min);min-height:var(--touch-target-min);min-width:var(--touch-target-min);width:var(--touch-target-min)}.ai-analysis-button,.chart-button{min-height:var(--touch-target-min);padding:12px 20px}.expanded-price-value{font-size:2.5rem}.stock-change-inline-amount{font-size:1.5rem}}@media (min-width:1024px) and (max-width:1366px){.stock-modal{max-width:95%}.tradingview-chart-container{height:350px}}.bottom-sheet-overlay{align-items:flex-end;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .3s ease;z-index:10000}.bottom-sheet-overlay.open{opacity:1;pointer-events:all}.bottom-sheet{background:var(--color-bg-primary);border-top-left-radius:20px;border-top-right-radius:20px;box-shadow:0 -4px 20px #00000080;display:flex;flex-direction:column;max-height:90vh;max-width:100%;overflow:hidden;position:relative;transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:100%}.bottom-sheet-overlay.open .bottom-sheet{transform:translateY(0)}.bottom-sheet.dragging{transition:none}.bottom-sheet-handle{background:#444;border-radius:2px;flex-shrink:0;height:4px;margin:.75rem auto;width:40px}.bottom-sheet-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;flex-shrink:0;justify-content:space-between;padding:1rem 1.25rem;position:relative}.bottom-sheet-header-content{flex:1 1}.bottom-sheet-ticker{color:var(--color-text-primary);font-size:1.5rem;font-weight:600;margin:0 0 .25rem}.bottom-sheet-company{color:var(--color-text-tertiary);font-size:.9rem;margin:0}.bottom-sheet-close{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;border-radius:8px;color:var(--color-text-tertiary);cursor:pointer;display:flex;font-size:1.5rem;height:44px;justify-content:center;transition:background-color .2s;width:44px}.bottom-sheet-close:active{background:var(--color-bg-primary)}.bottom-sheet-nav{display:flex;justify-content:space-between;left:0;padding:0 .5rem;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:10}.bottom-sheet-nav-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#1a1a1ae6;border:1px solid #2d3555;border-radius:50%;color:var(--color-text-primary);cursor:pointer;display:flex;height:44px;justify-content:center;pointer-events:all;transition:background-color .2s;width:44px}.bottom-sheet-nav-btn:active{background:#2a2a2ae6}.bottom-sheet-content{-webkit-overflow-scrolling:touch;display:flex;flex:1 1;flex-direction:column;gap:1.25rem;overflow-x:hidden;overflow-y:auto;padding:1.25rem 1.25rem 2rem}.bottom-sheet-image{background:var(--color-bg-primary);border-radius:12px;flex-shrink:0;height:200px;overflow:hidden;width:100%}.bottom-sheet-image img{height:100%;object-fit:cover;width:100%}.bottom-sheet-price-section{background:var(--color-bg-primary);border:1px solid #2d3555;border-radius:12px;display:flex;flex-direction:column;gap:.5rem;padding:1rem}.bottom-sheet-price-main{align-items:center;display:flex;justify-content:space-between}.bottom-sheet-price-label{color:var(--color-text-tertiary);font-size:.9rem}.bottom-sheet-price-value{color:var(--color-text-primary);font-size:1.5rem;font-weight:600}.bottom-sheet-price-change{border-radius:6px;font-size:.9rem;font-weight:600;padding:.5rem;text-align:center}.bottom-sheet-price-change.positive{background:#4ade801a;color:#4ade80}.bottom-sheet-price-change.negative{background:#f871711a;color:#f87171}.bottom-sheet-summary{color:var(--color-text-primary);font-size:.95rem;line-height:1.6}.bottom-sheet-tag{display:flex;justify-content:flex-start}.bottom-sheet-custom-tags{display:flex;flex-wrap:wrap;gap:.5rem}.bottom-sheet-news{display:flex;flex-direction:column;gap:.75rem}.bottom-sheet-news .news-title{align-items:center;color:var(--color-text-primary);display:flex;font-size:1rem;gap:.5rem;margin:0}.bottom-sheet-news .news-list{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.bottom-sheet-news .news-link{color:var(--color-text-tertiary);font-size:.9rem;line-height:1.4;text-decoration:none;transition:color .2s}.bottom-sheet-news .news-link:active{color:var(--color-text-primary)}.bottom-sheet-content .tradingview-chart-container{background:var(--color-bg-primary);border-radius:12px;height:300px;overflow:hidden;width:100%}.bottom-sheet-content .ai-analysis-content{background:var(--color-bg-primary);border:1px solid #2d3555;border-radius:12px;color:var(--color-text-primary);font-size:.95rem;line-height:1.6;padding:1rem}.bottom-sheet-performance-section{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px;margin-top:.75rem;padding:1rem}.bottom-sheet-section-title{color:var(--color-text-primary);font-size:1rem;font-weight:600;line-height:1.3;margin:0 0 .75rem}.bottom-sheet-performance-date{color:var(--color-text-tertiary);font-size:.75rem;font-style:italic;font-weight:400}.bottom-sheet-performance-details{display:flex;flex-direction:column;gap:.5rem}.bottom-sheet-performance-main{align-items:baseline;border-bottom:1px solid var(--color-border);display:flex;gap:.65rem;margin-bottom:.4rem;padding-bottom:.5rem}.bottom-sheet-performance-value{font-size:1.3rem;font-weight:700;letter-spacing:.02em}.bottom-sheet-performance-percentage{font-size:.9rem;font-weight:600}.bottom-sheet-performance-breakdown{display:flex;flex-direction:column;gap:.25rem}.bottom-sheet-performance-row{align-items:center;border-bottom:1px solid #0a0a0a;display:flex;font-size:.85rem;justify-content:space-between;padding:.2rem 0}.bottom-sheet-performance-row:last-child{border-bottom:none}.bottom-sheet-performance-label{color:var(--color-text-tertiary);font-size:.8rem;font-weight:500}.bottom-sheet-performance-value-small{color:var(--color-text-primary);font-size:.85rem;font-weight:500}.bottom-sheet-stock-info-section{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px;margin-top:1rem;padding:1rem}.bottom-sheet-stock-info-header{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-bottom:.75rem}.bottom-sheet-stock-info-buttons{align-items:center;display:flex;flex:0 0 auto;gap:.5rem}.bottom-sheet-stock-info-button{-webkit-tap-highlight-color:transparent;align-items:center;background:var(--color-bg-primary);border:1px solid #2d3555;border-radius:6px;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:.4rem;min-height:44px;padding:.4rem .75rem;transition:all .2s ease;white-space:nowrap}.bottom-sheet-stock-info-button:active{background:var(--color-bg-primary);border-color:#2d3555}.bottom-sheet-stock-info-button:disabled{cursor:not-allowed;opacity:.5}.bottom-sheet-price-change-inline-container{margin-bottom:.75rem}.bottom-sheet-price-with-change{align-items:baseline;display:flex;flex-wrap:wrap;gap:.75rem}.bottom-sheet-expanded-price-value{color:var(--color-text-primary);font-size:1.8rem;font-weight:700;line-height:1.2}.bottom-sheet-stock-change-inline-main{align-items:center;display:flex;flex-wrap:wrap;gap:.4rem}.bottom-sheet-stock-change-label-24h-inline{color:var(--color-text-tertiary);font-size:.75rem;font-weight:500;text-transform:uppercase}.bottom-sheet-stock-change-inline-amount,.bottom-sheet-stock-change-inline-percent{font-size:.9rem;font-weight:600}.bottom-sheet-marketcap{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:.5rem;margin-bottom:.75rem;padding:.5rem 0}.bottom-sheet-marketcap-label{color:var(--color-text-tertiary);font-size:.85rem;font-weight:500}.bottom-sheet-marketcap-value{color:var(--color-text-primary);font-size:.9rem;font-weight:500}.bottom-sheet-stock-details-grid{grid-gap:.5rem;border-top:1px solid #252d4f;display:grid;gap:.5rem;grid-template-columns:1fr 1fr;margin-top:.75rem;padding-top:.75rem}.bottom-sheet-stock-detail-row{display:flex;flex-direction:column;gap:.25rem;padding:.4rem 0}.bottom-sheet-detail-label{color:var(--color-text-tertiary);font-size:.75rem;font-weight:500}.bottom-sheet-detail-value{color:var(--color-text-primary);font-size:.85rem;font-weight:500}@supports (padding:max(0px)){.bottom-sheet{padding-bottom:max(1rem,env(safe-area-inset-bottom))}.bottom-sheet-content{padding-bottom:max(2rem,calc(2rem + env(safe-area-inset-bottom)))}}.stock-modal-content::-webkit-scrollbar{width:8px}.stock-modal-content::-webkit-scrollbar-track{background:var(--color-bg-primary)}.stock-modal-content::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.stock-modal-content::-webkit-scrollbar-thumb:hover{background:#555}.stock-modal-left{display:flex;flex:0 0 50%;flex-direction:column;gap:.5rem;overflow-y:auto;padding-right:1rem}@media (max-width:767px){.stock-modal-left,.stock-modal-right{overflow-y:visible}}.stock-modal-left::-webkit-scrollbar{width:8px}.stock-modal-left::-webkit-scrollbar-track{background:var(--color-bg-primary)}.stock-modal-left::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.stock-modal-right{border-left:1px solid #252d4f;display:flex;flex:1 1;flex-direction:column;gap:1rem;overflow-y:auto;padding-left:1.5rem}.stock-modal-right::-webkit-scrollbar{width:8px}.stock-modal-right::-webkit-scrollbar-track{background:var(--color-bg-primary)}.stock-modal-right::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.stock-modal-left .card-image{height:100px!important;margin-bottom:.5rem!important;max-height:100px!important;min-height:100px!important}.stock-modal-left .stock-summary{-webkit-line-clamp:unset;line-clamp:none;display:block;font-size:.75rem;line-height:1.4;margin:.4rem 0;overflow:visible;text-overflow:clip}.ai-analysis-modal-overlay{align-items:flex-start;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:7rem 2rem 2rem;position:fixed;right:0;top:0;z-index:10010}.ai-analysis-modal{animation:slideUp .3s ease-out;border:1px solid #2d3555;border-radius:12px;box-shadow:0 10px 40px #000000e6;flex-direction:column;max-height:85vh;max-width:900px;overflow:hidden;width:100%}.ai-analysis-modal,.ai-analysis-modal-header{background:var(--color-bg-primary);display:flex}.ai-analysis-modal-header{align-items:center;border-bottom:1px solid var(--color-border);justify-content:space-between;padding:1.5rem}.ai-analysis-modal-title{font-size:1.5rem;font-weight:600}.ai-analysis-modal-close,.ai-analysis-modal-title{align-items:center;color:var(--color-text-primary);display:flex;margin:0}.ai-analysis-modal-close{background:#0000;border:1px solid #444;border-radius:50%;cursor:pointer;font-size:2rem;height:40px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:40px}.ai-analysis-modal-close:hover{background:#2a2a2a;border-color:#666;transform:scale(1.1)}.ai-analysis-modal-close:active{transform:scale(.95)}.ai-analysis-modal-content{flex:1 1;overflow-y:auto;padding:2rem;scrollbar-color:#444 #10131f;scrollbar-width:thin}.ai-analysis-modal-content::-webkit-scrollbar{width:8px}.ai-analysis-modal-content::-webkit-scrollbar-track{background:var(--color-bg-primary)}.ai-analysis-modal-content::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.ai-analysis-modal-content::-webkit-scrollbar-thumb:hover{background:#555}.ai-analysis-loading{align-items:center;color:var(--color-text-tertiary);display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.ai-analysis-spinner{animation:spin 1s linear infinite;border:3px solid #2d3555;border-radius:50%;border-top-color:#6ab86a;height:50px;margin-bottom:1rem;width:50px}.ai-analysis-text{color:var(--color-text-primary);font-size:1rem;line-height:1.8}.ai-analysis-text h1,.ai-analysis-text h2,.ai-analysis-text h3,.ai-analysis-text h4,.ai-analysis-text h5,.ai-analysis-text h6{color:var(--color-text-primary);font-weight:600;margin-bottom:.75rem;margin-top:1.5rem}.ai-analysis-text h1{border-bottom:1px solid #2d3555;font-size:1.75rem;padding-bottom:.5rem}.ai-analysis-text h2{font-size:1.5rem}.ai-analysis-text h3{font-size:1.25rem}.ai-analysis-text p{color:var(--color-text-primary);margin-bottom:1rem}.ai-analysis-text p:last-child{margin-bottom:0}.ai-analysis-text ol,.ai-analysis-text ul{color:var(--color-text-primary);margin:1rem 0;padding-left:2rem}.ai-analysis-text li{margin-bottom:.5rem}.ai-analysis-text b,.ai-analysis-text strong{color:var(--color-text-primary);font-weight:600}.ai-analysis-text em,.ai-analysis-text i{font-style:italic}.ai-analysis-text code{background:var(--color-bg-primary);border:1px solid #2d3555;border-radius:4px;color:#6ab86a;font-family:Courier New,monospace;font-size:.9em;padding:.2rem .4rem}.ai-analysis-text pre{background:var(--color-bg-primary);border:1px solid #2d3555;border-radius:6px;margin:1rem 0;overflow-x:auto;padding:1rem}.ai-analysis-text pre code{background:#0000;border:none;color:var(--color-text-primary);padding:0}.ai-analysis-text blockquote{border-left:3px solid #6ab86a;color:var(--color-text-secondary);font-style:italic;margin:1rem 0;padding-left:1rem}.ai-analysis-text a{border-bottom:1px solid #6ab86a;color:#6ab86a;text-decoration:none;transition:color .2s ease}.ai-analysis-text a:hover{border-bottom-color:#8ac88a;color:#8ac88a}.ai-analysis-text hr{border:none;border-top:1px solid #2d3555;margin:1.5rem 0}.ai-analysis-text table{border-collapse:collapse;margin:1rem 0;width:100%}.ai-analysis-text td,.ai-analysis-text th{border:1px solid #2d3555;padding:.5rem;text-align:left}.ai-analysis-text th{background:var(--color-bg-primary);font-weight:600}.ai-analysis-text td,.ai-analysis-text th{color:var(--color-text-primary)}.ai-analysis-empty{color:var(--color-text-tertiary);padding:3rem;text-align:center}@media (max-width:767px){.ai-analysis-modal-overlay{padding:5rem 1rem 1rem}.ai-analysis-modal{max-height:90vh}.ai-analysis-modal-header{padding:1rem}.ai-analysis-modal-title{font-size:1.2rem}.ai-analysis-modal-content{padding:1.5rem}.ai-analysis-text{font-size:.9rem}.ai-analysis-modal-close{min-height:var(--touch-target-min);min-width:var(--touch-target-min)}}@media (min-width:768px) and (max-width:1024px){.ai-analysis-modal-overlay{padding:6rem 2rem 2rem}.ai-analysis-modal{max-width:85%}.ai-analysis-modal-close{min-height:var(--touch-target-min);min-width:var(--touch-target-min)}}.tradingview-chart-container{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:6px;height:400px;margin-bottom:1rem;overflow:hidden;width:100%}.tradingview-widget-container{height:100%;width:100%}.tradingview-widget-copyright{color:var(--color-text-muted);font-size:.75rem;padding:.5rem;text-align:center}.tradingview-widget-copyright a{color:#4a9e4a;text-decoration:none}.tradingview-widget-copyright a:hover{text-decoration:underline}.price-change-inline-container{margin-bottom:.75rem}.price-with-change{align-items:baseline;display:flex;flex-wrap:wrap;gap:1rem}.expanded-price-value{color:var(--color-text-primary);flex:0 0 auto;font-size:2.2rem;font-weight:700;margin:0}.stock-change-inline-main{align-items:baseline;display:flex;flex-shrink:0;gap:.5rem}.stock-change-label-24h-inline{color:var(--color-text-tertiary);font-size:.75rem;font-weight:500;letter-spacing:.05em;margin-right:.25rem;text-transform:uppercase}.stock-change-inline-amount{font-size:1.3rem;font-weight:700;letter-spacing:.02em}.stock-change-inline-percent{font-size:.9rem;font-weight:600}.stock-details{border-top:1px solid #252d4f;display:flex;flex-direction:column;gap:.25rem;margin-top:.5rem;padding-top:.5rem}.stock-details-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 1fr;margin-bottom:.75rem}.stock-change-container-modal{display:flex;flex-direction:column;gap:.4rem}.stock-change-label-modal{color:var(--color-text-tertiary);font-size:.75rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.stock-change{align-items:center;border-radius:6px;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;margin-bottom:.5rem;padding:.4rem .75rem;width:-webkit-fit-content;width:fit-content}.stock-change-amount{font-weight:700}.stock-change-percent{font-weight:600;opacity:.9}.stock-change.positive{background:#4a9e4a26;border:1px solid #4a9e4a;color:#6ab86a}.stock-change.negative{background:#9e4a4a26;border:1px solid #9e4a4a;color:#b86a6a}.stock-detail-row{align-items:center;border-bottom:1px solid #0a0a0a;display:flex;font-size:.8rem;justify-content:space-between;padding:.2rem 0}.stock-detail-row:last-child{border-bottom:none}.detail-label{color:var(--color-text-tertiary);font-size:.75rem;font-weight:500}.detail-value{color:var(--color-text-primary);font-size:.8rem;font-weight:500}.expanded-description-section{margin-bottom:2rem}.expanded-description{color:#ccc;font-size:.95rem;line-height:1.6;margin-top:.5rem}.expanded-news-list,.expanded-news-section{display:flex;flex-direction:column}.expanded-news-list{gap:1rem;list-style:none;margin:0;padding:0}.expanded-news-item{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:6px;display:flex;flex-direction:column;gap:.75rem;padding:1rem;transition:all .2s ease}.expanded-news-item:hover{background:var(--color-bg-primary);border-color:#2d3555}.expanded-news-link{font-size:1rem;font-weight:500;line-height:1.4;text-decoration:none;transition:color .2s}.expanded-news-link,.expanded-news-link:hover{color:var(--color-text-primary)}.news-description{color:var(--color-text-tertiary);font-size:.9rem;line-height:1.5;margin:0}.news-meta{align-items:center;display:flex;font-size:.8rem;gap:1rem}.news-date,.news-source{color:var(--color-text-muted)}.news-source{font-weight:500;text-transform:uppercase}.performance-section{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px;margin-bottom:1rem;margin-top:0;padding:.5rem}.performance-tracking-date-inline{color:var(--color-text-tertiary);font-size:.75rem;font-style:italic;font-weight:400;margin-left:.5rem}.performance-details{display:flex;flex-direction:column;gap:.35rem}.performance-main{align-items:baseline;border-bottom:1px solid var(--color-border);display:flex;gap:.65rem;margin-bottom:.35rem;padding-bottom:.5rem}.performance-value{font-size:1.3rem;font-weight:700;letter-spacing:.02em}.performance-percentage{font-size:.9rem;font-weight:600}.performance-breakdown{display:flex;flex-direction:column;gap:.2rem}.performance-row{align-items:center;border-bottom:1px solid #0a0a0a;display:flex;font-size:.8rem;justify-content:space-between;padding:.2rem 0}.performance-row:last-child{border-bottom:none}.performance-label{color:var(--color-text-tertiary);font-size:.75rem;font-weight:500}.performance-value-small{color:var(--color-text-primary);font-size:.8rem;font-weight:500}.custom-tags-section{border-top:1px solid #252d4f;margin-top:.5rem;padding-top:.5rem}.custom-tags-container{display:flex;flex-wrap:wrap;gap:.4rem}.custom-tag-bubble{background:#0000;border:1px solid #fff;border-radius:20px;color:var(--color-text-primary);display:inline-block;font-size:.7rem;font-weight:500;padding:.25rem .6rem;white-space:nowrap}.investment-score-section{align-items:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;display:flex;flex-direction:row;gap:.75rem;justify-content:space-between;margin-top:.5rem;padding:.6rem}.investment-score-label-modal{color:var(--color-text-secondary);flex:0 0 auto;font-size:.75rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.investment-score-value-modal{align-items:baseline;display:flex;flex:0 0 auto;gap:.25rem}.investment-score-number-modal{color:#4ade80;font-size:1.8rem;font-weight:700;line-height:1}.investment-score-max-modal{color:var(--color-text-tertiary);font-size:1rem;font-weight:500}.ceo-approval-section{border-top:1px solid #252d4f;margin-top:.5rem;padding-top:.5rem}.ceo-approval-bubble{display:flex;justify-content:flex-start;margin-top:.75rem}.ceo-badge{border-radius:20px;display:inline-block;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:.5rem 1rem;text-transform:uppercase;white-space:nowrap}.ceo-badge.strong-ceo{background:#4ade8026;border:1px solid #4ade8066;color:#4ade80}.ceo-badge.weak-ceo{background:#f8717126;border:1px solid #f8717166;color:#f87171}.investment-score-mobile{align-items:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;display:flex;flex-direction:column;gap:.75rem;margin-top:1rem;padding:1rem}.investment-score-label-mobile{color:var(--color-text-secondary);font-size:.875rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.investment-score-value-mobile{align-items:baseline;display:flex;gap:.25rem}.investment-score-number-mobile{color:#4ade80;font-size:2.25rem;font-weight:700;line-height:1}.investment-score-max-mobile{color:var(--color-text-tertiary);font-size:1.125rem;font-weight:500}.bottom-sheet-content .ceo-approval-bubble{border-top:none;margin-top:0;padding-top:0}.bottom-sheet-content .ceo-badge{margin-top:.5rem}.filter-bar{animation:fadeInDown .6s ease;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--color-bg-primary)!important;border-bottom:1px solid #ffffff1a;box-shadow:0 4px 20px #0003;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin:calc(var(--spacing-6)*-1) calc(var(--spacing-8)*-1) var(--spacing-6) calc(var(--spacing-8)*-1);padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:64px;z-index:999}.filter-bar,.filter-section{align-items:center;display:flex}.filter-section{flex:1 1;flex-wrap:wrap;gap:1rem}.filter-tags{flex-wrap:wrap;gap:.75rem}.filter-chip,.filter-tags{align-items:center;display:flex}.filter-chip{-webkit-tap-highlight-color:transparent;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 2px 8px #0003;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);justify-content:center;min-height:var(--touch-target-min);padding:10px 16px;transition:all var(--transition-base);white-space:nowrap}.filter-chip:hover{background:#ffffff14;border-color:#fff3;box-shadow:0 4px 16px #0000004d;color:var(--color-text-primary);transform:translateY(-1px)}.filter-chip.active{background:#ffffff1a;border-color:var(--color-accent);box-shadow:0 0 0 2px #00b8ff33;color:var(--color-text-primary)}.clear-filters-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 2px 8px #0003;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:.5rem;min-height:var(--touch-target-min);padding:10px 16px;transition:all var(--transition-base)}.clear-filters-btn:hover{background:#ffffff14;border-color:#fff3;box-shadow:0 4px 16px #0000004d;color:var(--color-text-primary);transform:translateY(-1px)}.sort-section{align-items:center;display:flex;flex-shrink:0;gap:.75rem}.sort-label{color:#b0b0b0;font-size:.875rem;font-weight:500;white-space:nowrap}.sort-select{-webkit-tap-highlight-color:transparent;-webkit-appearance:none;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 2px 8px #0003;color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-sm);min-height:var(--touch-target-min);min-width:180px;padding:12px 16px;transition:all var(--transition-base)}.sort-select:hover{background:#ffffff14;border-color:#fff3}.sort-select:focus{background:var(--color-accent-light);border-color:var(--color-accent);box-shadow:0 0 0 3px #00b8ff33;outline:none}.sort-select option{background:var(--color-bg-primary);color:#e0e0e0}@media (max-width:767px){.filter-bar{gap:1rem;margin:calc(var(--spacing-4)*-1) calc(var(--spacing-4)*-1) var(--spacing-4) calc(var(--spacing-4)*-1);padding:1rem}.filter-bar,.filter-section{align-items:stretch;flex-direction:column}.filter-section{gap:.75rem}.filter-tags{flex-wrap:wrap;gap:.5rem}.filter-chip{font-size:.875rem;min-height:var(--touch-target-min);padding:10px 14px}.sort-section{gap:.75rem;justify-content:space-between;width:100%}.sort-select{flex:1 1;min-width:auto}.clear-filters-btn,.sort-select{min-height:var(--touch-target-min)}.clear-filters-btn{padding:10px 14px}}@media (min-width:768px) and (max-width:1024px){.filter-bar{gap:2rem;margin:calc(var(--spacing-5)*-1) calc(var(--spacing-8)*-1) var(--spacing-5) calc(var(--spacing-8)*-1);padding:1.25rem 2rem}.filter-section{gap:1.25rem}.filter-tags{gap:.75rem}.filter-chip{font-size:.9rem;min-height:var(--touch-target-min);padding:10px 16px}.sort-section{gap:1rem}.sort-select{min-width:200px;padding:12px 18px}.clear-filters-btn,.sort-select{min-height:var(--touch-target-min)}.clear-filters-btn{padding:10px 18px}}@media (min-width:1024px) and (max-width:1366px){.filter-bar{gap:1.75rem}}.skeleton-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));width:100%}.skeleton-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--color-bg-primary);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column;gap:1rem;min-height:200px;overflow:hidden;padding:1.5rem;position:relative;width:100%}.skeleton-card:before{background:linear-gradient(90deg,#0000,#00b8ff99,#0000);content:"";height:2px;left:0;opacity:.6;position:absolute;right:0;top:0}.skeleton-header{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.skeleton-line{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#ffffff0d,#ffffff1a 50%,#ffffff0d);background-size:200% 100%;border-radius:4px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-ticker{height:24px;width:120px}.skeleton-badge{border-radius:6px;height:28px;width:80px}.skeleton-company{height:16px;margin-top:.25rem;width:70%}.skeleton-price-section{display:flex;flex-direction:column;gap:.5rem;margin-top:auto}.skeleton-price{height:32px;width:100px}.skeleton-change{border-radius:6px;height:24px;width:80px}@media (min-width:1920px){.skeleton-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:1440px) and (max-width:1919px){.skeleton-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px) and (max-width:1439px){.skeleton-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.skeleton-grid{gap:1rem;grid-template-columns:1fr}}.stock-grid-container{overflow-x:hidden}.section-header{letter-spacing:.05em;text-transform:uppercase}.stocks-grid{grid-gap:.875rem;gap:.875rem}@media (min-width:768px) and (max-width:1024px){.stocks-grid{gap:1.25rem;grid-template-columns:repeat(3,1fr)}.stock-grid-container{max-width:1200px;padding:var(--spacing-6) var(--spacing-8)}.glitch{font-size:clamp(2.25rem,3vw + .5rem,2.75rem)}.futuristic-header{margin-bottom:2.5rem;padding:2rem 0}.subtitle{font-size:clamp(1rem,1.5vw + .5rem,1.125rem)}.stocks-desktop-layout{gap:2.5rem;padding-top:2rem}.section-header{font-size:clamp(1.375rem,2vw + .5rem,1.625rem);margin-bottom:var(--spacing-5)}.stock-section{margin-bottom:2.5rem}}@media (min-width:1024px) and (max-width:1366px){.stocks-grid{gap:1rem;grid-template-columns:repeat(3,1fr)}}@media (min-width:1367px) and (max-width:1439px){.stocks-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:1024px){.glitch{font-size:clamp(1.875rem,4vw + .5rem,2.5rem)}.futuristic-header{margin-bottom:2rem;padding:1.5rem 0}}@media (max-width:767px){.futuristic-header{margin-bottom:var(--spacing-4);padding:var(--spacing-3) 0}.glitch{font-size:clamp(1.5rem,5vw + .5rem,1.875rem)}.subtitle{font-size:clamp(.75rem,2vw + .5rem,.875rem);margin-top:var(--spacing-2)}.loading-container{min-height:60vh;padding:2rem 1rem}.loading-container p{font-size:.9rem;margin-top:1rem}.empty-state{font-size:.9rem;padding:2rem 1rem}.stocks-desktop-layout{gap:var(--spacing-6);padding-top:var(--spacing-4)}.section-header{font-size:clamp(1rem,3vw + .5rem,1.25rem);margin-bottom:var(--spacing-4)}.stocks-grid{gap:var(--spacing-4);grid-template-columns:1fr}.stock-grid-container{padding:var(--spacing-4)}.stocks-mobile-list{gap:1rem;padding:.5rem 0;width:100%}.pull-refresh-indicator,.stocks-mobile-list{display:flex;flex-direction:column;transition:transform .2s ease}.pull-refresh-indicator{align-items:center;color:var(--color-text-tertiary);font-size:.9rem;justify-content:center;left:0;padding:1rem;position:absolute;right:0;top:0;transform:translateY(-100%)}.refresh-spinner{animation:spin .6s linear infinite;border:2px solid var(--color-border);border-radius:50%;border-top-color:var(--color-text-tertiary);height:20px;margin-bottom:.5rem;width:20px}@keyframes spin{to{transform:rotate(1turn)}}}.neon-loader{animation:spin 1s linear infinite;border-top:4px solid var(--color-border);border:4px solid var(--color-border);border-top-color:var(--color-text-muted);height:60px;width:60px}.clear-search-btn{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;font-size:.95rem;padding:.75rem 1.5rem;transition:all .2s ease}.search-results-header{border-bottom:1px solid var(--color-border)}.stock-grid-container{display:flex;flex-direction:column;margin:0 auto;max-width:1400px;overflow-x:visible;padding:var(--spacing-6) var(--spacing-8);position:relative;width:100%;z-index:1}.backdrop-overlay{animation:fadeIn .5s ease;background:#00000080;height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:9998}.futuristic-header{background:linear-gradient(180deg,#ffffff0d,#fff0);border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-12);padding:var(--spacing-8) 0}.futuristic-header,.our-picks-header{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}.our-picks-header{animation:fadeInDown .6s ease;margin-bottom:var(--spacing-8);margin-top:0;min-height:auto;overflow:visible;padding:var(--spacing-6) var(--spacing-8) var(--spacing-4);position:relative}.our-picks-header h1{-webkit-text-fill-color:#0000;animation:fadeInDown .6s ease .1s both;background:linear-gradient(135deg,#00b8ff,#f0c);-webkit-background-clip:text;background-clip:text;display:inline-block;font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);letter-spacing:-.03em;line-height:1.3;margin:0 0 var(--spacing-2);overflow:visible;padding:0 var(--spacing-4);position:relative;text-shadow:none}.our-picks-header h1:after{background:linear-gradient(90deg,#0000,#00b8ff66 20%,#00b8ffb3 50%,#ff00ccb3 0,#00b8ff66 80%,#0000);border-radius:1px;bottom:-10px;content:"";height:1.5px;left:50%;position:absolute;transform:translateX(-50%);width:140px}.our-picks-header .header-subtitle{animation:fadeInDown .6s ease .2s both;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);letter-spacing:.02em;margin-top:var(--spacing-3);padding:0 var(--spacing-4)}@media (max-width:768px){.our-picks-header{margin-bottom:var(--spacing-6);min-height:auto;padding:var(--spacing-6) var(--spacing-4) var(--spacing-4)}.our-picks-header h1{font-size:var(--font-size-4xl);line-height:1.3;margin:0 0 var(--spacing-2);padding:0 var(--spacing-2)}.our-picks-header h1:after{bottom:-8px;width:100px}.our-picks-header .header-subtitle{font-size:var(--font-size-base);margin-top:var(--spacing-2);padding:0 var(--spacing-2)}}.glitch{color:var(--color-text-primary);font-size:3rem;font-weight:700;letter-spacing:.15em;margin:0;position:relative;text-shadow:0 0 20px #ffffff1a;text-transform:uppercase}.glitch,.subtitle{text-align:center;width:100%}.subtitle{color:var(--color-text-tertiary);font-size:1rem;font-weight:300;letter-spacing:.1em;margin-top:.75rem}.stocks-desktop-layout{display:flex;flex-direction:column;gap:3rem;padding-bottom:2rem;padding-top:2rem}.stock-section{margin-bottom:2rem}.section-header{border-bottom:2px solid var(--color-border);color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);letter-spacing:-.01em;padding-bottom:var(--spacing-3);transition:color var(--transition-base)}.stock-section:first-of-type .section-header{border-bottom-color:var(--color-positive);color:var(--color-positive)}.stock-section:nth-of-type(2) .section-header{border-bottom-color:#b8b86a;color:#b8b86a}.section-count{color:var(--color-text-tertiary);font-size:1rem;font-weight:400;letter-spacing:normal;text-transform:none}.stocks-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));width:100%}.stocks-grid>*{animation:fadeInUp .6s ease both}.stocks-grid>:first-child{animation-delay:.1s}.stocks-grid>:nth-child(2){animation-delay:.15s}.stocks-grid>:nth-child(3){animation-delay:.2s}.stocks-grid>:nth-child(4){animation-delay:.25s}.stocks-grid>:nth-child(5){animation-delay:.3s}.stocks-grid>:nth-child(6){animation-delay:.35s}.stocks-grid>:nth-child(n+7){animation-delay:.4s}@media (min-width:1920px){.stocks-grid{grid-template-columns:repeat(6,1fr)}}@media (min-width:1440px) and (max-width:1919px){.stocks-grid{grid-template-columns:repeat(5,1fr)}}@media (min-width:1024px) and (max-width:1439px){.stocks-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:768px) and (max-width:1023px){.stocks-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.glitch{font-size:2.5rem}.futuristic-header{margin-bottom:2rem;padding:1.5rem 0}}@media (max-width:768px){.futuristic-header{margin-bottom:var(--spacing-4);padding:var(--spacing-3) 0}.glitch{font-size:var(--font-size-3xl)}.subtitle{font-size:var(--font-size-sm);margin-top:var(--spacing-2)}.loading-container{min-height:60vh;padding:2rem 1rem}.loading-container p{font-size:.9rem;margin-top:1rem}.empty-state{font-size:.9rem;padding:2rem 1rem}.stocks-desktop-layout{gap:var(--spacing-8);padding-top:var(--spacing-6)}.section-header{font-size:var(--font-size-xl);margin-bottom:var(--spacing-4)}.stocks-grid{gap:var(--spacing-4);grid-template-columns:1fr}.stock-grid-container{padding:var(--spacing-4)}.stocks-mobile-list{gap:.75rem;padding:.5rem 0;width:100%}.pull-refresh-indicator,.stocks-mobile-list{display:flex;flex-direction:column;transition:transform .2s ease}.pull-refresh-indicator{align-items:center;color:var(--color-text-tertiary);font-size:.9rem;justify-content:center;left:0;padding:1rem;position:absolute;right:0;top:0;transform:translateY(-100%)}.refresh-spinner{animation:spin .6s linear infinite;border:2px solid #333;border-radius:50%;border-top-color:#888;height:20px;margin-bottom:.5rem;width:20px}@keyframes spin{to{transform:rotate(1turn)}}}.stock-grid{align-items:flex-start;margin:0 auto;max-width:500px;min-height:500px;padding:0;position:relative;width:100%}.loading-container,.stock-grid{display:flex;justify-content:center}.loading-container{align-items:center;flex-direction:column;min-height:80vh}.neon-loader{animation:spin .8s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top:3px solid var(--color-accent);height:48px;width:48px}.empty-state{align-items:center;color:var(--color-text-muted);display:flex;flex-direction:column;gap:1rem;padding:4rem}.clear-search-btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 2px 8px #0003;color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:12px 24px;transition:all var(--transition-base)}.clear-search-btn:hover{background:var(--color-accent-light);border-color:var(--color-accent);box-shadow:0 4px 16px #0000004d;transform:translateY(-1px)}.search-results-header{border-bottom:1px solid #ffffff1a;margin-bottom:1rem;padding:1rem 0}.search-results-text{color:var(--color-text-secondary);font-size:.95rem;margin:0}.google-login-container{align-items:center;display:flex;flex-direction:column;width:100%}.google-login-button{-webkit-tap-highlight-color:transparent;align-items:center;background:#fff;border:1px solid var(--color-border);border-radius:12px;box-shadow:0 2px 8px #0000001a;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);gap:12px;justify-content:center;max-width:320px;min-height:var(--touch-target-min);overflow:hidden;padding:14px 24px;position:relative;transition:all var(--transition-base);width:100%}.google-login-button:before{background:linear-gradient(135deg,#00b8ff14,#ff00cc0d);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-base);z-index:0}.google-login-button:hover:before{opacity:1}.google-login-button:hover{border-color:var(--color-accent);box-shadow:0 4px 16px #00b8ff59,0 0 0 1px #f0c3;transform:translateY(-1px)}.google-login-button>*{position:relative;z-index:1}.google-login-button:active{box-shadow:0 2px 8px #0003;transform:translateY(0)}.google-login-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.google-login-button.loading{pointer-events:none}.google-icon,.google-login-spinner{flex-shrink:0;height:20px;width:20px}.google-login-spinner{animation:spin .8s linear infinite;border:2px solid var(--color-border);border-radius:50%;border-top-color:var(--color-accent)}.google-login-error{animation:fadeInDown .3s ease;background:#ff44441a;border:1px solid #ff44444d;border-radius:8px;color:var(--color-negative);font-size:var(--font-size-sm);margin-bottom:16px;max-width:320px;padding:12px 16px;text-align:center;width:100%}@media (max-width:767px){.google-login-button{font-size:var(--font-size-sm);min-height:var(--touch-target-min);padding:12px 20px}.google-icon,.google-login-spinner{height:18px;width:18px}}.landing-page{background:var(--color-bg-primary);min-height:100vh;overflow-x:hidden;position:relative;scroll-behavior:smooth}.viewport-section{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:calc(100vh - var(--navbar-height));justify-content:center;min-height:calc(100vh - var(--navbar-height));position:relative;scroll-margin-top:var(--navbar-height)}@media (max-width:767px){.viewport-section{height:auto;justify-content:flex-start;min-height:auto;padding:var(--spacing-6) 0}}.landing-hero{animation:fadeInDown .6s ease;margin:0 auto;max-width:100%;overflow:visible;padding:var(--spacing-16) var(--spacing-8);text-align:center}.hero-overlay{background:#fff6;bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.hero-content{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffbf;border:1px solid var(--color-border);border-radius:24px;box-shadow:0 8px 32px #0000001a;display:flex;flex-direction:column;gap:var(--spacing-4);margin-top:-10vh;max-width:1200px;padding:var(--spacing-6) var(--spacing-4);position:relative;width:100%;z-index:2}@media (max-width:767px){.hero-content{border-radius:16px;gap:var(--spacing-3);margin-top:0;padding:var(--spacing-4) var(--spacing-3)}}.hero-title{animation:fadeInDown .6s ease .1s both;color:var(--color-text-primary);font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);letter-spacing:-.03em;line-height:1.2;margin:0;text-shadow:none}.hero-title .brand-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00b8ff,#f0c);-webkit-background-clip:text;background-clip:text;display:inline-block;font-weight:var(--font-weight-bold)}.hero-subtitle-text{color:var(--color-text-primary);text-shadow:none}.hero-description{animation:fadeInDown .6s ease .2s both;color:var(--color-text-secondary);font-size:var(--font-size-xl);font-weight:var(--font-weight-normal);letter-spacing:.01em;line-height:1.8;margin:0;max-width:700px;padding:0 var(--spacing-4);text-shadow:none}.hero-cta{align-items:center;animation:fadeInUp .6s ease .3s both;display:flex;flex-wrap:wrap;gap:var(--spacing-4);justify-content:center;margin-top:var(--spacing-6)}.cta-button{-webkit-tap-highlight-color:transparent;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:inline-block;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);min-height:var(--touch-target-min);padding:14px 32px;text-decoration:none;transition:all var(--transition-base)}.cta-button.primary{background:linear-gradient(135deg,#00b8ff,#f0c);border:1px solid #0000;color:#fff}.cta-button.primary:hover{background:linear-gradient(135deg,#0099e6,#e600b8);border-color:#0000;box-shadow:0 4px 16px #00b8ff80,0 0 20px #ff00cc4d;transform:translateY(-1px)}.cta-button.secondary{background:#0000;background-clip:padding-box,border-box;background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,#00b8ff,#f0c);background-origin:border-box;border:2px solid #0000;color:var(--color-text-primary)}.cta-button.secondary:hover{background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,#0099e6,#e600b8);box-shadow:0 4px 16px #00b8ff4d;color:#00b8ff;transform:translateY(-1px)}.section-separator{background:linear-gradient(90deg,#0000,#00b8ff66 20%,#00b8ffb3 50%,#ff00ccb3 0,#00b8ff66 80%,#0000);bottom:var(--spacing-8);height:1px;left:50%;margin:0 auto;max-width:800px;position:absolute;transform:translateX(-50%);width:100%;z-index:3}.section-separator:after,.section-separator:before{background:linear-gradient(135deg,#00b8ff,#f0c);border-radius:50%;content:"";height:8px;position:absolute;top:50%;transform:translateY(-50%);width:8px}.section-separator:before{left:20%}.section-separator:after{right:20%}.scroll-arrow{-webkit-tap-highlight-color:transparent;align-items:center;animation:bounceArrow 2s infinite;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:50%;bottom:var(--spacing-8);box-shadow:0 2px 8px #0000001a;color:var(--color-text-primary);cursor:pointer;display:flex;height:56px;justify-content:center;left:50%;min-height:var(--touch-target-min);min-width:var(--touch-target-min);position:absolute;transform:translateX(-50%);transition:all var(--transition-base);width:56px;z-index:10}.scroll-arrow:hover{background:var(--color-accent-light);border-color:var(--color-accent);box-shadow:0 8px 24px #00b8ff4d;color:var(--color-accent);transform:translateX(-50%) translateY(-4px)}.scroll-arrow:active{transform:translateX(-50%) translateY(-2px)}.scroll-arrow svg{height:24px;width:24px}@keyframes bounceArrow{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-8px)}}.how-it-works{justify-content:flex-start;overflow:visible;padding:var(--spacing-2) var(--spacing-8) var(--spacing-8);padding-top:calc(var(--spacing-3) + 30px);position:relative}.how-it-works-container{margin:0 auto;max-width:1000px;width:100%}.how-it-works-title{-webkit-text-fill-color:#0000;animation:fadeInDown .6s ease;background:linear-gradient(135deg,#00b8ff,#f0c);-webkit-background-clip:text;background-clip:text;display:inline-block;font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);letter-spacing:-.02em;margin-bottom:var(--spacing-2);margin-top:0;text-align:center;width:100%}.how-it-works-subtitle{animation:fadeInDown .6s ease .1s both;color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin:0 auto var(--spacing-8);max-width:500px;text-align:center}.steps-grid{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:800px}.step-card{animation:fadeInUp .6s ease both;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden;padding:var(--spacing-6);position:relative;text-align:center;transition:all var(--transition-base)}.step-card:before{background:linear-gradient(90deg,#0000,#00b8ff99,#0000);content:"";height:2px;left:0;opacity:.6;position:absolute;right:0;top:0;transition:opacity var(--transition-base)}.step-card:first-child{animation-delay:.1s}.step-card:nth-child(2){animation-delay:.15s}.step-card:nth-child(3){animation-delay:.2s}.step-card:nth-child(4){animation-delay:.25s}.step-card:hover{background:var(--color-bg-primary);border-color:var(--color-accent);box-shadow:0 12px 48px #0000001f,0 0 40px #00b8ff40;transform:translateY(-8px) scale(1.02)}.step-card:hover:before{background:linear-gradient(90deg,#0000,#00b8ffe6,#ff00cce6,#00b8ffe6,#0000);height:3px;opacity:1}.step-number{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:1;margin-bottom:var(--spacing-3)}.step-number,.step-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00b8ff,#f0c);-webkit-background-clip:text;background-clip:text}.step-title{display:inline-block;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);letter-spacing:-.01em;margin:0 0 var(--spacing-2)}.step-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0}.landing-features{background:var(--color-bg-secondary);justify-content:flex-start;overflow:visible;padding:var(--spacing-2) var(--spacing-8) var(--spacing-8);padding-top:calc(var(--spacing-3) + 30px);position:relative}.features-container{display:flex;flex-direction:column;height:100%;margin:0 auto;max-width:1200px;width:100%}.features-title{-webkit-text-fill-color:#0000;animation:fadeInDown .6s ease;background:linear-gradient(135deg,#00b8ff,#f0c);-webkit-background-clip:text;background-clip:text;display:inline-block;flex-shrink:0;font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);letter-spacing:-.02em;margin-bottom:var(--spacing-8);margin-top:45px;text-align:center;width:100%}.features-grid{grid-gap:var(--spacing-6);align-content:center;display:grid;flex:1 1;gap:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature-card{animation:fadeInUp .6s ease both;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:20px;box-shadow:0 4px 20px #00000014;overflow:hidden;padding:var(--spacing-8);position:relative;text-align:center;transition:all var(--transition-base)}.feature-card:before{background:linear-gradient(90deg,#0000,#00b8ff99,#0000);content:"";height:2px;left:0;opacity:.6;position:absolute;right:0;top:0;transition:opacity var(--transition-base)}.feature-card:first-child{animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.15s}.feature-card:nth-child(3){animation-delay:.2s}.feature-card:nth-child(4){animation-delay:.25s}.feature-card:hover{background:var(--color-bg-primary);border-color:var(--color-accent);box-shadow:0 12px 48px #0000001f,0 0 40px #00b8ff40;transform:translateY(-8px) scale(1.02)}.feature-card:hover:before{background:linear-gradient(90deg,#0000,#00b8ffe6,#ff00cce6,#00b8ffe6,#0000);height:3px;opacity:1}.feature-icon{font-size:3rem;line-height:1;margin-bottom:var(--spacing-4)}.feature-title{color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);letter-spacing:-.01em;margin:0 0 var(--spacing-3)}.feature-description{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin:0}.landing-cta{overflow:visible;padding:var(--spacing-16) var(--spacing-8);position:relative;text-align:center}.cta-container{animation:fadeInUp .6s ease;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff;border:1px solid var(--color-border);border-radius:20px;box-shadow:0 8px 32px #0000001a;margin:0 auto;max-width:600px;overflow:hidden;padding:var(--spacing-12) var(--spacing-8);position:relative;transition:all var(--transition-base)}.cta-container:hover{background:#fff;border-color:var(--color-accent);box-shadow:0 12px 48px #00b8ff59,0 0 0 1px #f0c3;transform:translateY(-4px)}.cta-container:before{background:linear-gradient(90deg,#0000,#00b8ff99,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0;transition:all var(--transition-base)}.cta-container:hover:before{background:linear-gradient(90deg,#0000,#00b8ffe6,#ff00cce6,#00b8ffe6,#0000);height:3px;opacity:1}.cta-title{color:var(--color-text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);letter-spacing:-.02em;margin:0 0 var(--spacing-4)}.cta-title-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00b8ff,#f0c);-webkit-background-clip:text;background-clip:text;display:inline-block}.cta-description{color:var(--color-text-secondary);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin:0 0 var(--spacing-6)}.cta-button-wrapper{display:flex;justify-content:center}.social-proof{overflow:visible;padding:var(--spacing-16) var(--spacing-8);position:relative}.social-proof-container{margin:0 auto;max-width:1200px}.stats-grid{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-12)}.stat-card{animation:fadeInUp .6s ease both;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:20px;box-shadow:0 4px 20px #00000014;overflow:hidden;padding:var(--spacing-8);position:relative;text-align:center;transition:all var(--transition-base)}.stat-card:before{background:linear-gradient(90deg,#0000,#00b8ff99,#0000);content:"";height:2px;left:0;opacity:.6;position:absolute;right:0;top:0}.stat-card:first-child{animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.15s}.stat-card:nth-child(3){animation-delay:.2s}.stat-card:hover{border-color:var(--color-accent);box-shadow:0 8px 32px #0000001f;transform:translateY(-4px)}.stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00b8ff,#f0c);-webkit-background-clip:text;background-clip:text;font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:1;margin-bottom:var(--spacing-2)}.stat-label{color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.testimonials-grid{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.testimonial-card{animation:fadeInUp .6s ease both;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:20px;box-shadow:0 4px 20px #00000014;overflow:hidden;padding:var(--spacing-8);position:relative;transition:all var(--transition-base)}.testimonial-card:before{background:linear-gradient(90deg,#0000,#00b8ff99,#0000);content:"";height:2px;left:0;opacity:.6;position:absolute;right:0;top:0}.testimonial-card:first-child{animation-delay:.2s}.testimonial-card:nth-child(2){animation-delay:.25s}.testimonial-card:hover{border-color:var(--color-accent);box-shadow:0 8px 32px #0000001f;transform:translateY(-4px)}.testimonial-quote{color:var(--color-text-primary);font-size:var(--font-size-lg);font-style:italic;line-height:var(--line-height-relaxed);margin:0 0 var(--spacing-6)}.testimonial-author{display:flex;flex-direction:column;gap:var(--spacing-1)}.testimonial-name{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.testimonial-role{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.value-proposition{background:var(--color-bg-secondary);justify-content:flex-start;overflow:visible;padding:var(--spacing-2) var(--spacing-8) var(--spacing-8);padding-top:calc(var(--spacing-3) + 30px);position:relative}.value-proposition-container{display:flex;flex-direction:column;height:100%;margin:0 auto;max-width:1000px;width:100%}.value-proposition-title{-webkit-text-fill-color:#0000;animation:fadeInDown .6s ease;background:linear-gradient(135deg,#00b8ff,#f0c);-webkit-background-clip:text;background-clip:text;display:inline-block;flex-shrink:0;font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);letter-spacing:-.02em;margin-bottom:var(--spacing-8);margin-top:50px;text-align:center;width:100%}.value-props-grid{grid-gap:var(--spacing-4);align-content:center;display:grid;flex:1 1;gap:var(--spacing-4);grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:800px}.value-prop-card{animation:fadeInUp .6s ease both;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden;padding:var(--spacing-6);position:relative;text-align:center;transition:all var(--transition-base)}.value-prop-card:before{background:linear-gradient(90deg,#0000,#00b8ff99,#0000);content:"";height:2px;left:0;opacity:.6;position:absolute;right:0;top:0;transition:opacity var(--transition-base)}.value-prop-card:first-child{animation-delay:.1s}.value-prop-card:nth-child(2){animation-delay:.15s}.value-prop-card:nth-child(3){animation-delay:.2s}.value-prop-card:hover{background:var(--color-bg-primary);border-color:var(--color-accent);box-shadow:0 12px 48px #0000001f,0 0 40px #00b8ff40;transform:translateY(-8px) scale(1.02)}.value-prop-card:hover:before{background:linear-gradient(90deg,#0000,#00b8ffe6,#ff00cce6,#00b8ffe6,#0000);height:3px;opacity:1}.value-prop-icon{font-size:2.5rem;line-height:1;margin-bottom:var(--spacing-3)}.value-prop-title{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);letter-spacing:-.01em;margin:0 0 var(--spacing-2)}.value-prop-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0}@media (max-width:767px){.landing-hero{min-height:auto;padding:var(--spacing-4) var(--spacing-3) var(--spacing-4)}.hero-title{font-size:clamp(1.5rem,6vw + .5rem,2rem);line-height:1.3}.hero-description,.hero-title{margin-bottom:var(--spacing-2)}.hero-description{font-size:clamp(.875rem,2.5vw + .5rem,1rem);line-height:1.6;max-width:100%;padding:0}.hero-cta{flex-direction:column;gap:var(--spacing-2);margin-top:var(--spacing-3);width:100%}.cta-button{font-size:clamp(.875rem,2vw + .5rem,1rem);padding:12px 20px;text-align:center;width:100%}.landing-features{min-height:auto;padding:var(--spacing-4) var(--spacing-3) var(--spacing-4)}.features-title{font-size:clamp(1.5rem,5vw + .5rem,1.875rem);margin-bottom:var(--spacing-3);margin-top:0}.features-grid{gap:var(--spacing-3);grid-template-columns:1fr}.feature-card{padding:var(--spacing-4)}.feature-icon{font-size:2rem}.feature-icon,.feature-title{margin-bottom:var(--spacing-2)}.feature-title{font-size:clamp(1rem,3vw + .5rem,1.25rem)}.feature-description{font-size:clamp(.8rem,2vw + .5rem,.875rem);line-height:1.5}.landing-cta{min-height:auto;padding:var(--spacing-6) var(--spacing-3)}.cta-container{max-width:100%;padding:var(--spacing-5) var(--spacing-4)}.cta-title{font-size:clamp(1.25rem,4vw + .5rem,1.5rem);margin-bottom:var(--spacing-3)}.cta-description{font-size:clamp(.875rem,2vw + .5rem,1rem);line-height:1.6;margin-bottom:var(--spacing-4)}.section-separator{max-width:calc(100% - var(--spacing-6))}.scroll-arrow,.section-separator{bottom:var(--spacing-3);display:none}.scroll-arrow{height:44px;width:44px}.scroll-arrow svg{height:18px;width:18px}.how-it-works{min-height:auto;padding:var(--spacing-4) var(--spacing-3) var(--spacing-4)}.how-it-works-container{max-width:100%}.how-it-works-title{font-size:clamp(1.5rem,5vw + .5rem,1.875rem);margin-bottom:var(--spacing-2);margin-top:0}.how-it-works-subtitle{font-size:clamp(.8rem,2vw + .5rem,.875rem);line-height:1.5;margin-bottom:var(--spacing-4);padding:0 var(--spacing-2)}.steps-grid{gap:var(--spacing-3);grid-template-columns:1fr;max-width:100%}.step-card{padding:var(--spacing-4)}.step-number{font-size:clamp(1.5rem,4vw + .5rem,1.75rem);margin-bottom:var(--spacing-2)}.step-title{font-size:clamp(.9rem,2.5vw + .5rem,1rem);margin-bottom:var(--spacing-1)}.step-description{font-size:clamp(.75rem,2vw + .5rem,.8rem);line-height:1.5}.social-proof{min-height:auto;padding:var(--spacing-6) var(--spacing-3)}.stats-grid{gap:var(--spacing-3);grid-template-columns:1fr;margin-bottom:var(--spacing-5)}.stat-card{padding:var(--spacing-4)}.stat-value{font-size:clamp(1.75rem,5vw + .5rem,2.25rem)}.stat-label{font-size:clamp(.8rem,2vw + .5rem,.875rem)}.testimonials-grid{gap:var(--spacing-3);grid-template-columns:1fr}.testimonial-card{padding:var(--spacing-4)}.testimonial-quote{font-size:clamp(.9rem,2.5vw + .5rem,1rem);line-height:1.5;margin-bottom:var(--spacing-3)}.testimonial-name{font-size:clamp(.85rem,2vw + .5rem,.9rem)}.testimonial-role{font-size:clamp(.75rem,1.5vw + .5rem,.8rem)}.value-proposition{min-height:auto;padding:var(--spacing-4) var(--spacing-3) var(--spacing-4)}.value-proposition-container{max-width:100%}.value-proposition-title{font-size:clamp(1.5rem,5vw + .5rem,1.875rem);margin-bottom:var(--spacing-4);margin-top:0}.value-props-grid{gap:var(--spacing-3);grid-template-columns:1fr;max-width:100%}.value-prop-card{padding:var(--spacing-4)}.value-prop-icon{font-size:1.75rem;margin-bottom:var(--spacing-2)}.value-prop-title{font-size:clamp(.9rem,2.5vw + .5rem,1rem);margin-bottom:var(--spacing-1)}.value-prop-description{font-size:clamp(.75rem,2vw + .5rem,.8rem);line-height:1.5}}@media (min-width:768px) and (max-width:1024px){.viewport-section{height:auto;justify-content:flex-start;min-height:auto;padding:var(--spacing-8) 0}.landing-hero{min-height:auto;padding:var(--spacing-8) var(--spacing-6) var(--spacing-6)}.hero-content{margin-top:0;max-width:800px;padding:var(--spacing-8) var(--spacing-6)}.hero-title{font-size:clamp(2.25rem,4vw + .5rem,2.75rem);margin-bottom:var(--spacing-3)}.hero-description{font-size:clamp(1.125rem,2.5vw + .5rem,1.25rem);line-height:1.7;margin-bottom:var(--spacing-4);max-width:600px}.hero-cta{gap:var(--spacing-3);margin-top:var(--spacing-5)}.cta-button{font-size:1rem;min-width:200px;padding:14px 28px}.how-it-works{min-height:auto;padding:var(--spacing-6) var(--spacing-6) var(--spacing-6)}.how-it-works-title{font-size:clamp(2rem,4vw + .5rem,2.5rem);margin-bottom:var(--spacing-3)}.how-it-works-subtitle{font-size:clamp(1rem,2vw + .5rem,1.125rem);margin-bottom:var(--spacing-6);max-width:600px}.steps-grid{gap:var(--spacing-5);grid-template-columns:repeat(2,1fr);max-width:900px}.step-card{padding:var(--spacing-6)}.step-number{font-size:clamp(2rem,3vw + .5rem,2.25rem);margin-bottom:var(--spacing-3)}.step-title{font-size:clamp(1.125rem,2.5vw + .5rem,1.25rem);margin-bottom:var(--spacing-2)}.step-description{font-size:clamp(.9rem,1.5vw + .5rem,1rem);line-height:1.6}.landing-features{min-height:auto;padding:var(--spacing-6) var(--spacing-6) var(--spacing-6)}.features-title{font-size:clamp(2rem,4vw + .5rem,2.5rem);margin-bottom:var(--spacing-6);margin-top:0}.features-grid{gap:var(--spacing-6);grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:1000px}.feature-card{padding:var(--spacing-7)}.feature-icon{font-size:3.5rem;margin-bottom:var(--spacing-4)}.feature-title{font-size:clamp(1.25rem,2.5vw + .5rem,1.5rem);margin-bottom:var(--spacing-3)}.feature-description{font-size:clamp(1rem,1.5vw + .5rem,1.125rem);line-height:1.6}.value-proposition{min-height:auto;padding:var(--spacing-6) var(--spacing-6) var(--spacing-6)}.value-proposition-title{font-size:clamp(2rem,4vw + .5rem,2.5rem);margin-bottom:var(--spacing-6);margin-top:0}.value-props-grid{gap:var(--spacing-5);grid-template-columns:repeat(2,1fr);max-width:900px}.value-prop-card{padding:var(--spacing-6)}.value-prop-icon{font-size:2.75rem;margin-bottom:var(--spacing-3)}.value-prop-title{font-size:clamp(1.125rem,2.5vw + .5rem,1.25rem);margin-bottom:var(--spacing-2)}.value-prop-description{font-size:clamp(.9rem,1.5vw + .5rem,1rem);line-height:1.6}.social-proof{min-height:auto;padding:var(--spacing-8) var(--spacing-6)}.stats-grid{gap:var(--spacing-6);grid-template-columns:repeat(2,1fr);margin-bottom:var(--spacing-8);margin-left:auto;margin-right:auto;max-width:800px}.stat-card{padding:var(--spacing-7)}.stat-value{font-size:clamp(2.5rem,4vw + .5rem,3rem)}.stat-label{font-size:clamp(1rem,1.5vw + .5rem,1.125rem)}.testimonials-grid{gap:var(--spacing-6);grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:1000px}.testimonial-card{padding:var(--spacing-7)}.testimonial-quote{font-size:clamp(1.125rem,2vw + .5rem,1.25rem);line-height:1.6;margin-bottom:var(--spacing-4)}.testimonial-name{font-size:clamp(1rem,1.5vw + .5rem,1.125rem)}.testimonial-role{font-size:clamp(.9rem,1.5vw + .5rem,1rem)}.landing-cta{min-height:auto;padding:var(--spacing-8) var(--spacing-6)}.cta-container{max-width:700px;padding:var(--spacing-10) var(--spacing-8)}.cta-title{font-size:clamp(1.75rem,3vw + .5rem,2rem);margin-bottom:var(--spacing-4)}.cta-description{font-size:clamp(1.125rem,2vw + .5rem,1.25rem);line-height:1.7;margin-bottom:var(--spacing-6)}.section-separator{bottom:var(--spacing-6);display:block}.scroll-arrow{bottom:var(--spacing-6);display:flex;height:52px;width:52px}}@media (min-width:1024px) and (max-width:1366px){.viewport-section{height:auto;min-height:auto;padding:var(--spacing-10) 0}.hero-content{max-width:900px;padding:var(--spacing-10) var(--spacing-8)}.hero-title{font-size:clamp(2.5rem,3vw + .5rem,3rem)}.hero-description{font-size:clamp(1.25rem,2vw + .5rem,1.375rem);max-width:700px}.features-grid{gap:var(--spacing-6);grid-template-columns:repeat(3,1fr);max-width:1200px}.steps-grid{gap:var(--spacing-6);grid-template-columns:repeat(2,1fr);max-width:1000px}.value-props-grid{gap:var(--spacing-5)}.stats-grid,.value-props-grid{grid-template-columns:repeat(3,1fr);max-width:1000px}.stats-grid,.testimonials-grid{gap:var(--spacing-6)}.testimonials-grid{grid-template-columns:repeat(2,1fr);max-width:1100px}}.portfolio-holding{background:#fff;border:1px solid var(--color-border);border-radius:12px;box-shadow:0 4px 20px #00000014;overflow:hidden;padding:1.5rem;position:relative;transition:all var(--transition-base)}.portfolio-holding:before{background:linear-gradient(90deg,#0000,#00b8ff99,#0000);content:"";height:2px;left:0;opacity:.6;position:absolute;right:0;top:0;transition:opacity var(--transition-base)}.portfolio-holding:hover{border-color:var(--color-accent);box-shadow:0 8px 32px #0000001f;transform:translateY(-2px)}.portfolio-holding:hover:before{opacity:1}.holding-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:1rem}.holding-symbol{display:flex;flex-direction:column;gap:.5rem}.holding-symbol h3{color:var(--color-text-primary);font-size:1.75rem;font-weight:700;letter-spacing:-.01em;margin:0}.holding-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.holding-quantity{color:var(--color-text-secondary);font-size:.95rem;font-weight:500}.holding-transactions{background:var(--color-bg-secondary);border-radius:6px;color:var(--color-text-tertiary);font-size:.85rem;font-weight:500;padding:.25rem .5rem}.holding-details{display:flex;flex-direction:column;gap:.875rem}.holding-row{align-items:center;display:flex;justify-content:space-between;padding:.5rem 0}.holding-row .label{color:var(--color-text-secondary);font-size:.95rem;font-weight:500}.holding-row .value{color:var(--color-text-primary);font-size:1rem;font-weight:600}.holding-row.pnl.positive .value{color:var(--color-positive);font-weight:700}.holding-row.pnl.negative .value{color:var(--color-negative);font-weight:700}.holding-row .percent{font-size:.9em;margin-left:.5rem;opacity:.9}@media (max-width:767px){.portfolio-holding{padding:1.25rem}.holding-header{align-items:flex-start;flex-direction:column;gap:1rem}.holding-symbol h3{font-size:clamp(1.25rem,4vw + .5rem,1.75rem)}.holding-row{align-items:flex-start;flex-direction:column;gap:.25rem}.holding-row .value{font-size:clamp(1rem,3vw + .5rem,1.1rem)}}@media (min-width:768px) and (max-width:1024px){.portfolio-holding{padding:1.75rem}.holding-symbol h3{font-size:1.875rem}}.modal-overlay{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.modal-content{animation:fadeInUp .6s ease;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:20px;box-shadow:0 8px 40px #00000026;max-height:calc(90vh - var(--navbar-height) - 40px);max-width:500px;overflow-y:auto;position:relative;width:100%}.modal-content:before{background:linear-gradient(90deg,#0000,#00b8ff99,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}.modal-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:1rem 1.25rem}.modal-header h2{color:#000;font-size:1.25rem;font-weight:600;letter-spacing:-.01em;margin:0}.modal-close{-webkit-tap-highlight-color:transparent;align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:6px;box-shadow:0 2px 8px #0003;color:var(--color-text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;min-height:36px;min-width:36px;padding:.375rem;transition:all var(--transition-base);width:36px}.modal-close:hover{background:var(--color-accent-light);border-color:var(--color-accent);box-shadow:0 4px 16px #00b8ff4d;color:var(--color-text-primary);transform:translateY(-1px)}.modal-form{padding:1rem 1.25rem}.form-group{margin-bottom:.875rem}.form-group label{color:var(--color-text-secondary);display:block;font-size:.85rem;font-weight:500;margin-bottom:.375rem}.form-group input,.form-group textarea{-webkit-appearance:none;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;box-sizing:border-box;color:var(--color-text-primary);font-family:inherit;font-size:.9rem;min-height:40px;padding:10px 12px;transition:all var(--transition-base);width:100%}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-text-tertiary)}.form-group input:focus,.form-group textarea:focus{background:var(--color-bg-primary);border-color:var(--color-accent);box-shadow:0 0 0 3px #00b8ff33;outline:none}.form-group textarea{min-height:60px;resize:vertical}.form-error{background:#ff44441a;border:1px solid #ff44444d;border-radius:8px;color:#f44;font-size:.85rem;margin-bottom:.875rem;padding:.625rem}.modal-actions{border-top:1px solid var(--color-border);display:flex;gap:.625rem;justify-content:flex-end;margin-top:1rem;padding-top:1rem}.btn-cancel,.btn-submit{-webkit-tap-highlight-color:transparent;border:none;border-radius:8px;box-shadow:0 2px 8px #0003;cursor:pointer;font-size:.9rem;font-weight:var(--font-weight-medium);min-height:40px;padding:10px 18px;transition:all var(--transition-base)}.btn-cancel{background:#0000;background-clip:padding-box,border-box;background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,#00b8ff,#f0c);background-origin:border-box;border:2px solid #0000;color:var(--color-text-secondary)}.btn-cancel:hover{background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,#0099e6,#e600b8);box-shadow:0 4px 16px #00b8ff4d;color:#00b8ff;transform:translateY(-1px)}.btn-submit{background:linear-gradient(135deg,#00b8ff,#f0c);border:1px solid #0000;color:#fff}.btn-submit:hover:not(:disabled){background:linear-gradient(135deg,#0099e6,#e600b8);border-color:#0000;box-shadow:0 4px 16px #00b8ff80,0 0 20px #ff00cc4d;transform:translateY(-1px)}.btn-submit:active:not(:disabled){transform:translateY(0)}.btn-submit:disabled{background:#ffffff1a;box-shadow:none;color:var(--color-text-muted);cursor:not-allowed}@media (max-width:767px){.modal-overlay{align-items:flex-start;padding:0;padding-top:var(--safe-area-inset-top)}.modal-content{border-left:none;border-radius:0;border-right:none;display:flex;flex-direction:column;height:calc(100vh - var(--safe-area-inset-top) - var(--safe-area-inset-bottom));margin:0;max-height:calc(100vh - var(--safe-area-inset-top) - var(--safe-area-inset-bottom));max-width:100%;overflow:hidden}.modal-content:before{height:3px}.modal-header{flex-shrink:0;padding:1.25rem;padding-top:calc(1.25rem + var(--safe-area-inset-top))}.modal-header h2{font-size:clamp(1.125rem,4vw + .5rem,1.5rem)}.modal-form{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding:1.25rem}.modal-actions,.modal-form{padding-bottom:calc(1.25rem + var(--safe-area-inset-bottom))}.modal-actions{flex-shrink:0}.btn-cancel,.btn-submit{flex:1 1;padding:12px 20px}}@media (min-width:768px) and (max-width:1024px){.modal-overlay{padding:2rem}.modal-content{max-height:85vh;max-width:650px}.modal-header{padding:2rem}.modal-header h2{font-size:1.5rem}.modal-form{padding:2rem}.form-group{margin-bottom:1.5rem}.form-group input,.form-group textarea{font-size:1rem;padding:14px 18px}.modal-actions{padding:1.75rem 2rem 2rem}}@media (min-width:1024px) and (max-width:1366px){.modal-content{max-width:550px}}.dashboard-sidebar{background:var(--color-bg-primary);border-right:1px solid var(--color-border);box-shadow:2px 0 8px #0000000d;height:calc(100vh - 64px);height:calc(100vh - var(--navbar-height, 64px));left:0;overflow-y:auto;padding:1.5rem 0;position:fixed;top:64px;top:var(--navbar-height,64px);width:250px;z-index:100}.sidebar-nav{display:flex;flex-direction:column;gap:.5rem;padding:0 1rem}.sidebar-nav-item{-webkit-tap-highlight-color:transparent;align-items:center;border-radius:8px;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);gap:.75rem;min-height:44px;padding:.875rem 1rem;position:relative;text-decoration:none;transition:all var(--transition-base)}.sidebar-nav-item:hover{background:var(--color-bg-secondary);color:var(--color-text-primary);transform:translateX(4px)}.sidebar-nav-item.active{background:linear-gradient(135deg,#00b8ff1a,#ff00cc1a);border-image:linear-gradient(135deg,#00b8ff,#f0c) 1;border-left:3px solid #0000;color:var(--color-text-primary)}.sidebar-nav-item.active:before{background:linear-gradient(135deg,#00b8ff,#f0c);border-radius:0 2px 2px 0;bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.sidebar-nav-icon{align-items:center;display:flex;flex-shrink:0;font-size:1.25rem;height:24px;justify-content:center;width:24px}.sidebar-nav-text{flex:1 1;white-space:nowrap}@media (max-width:767px){.dashboard-sidebar{border-right:none;border-top:1px solid var(--color-border);bottom:0;box-shadow:0 -2px 8px #0000000d;height:auto;left:0;padding:.75rem 0;position:fixed;right:0;top:auto;width:100%}.sidebar-nav{flex-direction:row;gap:0;justify-content:space-around;padding:0 .5rem}.sidebar-nav-item{flex:1 1;flex-direction:column;gap:.25rem;justify-content:center;min-height:60px;padding:.5rem .75rem;text-align:center}.sidebar-nav-item:hover{transform:translateY(-2px)}.sidebar-nav-item.active{border-image:linear-gradient(135deg,#00b8ff,#f0c) 1;border-left:none;border-top:3px solid #0000}.sidebar-nav-item.active:before{display:none}.sidebar-nav-item.active:after{background:linear-gradient(135deg,#00b8ff,#f0c);border-radius:0 0 2px 2px;content:"";height:3px;left:0;position:absolute;right:0;top:0}.sidebar-nav-icon{font-size:1.5rem}.sidebar-nav-text{font-size:.75rem}}@media (min-width:768px) and (max-width:1024px){.dashboard-sidebar{padding:1.25rem 0;width:220px}.sidebar-nav{padding:0 .875rem}.sidebar-nav-item{font-size:.95rem;padding:.75rem .875rem}.sidebar-nav-icon{font-size:1.125rem;height:22px;width:22px}}.dashboard-sidebar::-webkit-scrollbar{width:6px}.dashboard-sidebar::-webkit-scrollbar-track{background:#0000}.dashboard-sidebar::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.dashboard-sidebar::-webkit-scrollbar-thumb:hover{background:#0000004d}.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:4rem 2rem;text-align:center}.loading-spinner{height:60px;margin-bottom:1.5rem;position:relative;width:60px}.loading-spinner:before{animation:spin 1s linear infinite;border-color:#00b8ff #00b8ff #00b8ff1a #00b8ff1a;border-radius:50%;border-style:solid;border-width:4px;content:"";height:60px;left:0;position:absolute;top:0;width:60px}.loading-spinner:after{animation:spin .8s linear infinite reverse;border-color:#f0c #f0c #0000 #0000;border-radius:50%;border-style:solid;border-width:4px;content:"";height:44px;left:8px;position:absolute;top:8px;width:44px}.loading-message{color:var(--color-text-secondary);font-size:1.125rem;font-weight:var(--font-weight-medium);letter-spacing:.02em;margin:0}.loading-submessage{color:var(--color-text-tertiary);font-size:.9rem;margin:0}@media (max-width:767px){.loading-state{min-height:300px;padding:3rem 1.5rem}.loading-spinner{height:50px;margin-bottom:1.25rem;width:50px}.loading-message{font-size:1rem}.loading-submessage{font-size:.85rem}}@media (min-width:768px) and (max-width:1024px){.loading-state{min-height:350px;padding:3.5rem 2rem}.loading-spinner{height:55px;width:55px}}.dashboard-page{display:flex;margin-top:64px;margin-top:var(--navbar-height,64px);min-height:calc(100vh - 64px);min-height:calc(100vh - var(--navbar-height, 64px))}.dashboard-container{flex:1 1;margin-left:250px;max-width:calc(100% - 250px);overflow-x:hidden;padding:calc(2rem - 75px) 2rem 2rem}.dashboard-header{animation:fadeInDown .6s ease;margin-bottom:calc(2.5rem - 10px);margin-top:-7px;padding-top:3px}.dashboard-header h1{animation:fadeInDown .6s ease .1s both;color:var(--color-text-primary);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);letter-spacing:-.02em;margin-bottom:.5rem}.dashboard-header h1 .gradient-text,.section-header h2 .gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00b8ff,#f0c);-webkit-background-clip:text;background-clip:text;display:inline-block}.dashboard-header p{animation:fadeInDown .6s ease .2s both;color:var(--color-text-secondary);font-size:var(--font-size-lg);margin:0}.summary-cards{margin-bottom:calc(3rem - 20px)}.summary-card:first-child{animation-delay:.1s}.summary-card:nth-child(2){animation-delay:.15s}.summary-card:nth-child(3){animation-delay:.2s}.summary-card:nth-child(4){animation-delay:.25s}.summary-card.positive{border-left:4px solid var(--color-positive)}.summary-card.positive:before{background:var(--color-positive);box-shadow:0 0 20px #10b98133}.summary-card.negative{border-left:4px solid var(--color-negative)}.summary-card.negative:before{background:var(--color-negative);box-shadow:0 0 20px #ef444433}.dashboard-section{margin-bottom:3rem}.section-header{animation:fadeInDown .6s ease}.section-header h2{color:var(--color-text-primary);font-size:var(--font-size-3xl)}.add-button{box-shadow:0 2px 8px #00b8ff4d}.add-button:hover{box-shadow:0 4px 16px #00b8ff80,0 0 20px #ff00cc4d}.add-button:active{box-shadow:0 2px 8px #00b8ff4d;transform:translateY(0)}.portfolio-holdings-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.portfolio-holdings-grid>*{animation:fadeInUp .6s ease both}.portfolio-holdings-grid>:first-child{animation-delay:.1s}.portfolio-holdings-grid>:nth-child(2){animation-delay:.15s}.portfolio-holdings-grid>:nth-child(3){animation-delay:.2s}.portfolio-holdings-grid>:nth-child(n+4){animation-delay:.25s}.empty-state{background:#fff!important;border:2px dashed var(--color-border);padding:4rem 2rem}.empty-state p{font-size:1.1rem;margin-bottom:1.5rem}.empty-state .add-button{margin:0 auto}@media (max-width:767px){.dashboard-page{flex-direction:column;margin-top:64px;margin-top:var(--navbar-height,64px);padding-bottom:80px}.dashboard-container{margin-left:0;max-width:100%;padding:1rem}.dashboard-header{margin-bottom:calc(1.5rem - 10px);margin-top:-7px;padding-top:3px}.dashboard-header h1{font-size:clamp(1.5rem,5vw + .5rem,2rem)}.dashboard-header p{font-size:clamp(.875rem,2vw + .5rem,1.125rem)}.summary-cards{gap:1rem;grid-template-columns:1fr;margin-bottom:calc(2rem - 20px)}.summary-card{padding:1.25rem}.summary-value{font-size:1.75rem}.section-header{align-items:flex-start;flex-direction:column;gap:1rem;margin-bottom:1.25rem}.section-header h2{font-size:clamp(1.25rem,4vw + .5rem,1.5rem)}.portfolio-holdings-grid{gap:1rem;grid-template-columns:1fr}.add-button{padding:12px 20px;width:100%}.dashboard-section{margin-bottom:2rem}.empty-state{padding:2.5rem 1.5rem}.empty-state p{font-size:1rem}}@media (min-width:768px) and (max-width:1024px){.dashboard-container{margin-left:220px;max-width:calc(100% - 220px);padding:calc(2rem - 75px) 2rem 2rem}.dashboard-header{margin-bottom:calc(2.5rem - 10px);margin-top:-7px;padding-top:3px}.dashboard-header h1{font-size:clamp(2rem,3vw + .5rem,2.25rem)}.dashboard-header p{font-size:clamp(1.125rem,2vw + .5rem,1.25rem)}.summary-cards{gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-bottom:calc(2.5rem - 20px)}.summary-card{padding:2rem}.summary-value{font-size:2.25rem}.section-header{gap:1.5rem;margin-bottom:1.75rem}.section-header h2{font-size:clamp(1.5rem,2.5vw + .5rem,1.75rem)}.portfolio-holdings-grid{gap:1.25rem;grid-template-columns:repeat(2,1fr)}.dashboard-section{margin-bottom:2.5rem}}@media (min-width:1024px) and (max-width:1366px){.summary-cards{grid-template-columns:repeat(2,1fr)}}.overview-page{display:flex;margin-top:64px;margin-top:var(--navbar-height,64px);min-height:calc(100vh - 64px);min-height:calc(100vh - var(--navbar-height, 64px))}.overview-container{flex:1 1;margin-left:250px;max-width:calc(100% - 250px);overflow-x:hidden;padding:calc(2rem - 75px) 2rem 2rem}.overview-header{margin-bottom:var(--spacing-8)}.overview-header h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);letter-spacing:-.02em;margin:0 0 var(--spacing-2) 0}.overview-header p{color:var(--color-text-secondary);font-size:var(--font-size-lg);margin:0}.summary-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:3rem}.summary-card{animation:fadeInUp .6s ease both;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 4px 20px #00000014;overflow:hidden;padding:1.75rem;position:relative;transition:all var(--transition-base)}.summary-card:before{background:linear-gradient(90deg,#0000,#00b8ff99,#0000);content:"";height:2px;left:0;opacity:.6;position:absolute;right:0;top:0;transition:opacity var(--transition-base)}.summary-card:hover{border-color:var(--color-accent);box-shadow:0 8px 32px #0000001f;transform:translateY(-2px)}.summary-card:hover:before{opacity:1}.summary-label{color:var(--color-text-tertiary);font-size:.875rem;font-weight:500;letter-spacing:.1em;margin-bottom:.75rem;text-transform:uppercase}.summary-value{color:var(--color-text-primary);font-size:2rem;font-weight:700;line-height:1.2}.summary-percent{font-size:1rem;font-weight:500;margin-left:.5rem;opacity:.9}.summary-card.positive .summary-value{color:var(--color-positive)}.summary-card.negative .summary-value{color:var(--color-negative)}.overview-section{margin-bottom:3rem}.section-header{border-bottom:1px solid var(--color-border);margin-bottom:1.5rem;padding-bottom:1rem}.holdings-summary{display:flex;flex-direction:column;gap:1rem}.holding-summary-item{align-items:center;background:#fff;border:1px solid var(--color-border);border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;justify-content:space-between;padding:1.25rem;transition:all var(--transition-base)}.holding-summary-item:hover{border-color:var(--color-accent);box-shadow:0 4px 16px #0000001a;transform:translateY(-1px)}.holding-summary-symbol{display:flex;flex-direction:column;gap:.5rem}.holding-summary-symbol .symbol{color:var(--color-text-primary);font-size:1.5rem;font-weight:700}.holding-summary-symbol .quantity{color:var(--color-text-secondary);font-size:.9rem}.holding-summary-details{align-items:center;display:flex;gap:1.5rem}.holding-summary-price{display:flex;flex-direction:column;gap:.25rem;text-align:right}.holding-summary-price .label{color:var(--color-text-tertiary);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.holding-summary-price .value{color:var(--color-text-primary);font-size:1rem;font-weight:600}.holding-summary-pnl.positive .value{color:var(--color-positive)}.holding-summary-pnl.negative .value{color:var(--color-negative)}.holding-summary-pnl .percent{font-size:.9em;margin-left:.25rem;opacity:.9}.watchlist-summary{display:flex;flex-wrap:wrap;gap:.75rem}.watchlist-summary-item{background:#fff;border:1px solid var(--color-border);border-radius:8px;box-shadow:0 2px 8px #0000000d;color:var(--color-text-primary);font-size:1rem;font-weight:600;padding:.75rem 1.25rem;transition:all var(--transition-base)}.watchlist-summary-item:hover{border-color:var(--color-accent);box-shadow:0 4px 16px #0000001a;transform:translateY(-1px)}.overview-empty{background:#fff;border:2px dashed var(--color-border);border-radius:12px;padding:4rem 2rem;text-align:center}.overview-empty p{color:var(--color-text-secondary);font-size:1.1rem}@media (max-width:767px){.overview-page{flex-direction:column;margin-top:64px;margin-top:var(--navbar-height,64px);padding-bottom:80px}.overview-container{margin-left:0;max-width:100%;padding:var(--spacing-4) var(--spacing-3)}.overview-header{margin-bottom:var(--spacing-4)}.overview-header h1{font-size:clamp(1.5rem,5vw + .5rem,2rem)}.overview-header p{font-size:clamp(.875rem,2vw + .5rem,1rem)}.summary-cards{gap:1rem;grid-template-columns:1fr;margin-bottom:2rem}.summary-card{padding:1.25rem}.summary-value{font-size:1.75rem}.section-header{margin-bottom:1.25rem}.section-header h2{font-size:clamp(1.25rem,4vw + .5rem,1.5rem)}.holding-summary-item{align-items:flex-start;flex-direction:column;gap:1rem}.holding-summary-details{align-items:flex-start;flex-direction:column;gap:.75rem;width:100%}.holding-summary-price{text-align:left}}@media (min-width:768px) and (max-width:1024px){.overview-container{margin-left:220px;max-width:calc(100% - 220px);padding:calc(2rem - 75px) 2rem 2rem}.overview-header h1{font-size:clamp(2rem,3vw + .5rem,2.25rem)}.summary-cards{gap:1.5rem;grid-template-columns:repeat(2,1fr)}.summary-card{padding:2rem}.summary-value{font-size:2.25rem}}.watchlist-item{animation:fadeInUp .6s ease both;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--color-bg-primary);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 20px #0000004d;overflow:hidden;padding:1.25rem;position:relative;transition:all var(--transition-base)}.watchlist-item:before{background:linear-gradient(90deg,#0000,#00b8ff99,#0000);content:"";height:2px;left:0;opacity:.6;position:absolute;right:0;top:0;transition:opacity var(--transition-base)}.watchlist-item:hover{border-color:#ffffff26;box-shadow:0 8px 32px #0006;transform:translateY(-2px)}.watchlist-item:hover:before{opacity:1}.watchlist-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem;position:relative;z-index:1}.watchlist-symbol{align-items:baseline;display:flex;gap:.75rem}.watchlist-symbol h4{color:#e0e0e0;font-size:1.5rem;font-weight:700;letter-spacing:-.01em;margin:0}.watchlist-price{color:#b0b0b0;font-size:.95rem;font-weight:500}.watchlist-delete{-webkit-tap-highlight-color:transparent;align-items:center;background:#ff44441a;border:1px solid #f443;border-radius:8px;box-shadow:0 2px 8px #0003;color:#f44;cursor:pointer;display:flex;height:var(--touch-target-min);justify-content:center;min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:.5rem;position:relative;transition:all var(--transition-base);width:var(--touch-target-min);z-index:1}.watchlist-delete:hover{background:#f443;border-color:#f446;box-shadow:0 4px 16px #ff44444d;transform:translateY(-1px)}.watchlist-date{color:#888;font-size:.85rem;position:relative;z-index:1}@media (max-width:767px){.watchlist-item{padding:1rem}.watchlist-symbol h4{font-size:clamp(1.125rem,3vw + .5rem,1.25rem)}.watchlist-price{font-size:.875rem}}@media (min-width:768px) and (max-width:1024px){.watchlist-item{padding:1.5rem}.watchlist-header{margin-bottom:1rem}.watchlist-symbol h4{font-size:1.625rem}.watchlist-price{font-size:1.125rem}}.watchlist-page{display:flex;margin-top:64px;margin-top:var(--navbar-height,64px);min-height:calc(100vh - 64px);min-height:calc(100vh - var(--navbar-height, 64px))}.watchlist-container{flex:1 1;margin-left:250px;max-width:calc(100% - 250px);overflow-x:hidden;padding:var(--spacing-6) var(--spacing-8)}.watchlist-header{margin-bottom:var(--spacing-8)}.watchlist-header h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);letter-spacing:-.02em;margin:0 0 var(--spacing-2) 0}.watchlist-header p{color:var(--color-text-secondary);font-size:var(--font-size-lg);margin:0}.watchlist-section{margin-bottom:var(--spacing-8)}.watchlist-grid{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.empty-state{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;padding:var(--spacing-12) var(--spacing-6);text-align:center}.empty-state p{color:var(--color-text-secondary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-4)}@media (max-width:767px){.watchlist-page{flex-direction:column;margin-top:64px;margin-top:var(--navbar-height,64px);padding-bottom:80px}.watchlist-container{margin-left:0;max-width:100%;padding:var(--spacing-4) var(--spacing-3)}.watchlist-header{margin-bottom:var(--spacing-4)}.watchlist-header h1{font-size:clamp(1.5rem,5vw + .5rem,2rem)}.watchlist-header p{font-size:clamp(.875rem,2vw + .5rem,1rem)}.section-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.section-header h2{font-size:clamp(1.25rem,4vw + .5rem,1.5rem)}.watchlist-grid{gap:var(--spacing-4);grid-template-columns:1fr}.add-button{padding:12px 20px;width:100%}.empty-state{padding:var(--spacing-8) var(--spacing-4)}}@media (min-width:768px) and (max-width:1024px){.watchlist-container{margin-left:220px;max-width:calc(100% - 220px);padding:var(--spacing-6) var(--spacing-6)}.watchlist-header h1{font-size:clamp(2rem,3vw + .5rem,2.25rem)}.watchlist-header p{font-size:clamp(1rem,2vw + .5rem,1.125rem)}.section-header{gap:var(--spacing-4);margin-bottom:var(--spacing-5)}.section-header h2{font-size:clamp(1.5rem,2.5vw + .5rem,1.75rem)}.watchlist-grid{gap:var(--spacing-5);grid-template-columns:repeat(2,1fr)}}.transaction-history{width:100%}.transaction-history-empty{color:var(--color-text-secondary);padding:2rem;text-align:center}.transaction-list{display:flex;flex-direction:column;gap:1rem}.transaction-item{align-items:flex-start;background:#fff;border:1px solid var(--color-border);border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;gap:1rem;justify-content:space-between;padding:1.25rem;transition:all var(--transition-base)}.transaction-item:hover{border-color:var(--color-accent);box-shadow:0 4px 16px #0000001a;transform:translateY(-1px)}.transaction-main{display:flex;flex:1 1;flex-direction:column;gap:1rem}.transaction-symbol{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:.75rem;padding-bottom:.75rem}.transaction-symbol .symbol{color:var(--color-text-primary);font-size:1.25rem;font-weight:700}.transaction-symbol .type{border-radius:6px;font-size:.875rem;font-weight:500;padding:.25rem .75rem}.transaction-symbol .type.buy{background:#10b9811a;color:#10b981;color:var(--color-positive,#10b981)}.transaction-symbol .type.sell{background:#ef44441a;color:#ef4444;color:var(--color-negative,#ef4444)}.transaction-details{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.transaction-row{display:flex;flex-direction:column;gap:.25rem}.transaction-row .label{color:var(--color-text-secondary);font-size:.875rem;font-weight:500}.transaction-row .value{color:var(--color-text-primary);font-size:1rem;font-weight:600}.transaction-notes{border-top:1px solid var(--color-border);grid-column:1/-1;margin-top:.5rem;padding-top:.75rem}.transaction-notes .label{color:var(--color-text-secondary);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.transaction-notes .value{color:var(--color-text-secondary);font-size:.9rem;font-weight:400;line-height:1.5}.transaction-actions{display:flex;flex-direction:column;flex-shrink:0;gap:.5rem}.icon-button{-webkit-tap-highlight-color:transparent;align-items:center;border:1px solid var(--color-border);border-radius:8px;box-shadow:0 2px 8px #0000000d;color:var(--color-text-secondary);cursor:pointer;display:flex;height:var(--touch-target-min);justify-content:center;min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:.5rem;transition:all var(--transition-base);width:var(--touch-target-min)}.icon-button,.icon-button:hover{background:var(--color-bg-secondary)}.icon-button:hover{border-color:var(--color-accent);box-shadow:0 4px 16px #00b8ff33;transform:translateY(-1px)}.icon-button.edit{color:var(--color-accent)}.icon-button.edit:hover{background:#00b8ff1a;border-color:#00b8ff4d;box-shadow:0 0 15px #00b8ff33}.icon-button.delete{color:#f44}.icon-button.delete:hover{background:#ff44441a;border-color:#ff44444d;box-shadow:0 0 15px #f443}@media (max-width:767px){.transaction-item{flex-direction:column;padding:1rem}.transaction-actions{flex-direction:row;justify-content:flex-end;width:100%}.transaction-details{grid-template-columns:repeat(2,1fr)}.transaction-symbol .symbol{font-size:1.125rem}}@media (min-width:768px) and (max-width:1024px){.transaction-item{padding:1.5rem}.transaction-details{grid-template-columns:repeat(3,1fr)}}.transaction-history-page{display:flex;margin-top:64px;margin-top:var(--navbar-height,64px);min-height:calc(100vh - 64px);min-height:calc(100vh - var(--navbar-height, 64px))}.transaction-history-container{flex:1 1;margin-left:250px;max-width:calc(100% - 250px);overflow-x:hidden;padding:calc(2rem - 75px) 2rem 2rem}.transaction-history-header{margin-bottom:var(--spacing-8)}.transaction-history-header h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);letter-spacing:-.02em;margin:0 0 var(--spacing-2) 0}.transaction-history-header p{color:var(--color-text-secondary);font-size:var(--font-size-lg);margin:0}.transaction-history-section{margin-bottom:var(--spacing-8)}.section-header{align-items:center;display:flex;gap:var(--spacing-4);justify-content:space-between;margin-bottom:var(--spacing-6)}.section-header h2{margin:0}.add-button{-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#00b8ff,#f0c);border:1px solid #0000;border-radius:12px;box-shadow:0 2px 8px #0000001a;color:#fff;cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);letter-spacing:.02em;min-height:var(--touch-target-min);padding:14px 24px;transition:all var(--transition-base)}.add-button:hover{background:linear-gradient(135deg,#0099e6,#e600b8);border-color:#0000;box-shadow:0 4px 16px #00b8ff66;transform:translateY(-1px)}@media (max-width:767px){.transaction-history-page{flex-direction:column;margin-top:64px;margin-top:var(--navbar-height,64px);padding-bottom:80px}.transaction-history-container{margin-left:0;max-width:100%;padding:var(--spacing-4) var(--spacing-3)}.transaction-history-header{margin-bottom:var(--spacing-4)}.transaction-history-header h1{font-size:clamp(1.5rem,5vw + .5rem,2rem)}.transaction-history-header p{font-size:clamp(.875rem,2vw + .5rem,1rem)}.section-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.section-header h2{font-size:clamp(1.25rem,4vw + .5rem,1.5rem)}.add-button{padding:12px 20px;width:100%}}@media (min-width:768px) and (max-width:1024px){.transaction-history-container{margin-left:220px;max-width:calc(100% - 220px);padding:calc(2rem - 75px) 2rem 2rem}.transaction-history-header h1{font-size:clamp(2rem,3vw + .5rem,2.25rem)}.transaction-history-header p{font-size:clamp(1rem,2vw + .5rem,1.125rem)}.section-header{gap:var(--spacing-4);margin-bottom:var(--spacing-5)}.section-header h2{font-size:clamp(1.5rem,2.5vw + .5rem,1.75rem)}}.news-page{display:flex;margin-top:64px;margin-top:var(--navbar-height,64px);min-height:calc(100vh - 64px);min-height:calc(100vh - var(--navbar-height, 64px))}.news-container{flex:1 1;margin-left:250px;max-width:calc(100% - 250px);overflow-x:hidden;padding:calc(2rem - 75px) 2rem 2rem}.news-header{border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-8);padding-bottom:1rem}.news-header h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);letter-spacing:-.02em;margin:0 0 var(--spacing-2) 0}.news-header p{color:var(--color-text-secondary);font-size:var(--font-size-lg);margin:0}.news-section{margin-bottom:var(--spacing-8)}.news-section .section-header{border-bottom:none!important;margin-bottom:2rem;padding-bottom:0}.section-header h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);letter-spacing:-.01em;margin:0 0 .5rem}.section-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-base);margin:0}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00b8ff,#f0c);-webkit-background-clip:text;background-clip:text;display:inline-block}.news-articles-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.news-article-card{animation:fadeInUp .6s ease both;background:#fff;border:1px solid var(--color-border);border-radius:12px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;overflow:hidden;padding:1.25rem;position:relative;transition:all var(--transition-base)}.news-article-card:before{background:linear-gradient(90deg,#0000,#00b8ff99,#0000);content:"";height:2px;left:0;opacity:.6;position:absolute;right:0;top:0;transition:opacity var(--transition-base)}.news-article-card:hover{border-color:var(--color-accent);box-shadow:0 8px 32px #0000001f;transform:translateY(-2px)}.news-article-card:hover:before{opacity:1}.news-article-header{align-items:center;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:.75rem}.news-article-source{color:var(--color-text-tertiary);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.news-article-symbol{background:#00b8ff1a;border-radius:4px;color:var(--color-accent);font-size:.875rem;font-weight:700;padding:.25rem .5rem}.news-article-title{font-size:1.1rem;font-weight:var(--font-weight-semibold);line-height:1.4;margin:0 0 .5rem}.news-article-link{color:var(--color-text-primary);text-decoration:none;transition:color var(--transition-base)}.news-article-link:hover{color:var(--color-accent)}.news-article-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--color-text-secondary);display:-webkit-box;flex-grow:1;font-size:.875rem;line-height:1.5;margin:0 0 .75rem;overflow:hidden}.news-article-footer{align-items:center;border-top:1px solid var(--color-border);display:flex;gap:1rem;justify-content:space-between;margin-top:auto;padding-top:.75rem}.news-article-meta{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.news-article-date{color:var(--color-text-tertiary);font-size:.875rem}.news-article-company{color:var(--color-text-secondary);font-size:.875rem;font-weight:500}.news-read-more-button{background:#0000;border:1px solid var(--color-accent);border-radius:6px;color:var(--color-accent);font-size:.875rem;font-weight:600;padding:.5rem 1rem;text-decoration:none;transition:all var(--transition-base);white-space:nowrap}.news-read-more-button:hover{background:var(--color-accent);box-shadow:0 2px 8px #00b8ff4d;color:#fff;transform:translateY(-1px)}.news-empty-state{background:#fff;border:2px dashed var(--color-border);border-radius:12px;padding:4rem 2rem;text-align:center}.news-empty-state p{color:var(--color-text-secondary);font-size:1.1rem;margin-bottom:.5rem}.news-empty-hint{color:var(--color-text-tertiary);font-size:.95rem}@media (max-width:767px){.news-page{flex-direction:column;margin-top:64px;margin-top:var(--navbar-height,64px);padding-bottom:80px}.news-container{margin-left:0;max-width:100%;padding:var(--spacing-4) var(--spacing-3)}.news-header{margin-bottom:var(--spacing-4)}.news-header h1{font-size:clamp(1.5rem,5vw + .5rem,2rem)}.news-header p{font-size:clamp(.875rem,2vw + .5rem,1rem)}.section-header{margin-bottom:1.5rem}.section-header h2{font-size:clamp(1.25rem,4vw + .5rem,1.5rem)}.news-articles-grid{gap:1rem;grid-template-columns:1fr}.news-article-card{padding:1rem}.news-article-footer{align-items:flex-start;flex-direction:column;gap:.75rem}.news-read-more-button{text-align:center;width:100%}.news-article-title{font-size:1.1rem}.news-article-description{font-size:.9rem}}@media (min-width:768px) and (max-width:1024px){.news-container{margin-left:220px;max-width:calc(100% - 220px);padding:calc(2rem - 75px) 2rem 2rem}.news-header h1{font-size:clamp(2rem,3vw + .5rem,2.25rem)}.news-header p{font-size:clamp(1rem,2vw + .5rem,1.125rem)}.section-header h2{font-size:clamp(1.5rem,2.5vw + .5rem,1.75rem)}.news-articles-grid{gap:1.25rem;grid-template-columns:repeat(2,1fr)}.news-article-card{padding:1.25rem}}.admin-container{background:var(--color-bg-primary);min-height:100vh;padding:2.5rem;position:relative}.admin-container:before{background:radial-gradient(circle at 20% 50%,#00b8ff0d 0,#0000 50%),radial-gradient(circle at 80% 80%,#ff00cc0d 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.admin-header{align-items:center;border-bottom:1px solid #252d4f;display:flex;justify-content:space-between;margin-bottom:2.5rem;padding-bottom:1.5rem;position:relative;z-index:1}.admin-header h1{animation:fadeInDown .6s ease;color:#000;font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);letter-spacing:-.02em;margin:0}.logout-btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 2px 8px #0003;color:#000;padding:12px 24px}.logout-btn:hover{background:#ffffff14;border-color:#fff3;box-shadow:0 4px 16px #0000004d}.admin-content{margin:0 auto;max-width:1400px;position:relative;z-index:1}.add-btn{-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#00b8ff,#f0c);border:1px solid #0000;border-radius:12px;box-shadow:0 2px 8px #00b8ff4d;color:#fff;cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin-bottom:2rem;min-height:var(--touch-target-min);padding:14px 24px;transition:all var(--transition-base)}.add-btn:hover{background:linear-gradient(135deg,#0099e6,#e600b8);border-color:#0000;box-shadow:0 4px 16px #00b8ff80,0 0 20px #ff00cc4d;color:#fff;transform:translateY(-1px)}.form-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.form-container{animation:fadeInUp .6s ease;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--color-bg-primary);border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 8px 40px #00000080;display:flex;flex-direction:column;max-height:90vh;max-width:550px;overflow:hidden;padding:0;position:relative;width:90%;z-index:1001}.form-container:has(.seo-section){max-height:95vh;max-width:900px;overflow-y:auto}.form-container:has(.seo-section) form{padding:2rem}.form-container:before{background:linear-gradient(90deg,#0000,#00b8ff99,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form-container h2{border-bottom:1px solid #252d4f;flex-shrink:0;font-size:1.75rem;letter-spacing:.05em;margin:0;padding:2.5rem 2.5rem 1.5rem}.form-container h2,.form-container label{color:#000;font-weight:600;text-transform:uppercase}.form-container label{display:block;font-size:.8rem;letter-spacing:.1em;margin-bottom:.6rem;margin-top:1.25rem}.form-container label:first-of-type{margin-top:0}.form-container input,.form-container select,.form-container textarea{-webkit-appearance:none;background:#fff;border:2px solid #000;border-radius:8px;box-sizing:border-box;color:#000;font-family:inherit;font-size:var(--font-size-base);margin-bottom:0;min-height:var(--touch-target-min);padding:12px 16px;transition:all var(--transition-base);width:100%}.form-container input:focus,.form-container select:focus,.form-container textarea:focus{background:#fff;border-color:#000;box-shadow:0 0 0 3px #0000001a;outline:2px solid #000;outline-offset:2px}.form-container form{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:0 calc(2.5rem - 6px) 0 2.5rem}.form-container form::-webkit-scrollbar{width:6px}.form-container form::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.form-container form::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.form-container form::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.form-actions{background:var(--color-bg-primary);border-top:1px solid #252d4f;display:flex;flex-shrink:0;gap:1rem;padding:1.5rem 2.5rem 2.5rem}.form-actions button{border:none;border-radius:12px;box-shadow:0 2px 8px #0003;cursor:pointer;flex:1 1;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:14px 24px;transition:all var(--transition-base)}.form-actions button[type=submit]{background:linear-gradient(135deg,#00b8ff,#f0c);border:1px solid #0000;color:#fff}.form-actions button[type=submit]:hover{background:linear-gradient(135deg,#0099e6,#e600b8);border-color:#0000;box-shadow:0 4px 16px #00b8ff80,0 0 20px #ff00cc4d;color:#fff;transform:translateY(-1px)}.form-actions button[type=button]{background:#0000;background-clip:padding-box,border-box;background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,#00b8ff,#f0c);background-origin:border-box;border:2px solid #0000;color:#000}.form-actions button[type=button]:hover{background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,#0099e6,#e600b8);box-shadow:0 4px 16px #00b8ff4d;color:#00b8ff;transform:translateY(-1px)}.stocks-list{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:1fr}.stocks-list>*{animation:fadeInUp .6s ease both}.stocks-list>:first-child{animation-delay:.1s}.stocks-list>:nth-child(2){animation-delay:.15s}.stocks-list>:nth-child(3){animation-delay:.2s}.stocks-list>:nth-child(n+4){animation-delay:.25s}.admin-stock-item{animation:fadeInUp .6s ease both;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--color-bg-secondary);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 20px #0000004d;overflow:hidden;padding:0;position:relative;transition:all var(--transition-base)}.admin-stock-item:before{background:linear-gradient(90deg,#0000,#00b8ff99,#0000);content:"";height:2px;left:0;opacity:.6;position:absolute;right:0;top:0;transition:opacity var(--transition-base)}.admin-stock-item:hover{border-color:#ffffff26;box-shadow:0 8px 32px #0006;transform:translateY(-2px)}.admin-stock-item:hover:before{opacity:1}.admin-stock-item-header{align-items:flex-start;border-bottom:1px solid #252d4f;display:flex;justify-content:space-between;padding:1.5rem}.stock-info{display:flex;flex:1 1;flex-direction:column;gap:.75rem}.stock-info-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.stock-info h3{color:#000;font-size:1.25rem;font-weight:600;letter-spacing:.02em;margin:0}.stock-info-meta{display:flex;flex-direction:column;gap:.5rem;margin-top:.25rem}.stock-info-meta>div{align-items:center;color:#888;display:flex;font-size:.9rem;gap:.5rem}.stock-info-meta>div span{color:#000;font-weight:500}.stock-info-meta .performance-positive{color:#6ab86a}.stock-info-meta .performance-negative{color:#b86a6a}.stock-actions{display:flex;flex-shrink:0;gap:.75rem}.stock-actions button{-webkit-tap-highlight-color:transparent;border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;letter-spacing:.02em;min-height:var(--touch-target-min);padding:.6rem 1.25rem;transition:all .2s ease;white-space:nowrap}.stock-actions button:not(.delete-btn){background:linear-gradient(135deg,#00b8ff,#f0c);border:1px solid #0000;color:#fff}.stock-actions button:not(.delete-btn):hover{background:linear-gradient(135deg,#0099e6,#e600b8);border-color:#0000;box-shadow:0 4px 12px #00b8ff66;color:#fff;transform:translateY(-1px)}.stock-actions button.delete-btn{background:var(--color-bg-primary);border:1px solid #2d3555;color:#b86a6a}.stock-actions button.delete-btn:hover{background:#2a1a1a;border-color:#3a2a2a;color:#d86a6a;transform:translateY(-1px)}.admin-stock-item .tag{align-items:center;border-radius:20px;display:inline-flex;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.4rem .9rem;white-space:nowrap}.admin-stock-item .tag.bullish{background:#4a9e4a26;border:1px solid #4a9e4a;color:#6ab86a}.admin-stock-item .tag.bearish{background:#9e4a4a26;border:1px solid #9e4a4a;color:#b86a6a}.admin-stock-item .tag.pending-due-diligence{background:#9e9e4a26;border:1px solid #9e9e4a;color:#b8b86a}.admin-stock-item-purchases{background:var(--color-bg-primary);border-top:1px solid #252d4f;padding:1.5rem}.admin-stock-item-purchases h4{color:#888;font-size:.85rem;font-weight:600;letter-spacing:.1em;margin-bottom:1rem;text-transform:uppercase}.admin-stock-item-purchases-list{display:flex;flex-direction:column;gap:.75rem}.admin-stock-item-purchase{align-items:center;background:var(--color-bg-primary);border:1px solid #252d4f;border-radius:6px;display:flex;justify-content:space-between;padding:.75rem;transition:all .2s ease}.admin-stock-item-purchase:hover{background:var(--color-bg-primary);border-color:#2d3555}.admin-stock-item-purchase-info{color:#888;flex:1 1;font-size:.85rem}.admin-stock-item-purchase-info strong{color:#000;font-weight:500}.admin-stock-item-purchase button{background:var(--color-bg-primary);border:1px solid #2d3555;border-radius:4px;color:#b86a6a;cursor:pointer;font-size:.75rem;font-weight:500;padding:.4rem .75rem;transition:all .2s ease}.admin-stock-item-purchase button:hover{background:#2a1a1a;border-color:#3a2a2a;color:#d86a6a;transform:translateY(-1px)}.generate-button{background:linear-gradient(135deg,#00b8ff,#f0c);border:1px solid #0000;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;letter-spacing:.02em;margin-top:.5rem;padding:.6rem 1.25rem;transition:all .2s ease}.generate-button:hover:not(:disabled){background:linear-gradient(135deg,#0099e6,#e600b8);border-color:#0000;box-shadow:0 4px 12px #00b8ff66;color:#fff;transform:translateY(-1px)}.generate-button:disabled{cursor:not-allowed;opacity:.5}.form-field-wrapper{margin-bottom:1.5rem;position:relative}.current-image-preview{background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;margin:1rem 0;padding:1rem}.current-image-label{color:#b0b0b0;font-size:.875rem;font-weight:500;margin-bottom:.75rem}.current-image-thumbnail{border:1px solid #ffffff1a;border-radius:6px;height:auto;margin-bottom:.75rem;max-height:200px;max-width:200px;object-fit:contain;width:auto}.current-image-note{color:#888;font-size:.8rem;font-style:italic;margin:0}@media (max-width:767px){.admin-container{padding:1rem}.admin-header{margin-bottom:1.5rem;padding-bottom:1rem}.admin-header h1{font-size:1.5rem}.logout-btn{font-size:.85rem;padding:.6rem 1.25rem}.add-btn,.logout-btn{min-height:var(--touch-target-min)}.add-btn{font-size:.9rem;margin-bottom:1.5rem;padding:.75rem 1.5rem}.form-container{padding:1.5rem;width:95%}.form-container h2{font-size:1.4rem;margin-bottom:1.5rem}.form-container input,.form-container select,.form-container textarea{font-size:1rem;min-height:var(--touch-target-min);padding:.95rem}.form-actions{gap:.75rem;margin-top:1.5rem;padding-top:1.25rem}.form-actions button{font-size:.9rem;min-height:var(--touch-target-min);padding:.95rem}.generate-button{font-size:.8rem;min-height:var(--touch-target-min);padding:.7rem 1.1rem}.admin-stock-item-header{flex-direction:column;gap:1rem;padding:1.25rem}.stock-info h3{font-size:1.1rem}.stock-actions{gap:.5rem;justify-content:flex-end;width:100%}.stock-actions button{flex:1 1;min-height:var(--touch-target-min);padding:.7rem 1rem}.admin-stock-item-purchases{padding:1.25rem}.admin-stock-item-purchase button{min-height:var(--touch-target-min);padding:.5rem .9rem}.form-overlay-mobile{align-items:flex-end;padding:0}.form-container-mobile{animation:slideUp .3s cubic-bezier(.4,0,.2,1);border-radius:20px 20px 0 0;display:flex;flex-direction:column;margin:0;max-height:90vh;max-width:100%;overflow:hidden;width:100%}.form-container-mobile form{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding-bottom:2rem}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.form-container-mobile .form-field-wrapper{margin-bottom:1.25rem}.form-container-mobile input,.form-container-mobile select,.form-container-mobile textarea{box-sizing:border-box;width:100%}.form-overlay-mobile .form-container{max-height:80vh}}.seo-section{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.seo-section h3{border-bottom:1px solid #0003;color:#000;font-size:1.25rem;font-weight:var(--font-weight-semibold);margin:0 0 1.5rem;padding-bottom:.75rem}.seo-section label{color:#000;display:block;font-size:.9rem;font-weight:var(--font-weight-medium);margin-bottom:.5rem;margin-top:1rem}.seo-section label:first-of-type{margin-top:0}.seo-section input[type=text],.seo-section input[type=url],.seo-section select,.seo-section textarea{background:#fff;border:2px solid #000;border-radius:8px;box-sizing:border-box;color:#000;font-family:inherit;font-size:.9rem;padding:.75rem;transition:all var(--transition-base);width:100%}.seo-section input[type=text]:focus,.seo-section input[type=url]:focus,.seo-section select:focus,.seo-section textarea:focus{background:#fff;border-color:#000;box-shadow:0 0 0 3px #0000001a;outline:2px solid #000;outline-offset:2px}.seo-section textarea{font-family:Courier New,monospace;min-height:80px;resize:vertical}.seo-section small{color:var(--color-text-tertiary);display:block;font-size:.8rem;font-style:italic;margin-top:.5rem}@media (min-width:768px) and (max-width:1024px){.admin-container{margin:0 auto;max-width:1200px;padding:2rem}.admin-header{margin-bottom:2.5rem;padding-bottom:1.5rem}.admin-header h1{font-size:clamp(2rem,3vw + .5rem,2.25rem)}.add-btn{margin-bottom:2rem;padding:14px 28px}.form-container{max-width:650px;width:80%}.form-container h2{font-size:1.625rem;padding:2rem 2rem 1.5rem}.form-container form{padding:0 2rem}.form-container input,.form-container select,.form-container textarea{font-size:1rem;padding:14px 18px}.form-actions{padding:1.75rem 2rem 2rem}.admin-stock-item-header{align-items:flex-start;flex-direction:row;padding:1.75rem}.stock-info h3{font-size:1.375rem}.stock-actions{gap:.75rem;justify-content:flex-end;width:auto}.stock-actions button{flex:0 0 auto;min-width:130px;padding:.7rem 1.25rem}.admin-stock-item-purchases{padding:1.75rem}}@media (min-width:1024px) and (max-width:1366px){.form-container{max-width:650px}}.login-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-4)}.login-box,.login-container{background:var(--color-bg-primary);overflow:hidden;position:relative}.login-box{animation:fadeInUp .6s ease;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 8px 32px #0006;max-width:480px;padding:var(--spacing-10) var(--spacing-8);width:100%}.login-box:before{background:linear-gradient(90deg,#0000,#00b8ff99,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}.login-title{animation:fadeInDown .6s ease .1s both;font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);letter-spacing:-.02em;margin-bottom:var(--spacing-8);text-align:center}.login-input,.login-title{color:var(--color-text-primary)}.login-input{-webkit-appearance:none;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;box-sizing:border-box;font-size:var(--font-size-base);margin-bottom:1.25rem;min-height:var(--touch-target-min);padding:12px 16px;transition:all var(--transition-base);width:100%}.login-input::placeholder{color:var(--color-text-tertiary)}.login-input:focus{background:var(--color-accent-light);border-color:var(--color-accent);box-shadow:0 0 0 3px #00b8ff33;outline:none}.login-button{-webkit-tap-highlight-color:transparent;animation:fadeInUp .6s ease .4s both;background:linear-gradient(135deg,#00b8ff,#f0c);border:1px solid #0000;border-radius:12px;box-shadow:0 2px 8px #00b8ff4d;color:#fff;cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);min-height:var(--touch-target-min);padding:14px 24px;transition:all var(--transition-base);width:100%}.login-button:hover{background:linear-gradient(135deg,#0099e6,#e600b8);border-color:#0000;box-shadow:0 4px 16px #00b8ff80,0 0 20px #ff00cc4d;transform:translateY(-1px)}.error-message{animation:fadeInDown .3s ease;background:#ff44441a;border:1px solid #ff44444d;border-radius:8px;color:#ff6b6b;font-size:var(--font-size-sm);margin-bottom:1rem;padding:12px 16px;text-align:center}@media (max-width:767px){.login-container{min-height:calc(100vh - var(--safe-area-inset-top) - var(--safe-area-inset-bottom));padding:1rem;padding-bottom:calc(1rem + var(--safe-area-inset-bottom));padding-top:calc(1rem + var(--safe-area-inset-top))}.login-box{max-width:100%;padding:2rem 1.5rem}.login-title{font-size:clamp(1.25rem,5vw + .5rem,1.5rem);margin-bottom:1.5rem}.login-input{margin-bottom:.875rem}.login-button,.login-input{font-size:1rem;min-height:var(--touch-target-min);padding:1rem}.error-message{font-size:var(--font-size-xs);margin-bottom:.875rem}}@media (min-width:768px) and (max-width:1024px){.login-box{max-width:450px}}.signin-page{align-items:center;background:var(--color-bg-primary);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:var(--spacing-4);position:relative}.signin-container{max-width:480px;position:relative;width:100%;z-index:1}.signin-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:20px;box-shadow:0 8px 32px #0000001a;overflow:hidden;padding:var(--spacing-10) var(--spacing-8);position:relative}.signin-card:before{background:linear-gradient(90deg,#0000,#00b8ff99,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}.signin-header{margin-bottom:var(--spacing-8);text-align:center}.signin-logo{animation:fadeInDown .6s ease;display:flex;justify-content:center;margin-bottom:var(--spacing-6)}.signin-title{animation:fadeInDown .6s ease .1s both;color:var(--color-text-primary);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);letter-spacing:-.02em;margin-bottom:var(--spacing-2)}.signin-subtitle{animation:fadeInDown .6s ease .2s both;color:var(--color-text-secondary);font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-4)}.signin-description{animation:fadeInDown .6s ease .3s both;color:var(--color-text-tertiary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin:0 auto;max-width:400px}.signin-actions{animation:fadeInUp .6s ease .4s both;margin-bottom:var(--spacing-8)}.signin-footer{animation:fadeInUp .6s ease .5s both;text-align:center}.signin-terms{line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-4)}.signin-help,.signin-terms{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.signin-help{margin:0}.signin-link{color:var(--color-text-secondary);text-decoration:underline;transition:color var(--transition-base)}.signin-link:hover{color:var(--color-text-primary)}.signin-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-12);text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top:3px solid var(--color-accent);height:48px;margin-bottom:var(--spacing-4);width:48px}.signin-loading p{color:var(--color-text-secondary);font-size:var(--font-size-base)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.signin-background{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.signin-gradient-1{animation:float 20s ease-in-out infinite;background:radial-gradient(circle,#00b8ff26 0,#0000 70%);height:600px;left:-300px;position:absolute;top:-300px;width:600px}.signin-gradient-2{animation:float 25s ease-in-out infinite reverse;background:radial-gradient(circle,#ff00cc1f 0,#0000 70%);bottom:-250px;height:500px;position:absolute;right:-250px;width:500px}@keyframes float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,30px) scale(1.1)}}@media (max-width:767px){.signin-page{align-items:flex-start;padding:var(--spacing-4);padding-bottom:calc(var(--spacing-4) + var(--safe-area-inset-bottom));padding-top:calc(var(--spacing-8) + var(--safe-area-inset-top))}.signin-card{border-radius:16px;padding:var(--spacing-8) var(--spacing-6)}.signin-title{font-size:clamp(1.5rem,5vw + .5rem,1.875rem)}.signin-subtitle{font-size:clamp(1rem,2vw + .5rem,1.125rem)}.signin-description{font-size:clamp(.875rem,1.5vw + .5rem,.875rem)}.signin-gradient-1,.signin-gradient-2{display:none}}@media (max-width:480px){.signin-card{padding:var(--spacing-6) var(--spacing-4)}.signin-title{font-size:clamp(1.25rem,4vw + .5rem,1.5rem)}.signin-actions,.signin-header{margin-bottom:var(--spacing-6)}}@media (min-width:768px) and (max-width:1024px){.signin-card{max-width:500px}}.main-navigation{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid var(--color-border);box-shadow:0 2px 8px #0000000d;position:-webkit-sticky;position:sticky;top:0;transition:all var(--transition-base);z-index:1000}.nav-container{align-items:center;display:flex;gap:2rem;justify-content:space-between;margin:0 auto;max-width:1400px;padding:1rem 2rem}.nav-brand{flex-shrink:0}.brand-link{align-items:center;color:var(--color-text-primary);display:flex;font-size:1.5rem;font-weight:700;gap:.75rem;letter-spacing:.05em;text-decoration:none;transition:color .2s ease}.nav-brand-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00b8ff,#f0c);-webkit-background-clip:text;background-clip:text;display:inline-block;font-weight:700}.nav-logo{height:40px;max-width:200px;object-fit:contain;width:auto}.brand-link:hover{color:var(--color-accent)}.brand-link:hover .nav-brand-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0099e6,#e600b8);-webkit-background-clip:text;background-clip:text}.nav-search{align-items:center;display:flex;flex:1 1;max-width:500px;position:relative}.search-icon{color:var(--color-text-tertiary);font-size:.9rem;left:1rem;pointer-events:none;position:absolute}.search-input{-webkit-appearance:none;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);font-size:var(--font-size-base);min-height:var(--touch-target-min);padding:12px 16px 12px 44px;transition:all var(--transition-base);width:100%}.search-input:focus{background:var(--color-bg-primary);border-color:var(--color-accent);box-shadow:0 0 0 3px #00b8ff33;outline:none}.search-clear,.search-input::placeholder{color:var(--color-text-tertiary)}.search-clear{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:.85rem;justify-content:center;min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:.5rem;position:absolute;right:.75rem;transition:color .2s ease}.search-clear:hover{color:var(--color-text-primary)}.nav-links{flex-shrink:0;gap:1.5rem}.nav-link,.nav-links{align-items:center;display:flex}.nav-link{-webkit-tap-highlight-color:transparent;color:var(--color-text-secondary);font-size:.95rem;font-weight:500;min-height:var(--touch-target-min);padding:.5rem 0;position:relative;text-decoration:none;transition:color .2s ease}.nav-link:hover{color:var(--color-accent)}.nav-link:after{background:var(--color-accent);bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .2s ease;width:0}.nav-link:hover:after{width:100%}.nav-user-menu{align-items:center;border-left:1px solid var(--color-border);display:flex;gap:.75rem;padding-left:1rem}.user-avatar{border-radius:50%;height:32px;object-fit:cover;width:32px}.user-name{font-size:.9rem;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-btn,.user-name{color:var(--color-text-secondary)}.logout-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 2px 8px #0000000d;cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);gap:.5rem;min-height:var(--touch-target-min);padding:10px 16px;transition:all var(--transition-base)}.logout-btn:hover{background:linear-gradient(135deg,#00b8ff,#f0c);border-color:#0000;box-shadow:0 4px 16px #00b8ff66,0 0 20px #f0c3;color:#fff;transform:translateY(-1px)}.logout-btn:after{display:none}.mobile-menu-toggle{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:4px;justify-content:center;min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:.5rem}.hamburger{display:flex;flex-direction:column;gap:4px;width:24px}.hamburger span{background:var(--color-text-primary);border-radius:2px;height:2px;transition:all .3s ease;width:100%}.hamburger.open span:first-child{transform:rotate(45deg) translate(6px,6px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}@media (max-width:767px){.nav-container{gap:.75rem;padding:.875rem 1rem}.nav-search{margin-top:.75rem;max-width:none;order:3;width:100%}.nav-links{-webkit-overflow-scrolling:touch;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffffa;border-bottom:1px solid var(--color-border);box-shadow:0 4px 16px #0000001a;flex-direction:column;gap:.75rem;left:0;max-height:calc(100vh - var(--navbar-height) - var(--safe-area-inset-top));opacity:0;overflow-y:auto;padding:1.5rem;pointer-events:none;position:fixed;right:0;top:calc(var(--navbar-height) + var(--safe-area-inset-top));transform:translateY(-100%);transition:all var(--transition-base)}.nav-links.mobile-open{opacity:1;pointer-events:all;transform:translateY(0)}.mobile-menu-toggle{display:flex}.nav-brand{flex:1 1}.brand-link{font-size:clamp(1rem,2vw + .5rem,1.25rem)}.nav-logo{height:32px}.nav-user-menu{gap:.5rem;padding-left:.75rem}.user-name{display:none}}@media (max-width:480px){.nav-container{flex-wrap:wrap}.nav-search{margin-top:0;order:2}.mobile-menu-toggle{order:3}.nav-links{padding:1.25rem}}@media (min-width:768px) and (max-width:1024px){.nav-container{gap:2rem;margin:0 auto;max-width:1200px;padding:1.25rem 2rem}.nav-search{flex:1 1;max-width:450px}.nav-links{gap:1.5rem}.nav-link{font-size:1rem;padding:.5rem .75rem}.brand-link{font-size:1.5rem}.nav-logo{height:40px}.logout-btn{font-size:.95rem;padding:10px 18px}.user-name{display:block;font-size:.95rem}}@media (min-width:1024px) and (max-width:1366px){.nav-container{padding:1rem 2rem}.nav-search{max-width:450px}}.main-footer{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--color-bg-secondary);border-top:1px solid var(--color-border);margin-top:4rem;padding:3rem 0 1.5rem;position:relative}.footer-container{margin:0 auto;max-width:1400px;padding:0 2rem}.main-footer.has-sidebar{margin-left:250px;width:calc(100% - 250px)}.footer-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.footer-section{display:flex;flex-direction:column;gap:1rem}.footer-title{color:var(--color-text-primary);font-size:1.25rem;font-weight:700;letter-spacing:.05em;margin:0}.footer-title .gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00b8ff,#f0c);-webkit-background-clip:text;background-clip:text;display:inline-block}.footer-description{color:var(--color-text-tertiary);font-size:.9rem;line-height:1.5;margin:0}.footer-heading{color:var(--color-text-secondary);font-size:.95rem;font-weight:600;letter-spacing:.05em;margin:0;text-transform:uppercase}.footer-links{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.footer-link{-webkit-tap-highlight-color:transparent;color:var(--color-text-tertiary);display:inline-block;font-size:var(--font-size-sm);line-height:var(--touch-target-min);min-height:var(--touch-target-min);padding:8px 0;text-decoration:none;transition:all var(--transition-base)}.footer-link:hover{color:var(--color-text-primary);transform:translateX(4px)}.footer-text{color:var(--color-text-tertiary);font-size:.9rem;line-height:1.5;margin:0}.footer-disclaimer{border-bottom:1px solid var(--color-border);border-top:1px solid var(--color-border);margin:2rem 0;padding:1.5rem 0}.footer-disclaimer-text{color:var(--color-text-tertiary);font-size:.8rem;line-height:1.6;margin:0 auto;max-width:900px;text-align:center}.footer-disclaimer-text strong{color:var(--color-text-secondary);font-weight:600}.footer-bottom{padding-top:2rem;text-align:center}.footer-copyright{color:var(--color-text-muted);font-size:.85rem;margin:0}@media (max-width:767px){.main-footer{margin-top:2rem;padding:2rem 0 calc(1rem + var(--safe-area-inset-bottom))}.main-footer.has-sidebar{margin-left:0;width:100%}.footer-container{padding:0 1rem}.footer-content{gap:1.5rem;grid-template-columns:1fr;margin-bottom:1.5rem}.footer-title{font-size:clamp(1rem,3vw + .5rem,1.25rem)}.footer-heading{font-size:clamp(.875rem,2vw + .5rem,.95rem)}.footer-disclaimer{margin:1.5rem 0;padding:1.25rem 0}.footer-disclaimer-text{font-size:clamp(.7rem,1.5vw + .5rem,.75rem);padding:0 .5rem}.footer-bottom{padding-top:1.5rem}.footer-copyright{font-size:clamp(.75rem,1.5vw + .5rem,.85rem)}}@media (min-width:768px) and (max-width:1024px){.main-footer{margin-top:4rem;padding:3rem 0 2rem}.main-footer.has-sidebar{margin-left:220px;width:calc(100% - 220px)}.footer-container{margin:0 auto;max-width:1200px;padding:0 2rem}.footer-content{gap:2.5rem;grid-template-columns:repeat(2,1fr);margin-bottom:2rem}.footer-title{font-size:1.25rem;margin-bottom:1.25rem}.footer-heading{font-size:1rem;margin-bottom:1rem}.footer-description,.footer-link,.footer-text{font-size:.95rem}.footer-disclaimer{margin:2rem 0;padding:1.5rem 0}.footer-disclaimer-text{font-size:.8rem}.footer-bottom{padding-top:2rem}}@media (min-width:1024px) and (max-width:1366px){.footer-content{grid-template-columns:repeat(3,1fr)}}.protected-route-loading{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-4);justify-content:center;min-height:50vh}.protected-route-loading .loading-spinner{animation:spin .8s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top:3px solid var(--color-text-primary);height:40px;width:40px}.protected-route-loading p{color:var(--color-text-secondary);font-size:var(--font-size-base)}@keyframes spin{to{transform:rotate(1turn)}}:root{--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-size-5xl:3rem;--font-weight-light:300;--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.75;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--color-bg-primary:#fff;--color-bg-secondary:#f5f5f5;--color-bg-tertiary:#fafafa;--color-bg-dark:#e5e5e5;--color-text-primary:#1a1a1a;--color-text-secondary:#4a4a4a;--color-text-tertiary:#6b6b6b;--color-text-muted:#9b9b9b;--color-border:#e5e5e5;--color-border-hover:#d1d1d1;--color-accent:#00b8ff;--color-accent-hover:#0099e6;--color-accent-light:#e8f2fc;--color-positive:#10b981;--color-negative:#ef4444;--color-neutral:#f59e0b;--transition-fast:0.15s ease;--transition-base:0.2s ease;--transition-slow:0.3s ease;--navbar-height:64px;--safe-area-inset-top:env(safe-area-inset-top,0px);--safe-area-inset-right:env(safe-area-inset-right,0px);--safe-area-inset-bottom:env(safe-area-inset-bottom,0px);--safe-area-inset-left:env(safe-area-inset-left,0px);--touch-target-min:44px}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:rgba(0,184,255,.3);background:#fff;background:var(--color-bg-primary);font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:clamp(.875rem,.5vw + .875rem,1rem);font-weight:400;font-weight:var(--font-weight-normal);line-height:1.5;line-height:var(--line-height-normal);overflow-x:hidden;padding-left:env(safe-area-inset-left,0);padding-left:var(--safe-area-inset-left);padding-right:env(safe-area-inset-right,0);padding-right:var(--safe-area-inset-right)}body,h1,h2,h3,h4,h5,h6{color:#1a1a1a;color:var(--color-text-primary)}h1,h2,h3,h4,h5,h6{line-height:1.25;line-height:var(--line-height-tight);margin:0}h1,h2,h3,h4,h5,h6{font-weight:700;font-weight:var(--font-weight-bold)}h1{font-size:clamp(1.875rem,4vw + 1rem,3rem);letter-spacing:-.02em}h2{font-size:clamp(1.5rem,3vw + .75rem,2.25rem);font-weight:700;font-weight:var(--font-weight-bold);letter-spacing:-.01em}h3{font-size:clamp(1.25rem,2.5vw + .5rem,1.875rem)}h3,h4{font-weight:600;font-weight:var(--font-weight-semibold)}h4{font-size:clamp(1.125rem,2vw + .5rem,1.5rem)}h5{font-size:clamp(1rem,1.5vw + .5rem,1.25rem)}h5,h6{font-weight:500;font-weight:var(--font-weight-medium)}h6{font-size:clamp(.875rem,1vw + .5rem,1.125rem)}p{color:#4a4a4a;color:var(--color-text-secondary);font-size:1rem;font-size:var(--font-size-base);line-height:1.75;line-height:var(--line-height-relaxed)}a{color:#1a1a1a;color:var(--color-text-primary);text-decoration:none;transition:color .2s ease;transition:color var(--transition-base)}a:hover{color:#00b8ff;color:var(--color-accent)}button{font-family:inherit;font-size:inherit}.App{background:#fff;background:var(--color-bg-primary);display:flex;flex-direction:column;min-height:100vh;min-height:calc(100vh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));min-height:calc(100vh - var(--safe-area-inset-top) - var(--safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom,0);padding-bottom:var(--safe-area-inset-bottom);padding-top:env(safe-area-inset-top,0);padding-top:var(--safe-area-inset-top);position:relative}.main-content{flex:1 1;position:relative;z-index:1}.App:before{background:radial-gradient(circle at 20% 50%,#00b8ff0d 0,#0000 50%),radial-gradient(circle at 80% 80%,#ff00cc0d 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}@media (max-width:767px){body{-webkit-overflow-scrolling:touch;overflow-x:hidden}.App{min-height:100vh;min-height:-webkit-fill-available}:root{--spacing-16:3rem;--spacing-12:2rem;--spacing-10:2rem;--spacing-8:1.5rem}}@media (min-width:768px) and (max-width:1024px){:root{--spacing-16:3.5rem;--spacing-12:2.5rem}body{-webkit-overflow-scrolling:touch}}@media (min-width:1024px) and (max-width:1366px){:root{--spacing-16:3.75rem}}
/*# sourceMappingURL=main.8718dff7.css.map*/