:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%}.landing-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.landing-nav{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 0;position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(255,255,255,.1)}.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:#fff}.hero{padding:4rem 2rem;text-align:center;min-height:80vh;display:flex;align-items:center;justify-content:center}.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;text-shadow:0 2px 10px rgba(0,0,0,.2)}.hero-subtitle{font-size:1.5rem;margin-bottom:2.5rem;opacity:.95;line-height:1.6}.hero-subtitle strong{color:gold;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:#fff;color:#667eea;box-shadow:0 4px 15px #0003}.cta-button-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.cta-button-primary.large{padding:1.25rem 3rem;font-size:1.25rem}.cta-button-secondary{background:transparent;color:#fff;border:2px solid #fff}.cta-button-secondary:hover{background:#ffffff1a}.cta-button-small{padding:.625rem 1.5rem;font-size:1rem;background:#fff;color:#667eea}.cta-button-small:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0003}.hero-note{font-size:1rem;opacity:.9;margin-top:1rem}.problem-section{background:#fff;color:#333;padding:5rem 2rem}.content-wrapper{max-width:1200px;margin:0 auto}.problem-section h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#2d3748}.problems-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.problem-card{background:#f7fafc;border-radius:12px;padding:2rem;text-align:center;border:2px solid #e2e8f0;transition:transform .3s ease}.problem-card:hover{transform:translateY(-5px);border-color:#667eea}.problem-icon{font-size:3rem;display:block;margin-bottom:1rem}.problem-card h3{font-size:1.5rem;margin-bottom:1rem;color:#2d3748}.problem-card p{color:#4a5568;line-height:1.6}.features-section{background:linear-gradient(135deg,#667eea,#764ba2);padding:5rem 2rem;color:#fff}.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;opacity:.9}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.feature-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:2rem;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.feature-card:hover{background:#ffffff26;transform:translateY(-5px)}.feature-icon{font-size:2.5rem;display:block;margin-bottom:1rem}.feature-card h3{font-size:1.25rem;margin-bottom:1rem;color:#fff}.feature-card p{color:#ffffffe6;line-height:1.6;font-size:.95rem}.how-it-works{background:#fff;color:#333;padding:5rem 2rem}.how-it-works h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#2d3748}.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:#f7fafc;padding:2rem;border-radius:12px;border:2px solid #e2e8f0}.step-number{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 1rem}.step h3{font-size:1.25rem;margin-bottom:.5rem;color:#2d3748}.step p{color:#4a5568;line-height:1.6}.step-arrow{font-size:2rem;color:#667eea;font-weight:700}.testimonial-section{background:linear-gradient(135deg,#764ba2,#667eea);padding:5rem 2rem;color:#fff}.testimonial-section h2{text-align:center;font-size:2.5rem;margin-bottom:2rem}.strategy-box{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:3rem;margin-bottom:2rem;border:1px solid rgba(255,255,255,.2);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:#fff}.strategy-attribution{font-size:1.125rem;opacity:.9;text-align:right}.strategy-description{text-align:center;font-size:1.125rem;max-width:800px;margin:0 auto;line-height:1.6;opacity:.95}.cta-section{background:#fff;padding:5rem 2rem;text-align:center;color:#333}.cta-section h2{font-size:2.5rem;margin-bottom:1rem;color:#2d3748}.cta-section p{font-size:1.25rem;margin-bottom:2rem;color:#4a5568}.cta-note{font-size:1rem;margin-top:1rem;color:#718096}.faq-section{background:#f7fafc;padding:5rem 2rem;color:#333}.faq-section h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#2d3748}.faq-list{max-width:800px;margin:0 auto}.faq-item{background:#fff;padding:2rem;margin-bottom:1.5rem;border-radius:12px;border:1px solid #e2e8f0;transition:box-shadow .3s ease}.faq-item:hover{box-shadow:0 4px 12px #0000001a}.faq-item h3{font-size:1.25rem;margin-bottom:.75rem;color:#667eea}.faq-item p{color:#4a5568;line-height:1.6;margin:0}.landing-footer{background:#2d3748;color:#fff;padding:3rem 2rem 1rem}.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:#fff}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:.5rem}.footer-section a{color:#a0aec0;text-decoration:none;transition:color .3s ease}.footer-section a:hover{color:#fff}.disclaimer{font-size:.875rem;color:#a0aec0;line-height:1.6}.footer-bottom{border-top:1px solid #4a5568;padding-top:1rem;text-align:center}.footer-bottom p{color:#a0aec0;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:#f8f9fa;border-radius:6px;border:2px solid #e9ecef}.account-input label{display:block;font-weight:600;font-size:.85rem;margin-bottom:.375rem;color:#212529}.account-input .input-wrapper{position:relative;display:flex;align-items:center}.account-input .currency-symbol{position:absolute;left:1rem;color:#6c757d;font-weight:500;pointer-events:none}.account-input input{width:100%;padding:.5rem .75rem .5rem 1.75rem;font-size:.9rem;border:2px solid #dee2e6;border-radius:5px;background:#fff;color:#212529;transition:border-color .2s}.account-input input:focus{outline:none;border-color:#0d6efd;box-shadow:0 0 0 3px #0d6efd1a;color:#212529;background:#fff}@media(max-width:768px){.account-input{padding:1rem}}.trade-form{margin-bottom:.5rem;padding:.625rem;background:#fff;border-radius:6px;border:2px solid #e9ecef}.trade-form h3{margin-top:0;margin-bottom:.625rem;font-size:.95rem;color:#212529;border-bottom:2px solid #e9ecef;padding-bottom:.25rem}.position-type-selector{display:flex;gap:8px;margin-bottom:12px}.position-btn{flex:1;padding:10px 16px;border:2px solid #e5e7eb;border-radius:6px;background:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;color:#6b7280}.position-btn:hover{border-color:#d1d5db;background:#f9fafb}.position-btn.active{color:#fff;transform:scale(1.02)}.position-btn.active.long{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;box-shadow:0 4px 12px #10b9814d}.position-btn.active.short{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef4444;box-shadow:0 4px 12px #ef44444d}.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:#495057;font-size:.875rem}.symbol-input-wrapper{display:flex;gap:.5rem}.symbol-group input{flex:1}.fetch-price-btn{padding:.4rem .625rem;background:#0d6efd;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:#0b5ed7;transform:scale(1.05)}.fetch-price-btn:active:not(:disabled){transform:scale(.95)}.fetch-price-btn:disabled{background:#6c757d;cursor:not-allowed;opacity:.6}.error-message{color:#dc3545;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:#6c757d;font-weight:500;font-size:.9rem;pointer-events:none}.form-group .percent-symbol{position:absolute;right:.625rem;color:#6c757d;font-weight:500;font-size:.9rem;pointer-events:none}.form-group input{width:100%;padding:.5rem .625rem;font-size:.95rem;border:2px solid #dee2e6;border-radius:6px;background:#fff;color:#212529;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:#0d6efd;box-shadow:0 0 0 3px #0d6efd1a;color:#212529;background:#fff}@media(max-width:768px){.trade-form{padding:1rem}.form-grid{grid-template-columns:1fr;gap:1rem}}.fee-configuration{margin-bottom:.5rem;padding:.625rem;background:#fff;border-radius:6px;border:2px solid #e9ecef}.fee-configuration h3{margin-top:0;margin-bottom:.625rem;font-size:.95rem;color:#212529;border-bottom:2px solid #e9ecef;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:#495057;font-size:.8rem}.fee-form select,.fee-form input{width:100%;padding:.4rem .5rem;font-size:.875rem;border:2px solid #dee2e6;border-radius:5px;transition:border-color .2s;background:#fff;color:#212529}.fee-form .input-wrapper{position:relative;display:flex;align-items:center}.fee-form .currency-symbol{position:absolute;left:.625rem;color:#6c757d;font-weight:500;font-size:.9rem;pointer-events:none}.fee-form .percent-symbol{position:absolute;right:.625rem;color:#6c757d;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:#0d6efd;box-shadow:0 0 0 3px #0d6efd1a;color:#212529;background:#fff}@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:#f8f9fa;border-radius:6px;border:2px dashed #dee2e6}.no-results p{color:#6c757d;font-size:.875rem;margin:0}.shares-info{margin-bottom:.5rem;padding:.625rem;background:#fff;border-radius:6px;border:2px solid #e9ecef}.shares-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.shares-info h3{margin:0;font-size:.95rem;color:#212529}.save-trade-btn{padding:.375rem .625rem;background:linear-gradient(135deg,#0d6efd,#0b5ed7);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 2px 4px #0d6efd33}.save-trade-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0d6efd4d;background:linear-gradient(135deg,#0b5ed7,#0a58ca)}.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:#f8f9fa;border-radius:5px}.info-item .label{font-weight:600;color:#495057;font-size:.75rem}.info-item .value{font-weight:700;color:#212529;font-size:.85rem}.scenarios-section{display:grid;gap:.5rem}.loss-scenarios,.profit-scenarios,.target-profit-scenario{padding:.625rem;background:#fff;border-radius:6px;border:2px solid #e9ecef}.loss-scenarios h3,.profit-scenarios h3,.target-profit-scenario h3{margin-top:0;margin-bottom:.625rem;font-size:.95rem;color:#212529;border-bottom:2px solid #e9ecef;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:#495057;background:#f8f9fa;border-radius:5px;font-size:.7rem;text-transform:uppercase;letter-spacing:.2px}.table-row{background:#fff5f5;border:2px solid #ffebeb;border-radius:5px;transition:transform .1s,box-shadow .1s}.table-row:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000000f}.loss-row .loss-percent{font-weight:700;color:#dc3545;font-size:.875rem}.loss-row .loss-amount,.loss-row .exit-value{font-weight:600;color:#495057;font-size:.8rem}.loss-row .stock-price{font-weight:700;color:#fff;font-size:.85rem;background:linear-gradient(135deg,#dc3545,#c82333);padding:.25rem .5rem;border-radius:4px;text-align:center}.profit-row{background:#f0f9f0;border:2px solid #d4edda}.profit-row .profit-percent{font-weight:700;color:#28a745;font-size:.875rem}.profit-row .profit-amount,.profit-row .exit-value{font-weight:600;color:#495057;font-size:.8rem}.profit-row .stock-price{font-weight:700;color:#fff;font-size:.85rem;background:linear-gradient(135deg,#28a745,#218838);padding:.25rem .5rem;border-radius:4px;text-align:center}.profit-card{background:#f0f9f0;border:2px solid #d4edda;border-radius:6px;overflow:hidden}.profit-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem .625rem;background:#d4edda}.profit-percent,.profit-amount{font-weight:700;font-size:.95rem;color:#155724}.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:#fff;border-radius:5px}.detail-item .label{font-weight:600;color:#495057;font-size:.75rem}.detail-item .value{font-weight:700;color:#155724;font-size:.85rem}.detail-item:first-child .value{background:linear-gradient(135deg,#28a745,#218838);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:#6c757d}.profit-header{flex-direction:column;gap:.5rem;text-align:center}.info-grid{grid-template-columns:1fr}}.risk-reward-calculator{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;padding:16px;box-shadow:0 4px 6px #0000001a;color:#fff}.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;opacity:.95}.rr-inputs .input-wrapper{position:relative;display:flex;align-items:center}.rr-inputs input{width:100%;padding:8px 30px 8px 10px;border:2px solid rgba(255,255,255,.3);border-radius:6px;font-size:.9rem;background:#ffffff26;color:#fff;transition:all .2s ease}.rr-inputs input::placeholder{color:#ffffff80}.rr-inputs input:focus{outline:none;border-color:#fff9;background:#fff3}.rr-inputs .percent-symbol{position:absolute;right:10px;font-weight:500;opacity:.8;font-size:.85rem}.ratio-input{display:flex;align-items:center}.ratio-prefix{position:absolute;left:10px;font-weight:600;font-size:.9rem;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:#ffffff26;padding:10px 12px;border-radius:6px;display:flex;flex-direction:column;gap:4px;border:2px solid transparent;transition:all .2s ease}.summary-item.risk{border-color:#ef44444d}.summary-item.reward{border-color:#22c55e4d}.summary-label{font-size:.75rem;opacity:.85;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:#ffffff26;padding:12px;border-radius:8px;border:2px solid rgba(255,255,255,.2);transition:all .3s ease}.price-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0003}.price-card.stop-loss{border-color:#ef444466;background:linear-gradient(135deg,#ef444426,#dc262626)}.price-card.take-profit{border-color:#22c55e66;background:linear-gradient(135deg,#22c55e26,#16a34a26)}.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;opacity:.95}.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:#86efac}.price-change.negative{color:#fca5a5}.price-detail{font-size:.75rem;opacity:.85;line-height:1.3}.rr-info{background:#ffffff1a;padding:10px 12px;border-radius:6px;border-left:3px solid rgba(255,255,255,.4)}.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{opacity:.85}.rr-placeholder{background:#ffffff1a;padding:20px;border-radius:6px;text-align:center}.rr-placeholder p{margin:0;opacity:.8;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:#fff;border-radius:5px;font-size:.75rem;font-weight:600;border:2px solid}.market-status.open{border-color:#28a745;color:#155724}.market-status.closed{border-color:#dc3545;color:#721c24}.status-indicator{width:6px;height:6px;border-radius:50%;animation:pulse 2s infinite}.market-status.open .status-indicator{background:#28a745}.market-status.closed .status-indicator{background:#dc3545}.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:#fff;border-radius:5px;border:2px solid #e9ecef;font-size:.7rem;min-width:140px}.time-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.time-label{color:#6c757d;font-weight:600;text-transform:uppercase;font-size:.65rem;letter-spacing:.3px}.time-value{font-weight:700;color:#212529;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:#fff;border-radius:6px;border:2px solid #e9ecef}.company-financials.loading{display:flex;align-items:center;justify-content:center;padding:1rem}.loading-text{color:#6c757d;font-style:italic;font-size:.85rem}.company-financials h3{margin-top:0;margin-bottom:.625rem;font-size:.95rem;color:#212529;border-bottom:2px solid #e9ecef;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:#f8f9fa;border-radius:5px;border:1px solid #dee2e6;transition:transform .15s,box-shadow .15s}.metric-card:hover{transform:translateY(-1px);box-shadow:0 1px 3px #00000014}.metric-card.highlight{background:linear-gradient(135deg,#fff9e6,#fff);border-color:#ffc107}.metric-label{font-size:.65rem;color:#6c757d;font-weight:600;text-transform:uppercase;letter-spacing:.2px;margin-bottom:.125rem}.metric-value{font-size:.85rem;font-weight:700;color:#212529}.metric-value.positive{color:#28a745}.metric-value.negative{color:#dc3545}@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:#fff;border-radius:6px;border:2px solid #e9ecef}.trade-history.empty{padding:2rem}.empty-state{text-align:center;color:#6c757d}.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:2px solid #e9ecef}.history-header h3{margin:0;font-size:.95rem;color:#212529}.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:#6c757d;color:#fff}.btn-secondary:hover{background:#5a6268;transform:translateY(-1px)}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333;transform:translateY(-1px)}.trades-list{display:flex;flex-direction:column;gap:.5rem}.trade-card{border:2px solid #e9ecef;border-radius:6px;overflow:hidden;transition:all .2s}.trade-card:hover{border-color:#0d6efd;box-shadow:0 2px 4px #0d6efd1a}.trade-card.status-successful{border-left:4px solid #28a745}.trade-card.status-unsuccessful{border-left:4px solid #dc3545}.trade-card.status-breakeven{border-left:4px solid #ffc107}.trade-card.status-pending{border-left:4px solid #6c757d}.trade-summary{padding:.625rem;cursor:pointer;background:#f8f9fa;display:flex;justify-content:space-between;align-items:center}.trade-summary:hover{background:#e9ecef}.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:#e9ecef;color:#6c757d}.trade-status-badge.status-successful{background:#d4edda;color:#155724}.trade-status-badge.status-unsuccessful{background:#f8d7da;color:#721c24}.trade-status-badge.status-breakeven{background:#fff3cd;color:#856404}.trade-symbol{font-weight:700;font-size:.95rem;color:#212529;min-width:60px}.trade-position{padding:.2rem .5rem;border-radius:4px;font-size:.7rem;font-weight:700}.trade-position.long{background:#d4edda;color:#155724}.trade-position.short{background:#f8d7da;color:#721c24}.trade-price{font-weight:600;font-size:.85rem;color:#495057}.trade-meta{display:flex;align-items:center;gap:.5rem}.trade-date{font-size:.75rem;color:#6c757d}.expand-icon{font-size:.7rem;color:#6c757d}.trade-details{padding:.75rem;background:#fff;border-top:1px solid #e9ecef}.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:#f8f9fa;border-radius:4px}.detail-label{font-size:.75rem;color:#6c757d;font-weight:600}.detail-value{font-size:.8rem;color:#212529;font-weight:600}.notes-section{margin-bottom:.75rem;padding:.625rem;background:#f8f9fa;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:#495057;line-height:1.4}.notes-text em{color:#6c757d}.btn-edit-notes{padding:.25rem .5rem;background:#fff;border:1px solid #dee2e6;border-radius:4px;font-size:.7rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s}.btn-edit-notes:hover{background:#e9ecef;border-color:#adb5bd}.edit-notes textarea{width:100%;padding:.5rem;border:2px solid #dee2e6;border-radius:4px;font-size:.8rem;font-family:inherit;resize:vertical;margin-bottom:.5rem}.edit-notes textarea:focus{outline:none;border-color:#0d6efd}.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:#28a745;color:#fff}.btn-save:hover{background:#218838}.btn-cancel{background:#6c757d;color:#fff}.btn-cancel:hover{background:#5a6268}.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:#0d6efd;color:#fff}.btn-load:hover{background:#0b5ed7;transform:translateY(-1px)}.btn-delete{background:#dc3545;color:#fff}.btn-delete:hover{background:#c82333;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:#f8f9fa;border-radius:4px;border:1px solid #dee2e6}.outcome-section h4{margin:0 0 .75rem;font-size:.85rem;color:#495057;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:#fff;border-radius:4px}.outcome-label{font-size:.75rem;color:#6c757d;font-weight:600}.outcome-value{font-size:.8rem;color:#212529;font-weight:700}.outcome-value.profit-positive{color:#28a745}.outcome-value.profit-negative{color:#dc3545}.no-outcome{font-size:.75rem;color:#6c757d;font-style:italic;margin:0;text-align:center;padding:.5rem}.btn-edit-outcome{padding:.3rem .5rem;background:#fff;border:1px solid #dee2e6;border-radius:4px;font-size:.7rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-edit-outcome:hover{background:#e9ecef;border-color:#adb5bd}.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:#495057}.outcome-input-group input{padding:.375rem .5rem;border:2px solid #dee2e6;border-radius:4px;font-size:.8rem;font-family:inherit}.outcome-input-group input:focus{outline:none;border-color:#0d6efd}.status-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:.375rem;margin-top:.75rem}.status-btn{padding:.4rem .5rem;border:2px solid;border-radius:4px;font-size:.7rem;font-weight:700;cursor:pointer;transition:all .2s;background:#fff;text-align:center}.status-btn.pending{border-color:#6c757d;color:#6c757d}.status-btn.pending:hover{background:#6c757d;color:#fff}.status-btn.pending.active{background:#6c757d;color:#fff;box-shadow:0 0 0 3px #6c757d33}.status-btn.successful{border-color:#28a745;color:#28a745}.status-btn.successful:hover{background:#28a745;color:#fff}.status-btn.successful.active{background:#28a745;color:#fff;box-shadow:0 0 0 3px #28a74533}.status-btn.breakeven{border-color:#ffc107;color:#856404}.status-btn.breakeven:hover{background:#ffc107;color:#212529}.status-btn.breakeven.active{background:#ffc107;color:#212529;box-shadow:0 0 0 3px #ffc10733}.status-btn.unsuccessful{border-color:#dc3545;color:#dc3545}.status-btn.unsuccessful:hover{background:#dc3545;color:#fff}.status-btn.unsuccessful.active{background:#dc3545;color:#fff;box-shadow:0 0 0 3px #dc354533}@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:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.app{max-width:1100px;margin:0 auto;padding:.5rem;min-height:100vh}.app-header{margin-bottom:.75rem;padding:.75rem 1rem;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000f}.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:linear-gradient(135deg,#6c757d,#5a6268);color:#fff;border:none;border-radius:5px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;box-shadow:0 2px 4px #6c757d33}.history-toggle-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #6c757d4d;background:linear-gradient(135deg,#5a6268,#4e555b)}.history-toggle-btn.active{background:linear-gradient(135deg,#0d6efd,#0b5ed7);box-shadow:0 2px 4px #0d6efd4d;animation:pulse-glow 2s infinite}.history-toggle-btn.active:hover{background:linear-gradient(135deg,#0b5ed7,#0a58ca);box-shadow:0 4px 8px #0d6efd66}@keyframes pulse-glow{0%,to{box-shadow:0 2px 4px #0d6efd4d}50%{box-shadow:0 4px 12px #0d6efd80}}.app-header h1{font-size:1.5rem;color:#212529;margin-bottom:.125rem;font-weight:800;text-align:left}.app-header p{font-size:.8rem;color:#6c757d;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:#fffffff2;border-radius:6px;text-align:center;border-left:3px solid #0d6efd}.app-footer p{color:#495057;font-size:.75rem;line-height:1.4;margin:0}.app-footer strong{color:#0d6efd}@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}}