:root{--bg-base: #0b0f19;--bg-surface: #111827;--bg-surface-2: #1a2234;--bg-surface-3: #0f1520;--bg-hover: #1e293b;--border: #1e293b;--border-subtle: #162032;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #64748b;--accent: #3b82f6;--accent-hover: #2563eb;--accent-glow: rgba(59, 130, 246, .15);--success: #22c55e;--success-dim: rgba(34, 197, 94, .12);--danger: #ef4444;--danger-dim: rgba(239, 68, 68, .12);--warning: #f59e0b;--warning-dim: rgba(245, 158, 11, .12);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:var(--text-primary);background-color:var(--bg-base);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%}.landing-page{min-height:100vh;background:var(--bg-base);color:var(--text-primary)}.landing-nav{background:#111827cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1rem 0;position:sticky;top:0;z-index:100;border-bottom:1px solid var(--border)}.nav-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.nav-logo{margin:0;font-size:1.5rem;color:var(--text-primary)}.hero{padding:4rem 2rem;text-align:center;min-height:80vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 0%,rgba(59,130,246,.12) 0%,transparent 60%)}.hero-content{max-width:900px;margin:0 auto}.hero h1{font-size:3.5rem;margin-bottom:1.5rem;line-height:1.2;font-weight:700;background:linear-gradient(135deg,#e2e8f0,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.5rem;margin-bottom:2.5rem;color:var(--text-secondary);line-height:1.6}.hero-subtitle strong{color:#fbbf24;font-weight:600}.cta-buttons{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem;flex-wrap:wrap}.cta-button-primary,.cta-button-secondary,.cta-button-small{padding:1rem 2rem;font-size:1.125rem;font-weight:600;border-radius:50px;border:none;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.cta-button-primary{background:var(--accent);color:#fff;box-shadow:0 4px 20px #3b82f64d}.cta-button-primary:hover{transform:translateY(-2px);box-shadow:0 6px 30px #3b82f666;background:var(--accent-hover)}.cta-button-primary.large{padding:1.25rem 3rem;font-size:1.25rem}.cta-button-secondary{background:transparent;color:var(--text-primary);border:2px solid var(--border)}.cta-button-secondary:hover{background:var(--bg-surface);border-color:var(--text-muted)}.cta-button-small{padding:.625rem 1.5rem;font-size:1rem;background:var(--accent);color:#fff}.cta-button-small:hover{transform:translateY(-1px);box-shadow:0 4px 16px #3b82f64d}.hero-note{font-size:1rem;color:var(--text-muted);margin-top:1rem}.problem-section{background:var(--bg-surface);color:var(--text-primary);padding:5rem 2rem;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.content-wrapper{max-width:1200px;margin:0 auto}.problem-section h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:var(--text-primary)}.problems-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.problem-card{background:var(--bg-surface-2);border-radius:12px;padding:2rem;text-align:center;border:1px solid var(--border);transition:transform .3s ease}.problem-card:hover{transform:translateY(-5px);border-color:var(--accent)}.problem-icon{font-size:3rem;display:block;margin-bottom:1rem}.problem-card h3{font-size:1.5rem;margin-bottom:1rem;color:var(--text-primary)}.problem-card p{color:var(--text-secondary);line-height:1.6}.features-section{background:var(--bg-base);padding:5rem 2rem;color:var(--text-primary)}.features-section h2{text-align:center;font-size:2.5rem;margin-bottom:1rem}.section-subtitle{text-align:center;font-size:1.25rem;margin-bottom:3rem;color:var(--text-secondary)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.feature-card{background:var(--bg-surface);border-radius:12px;padding:2rem;border:1px solid var(--border);transition:all .3s ease}.feature-card:hover{background:var(--bg-surface-2);transform:translateY(-5px);border-color:var(--accent)}.feature-icon{font-size:2.5rem;display:block;margin-bottom:1rem}.feature-card h3{font-size:1.25rem;margin-bottom:1rem;color:var(--text-primary)}.feature-card p{color:var(--text-secondary);line-height:1.6;font-size:.95rem}.how-it-works{background:var(--bg-surface);color:var(--text-primary);padding:5rem 2rem;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.how-it-works h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:var(--text-primary)}.steps{display:flex;justify-content:center;align-items:center;gap:2rem;flex-wrap:wrap;max-width:1000px;margin:0 auto}.step{flex:1;min-width:250px;text-align:center;background:var(--bg-surface-2);padding:2rem;border-radius:12px;border:1px solid var(--border)}.step-number{width:60px;height:60px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 1rem;box-shadow:0 0 20px var(--accent-glow)}.step h3{font-size:1.25rem;margin-bottom:.5rem;color:var(--text-primary)}.step p{color:var(--text-secondary);line-height:1.6}.step-arrow{font-size:2rem;color:var(--accent);font-weight:700}.testimonial-section{background:var(--bg-base);padding:5rem 2rem;color:var(--text-primary)}.testimonial-section h2{text-align:center;font-size:2.5rem;margin-bottom:2rem}.strategy-box{background:var(--bg-surface);border-radius:12px;padding:3rem;margin-bottom:2rem;border:1px solid var(--border);max-width:800px;margin-left:auto;margin-right:auto}.strategy-quote{font-size:1.5rem;font-style:italic;margin-bottom:1rem;line-height:1.6;color:var(--text-primary)}.strategy-attribution{font-size:1.125rem;color:var(--text-muted);text-align:right}.strategy-description{text-align:center;font-size:1.125rem;max-width:800px;margin:0 auto;line-height:1.6;color:var(--text-secondary)}.cta-section{background:var(--bg-surface);padding:5rem 2rem;text-align:center;color:var(--text-primary);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.cta-section h2{font-size:2.5rem;margin-bottom:1rem;color:var(--text-primary)}.cta-section p{font-size:1.25rem;margin-bottom:2rem;color:var(--text-secondary)}.cta-note{font-size:1rem;margin-top:1rem;color:var(--text-muted)}.faq-section{background:var(--bg-base);padding:5rem 2rem;color:var(--text-primary)}.faq-section h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:var(--text-primary)}.faq-list{max-width:800px;margin:0 auto}.faq-item{background:var(--bg-surface);padding:2rem;margin-bottom:1.5rem;border-radius:12px;border:1px solid var(--border);transition:box-shadow .3s ease}.faq-item:hover{box-shadow:0 4px 20px #0000004d;border-color:var(--accent)}.faq-item h3{font-size:1.25rem;margin-bottom:.75rem;color:var(--accent)}.faq-item p{color:var(--text-secondary);line-height:1.6;margin:0}.landing-footer{background:var(--bg-surface);color:var(--text-primary);padding:3rem 2rem 1rem;border-top:1px solid var(--border)}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-section h3,.footer-section h4{margin-bottom:1rem;color:var(--text-primary)}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:.5rem}.footer-section a{color:var(--text-muted);text-decoration:none;transition:color .3s ease}.footer-section a:hover{color:var(--accent)}.disclaimer{font-size:.875rem;color:var(--text-muted);line-height:1.6}.footer-bottom{border-top:1px solid var(--border);padding-top:1rem;text-align:center}.footer-bottom p{color:var(--text-muted);font-size:.875rem;margin:0}@media(max-width:768px){.hero h1{font-size:2.5rem}.hero-subtitle{font-size:1.25rem}.cta-buttons{flex-direction:column}.problem-section h2,.features-section h2,.how-it-works h2,.testimonial-section h2,.cta-section h2,.faq-section h2{font-size:2rem}.steps{flex-direction:column}.step-arrow{transform:rotate(90deg)}.strategy-box{padding:2rem}.strategy-quote{font-size:1.25rem}}@media(max-width:480px){.hero{padding:2rem 1rem}.hero h1{font-size:2rem}.hero-subtitle{font-size:1.125rem}.nav-content{padding:0 1rem}.nav-logo{font-size:1.25rem}.problem-section,.features-section,.how-it-works,.testimonial-section,.cta-section,.faq-section{padding:3rem 1rem}}.account-input{margin-bottom:.5rem;padding:.625rem;background:var(--bg-surface);border-radius:6px;border:1px solid var(--border)}.account-input label{display:block;font-weight:600;font-size:.85rem;margin-bottom:.375rem;color:var(--text-primary)}.account-input .input-wrapper{position:relative;display:flex;align-items:center}.account-input .currency-symbol{position:absolute;left:1rem;color:var(--text-muted);font-weight:500;pointer-events:none}.account-input input{width:100%;padding:.5rem .75rem .5rem 1.75rem;font-size:.9rem;border:1px solid var(--border);border-radius:5px;background:var(--bg-surface-3);color:var(--text-primary);transition:border-color .2s}.account-input input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);color:var(--text-primary);background:var(--bg-surface-3)}@media(max-width:768px){.account-input{padding:1rem}}.trade-form{margin-bottom:.5rem;padding:.625rem;background:var(--bg-surface);border-radius:6px;border:1px solid var(--border)}.trade-form h3{margin-top:0;margin-bottom:.625rem;font-size:.95rem;color:var(--text-primary);border-bottom:1px solid var(--border);padding-bottom:.25rem}.position-type-selector{display:flex;gap:8px;margin-bottom:12px}.position-btn{flex:1;padding:10px 16px;border:1px solid var(--border);border-radius:6px;background:var(--bg-surface-3);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;color:var(--text-muted)}.position-btn:hover{border-color:var(--text-muted);background:var(--bg-hover);color:var(--text-secondary)}.position-btn.active{color:#fff;transform:scale(1.02)}.position-btn.active.long{background:linear-gradient(135deg,#16a34a,#15803d);border-color:#16a34a;box-shadow:0 4px 12px #16a34a40}.position-btn.active.short{background:linear-gradient(135deg,#dc2626,#b91c1c);border-color:#dc2626;box-shadow:0 4px 12px #dc262640}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.625rem}.form-group{display:flex;flex-direction:column;position:relative}.form-group label{font-weight:600;margin-bottom:.375rem;color:var(--text-secondary);font-size:.875rem}.symbol-input-wrapper{display:flex;gap:.5rem}.symbol-group input{flex:1}.fetch-price-btn{padding:.4rem .625rem;background:var(--accent);color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:1rem;transition:background .2s,transform .1s;display:flex;align-items:center;justify-content:center;min-width:38px}.fetch-price-btn:hover:not(:disabled){background:var(--accent-hover);transform:scale(1.05)}.fetch-price-btn:active:not(:disabled){transform:scale(.95)}.fetch-price-btn:disabled{background:var(--text-muted);cursor:not-allowed;opacity:.5}.error-message{color:var(--danger);font-size:.7rem;margin-top:.25rem;font-weight:500}.form-group .input-wrapper{position:relative;display:flex;align-items:center}.form-group .currency-symbol{position:absolute;left:.625rem;color:var(--text-muted);font-weight:500;font-size:.9rem;pointer-events:none}.form-group .percent-symbol{position:absolute;right:.625rem;color:var(--text-muted);font-weight:500;font-size:.9rem;pointer-events:none}.form-group input{width:100%;padding:.5rem .625rem;font-size:.95rem;border:1px solid var(--border);border-radius:6px;background:var(--bg-surface-3);color:var(--text-primary);transition:border-color .2s}.form-group input[type=number]{padding-left:2rem}.form-group .input-wrapper input[type=number]{padding-right:2rem}.form-group input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);color:var(--text-primary);background:var(--bg-surface-3)}@media(max-width:768px){.trade-form{padding:1rem}.form-grid{grid-template-columns:1fr;gap:1rem}}.fee-configuration{margin-bottom:.5rem;padding:.625rem;background:var(--bg-surface);border-radius:6px;border:1px solid var(--border)}.fee-configuration h3{margin-top:0;margin-bottom:.625rem;font-size:.95rem;color:var(--text-primary);border-bottom:1px solid var(--border);padding-bottom:.25rem}.fee-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.625rem}.fee-form .form-group{display:flex;flex-direction:column}.fee-form label{font-weight:600;margin-bottom:.25rem;color:var(--text-secondary);font-size:.8rem}.fee-form select,.fee-form input{width:100%;padding:.4rem .5rem;font-size:.875rem;border:1px solid var(--border);border-radius:5px;transition:border-color .2s;background:var(--bg-surface-3);color:var(--text-primary)}.fee-form .input-wrapper{position:relative;display:flex;align-items:center}.fee-form .currency-symbol{position:absolute;left:.625rem;color:var(--text-muted);font-weight:500;font-size:.9rem;pointer-events:none}.fee-form .percent-symbol{position:absolute;right:.625rem;color:var(--text-muted);font-weight:500;font-size:.9rem;pointer-events:none}.fee-form .input-wrapper input{padding-left:2rem;padding-right:2rem}.fee-form select:focus,.fee-form input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);color:var(--text-primary);background:var(--bg-surface-3)}@media(max-width:768px){.fee-configuration{padding:1rem}.fee-form{grid-template-columns:1fr;gap:1rem}}.results-display{margin-bottom:0}.no-results{padding:1.5rem 1rem;text-align:center;background:var(--bg-surface);border-radius:6px;border:1px dashed var(--border)}.no-results p{color:var(--text-muted);font-size:.875rem;margin:0}.shares-info{margin-bottom:.5rem;padding:.625rem;background:var(--bg-surface);border-radius:6px;border:1px solid var(--border)}.shares-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.shares-info h3{margin:0;font-size:.95rem;color:var(--text-primary)}.save-trade-btn{padding:.375rem .625rem;background:var(--accent);color:#fff;border:none;border-radius:5px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.25rem;box-shadow:0 0 8px var(--accent-glow)}.save-trade-btn:hover{transform:translateY(-1px);box-shadow:0 0 16px var(--accent-glow);background:var(--accent-hover)}.save-trade-btn:active{transform:translateY(0)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.5rem}.info-item{display:flex;justify-content:space-between;align-items:center;padding:.4rem .5rem;background:var(--bg-surface-3);border-radius:5px}.info-item .label{font-weight:600;color:var(--text-muted);font-size:.75rem}.info-item .value{font-weight:700;color:var(--text-primary);font-size:.85rem}.scenarios-section{display:grid;gap:.5rem}.loss-scenarios,.profit-scenarios,.target-profit-scenario{padding:.625rem;background:var(--bg-surface);border-radius:6px;border:1px solid var(--border)}.loss-scenarios h3,.profit-scenarios h3,.target-profit-scenario h3{margin-top:0;margin-bottom:.625rem;font-size:.95rem;color:var(--text-primary);border-bottom:1px solid var(--border);padding-bottom:.25rem}.scenarios-table{display:flex;flex-direction:column;gap:.375rem}.table-header,.table-row{display:grid;grid-template-columns:.7fr 1.1fr 1.1fr 1.1fr;gap:.5rem;padding:.375rem .5rem;align-items:center}.table-header{font-weight:700;color:var(--text-muted);background:var(--bg-surface-3);border-radius:5px;font-size:.7rem;text-transform:uppercase;letter-spacing:.2px}.table-row{background:var(--danger-dim);border:1px solid rgba(239,68,68,.15);border-radius:5px;transition:transform .1s,box-shadow .1s}.table-row:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0003}.loss-row .loss-percent{font-weight:700;color:var(--danger);font-size:.875rem}.loss-row .loss-amount,.loss-row .exit-value{font-weight:600;color:var(--text-secondary);font-size:.8rem}.loss-row .stock-price{font-weight:700;color:#fff;font-size:.85rem;background:linear-gradient(135deg,#dc2626,#b91c1c);padding:.25rem .5rem;border-radius:4px;text-align:center}.profit-row{background:var(--success-dim);border:1px solid rgba(34,197,94,.15)}.profit-row .profit-percent{font-weight:700;color:var(--success);font-size:.875rem}.profit-row .profit-amount,.profit-row .exit-value{font-weight:600;color:var(--text-secondary);font-size:.8rem}.profit-row .stock-price{font-weight:700;color:#fff;font-size:.85rem;background:linear-gradient(135deg,#16a34a,#15803d);padding:.25rem .5rem;border-radius:4px;text-align:center}.profit-card{background:var(--success-dim);border:1px solid rgba(34,197,94,.2);border-radius:6px;overflow:hidden}.profit-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem .625rem;background:#22c55e26}.profit-percent,.profit-amount{font-weight:700;font-size:.95rem;color:var(--success)}.profit-details{padding:.625rem;display:flex;flex-direction:column;gap:.5rem}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:.4rem .5rem;background:var(--bg-surface-3);border-radius:5px}.detail-item .label{font-weight:600;color:var(--text-muted);font-size:.75rem}.detail-item .value{font-weight:700;color:var(--success);font-size:.85rem}.detail-item:first-child .value{background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;padding:.25rem .5rem;border-radius:4px}@media(max-width:768px){.shares-info,.loss-scenarios,.profit-scenarios,.target-profit-scenario{padding:.5rem}.table-header,.table-row{grid-template-columns:1fr;gap:.375rem}.table-header{display:none}.table-row span{display:flex;justify-content:space-between}.table-row span:before{content:attr(data-label);font-weight:600;color:var(--text-muted)}.profit-header{flex-direction:column;gap:.5rem;text-align:center}.info-grid{grid-template-columns:1fr}}.risk-reward-calculator{background:var(--bg-surface-2);border-radius:8px;padding:16px;border:1px solid var(--border);color:var(--text-primary)}.risk-reward-calculator h3{margin:0 0 12px;font-size:1.1rem;font-weight:600}.rr-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:16px}.rr-inputs .form-group{display:flex;flex-direction:column;gap:6px}.rr-inputs label{font-size:.8rem;font-weight:500;color:var(--text-secondary)}.rr-inputs .input-wrapper{position:relative;display:flex;align-items:center}.rr-inputs input{width:100%;padding:8px 30px 8px 10px;border:1px solid var(--border);border-radius:6px;font-size:.9rem;background:var(--bg-surface-3);color:var(--text-primary);transition:all .2s ease}.rr-inputs input::placeholder{color:var(--text-muted)}.rr-inputs input:focus{outline:none;border-color:var(--accent);background:var(--bg-surface-3);box-shadow:0 0 0 3px var(--accent-glow)}.rr-inputs .percent-symbol{position:absolute;right:10px;font-weight:500;color:var(--text-muted);font-size:.85rem}.ratio-input{display:flex;align-items:center}.ratio-prefix{position:absolute;left:10px;font-weight:600;font-size:.9rem;color:var(--text-secondary);z-index:1}.ratio-input input{padding-left:30px}.rr-results{display:flex;flex-direction:column;gap:12px}.rr-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.summary-item{background:var(--bg-surface-3);padding:10px 12px;border-radius:6px;display:flex;flex-direction:column;gap:4px;border:1px solid transparent;transition:all .2s ease}.summary-item.risk{border-color:#ef444440}.summary-item.reward{border-color:#22c55e40}.summary-label{font-size:.75rem;color:var(--text-muted);font-weight:500}.summary-value{font-size:1.1rem;font-weight:700}.rr-prices{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.price-card{background:var(--bg-surface-3);padding:12px;border-radius:8px;border:1px solid var(--border);transition:all .3s ease}.price-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000004d}.price-card.stop-loss{border-color:#ef44444d;background:var(--danger-dim)}.price-card.take-profit{border-color:#22c55e4d;background:var(--success-dim)}.price-header{display:flex;align-items:center;gap:6px;margin-bottom:8px}.price-icon{font-size:1.1rem}.price-title{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.price-main{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.price-value{font-size:1.4rem;font-weight:700;letter-spacing:-.5px}.price-change{font-size:.9rem;font-weight:600}.price-change.positive{color:#4ade80}.price-change.negative{color:#f87171}.price-detail{font-size:.75rem;color:var(--text-muted);line-height:1.3}.rr-info{background:var(--bg-surface-3);padding:10px 12px;border-radius:6px;border-left:3px solid var(--accent)}.rr-info p{margin:0 0 4px;font-size:.75rem;line-height:1.4}.rr-info p:last-child{margin-bottom:0}.rr-info .info-text{color:var(--text-muted)}.rr-placeholder{background:var(--bg-surface-3);padding:20px;border-radius:6px;text-align:center}.rr-placeholder p{margin:0;color:var(--text-muted);font-size:.85rem}@media(max-width:768px){.risk-reward-calculator{padding:14px}.rr-inputs{grid-template-columns:1fr;gap:10px}.rr-summary,.rr-prices{grid-template-columns:1fr}.price-value{font-size:1.3rem}}.market-status{display:flex;align-items:center;gap:.375rem;padding:.375rem .625rem;background:var(--bg-surface-3);border-radius:5px;font-size:.75rem;font-weight:600;border:1px solid}.market-status.open{border-color:#22c55e4d;color:var(--success)}.market-status.closed{border-color:#ef44444d;color:var(--danger)}.status-indicator{width:6px;height:6px;border-radius:50%;animation:pulse 2s infinite}.market-status.open .status-indicator{background:var(--success);box-shadow:0 0 6px #22c55e80}.market-status.closed .status-indicator{background:var(--danger);box-shadow:0 0 6px #ef444480}.status-text{white-space:nowrap}.holiday-text{font-size:.75rem;opacity:.8;font-style:italic}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media(max-width:768px){.market-status{font-size:.75rem;padding:.375rem .625rem}.holiday-text{display:none}}.time-display{display:flex;flex-direction:column;gap:.25rem;padding:.375rem .625rem;background:var(--bg-surface-3);border-radius:5px;border:1px solid var(--border);font-size:.7rem;min-width:140px}.time-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.time-label{color:var(--text-muted);font-weight:600;text-transform:uppercase;font-size:.65rem;letter-spacing:.3px}.time-value{font-weight:700;color:var(--text-primary);font-family:Courier New,monospace;font-size:.75rem}@media(max-width:768px){.time-display{min-width:auto;font-size:.65rem}.time-label{font-size:.6rem}.time-value{font-size:.7rem}}.company-financials{margin-bottom:0;padding:.625rem;background:var(--bg-surface);border-radius:6px;border:1px solid var(--border)}.company-financials.loading{display:flex;align-items:center;justify-content:center;padding:1rem}.loading-text{color:var(--text-muted);font-style:italic;font-size:.85rem}.company-financials h3{margin-top:0;margin-bottom:.625rem;font-size:.95rem;color:var(--text-primary);border-bottom:1px solid var(--border);padding-bottom:.25rem}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.metric-card{display:flex;flex-direction:column;padding:.4rem .5rem;background:var(--bg-surface-3);border-radius:5px;border:1px solid var(--border);transition:transform .15s,box-shadow .15s}.metric-card:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0003}.metric-card.highlight{background:var(--warning-dim);border-color:#f59e0b4d}.metric-label{font-size:.65rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.2px;margin-bottom:.125rem}.metric-value{font-size:.85rem;font-weight:700;color:var(--text-primary)}.metric-value.positive{color:var(--success)}.metric-value.negative{color:var(--danger)}@media(max-width:768px){.metrics-grid{grid-template-columns:repeat(2,1fr);gap:.375rem}.metric-card{padding:.375rem .4rem}.metric-label{font-size:.6rem}.metric-value{font-size:.8rem}}.trade-history{padding:.625rem;background:var(--bg-surface);border-radius:6px;border:1px solid var(--border)}.trade-history.empty{padding:2rem}.empty-state{text-align:center;color:var(--text-muted)}.empty-state p{font-size:1.1rem;margin-bottom:.5rem;font-weight:600}.empty-state span{font-size:.85rem}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.history-header h3{margin:0;font-size:.95rem;color:var(--text-primary)}.history-actions{display:flex;gap:.375rem}.btn-secondary,.btn-danger{padding:.3rem .5rem;border:none;border-radius:4px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary{background:var(--bg-surface-2);color:var(--text-secondary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-hover);color:var(--text-primary);transform:translateY(-1px)}.btn-danger{background:var(--danger-dim);color:var(--danger);border:1px solid rgba(239,68,68,.2)}.btn-danger:hover{background:var(--danger);color:#fff;transform:translateY(-1px)}.trades-list{display:flex;flex-direction:column;gap:.5rem}.trade-card{border:1px solid var(--border);border-radius:6px;overflow:hidden;transition:all .2s}.trade-card:hover{border-color:var(--accent);box-shadow:0 0 12px var(--accent-glow)}.trade-card.status-successful{border-left:4px solid var(--success)}.trade-card.status-unsuccessful{border-left:4px solid var(--danger)}.trade-card.status-breakeven{border-left:4px solid var(--warning)}.trade-card.status-pending{border-left:4px solid var(--text-muted)}.trade-summary{padding:.625rem;cursor:pointer;background:var(--bg-surface-3);display:flex;justify-content:space-between;align-items:center}.trade-summary:hover{background:var(--bg-hover)}.trade-main{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.trade-status-badge{padding:.2rem .5rem;border-radius:4px;font-size:.7rem;font-weight:700;white-space:nowrap}.trade-status-badge.status-pending{background:#64748b26;color:var(--text-muted)}.trade-status-badge.status-successful{background:var(--success-dim);color:var(--success)}.trade-status-badge.status-unsuccessful{background:var(--danger-dim);color:var(--danger)}.trade-status-badge.status-breakeven{background:var(--warning-dim);color:var(--warning)}.trade-symbol{font-weight:700;font-size:.95rem;color:var(--text-primary);min-width:60px}.trade-position{padding:.2rem .5rem;border-radius:4px;font-size:.7rem;font-weight:700}.trade-position.long{background:var(--success-dim);color:var(--success)}.trade-position.short{background:var(--danger-dim);color:var(--danger)}.trade-price{font-weight:600;font-size:.85rem;color:var(--text-secondary)}.trade-meta{display:flex;align-items:center;gap:.5rem}.trade-date{font-size:.75rem;color:var(--text-muted)}.expand-icon{font-size:.7rem;color:var(--text-muted)}.trade-details{padding:.75rem;background:var(--bg-surface);border-top:1px solid var(--border)}.details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:.75rem}.detail-row{display:flex;justify-content:space-between;padding:.375rem .5rem;background:var(--bg-surface-3);border-radius:4px}.detail-label{font-size:.75rem;color:var(--text-muted);font-weight:600}.detail-value{font-size:.8rem;color:var(--text-primary);font-weight:600}.notes-section{margin-bottom:.75rem;padding:.625rem;background:var(--bg-surface-3);border-radius:4px}.view-notes{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.notes-text{flex:1;margin:0;font-size:.8rem;color:var(--text-secondary);line-height:1.4}.notes-text em{color:var(--text-muted)}.btn-edit-notes{padding:.25rem .5rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:4px;font-size:.7rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s;color:var(--text-secondary)}.btn-edit-notes:hover{background:var(--bg-hover);border-color:var(--text-muted);color:var(--text-primary)}.edit-notes textarea{width:100%;padding:.5rem;border:1px solid var(--border);border-radius:4px;font-size:.8rem;font-family:inherit;resize:vertical;margin-bottom:.5rem;background:var(--bg-surface-3);color:var(--text-primary)}.edit-notes textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.edit-actions{display:flex;gap:.5rem}.btn-save,.btn-cancel{padding:.375rem .75rem;border:none;border-radius:4px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-save{background:var(--success);color:#fff}.btn-save:hover{background:#16a34a}.btn-cancel{background:var(--bg-surface-2);color:var(--text-secondary);border:1px solid var(--border)}.btn-cancel:hover{background:var(--bg-hover);color:var(--text-primary)}.trade-actions{display:flex;gap:.5rem;justify-content:flex-end}.btn-load,.btn-delete{padding:.375rem .625rem;border:none;border-radius:4px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-load{background:var(--accent);color:#fff}.btn-load:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-delete{background:var(--danger-dim);color:var(--danger);border:1px solid rgba(239,68,68,.2)}.btn-delete:hover{background:var(--danger);color:#fff;transform:translateY(-1px)}@media(max-width:768px){.history-header{flex-direction:column;align-items:flex-start;gap:.5rem}.history-actions{width:100%;justify-content:space-between}.trade-main{flex-wrap:wrap;gap:.5rem}.details-grid{grid-template-columns:1fr}.view-notes{flex-direction:column}.btn-edit-notes{align-self:flex-start}}.outcome-section{margin-top:.75rem;padding:.75rem;background:var(--bg-surface-3);border-radius:4px;border:1px solid var(--border)}.outcome-section h4{margin:0 0 .75rem;font-size:.85rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.view-outcome{display:flex;flex-direction:column;gap:.75rem}.outcome-details{display:flex;flex-direction:column;gap:.5rem}.outcome-item{display:flex;justify-content:space-between;align-items:center;padding:.375rem .5rem;background:var(--bg-surface);border-radius:4px}.outcome-label{font-size:.75rem;color:var(--text-muted);font-weight:600}.outcome-value{font-size:.8rem;color:var(--text-primary);font-weight:700}.outcome-value.profit-positive{color:var(--success)}.outcome-value.profit-negative{color:var(--danger)}.no-outcome{font-size:.75rem;color:var(--text-muted);font-style:italic;margin:0;text-align:center;padding:.5rem}.btn-edit-outcome{padding:.3rem .5rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:4px;font-size:.7rem;font-weight:600;cursor:pointer;transition:all .2s;color:var(--text-secondary)}.btn-edit-outcome:hover{background:var(--bg-hover);border-color:var(--text-muted);color:var(--text-primary)}.edit-outcome{display:flex;flex-direction:column;gap:.75rem}.outcome-inputs{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.outcome-input-group{display:flex;flex-direction:column;gap:.25rem}.outcome-input-group label{font-size:.7rem;font-weight:600;color:var(--text-secondary)}.outcome-input-group input{padding:.375rem .5rem;border:1px solid var(--border);border-radius:4px;font-size:.8rem;font-family:inherit;background:var(--bg-surface);color:var(--text-primary)}.outcome-input-group input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.status-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:.375rem;margin-top:.75rem}.status-btn{padding:.4rem .5rem;border:1px solid;border-radius:4px;font-size:.7rem;font-weight:700;cursor:pointer;transition:all .2s;background:var(--bg-surface);text-align:center}.status-btn.pending{border-color:var(--text-muted);color:var(--text-muted)}.status-btn.pending:hover{background:var(--text-muted);color:#fff}.status-btn.pending.active{background:var(--text-muted);color:#fff;box-shadow:0 0 0 3px #64748b26}.status-btn.successful{border-color:var(--success);color:var(--success)}.status-btn.successful:hover{background:var(--success);color:#fff}.status-btn.successful.active{background:var(--success);color:#fff;box-shadow:0 0 0 3px #22c55e26}.status-btn.breakeven{border-color:var(--warning);color:var(--warning)}.status-btn.breakeven:hover{background:var(--warning);color:var(--bg-base)}.status-btn.breakeven.active{background:var(--warning);color:var(--bg-base);box-shadow:0 0 0 3px #f59e0b26}.status-btn.unsuccessful{border-color:var(--danger);color:var(--danger)}.status-btn.unsuccessful:hover{background:var(--danger);color:#fff}.status-btn.unsuccessful.active{background:var(--danger);color:#fff;box-shadow:0 0 0 3px #ef444426}@media(max-width:768px){.outcome-inputs{grid-template-columns:1fr}.status-buttons{grid-template-columns:repeat(2,1fr)}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-base);min-height:100vh}.app{width:100%;padding:.75rem 1.25rem;min-height:100vh}.app-header{margin-bottom:.75rem;padding:.75rem 1rem;background:var(--bg-surface);border-radius:8px;border:1px solid var(--border)}.header-content{display:flex;justify-content:space-between;align-items:center;gap:1rem}.header-left{flex:1}.header-right{display:flex;flex-direction:column;gap:.375rem;align-items:flex-end}.history-toggle-btn{padding:.375rem .625rem;background:var(--bg-surface-2);color:var(--text-secondary);border:1px solid var(--border);border-radius:5px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.history-toggle-btn:hover{transform:translateY(-1px);background:var(--bg-hover);color:var(--text-primary);border-color:var(--text-muted)}.history-toggle-btn.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 0 12px var(--accent-glow)}.history-toggle-btn.active:hover{background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:0 0 20px var(--accent-glow)}.app-header h1{font-size:1.5rem;color:var(--text-primary);margin-bottom:.125rem;font-weight:800;text-align:left}.app-header p{font-size:.8rem;color:var(--text-muted);margin:0;text-align:left}.app-main{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;align-items:start}.input-section{display:flex;flex-direction:column;gap:0}.results-section{margin-top:0}.app-footer{margin-top:.75rem;padding:.625rem 1rem;background:var(--bg-surface);border-radius:6px;text-align:center;border-left:3px solid var(--accent)}.app-footer p{color:var(--text-secondary);font-size:.75rem;line-height:1.4;margin:0}.app-footer strong{color:var(--accent)}@media(max-width:1024px){.app-main{grid-template-columns:1fr}.results-section{margin-top:.5rem}}@media(max-width:768px){.app{padding:.5rem}.app-header{padding:.625rem;margin-bottom:.5rem}.header-content{flex-direction:column;align-items:flex-start;gap:.5rem}.header-right{width:100%;align-items:flex-start}.app-header h1{font-size:1.25rem}.app-header p{font-size:.75rem}.app-main{gap:.5rem}.app-footer{margin-top:.5rem;padding:.5rem}.app-footer p{font-size:.7rem}}