.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem;width:100%}.loading-spinner-small{padding:1.5rem}.loading-spinner-large{padding:4rem}.spinner{display:flex;gap:.5rem;align-items:center}.bounce1,.bounce2,.bounce3{width:14px;height:14px;background:linear-gradient(135deg,var(--primary-color),#00d4ff);border-radius:100%;animation:bounce 1.4s infinite ease-in-out both;box-shadow:0 0 10px #58a6ff4d}.loading-spinner-small .bounce1,.loading-spinner-small .bounce2,.loading-spinner-small .bounce3{width:10px;height:10px}.loading-spinner-large .bounce1,.loading-spinner-large .bounce2,.loading-spinner-large .bounce3{width:18px;height:18px}.bounce1{animation-delay:-.32s}.bounce2{animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.loading-message{color:var(--text-secondary);font-size:.95rem;text-align:center;margin:0;animation:fadeIn .5s ease-in;font-weight:500}.loading-spinner-small .loading-message{font-size:.85rem}.loading-spinner-large .loading-message{font-size:1.1rem}.stock-search{position:relative;width:100%;max-width:600px}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:1rem;color:var(--text-secondary);pointer-events:none;z-index:1}.search-input{width:100%;padding:.75rem 1rem .75rem 3rem;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1rem;transition:border-color .2s}.search-input:focus{outline:none;border-color:var(--primary-color)}.search-loading{position:absolute;right:1rem;color:var(--text-secondary);font-size:.875rem}.search-results{position:absolute;top:calc(100% + .5rem);left:0;right:0;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;max-height:400px;overflow-y:auto;z-index:1000;box-shadow:0 8px 24px #00000080}.search-result-item{padding:.75rem 1rem;cursor:pointer;border-bottom:1px solid var(--bg-tertiary);transition:background-color .2s}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background-color:var(--bg-tertiary)}.result-symbol{font-weight:600;color:var(--primary-color);font-size:1rem;margin-bottom:.25rem}.result-name{color:var(--text-primary);font-size:.875rem;margin-bottom:.25rem}.result-meta{color:var(--text-secondary);font-size:.75rem}.search-section-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid var(--bg-tertiary);color:var(--text-secondary);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.search-history{padding:1rem;display:flex;flex-wrap:wrap;gap:.5rem}.history-chip{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:linear-gradient(135deg,var(--bg-tertiary),rgba(88,166,255,.1));border:1px solid var(--border-color);border-radius:50px;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.history-chip:hover{background:linear-gradient(135deg,var(--primary-color),#00d4ff);border-color:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #58a6ff4d}.history-chip svg{opacity:.7}.no-results{padding:3rem 1rem;text-align:center;color:var(--text-secondary);display:flex;flex-direction:column;align-items:center;gap:.5rem}.no-results-icon{font-size:3rem;opacity:.6;margin-bottom:.5rem}.no-results p{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.no-results small{font-size:.875rem;color:var(--text-secondary)}.stock-chart{width:100%}.chart-header{margin-bottom:1.5rem}.stock-info{margin-bottom:1rem}.stock-info h2{font-size:1.75rem;color:var(--text-primary);margin-bottom:.5rem}.price-info{display:flex;align-items:center;gap:1rem}.current-price{font-size:1.5rem;font-weight:600;color:var(--text-primary)}.price-change{font-size:1rem;font-weight:500;padding:.25rem .5rem;border-radius:4px}.price-change.positive{color:var(--success-color);background-color:#3fb9501a}.price-change.negative{color:var(--error-color);background-color:#f851491a}.chart-controls{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.interval-selector{display:flex;gap:.5rem}.interval-btn{padding:.5rem 1rem;background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:6px;cursor:pointer;font-size:.875rem;transition:all .2s}.interval-btn:hover{background-color:var(--border-color)}.interval-btn.active{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.indicator-selector{display:flex;gap:1rem;flex-wrap:wrap}.indicator-label{display:flex;align-items:center;gap:.5rem;color:var(--text-primary);font-size:.875rem;cursor:pointer}.indicator-label input[type=checkbox]{cursor:pointer}.chart-container{margin:1.5rem 0}.stock-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.stat-item{display:flex;flex-direction:column;gap:.25rem}.stat-label{color:var(--text-secondary);font-size:.75rem;text-transform:uppercase}.stat-value{color:var(--text-primary);font-size:1rem;font-weight:500}.tooltip-wrapper{position:relative;display:inline-flex;align-items:center}.tooltip-trigger{display:inline-flex;align-items:center;cursor:help}.tooltip-icon{color:var(--text-secondary);transition:all .2s}.tooltip-icon:hover{color:var(--primary-color);transform:scale(1.1)}.tooltip-content{position:absolute;background:var(--bg-tertiary);color:var(--text-primary);padding:.75rem 1rem;border-radius:8px;font-size:.85rem;line-height:1.4;white-space:nowrap;max-width:250px;white-space:normal;z-index:1000;border:1px solid var(--border-color);box-shadow:0 4px 12px #0000004d;animation:tooltipFadeIn .2s ease-out;pointer-events:none}.tooltip-top{bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.tooltip-bottom{top:calc(100% + 10px);left:50%;transform:translate(-50%)}.tooltip-left{right:calc(100% + 10px);top:50%;transform:translateY(-50%)}.tooltip-right{left:calc(100% + 10px);top:50%;transform:translateY(-50%)}.tooltip-arrow{position:absolute;width:0;height:0;border-style:solid}.tooltip-top .tooltip-arrow{bottom:-6px;left:50%;transform:translate(-50%);border-width:6px 6px 0 6px;border-color:var(--bg-tertiary) transparent transparent transparent}.tooltip-bottom .tooltip-arrow{top:-6px;left:50%;transform:translate(-50%);border-width:0 6px 6px 6px;border-color:transparent transparent var(--bg-tertiary) transparent}.tooltip-left .tooltip-arrow{right:-6px;top:50%;transform:translateY(-50%);border-width:6px 0 6px 6px;border-color:transparent transparent transparent var(--bg-tertiary)}.tooltip-right .tooltip-arrow{left:-6px;top:50%;transform:translateY(-50%);border-width:6px 6px 6px 0;border-color:transparent var(--bg-tertiary) transparent transparent}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-5px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.tooltip-bottom{animation-name:tooltipFadeInBottom}@keyframes tooltipFadeInBottom{0%{opacity:0;transform:translate(-50%) translateY(5px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (max-width: 768px){.tooltip-content{max-width:200px;font-size:.8rem}}.technical-indicators{height:100%}.technical-indicators h3{font-size:1.25rem;color:var(--text-primary);margin-bottom:1.5rem}.indicator-section{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--bg-tertiary)}.indicator-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.indicator-section h4{font-size:.875rem;color:var(--text-secondary);text-transform:uppercase;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.indicator-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.indicator-item{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background-color:var(--bg-primary);border:1px solid var(--bg-tertiary);border-radius:6px}.indicator-name{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase}.indicator-value{font-size:1rem;color:var(--text-primary);font-weight:600}.indicator-card{padding:1rem;background-color:var(--bg-primary);border:1px solid var(--bg-tertiary);border-radius:6px;text-align:center}.indicator-main-value{font-size:2rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.indicator-signal{display:inline-block;padding:.25rem .75rem;border-radius:4px;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.indicator-signal.positive{color:var(--success-color);background-color:#3fb9501a}.indicator-signal.negative{color:var(--error-color);background-color:#f851491a}.indicator-signal.neutral{color:var(--primary-color);background-color:#58a6ff1a}.indicator-info{font-size:.75rem;color:var(--text-secondary);margin-top:.5rem}.loading-state,.error-state{padding:2rem;text-align:center;color:var(--text-secondary)}.error-state{color:var(--error-color)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;max-width:500px;margin:0 auto;min-height:300px}.empty-state-compact{padding:2rem 1rem;min-height:200px}.empty-icon{font-size:5rem;margin-bottom:1.5rem;filter:grayscale(10%);opacity:.9;line-height:1}.empty-state-compact .empty-icon{font-size:3.5rem;margin-bottom:1rem}.floating{animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.empty-title{font-size:1.75rem;font-weight:700;margin-bottom:.75rem;color:var(--text-primary);background:linear-gradient(135deg,var(--text-primary),var(--primary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.empty-state-compact .empty-title{font-size:1.25rem;margin-bottom:.5rem}.empty-description{color:var(--text-secondary);margin-bottom:2rem;line-height:1.6;font-size:1rem;max-width:400px}.empty-state-compact .empty-description{font-size:.9rem;margin-bottom:1.5rem}.empty-action-btn{padding:.875rem 2rem;background:linear-gradient(135deg,var(--primary-color),#00d4ff);border:none;border-radius:50px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #58a6ff4d;text-transform:none;letter-spacing:.3px}.empty-action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #58a6ff66}.empty-action-btn:active{transform:translateY(0)}.pulse-button{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 4px 15px #58a6ff4d,0 0 #58a6ffb3}50%{box-shadow:0 4px 15px #58a6ff4d,0 0 0 10px #58a6ff00}}.empty-state{animation:slideUp .5s ease-out}.toast{position:fixed;top:80px;right:20px;display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:var(--bg-secondary);border:2px solid;border-radius:12px;box-shadow:0 8px 24px #0000004d;z-index:1000;min-width:320px;max-width:450px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toast-success{border-color:var(--success-color);background:linear-gradient(135deg,var(--bg-secondary),rgba(63,185,80,.05))}.toast-error{border-color:var(--error-color);background:linear-gradient(135deg,var(--bg-secondary),rgba(248,81,73,.05))}.toast-warning{border-color:var(--warning-color);background:linear-gradient(135deg,var(--bg-secondary),rgba(210,153,34,.05))}.toast-info{border-color:var(--primary-color);background:linear-gradient(135deg,var(--bg-secondary),rgba(88,166,255,.05))}.toast-icon-wrapper{flex-shrink:0;animation:pop .3s cubic-bezier(.68,-.55,.265,1.55)}.toast-success .toast-icon-wrapper{color:var(--success-color)}.toast-error .toast-icon-wrapper{color:var(--error-color)}.toast-warning .toast-icon-wrapper{color:var(--warning-color)}.toast-info .toast-icon-wrapper{color:var(--primary-color)}@keyframes pop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.toast-content{flex:1;display:flex;align-items:center;gap:.75rem}.toast-emoji{font-size:1.25rem;animation:bounce .5s ease}.toast-message{color:var(--text-primary);font-size:.95rem;font-weight:500;line-height:1.4}.slide-in{animation:slideInRight .3s ease-out}.toast-close{flex-shrink:0;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.toast-close:hover{background:var(--bg-tertiary);color:var(--text-primary);transform:rotate(90deg)}.toast-close:active{transform:rotate(90deg) scale(.9)}@media (max-width: 768px){.toast{left:20px;right:20px;min-width:auto;max-width:none}}.portfolio{width:100%}.portfolio-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.portfolio-header h2{font-size:1.75rem;color:var(--text-primary)}.header-actions{display:flex;gap:.75rem}.refresh-btn,.export-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s}.refresh-btn:hover:not(:disabled),.export-btn:hover:not(:disabled){background-color:var(--bg-primary);border-color:var(--primary-color)}.refresh-btn:disabled,.export-btn:disabled{opacity:.5;cursor:not-allowed}.export-btn{background-color:var(--success-color);border-color:var(--success-color);color:#fff}.export-btn:hover:not(:disabled){opacity:.9}.auth-required{text-align:center;padding:4rem 2rem}.auth-required h2{color:var(--text-primary);margin-bottom:.5rem}.auth-required p{color:var(--text-secondary)}.error-message{padding:.75rem 1rem;background-color:#f851491a;border:1px solid var(--error-color);border-radius:6px;color:var(--error-color);margin-bottom:1.5rem;font-size:.9rem}.portfolio-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.summary-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;display:flex;flex-direction:column;gap:.5rem}.summary-icon{color:var(--primary-color);margin-bottom:.25rem}.summary-label{color:var(--text-secondary);font-size:.875rem;margin-bottom:.5rem}.summary-value{color:var(--text-primary);font-size:1.5rem;font-weight:600}.summary-value.positive{color:var(--success-color)}.summary-value.negative{color:var(--error-color)}.add-stock-form{display:flex;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap}.add-stock-form input{flex:1;min-width:120px;padding:.75rem;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.9rem}.add-stock-form input:focus{outline:none;border-color:var(--primary-color)}.add-stock-form button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background-color:var(--success-color);border:none;color:#fff;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:background-color .2s}.add-stock-form button:hover:not(:disabled){opacity:.9}.add-stock-form button:disabled{opacity:.5;cursor:not-allowed}.portfolio-table{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.table-header,.table-row{display:grid;grid-template-columns:1fr 1fr 1.2fr 1.2fr 1.2fr 1.5fr .8fr;gap:1rem;padding:1rem}.table-header{background-color:#0d1117;border-bottom:1px solid #30363d;font-weight:600;color:#8b949e;font-size:.875rem;text-transform:uppercase}.table-row{border-bottom:1px solid #21262d;align-items:center}.table-row:hover{background-color:#0d1117}.table-cell{color:#c9d1d9}.table-cell .positive{color:#3fb950}.table-cell .negative{color:#f85149}.delete-btn{padding:.5rem;background-color:transparent;border:1px solid #30363d;color:#f85149;border-radius:6px;cursor:pointer;transition:all .2s}.delete-btn:hover{background-color:#f851491a;border-color:#f85149}.loading-state,.empty-state{padding:3rem 2rem;text-align:center;color:#8b949e;background-color:#161b22;border:1px solid #30363d;border-radius:8px}@media (max-width: 1024px){.table-header,.table-row{grid-template-columns:1fr;gap:.5rem}.table-header{display:none}.table-cell{display:flex;justify-content:space-between}.table-cell:before{content:attr(data-label);font-weight:600;color:#8b949e;font-size:.75rem;text-transform:uppercase}}.portfolio-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:2px solid var(--border-color);padding-bottom:0}.portfolio-tabs .tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--text-secondary);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;margin-bottom:-2px}.portfolio-tabs .tab:hover{color:var(--text-primary);background:#87cefa0d}.portfolio-tabs .tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.asset-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.asset-badge.stock{background:#388bfd26;color:#58a6ff;border:1px solid rgba(56,139,253,.3)}.asset-badge.crypto{background:#ffb80026;color:#ffb800;border:1px solid rgba(255,184,0,.3)}.asset-badge.bond{background:#3fb95026;color:#3fb950;border:1px solid rgba(63,185,80,.3)}.order-type{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:6px;font-size:.85rem;font-weight:700}.order-type.buy{background:#3fb95026;color:#3fb950}.order-type.sell{background:#f8514926;color:#f85149}.positions-view,.history-view{animation:fadeIn .3s ease-in}.positions-view h3,.history-view h3{font-size:1.25rem;color:var(--text-primary);margin-bottom:1rem}.stock-comparison{width:100%}.comparison-header{margin-bottom:1.5rem}.comparison-header .header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.comparison-header h2{display:flex;align-items:center;gap:.5rem;font-size:1.75rem;color:var(--text-primary);margin-bottom:.5rem}.comparison-header p{color:var(--text-secondary);font-size:.9rem}.comparison-header p strong{color:var(--primary-color);font-weight:600}.market-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-radius:8px;color:#fff;font-weight:600;font-size:.9rem}.quick-picks{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.quick-picks h3{font-size:1rem;color:var(--text-primary);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.quick-picks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}.quick-pick-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.quick-pick-btn:hover{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.add-symbol-form{display:flex;gap:.75rem;margin-bottom:1rem}.add-symbol-form input{flex:1;max-width:400px;padding:.75rem 1rem;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:1rem}.add-symbol-form input:focus{outline:none;border-color:var(--primary-color)}.add-symbol-form button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background-color:var(--success-color);border:none;color:#fff;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:background-color .2s}.add-symbol-form button:hover:not(:disabled){background-color:var(--success-hover)}.add-symbol-form button:disabled{opacity:.5;cursor:not-allowed}.error-message{padding:.75rem 1rem;background-color:#f851491a;border:1px solid var(--error-color);border-radius:6px;color:var(--error-color);margin-bottom:1rem}.selected-symbols{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.symbol-chip{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary)}.symbol-chip button{display:flex;align-items:center;padding:.25rem;background-color:transparent;border:none;color:var(--text-secondary);cursor:pointer;border-radius:3px;transition:all .2s}.symbol-chip button:hover{background-color:var(--border-color);color:var(--error-color)}.compare-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:var(--primary-color);border:none;color:#fff;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:500;margin-bottom:1.5rem;transition:background-color .2s}.compare-btn:hover:not(:disabled){background-color:var(--primary-hover)}.compare-btn:disabled{opacity:.5;cursor:not-allowed}.comparison-table{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;margin-bottom:2rem}.table-header,.table-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1.5fr;gap:1rem;padding:1rem}.table-header{background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);font-weight:600;color:var(--text-secondary);font-size:.875rem;text-transform:uppercase}.table-row{border-bottom:1px solid var(--bg-tertiary);align-items:center}.table-row:last-child{border-bottom:none}.table-row:hover{background-color:var(--bg-primary)}.table-cell{color:var(--text-primary)}.table-cell .positive{color:var(--success-color)}.table-cell .negative{color:var(--error-color)}.comparison-charts{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}@media (max-width: 1200px){.comparison-charts{grid-template-columns:1fr}}.chart-container{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem}.chart-container h3{font-size:1rem;color:var(--text-primary);margin-bottom:1rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--text-secondary);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px}.empty-state h3{font-size:1.5rem;color:var(--text-primary);margin-bottom:.5rem}.empty-state p{font-size:1rem;margin-bottom:2rem;max-width:500px}.empty-state-features{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center}.feature-item{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9rem}.feature-item svg{color:var(--primary-color);opacity:1;margin:0}.performance-summary{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;margin-top:2rem}.performance-summary h3{font-size:1.25rem;color:var(--text-primary);margin-bottom:1.5rem}.summary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.summary-card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:1.25rem;transition:all .2s}.summary-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #0000001a}.summary-card h4{font-size:1.1rem;color:var(--text-primary);margin-bottom:1rem;font-weight:600}.summary-stats{display:flex;flex-direction:column;gap:.75rem}.stat{display:flex;justify-content:space-between;align-items:center}.stat-label{color:var(--text-secondary);font-size:.85rem}.stat-value{color:var(--text-primary);font-weight:600;font-size:.95rem}.stat-value.positive{color:var(--success-color)}.stat-value.negative{color:var(--error-color)}@media (max-width: 768px){.table-header,.table-row{grid-template-columns:1fr;gap:.5rem}.table-header{display:none}}.market-selector{position:relative}.market-selector-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.875rem;transition:all .2s}.market-selector-button:hover:not(:disabled){background-color:var(--bg-tertiary);border-color:var(--primary-color)}.market-selector-button:disabled{opacity:.5;cursor:not-allowed}.market-currency{color:var(--text-secondary);font-size:.75rem;white-space:nowrap;flex-shrink:0}.market-dropdown-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:999;display:flex;align-items:center;justify-content:center;padding:1rem}.market-dropdown{position:relative;width:600px;max-width:100%;max-height:90vh;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 8px 24px #00000080;z-index:1000;overflow:hidden;display:flex;flex-direction:column}.market-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--border-color)}.market-dropdown-header h3{font-size:1rem;color:var(--text-primary);margin:0}.close-btn{background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.close-btn:hover{background-color:var(--bg-tertiary);color:var(--error-color)}.region-tabs{display:flex;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid var(--border-color);overflow-x:auto;flex-shrink:0}.region-tab{padding:.5rem 1rem;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:.75rem;white-space:nowrap;transition:all .2s}.region-tab:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.region-tab.active{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.markets-list{overflow-y:auto;padding:.5rem;flex:1}.market-item{padding:.75rem;margin-bottom:.5rem;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .2s;overflow:hidden;word-wrap:break-word;max-width:100%;box-sizing:border-box}.market-item:hover{background-color:var(--bg-tertiary);border-color:var(--primary-color)}.market-item.selected{border-color:var(--primary-color);background-color:#58a6ff1a}.market-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;gap:.5rem;min-width:0}.market-name{font-weight:600;color:var(--text-primary);font-size:.875rem;word-wrap:break-word;overflow-wrap:break-word;flex:1;min-width:0}.market-item-details{display:flex;gap:.5rem;margin-bottom:.5rem;flex-wrap:wrap;overflow:hidden;min-width:0;width:100%}.market-country,.market-exchange{font-size:.75rem;color:var(--text-secondary);word-wrap:break-word;overflow-wrap:break-word;flex-shrink:1;min-width:0}.market-country:after{content:"•";margin-left:.5rem;color:var(--text-tertiary)}.market-item-hours{display:flex;gap:.5rem;font-size:.75rem;flex-wrap:wrap;word-wrap:break-word}.market-hours-label{color:var(--text-tertiary);white-space:nowrap}.market-hours{color:var(--text-secondary);word-wrap:break-word;overflow-wrap:break-word;flex:1}@media (max-width: 768px){.market-dropdown{width:100%;max-height:100vh;border-radius:0}.region-tabs{flex-wrap:nowrap;overflow-x:scroll}}.market-daily-activity{padding:1.5rem;max-width:1600px;margin:0 auto;animation:fadeIn .4s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.today-activity-banner{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 4px 12px #0000004d}.activity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.activity-header h1{font-size:1.75rem;margin:0;color:var(--text-primary)}.activity-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.activity-stat-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;padding:1.25rem;display:flex;align-items:center;gap:1rem;transition:transform .2s,box-shadow .2s}.activity-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.activity-stat-card.primary{border-left:4px solid var(--primary-color)}.activity-stat-card.gaining{border-left:4px solid #4CAF50}.activity-stat-card.losing{border-left:4px solid #FF5252}.activity-stat-card.volume{border-left:4px solid #FFC107}.stat-icon{font-size:2rem}.stat-value{font-size:2rem;font-weight:700;color:var(--text-primary);line-height:1}.stat-label{font-size:.875rem;color:var(--text-secondary);margin-top:.25rem}.refresh-btn-inline{width:100%;padding:.75rem;background:var(--primary-color);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:background .2s}.refresh-btn-inline:hover:not(:disabled){background:var(--primary-hover)}.refresh-btn-inline:disabled{opacity:.6;cursor:not-allowed}.market-overview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.overview-title h1{font-size:2rem;margin:0 0 .25rem;color:var(--text-primary);background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.last-updated{color:var(--text-secondary);font-size:.875rem;margin:0}.refresh-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d}.refresh-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.sentiment-banner{padding:1.5rem;border-radius:12px;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem;animation:slideDown .5s ease-out}.sentiment-content{display:flex;align-items:center;gap:1rem}.sentiment-emoji{font-size:3rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.sentiment-content h2{margin:0 0 .25rem;font-size:1.5rem}.sentiment-content p{margin:0;color:var(--text-secondary);font-size:.875rem}.sentiment-stats{display:flex;gap:2rem}.sentiment-stats .stat{text-align:center}.stat-label{display:block;font-size:.875rem;color:var(--text-secondary);margin-bottom:.25rem}.stat-value{display:block;font-size:1.75rem;font-weight:700}.view-selector{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.view-btn{padding:.75rem 1.5rem;background:var(--bg-secondary);color:var(--text-primary);border:2px solid transparent;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.view-btn:hover{background:var(--bg-hover);border-color:var(--accent-primary)}.view-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent;box-shadow:0 4px 12px #667eea4d}.charts-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:1.5rem;margin-bottom:1.5rem}.chart-container{background:var(--bg-secondary);border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px #0000001a}.chart-container h3{margin:0 0 1rem;color:var(--text-primary);font-size:1.125rem}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:1.5rem}.stat-card{background:var(--bg-secondary);border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 4px 12px #0000001a;transition:all .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000026}.stat-icon{font-size:2.5rem;min-width:60px;text-align:center}.stat-info h4{margin:0 0 .5rem;color:var(--text-secondary);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.stat-big{font-size:1.75rem;font-weight:700;margin:0 0 .25rem;color:var(--text-primary)}.stat-big.positive{color:#4caf50}.stat-big.negative{color:#ff5252}.stat-detail{margin:0;color:var(--text-secondary);font-size:.875rem}.markets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.market-card{background:var(--bg-secondary);border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px #0000001a;transition:all .3s ease;animation:scaleIn .4s ease-out}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.market-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000026}.market-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.market-emoji{font-size:2rem}.market-header h3{margin:0;font-size:1.25rem;color:var(--text-primary)}.market-name{margin:0;font-size:.875rem;color:var(--text-secondary)}.market-price{margin-bottom:1rem}.market-price .price{display:block;font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.market-price .change{display:inline-block;padding:.25rem .75rem;border-radius:6px;font-weight:600;font-size:.875rem}.market-price .change.positive{background:#4caf5033;color:#4caf50}.market-price .change.negative{background:#ff525233;color:#ff5252}.market-details{border-top:1px solid var(--border-color);padding-top:1rem}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.detail-row:last-child{border-bottom:none}.detail-row .label{color:var(--text-secondary);font-size:.875rem}.detail-row .value{color:var(--text-primary);font-weight:600;font-size:.875rem}.error-message{background:#ff52521a;border:1px solid #FF5252;border-radius:8px;padding:1rem;color:#ff5252;text-align:center;margin-top:1rem}.smart-alerts-panel{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #FFC107;border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 4px 20px #ffc10733;animation:slideInDown .4s ease-out}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.alerts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.alerts-header h3{margin:0;color:#ffc107;font-size:1.25rem}.close-alerts-btn{background:transparent;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .2s}.close-alerts-btn:hover{background:#ffffff1a;color:var(--text-primary)}.alerts-list{display:flex;flex-direction:column;gap:.75rem}.alert-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:8px;border-left:4px solid;background:#ffffff0d;transition:all .2s}.alert-item:hover{background:#ffffff1a;transform:translate(4px)}.alert-item.severity-high{border-left-color:#ff5252;color:#ffb3b3}.alert-item.severity-medium{border-left-color:#ffc107;color:#ffe082}.alert-item.severity-low{border-left-color:#2196f3;color:#90caf9}.trend-indicator{display:inline-flex;align-items:center;justify-content:center;padding:.25rem;border-radius:4px;background:#ffffff1a}.market-sparkline{margin:1rem 0;height:40px;background:#ffffff05;border-radius:6px;padding:.25rem}.market-card.selected{border:2px solid var(--primary-color);box-shadow:0 0 20px #2196f34d}.market-card{cursor:pointer}.selected-badge{margin-top:1rem;padding:.5rem;background:var(--primary-color);color:#fff;text-align:center;border-radius:6px;font-weight:600;font-size:.875rem}.heatmap-container{background:var(--bg-secondary);border-radius:12px;padding:2rem;box-shadow:0 4px 12px #0000001a}.heatmap-container h3{margin:0 0 .5rem;color:var(--text-primary);font-size:1.5rem}.heatmap-subtitle{color:var(--text-secondary);margin:0 0 2rem;font-size:.875rem}.heatmap-grid{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;align-items:center;padding:1rem;background:#0003;border-radius:8px}.heatmap-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;padding:1rem;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.heatmap-cell:hover{transform:scale(1.1);z-index:10;box-shadow:0 8px 24px #0000004d}.heatmap-cell-content{display:flex;flex-direction:column;align-items:center;gap:.25rem;text-align:center;color:#fff;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.5)}.heatmap-change{display:flex;align-items:center;gap:.25rem;font-size:.875rem}.heatmap-volume{font-size:.75rem;opacity:.8}.comparison-container{background:var(--bg-secondary);border-radius:12px;padding:2rem;box-shadow:0 4px 12px #0000001a}.comparison-container h3{display:flex;align-items:center;gap:.5rem;margin:0 0 1.5rem;color:var(--text-primary);font-size:1.5rem}.comparison-empty{text-align:center;padding:3rem;color:var(--text-secondary);background:#ffffff05;border-radius:8px;border:2px dashed var(--border-color)}.comparison-table{margin-bottom:2rem;overflow-x:auto}.comparison-table table{width:100%;border-collapse:collapse;background:#ffffff05;border-radius:8px;overflow:hidden}.comparison-table th{background:#2196f31a;padding:1rem;text-align:left;font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--primary-color)}.comparison-table td{padding:1rem;border-bottom:1px solid var(--border-color);color:var(--text-primary)}.comparison-table tbody tr:hover{background:#ffffff0d}.comparison-table td.positive{color:#4caf50;font-weight:600}.comparison-table td.negative{color:#ff5252;font-weight:600}.comparison-chart{background:#ffffff05;border-radius:8px;padding:1.5rem}.comparison-chart h4{margin:0 0 1rem;color:var(--text-primary);font-size:1.125rem}@media (max-width: 768px){.market-daily-activity{padding:1rem}.overview-title h1{font-size:1.5rem}.charts-section{grid-template-columns:1fr}.sentiment-banner{flex-direction:column;align-items:flex-start}.sentiment-stats{width:100%;justify-content:space-around;gap:1rem}.markets-grid,.summary-stats{grid-template-columns:1fr}}@media (max-width: 480px){.view-selector{width:100%}.view-btn{flex:1;min-width:0;font-size:.75rem;padding:.5rem .75rem}.sentiment-emoji{font-size:2rem}.sentiment-content h2{font-size:1.25rem}}.personalized-ai-dashboard{padding:2rem;max-width:1400px;margin:0 auto;animation:fadeIn .4s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.header-title{display:flex;gap:1rem;align-items:center}.header-title h1{font-size:2rem;margin:0 0 .5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header-title p{margin:0;color:var(--text-secondary);font-size:.9rem}.last-updated{font-size:.875rem;color:var(--text-secondary)}.refresh-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:transform .2s}.refresh-btn:hover{transform:translateY(-2px)}.view-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid var(--border-color)}.tab{padding:1rem 1.5rem;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--text-secondary);cursor:pointer;font-weight:600;transition:all .3s;display:flex;align-items:center;gap:.5rem}.tab:hover{color:var(--text-primary);background:var(--bg-secondary)}.tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.sentiment-banner{padding:2rem;border-radius:12px;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap}.sentiment-content{display:flex;align-items:center;gap:1.5rem}.sentiment-icon{font-size:3.5rem}.sentiment-content h2{margin:0 0 .5rem;font-size:1.75rem}.sentiment-content p{margin:0;color:var(--text-secondary)}.portfolio-health{display:flex;gap:2rem}.health-stat{text-align:center}.stat-label{display:block;font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem}.stat-value{display:block;font-size:1.5rem;font-weight:700}.stat-value.positive{color:#4caf50}.stat-value.negative{color:#ff5252}.section{margin-bottom:2.5rem}.section h3{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:1.5rem}.section-header{margin-bottom:1.5rem}.section-header h3{margin:0 0 .5rem;font-size:1.5rem}.section-header p{margin:0;color:var(--text-secondary)}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.insight-card{padding:1.5rem;background:var(--bg-secondary);border-radius:10px;border-left:4px solid var(--accent-primary);box-shadow:0 2px 8px #0000001a}.insight-card p{margin:0;line-height:1.6}.alerts-list{display:flex;flex-direction:column;gap:1rem}.alert-card{padding:1.5rem;background:var(--bg-secondary);border-radius:10px;border-left:4px solid}.alert-card.severity-high{border-left-color:#ff5252;background:#ff52521a}.alert-card.severity-medium{border-left-color:#ffc107;background:#ffc1071a}.alert-card.severity-low{border-left-color:#2196f3;background:#2196f31a}.alert-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.alert-symbol{font-weight:700;font-size:1.125rem}.alert-badge{padding:.25rem .75rem;border-radius:6px;font-size:.75rem;font-weight:700;text-transform:uppercase}.alert-badge.high{background:#ff5252;color:#fff}.alert-badge.medium{background:#ffc107;color:#000}.alert-badge.low{background:#2196f3;color:#fff}.alert-message{margin:0;color:var(--text-secondary)}.actions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.action-card{padding:1.5rem;background:var(--bg-secondary);border-radius:10px;border:2px solid transparent;transition:all .3s}.action-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.action-card.action-buy{border-color:#4caf50}.action-card.action-sell{border-color:#ff5252}.action-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.action-badge{padding:.5rem 1rem;border-radius:6px;font-weight:700;font-size:.875rem}.action-badge.buy{background:#4caf50;color:#fff}.action-badge.sell{background:#ff5252;color:#fff}.action-symbol{font-weight:700;font-size:1.125rem}.urgency-badge{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.urgency-badge.urgency-high{background:#ff5252;color:#fff}.urgency-badge.urgency-medium{background:#ffc107;color:#000}.urgency-badge.urgency-low{background:#2196f3;color:#fff}.action-reasoning{margin:0;color:var(--text-secondary);line-height:1.5}.learning-points{display:flex;flex-direction:column;gap:1rem}.learning-card{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:var(--bg-secondary);border-radius:10px}.learning-icon{font-size:1.5rem}.learning-card p{margin:0;flex:1;line-height:1.6}.recommendations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1.5rem}.recommendation-card{padding:1.5rem;background:var(--bg-secondary);border-radius:12px;box-shadow:0 4px 12px #0000001a;transition:all .3s}.recommendation-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000026}.rec-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.rec-header h4{margin:0 0 .25rem;font-size:1.5rem}.company-name{margin:0;color:var(--text-secondary);font-size:.875rem}.wins-badge{padding:.5rem .75rem;background:linear-gradient(135deg,gold,orange);color:#000;border-radius:6px;font-size:.75rem;font-weight:700;white-space:nowrap}.rec-scores{display:flex;gap:2rem;align-items:center;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.score-circle{text-align:center;flex-shrink:0}.score-value{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.score-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase}.factors{flex:1}.factor{margin-bottom:.75rem}.factor-label{display:block;font-size:.75rem;color:var(--text-secondary);margin-bottom:.25rem}.factor-bar{height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden}.factor-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s}.rec-signal{display:flex;gap:.75rem;margin-bottom:1.5rem}.signal-badge{padding:.5rem 1rem;border-radius:6px;font-weight:700;font-size:.875rem}.signal-badge.buy-signal{background:#4caf50;color:#fff}.signal-badge.sell-signal{background:#ff5252;color:#fff}.signal-badge.hold-signal{background:#ffc107;color:#000}.risk-badge{padding:.5rem 1rem;border-radius:6px;font-weight:600;font-size:.875rem}.risk-badge.risk-low{background:#4caf5033;color:#4caf50}.risk-badge.risk-medium{background:#ffc10733;color:#ffc107}.risk-badge.risk-high{background:#ff525233;color:#ff5252}.rec-prices{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}.price-item{display:flex;flex-direction:column}.price-label{font-size:.75rem;color:var(--text-secondary);margin-bottom:.25rem}.price-value{font-size:1.25rem;font-weight:700}.price-value.success{color:#4caf50}.price-value.error{color:#ff5252}.rec-reasoning{margin-bottom:1.5rem;padding:1rem;background:var(--bg-tertiary);border-radius:8px}.rec-reasoning h5{margin:0 0 .75rem;font-size:.875rem;color:var(--text-secondary);text-transform:uppercase}.rec-reasoning ul{margin:0;padding-left:1.25rem;list-style-type:none}.rec-reasoning li{margin-bottom:.5rem;line-height:1.5;position:relative}.rec-reasoning li:before{content:"→";position:absolute;left:-1.25rem;color:var(--accent-primary)}.rec-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--border-color);font-size:.875rem}.confidence{color:var(--text-secondary)}.confidence strong{color:var(--text-primary);font-size:1rem}.timeframe{color:var(--text-secondary)}.patterns-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.pattern-card{padding:2rem;background:var(--bg-secondary);border-radius:12px;text-align:center;box-shadow:0 4px 12px #0000001a}.pattern-card.full-width{grid-column:1 / -1}.pattern-card h4{margin:0 0 1rem;font-size:1.25rem}.pattern-card p{margin:.5rem 0 0;color:var(--text-secondary);font-size:.875rem}.profile-badge{display:inline-block;padding:.75rem 2rem;font-size:1.5rem;font-weight:700;border-radius:8px;margin:.5rem 0}.profile-conservative{background:#4caf5033;color:#4caf50}.profile-moderate{background:#2196f333;color:#2196f3}.profile-aggressive{background:#ff525233;color:#ff5252}.success-circle{width:120px;height:120px;margin:1rem auto;border-radius:50%;background:conic-gradient(#4CAF50 var(--success-rate),var(--bg-tertiary) 0);display:flex;align-items:center;justify-content:center;position:relative}.success-circle:before{content:"";width:90px;height:90px;background:var(--bg-secondary);border-radius:50%;position:absolute}.success-value{font-size:2rem;font-weight:700;z-index:1;color:var(--text-primary)}.trade-size{font-size:2.5rem;font-weight:700;color:var(--accent-primary);margin:1rem 0}.symbols-list{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:1rem 0}.symbol-tag{padding:.5rem 1rem;background:var(--bg-tertiary);border-radius:6px;font-weight:600;font-size:.875rem;border:2px solid transparent}.symbols-list.success .symbol-tag{background:#4caf5033;border-color:#4caf50;color:#4caf50}.symbols-list.error .symbol-tag{background:#ff525233;border-color:#ff5252;color:#ff5252}@media (max-width: 768px){.personalized-ai-dashboard{padding:1rem}.dashboard-header{flex-direction:column}.sentiment-banner{flex-direction:column;align-items:flex-start}.portfolio-health{width:100%;justify-content:space-around}.recommendations-grid,.patterns-grid,.actions-grid{grid-template-columns:1fr}.rec-scores{flex-direction:column;gap:1rem}}.ai-trading-dashboard{width:100%;padding:1rem}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.header-title{display:flex;align-items:center;gap:1rem}.header-title svg{color:var(--primary-color)}.header-title h2{font-size:1.75rem;color:var(--text-primary);margin:0}.header-title p{color:var(--text-secondary);font-size:.9rem;margin:.25rem 0 0}.risk-selector{display:flex;align-items:center;gap:.5rem}.risk-selector label{color:var(--text-secondary);font-size:.875rem}.risk-selector select{padding:.5rem 1rem;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer}.view-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:2px solid var(--border-color);padding-bottom:0}.view-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s}.view-tab:hover{color:var(--text-primary);background-color:var(--bg-tertiary)}.view-tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header h3{font-size:1.25rem;color:var(--text-primary);margin:0}.refresh-btn{padding:.5rem 1rem;background-color:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;transition:background-color .2s}.refresh-btn:hover:not(:disabled){background-color:var(--primary-hover)}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.recommendations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.recommendation-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:all .2s}.recommendation-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #0003}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.symbol-badge{font-size:1.25rem;font-weight:700;color:var(--text-primary);padding:.5rem 1rem;background-color:var(--bg-tertiary);border-radius:8px}.signal-badge{padding:.4rem .9rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.signal-badge.large{font-size:.9rem;padding:.6rem 1.2rem}.signal-badge.strong-buy{background-color:#22c55e33;color:#22c55e;border:1px solid #22c55e}.signal-badge.buy{background-color:#3b82f633;color:#3b82f6;border:1px solid #3b82f6}.signal-badge.hold{background-color:#eab30833;color:#eab308;border:1px solid #eab308}.signal-badge.sell{background-color:#ef444433;color:#ef4444;border:1px solid #ef4444}.price-info{margin-bottom:1rem}.price-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--bg-tertiary)}.price-row:last-child{border-bottom:none}.price-row .label{color:var(--text-secondary);font-size:.875rem}.price-row .value{font-weight:600;color:var(--text-primary)}.price-row .value.success{color:var(--success-color)}.price-row .value.error{color:var(--error-color)}.confidence-bar{margin:1rem 0}.confidence-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.875rem;color:var(--text-secondary)}.confidence-value{font-weight:600;color:var(--primary-color)}.progress-bar{height:8px;background-color:var(--bg-tertiary);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--success-color));transition:width .3s ease}.signal-reason{padding:.75rem;background-color:var(--bg-tertiary);border-left:3px solid var(--primary-color);border-radius:4px;font-size:.875rem;color:var(--text-primary);margin:1rem 0}.indicators-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin:1rem 0}.indicator{display:flex;flex-direction:column;align-items:center;padding:.5rem;background-color:var(--bg-primary);border-radius:6px}.indicator-label{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase;margin-bottom:.25rem}.indicator-value{font-size:.85rem;font-weight:600;color:var(--text-primary)}.recommendation-text{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem;background-color:#58a6ff1a;border-radius:6px;font-size:.85rem;color:var(--text-primary);line-height:1.5}.recommendation-text svg{color:var(--primary-color);flex-shrink:0;margin-top:2px}.penny-stocks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.penny-stock-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:all .2s}.penny-stock-card:hover{border-color:var(--success-color);box-shadow:0 4px 12px #0003}.recommendation-badge{padding:.4rem .9rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.recommendation-badge.strong-buy{background-color:#22c55e33;color:#22c55e;border:1px solid #22c55e}.recommendation-badge.buy{background-color:#3b82f633;color:#3b82f6;border:1px solid #3b82f6}.recommendation-badge.watch{background-color:#eab30833;color:#eab308;border:1px solid #eab308}.recommendation-badge.avoid{background-color:#ef444433;color:#ef4444;border:1px solid #ef4444}.stock-price{font-size:2rem;font-weight:700;color:var(--primary-color);margin:1rem 0}.score-section{display:flex;gap:1.5rem;margin:1.5rem 0}.score-circle{width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}.score-inner{width:80px;height:80px;background-color:var(--bg-secondary);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.score-number{font-size:1.75rem;font-weight:700;color:var(--primary-color)}.score-label{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase}.metrics{flex:1;display:flex;flex-direction:column;gap:.75rem}.metric{display:flex;justify-content:space-between;align-items:center}.metric-label{font-size:.875rem;color:var(--text-secondary)}.metric-value{font-weight:600;color:var(--text-primary)}.metric-value.success{color:var(--success-color)}.risk-very-high{color:#dc2626}.risk-high{color:#f97316}.risk-medium{color:#eab308}.risk-low{color:var(--success-color)}.technical-setup{padding:.75rem;background-color:var(--bg-tertiary);border-radius:6px;font-size:.875rem;margin:1rem 0}.catalysts{font-size:.85rem}.catalysts strong{color:var(--text-primary);display:block;margin-bottom:.5rem}.catalysts ul{margin:0;padding-left:1.25rem;color:var(--text-secondary)}.catalysts li{margin:.25rem 0}.single-analysis-view{max-width:800px;margin:0 auto}.search-section{display:flex;gap:1rem;margin-bottom:2rem}.search-section input{flex:1;padding:1rem;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1rem}.search-section input:focus{outline:none;border-color:var(--primary-color)}.search-section button{padding:1rem 2rem;background-color:var(--primary-color);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:background-color .2s}.search-section button:hover:not(:disabled){background-color:var(--primary-hover)}.search-section button:disabled{opacity:.5;cursor:not-allowed}.prediction-result{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:2rem}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--border-color)}.result-header h4{font-size:2rem;color:var(--text-primary);margin:0}.prediction-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin:2rem 0}.detail-card{background-color:var(--bg-tertiary);padding:1rem;border-radius:8px;text-align:center}.detail-label{font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;margin-bottom:.5rem}.detail-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.targets{display:flex;flex-direction:column;gap:1rem;margin:2rem 0}.target-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background-color:var(--bg-tertiary);border-radius:8px;font-size:.95rem;color:var(--text-primary)}.target-item svg{color:var(--primary-color)}.recommendation-box{padding:1.5rem;background-color:var(--bg-primary);border-left:4px solid var(--primary-color);border-radius:8px;margin:2rem 0}.recommendation-box h5{color:var(--primary-color);margin:0 0 1rem;font-size:1.1rem}.recommendation-box p{margin:0;line-height:1.6;color:var(--text-primary)}.disclaimer{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background-color:#ef44441a;border:1px solid var(--error-color);border-radius:8px;font-size:.85rem;color:var(--error-color);margin-top:2rem}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--text-secondary)}.empty-state svg{color:var(--text-tertiary);margin-bottom:1rem}.insight-section{margin:2rem 0;padding:1.5rem;background-color:var(--bg-primary);border-radius:12px;border:1px solid var(--border-color)}.insight-section h5{color:var(--text-primary);margin:0 0 1rem;font-size:1.1rem;font-weight:600}.motivation-text{line-height:1.7;color:var(--text-primary)}.motivation-text p{margin:.75rem 0;padding:.75rem;background-color:var(--bg-tertiary);border-radius:6px;font-size:.9rem}.trends-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.trend-card{background-color:var(--bg-tertiary);padding:1rem;border-radius:8px;border:1px solid var(--border-color);transition:all .2s}.trend-card:hover{border-color:var(--primary-color);transform:translateY(-2px)}.trend-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.trend-period{font-weight:700;color:var(--text-primary);font-size:1rem}.trend-badge{font-size:.65rem;padding:.25rem .5rem;border-radius:12px;font-weight:600;text-transform:uppercase}.trend-badge.strong-uptrend{background-color:#22c55e33;color:#22c55e}.trend-badge.uptrend{background-color:#4ade8033;color:#4ade80}.trend-badge.sideways{background-color:#eab30833;color:#eab308}.trend-badge.downtrend{background-color:#fb923c33;color:#fb923c}.trend-badge.strong-downtrend{background-color:#ef444433;color:#ef4444}.trend-change{font-size:1.5rem;font-weight:700;margin-bottom:.75rem;text-align:center}.trend-change .positive{color:var(--success-color)}.trend-change .negative{color:var(--error-color)}.trend-details{font-size:.8rem}.trend-row{display:flex;justify-content:space-between;padding:.25rem 0;color:var(--text-secondary)}.trend-row span:last-child{color:var(--text-primary);font-weight:500}.insights-list{display:flex;flex-direction:column;gap:1rem}.insight-card{padding:1rem;background-color:var(--bg-tertiary);border-radius:8px;border-left:4px solid var(--border-color)}.insight-card.signal-bullish{border-left-color:var(--success-color);background-color:#22c55e0d}.insight-card.signal-bearish{border-left-color:var(--error-color);background-color:#ef44440d}.insight-card.signal-neutral{border-left-color:#eab308;background-color:#eab3080d}.insight-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.insight-indicator{font-weight:700;color:var(--text-primary);font-size:.95rem}.insight-signal{font-size:.7rem;padding:.25rem .6rem;border-radius:12px;font-weight:600;text-transform:uppercase}.insight-signal.bullish{background-color:#22c55e33;color:#22c55e}.insight-signal.bearish{background-color:#ef444433;color:#ef4444}.insight-signal.neutral{background-color:#eab30833;color:#eab308}.insight-value{font-size:.85rem;color:var(--primary-color);font-weight:600;margin-bottom:.5rem}.insight-interpretation{font-size:.875rem;color:var(--text-primary);margin-bottom:.5rem;line-height:1.5}.insight-context{font-size:.8rem;color:var(--text-secondary);line-height:1.5;margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border-color)}.insight-context em{font-style:normal;opacity:.9}.levels-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.level-card{padding:1rem;background-color:var(--bg-tertiary);border-radius:8px;border:1px solid var(--border-color)}.level-card.support{border-left:4px solid var(--success-color);background-color:#22c55e0d}.level-card.resistance{border-left:4px solid var(--error-color);background-color:#ef44440d}.level-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.level-type{font-weight:700;text-transform:uppercase;font-size:.8rem}.level-card.support .level-type{color:var(--success-color)}.level-card.resistance .level-type{color:var(--error-color)}.level-price{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.level-details{display:flex;flex-direction:column;gap:.75rem}.level-strength{font-size:.85rem;color:var(--text-secondary)}.strength-bar{height:6px;background-color:var(--bg-primary);border-radius:3px;overflow:hidden;margin-top:.5rem}.strength-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--success-color));transition:width .3s ease}.level-info{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-secondary)}.comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.comparison-card{padding:1.25rem;background-color:var(--bg-tertiary);border-radius:8px;text-align:center;border:1px solid var(--border-color)}.comparison-label{font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;margin-bottom:.75rem;font-weight:500}.comparison-value{font-size:1.75rem;font-weight:700}.comparison-value.positive{color:var(--success-color)}.comparison-value.negative{color:var(--error-color)}.comparison-value.warning{color:#f97316}@media (max-width: 768px){.recommendations-grid,.penny-stocks-grid{grid-template-columns:1fr}.prediction-details{grid-template-columns:1fr 1fr}.view-tabs{overflow-x:auto;flex-wrap:nowrap}.dashboard-header{flex-direction:column;align-items:flex-start}.trends-grid,.levels-list,.comparison-grid{grid-template-columns:1fr}.insights-list{font-size:.9rem}}.trading-dashboard{padding:2rem;max-width:1400px;margin:0 auto}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.dashboard-header h2{font-size:2rem;font-weight:700;color:var(--text-primary)}.balance-display{display:flex;align-items:center;gap:.5rem;background:var(--card-background);padding:.75rem 1.5rem;border-radius:12px;border:1px solid var(--border-color);font-size:1.1rem;font-weight:600;color:var(--primary)}.search-box{display:flex;align-items:center;gap:1rem;background:var(--card-background);padding:1rem;border-radius:12px;border:1px solid var(--border-color)}.search-box input{flex:1;background:transparent;border:none;outline:none;font-size:1rem;color:var(--text-primary)}.search-box button{padding:.5rem 1.5rem;background:var(--primary);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s}.search-box button:hover{background:var(--primary-hover);transform:translateY(-1px)}.search-box button:disabled{opacity:.5;cursor:not-allowed}.quote-card{background:var(--card-background);border-radius:16px;border:1px solid var(--border-color);padding:2rem;margin-bottom:2rem}.quote-card.trading-panel-bottom{position:sticky;bottom:0;margin-top:2rem;margin-bottom:0;box-shadow:0 -4px 20px #00000026;border:2px solid var(--primary);background:linear-gradient(135deg,var(--card-background) 0%,rgba(135,206,250,.05) 100%);z-index:100}.quote-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.quote-header h3{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.rank,.rating{background:var(--primary);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:600}.quote-price{display:flex;align-items:center;gap:2rem;margin-bottom:1.5rem}.price,.yield-value{font-size:2.5rem;font-weight:700;color:var(--primary)}.bond-yield,.bond-price{display:flex;flex-direction:column;gap:.25rem}.bond-yield label,.bond-price label{font-size:.875rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.change{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;font-weight:600}.change.positive{background:#26a6411a;color:#26a641}.change.negative{background:#f851491a;color:#f85149}.quote-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1.5rem}.stat{display:flex;flex-direction:column;gap:.25rem}.stat label{font-size:.875rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.stat value{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.trading-form{padding-top:1.5rem;border-top:1px solid var(--border-color)}.input-group{margin-bottom:1rem}.input-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-primary)}.input-group input{width:100%;padding:.75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:1rem;color:var(--text-primary)}.trade-summary{margin-bottom:1rem;padding:1rem;background:var(--bg-secondary);border-radius:8px;text-align:center;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.buy-button{width:100%;padding:1.25rem 1rem;background:linear-gradient(135deg,#26a641,#2ea043);color:#fff;border:none;border-radius:12px;font-size:1.25rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s;box-shadow:0 4px 12px #26a6414d;text-transform:uppercase;letter-spacing:.5px}.buy-button:hover{background:linear-gradient(135deg,#2ea043,#26a641);transform:translateY(-3px);box-shadow:0 8px 24px #26a64180}.buy-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.section{margin-bottom:3rem}.section h3{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem}.crypto-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.crypto-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;padding:1rem;cursor:pointer;transition:all .2s}.crypto-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.crypto-name{font-weight:700;font-size:1.1rem;color:var(--text-primary);margin-bottom:.5rem}.crypto-price{font-size:1rem;color:var(--text-secondary);margin-bottom:.5rem}.crypto-change{display:flex;align-items:center;gap:.25rem;font-weight:600;font-size:.875rem}.positions-table{overflow-x:auto}.positions-table table{width:100%;border-collapse:collapse}.positions-table th{background:var(--bg-secondary);padding:1rem;text-align:left;font-weight:600;color:var(--text-secondary);text-transform:uppercase;font-size:.875rem;letter-spacing:.5px}.positions-table td{padding:1rem;border-top:1px solid var(--border-color);color:var(--text-primary)}.positions-table .positive{color:#26a641}.positions-table .negative{color:#f85149}.sell-btn{padding:.75rem 1.25rem;background:linear-gradient(135deg,#cf222e,#f85149);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:700;font-size:1rem;transition:all .3s;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #cf222e4d}.sell-btn:hover{background:linear-gradient(135deg,#f85149,#cf222e);transform:translateY(-2px);box-shadow:0 4px 12px #cf222e80}.crypto-list{display:flex;flex-direction:column;gap:.5rem}.list-item{display:flex;justify-content:space-between;align-items:center;background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;padding:1rem 1.5rem;cursor:pointer;transition:all .2s}.list-item:hover{border-color:var(--primary);transform:translate(4px)}.item-left{display:flex;align-items:center;gap:1rem}.item-left .rank{background:var(--bg-secondary);color:var(--text-secondary);padding:.25rem .5rem;border-radius:6px;font-size:.875rem;font-weight:600}.item-info{display:flex;flex-direction:column;gap:.25rem}.item-info strong{font-weight:700;color:var(--text-primary)}.item-name{font-size:.875rem;color:var(--text-secondary)}.item-right{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.item-price{font-weight:600;color:var(--text-primary)}.item-change{font-size:.875rem;font-weight:600}.bonds-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.bond-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .2s}.bond-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.bond-name{font-weight:700;font-size:1rem;color:var(--text-primary);margin-bottom:.5rem}.bond-type{display:inline-block;background:var(--primary);color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;margin-bottom:.5rem}.bond-maturity{font-size:.875rem;color:var(--text-secondary)}.yield-curve{display:flex;align-items:flex-end;justify-content:space-around;gap:1rem;padding:2rem;background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;height:300px}.yield-bar{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1}.yield-label{font-size:.875rem;font-weight:600;color:var(--text-secondary)}.yield-bar-container{width:100%;height:200px;background:var(--bg-secondary);border-radius:8px;position:relative;display:flex;align-items:flex-end}.yield-bar-fill{width:100%;background:linear-gradient(180deg,var(--primary),var(--primary-hover));border-radius:8px;transition:height .3s ease}.yield-value{font-size:.875rem;font-weight:700;color:var(--primary)}.auth-prompt{text-align:center;padding:3rem;background:var(--card-background);border:2px dashed var(--border-color);border-radius:16px;margin-top:2rem}.auth-prompt p{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.auth-prompt .note{font-size:1rem;color:var(--text-secondary);font-weight:400}.trading-buttons{display:flex;gap:1rem;margin-top:1rem}.trading-buttons button{flex:1}.auth-prompt-inline{padding:1rem;background:var(--warning-bg, rgba(255, 193, 7, .1));border-radius:8px;text-align:center;margin-top:1rem}.auth-prompt-inline p{margin:0;color:var(--warning, #ffc107);font-weight:500}@media (max-width: 768px){.trading-dashboard{padding:1rem}.dashboard-header,.quote-price{flex-direction:column;align-items:flex-start;gap:1rem}.crypto-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.bonds-grid{grid-template-columns:1fr}.yield-curve{overflow-x:auto}}.achievement-toast-container{position:fixed;top:80px;right:20px;z-index:10000;animation:slideInRight .4s cubic-bezier(.68,-.55,.265,1.55)}.achievement-toast-container.exiting{animation:slideOutRight .3s ease-in-out}@keyframes slideInRight{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(400px);opacity:0}}.achievement-toast{background:linear-gradient(135deg,#fff9e6,#fffacd);border:3px solid #f39c12;border-radius:16px;padding:20px;min-width:350px;max-width:400px;box-shadow:0 8px 32px #f39c1266;position:relative;overflow:hidden}.achievement-toast:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shine 2s infinite}@keyframes shine{0%{left:-100%}50%{left:100%}to{left:100%}}.achievement-toast.tier-bronze{border-color:#cd7f32;background:linear-gradient(135deg,#f4e4d7,#e8d5c4)}.achievement-toast.tier-silver{border-color:silver;background:linear-gradient(135deg,#f0f0f0,#e0e0e0)}.achievement-toast.tier-gold{border-color:gold;background:linear-gradient(135deg,#fff9e6,#ffecb3)}.achievement-toast.tier-platinum{border-color:#e5e4e2;background:linear-gradient(135deg,#f8f8f8,#e8e8e8)}.achievement-toast.tier-diamond{border-color:#b9f2ff;background:linear-gradient(135deg,#e6f9ff,#d4f1f9)}.achievement-toast-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.achievement-toast-trophy{width:20px;height:20px;color:#f39c12;animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.achievement-toast-title{flex:1;font-weight:700;font-size:14px;color:#2c3e50;text-transform:uppercase;letter-spacing:.5px}.achievement-toast-close{background:transparent;border:none;cursor:pointer;color:#7f8c8d;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s}.achievement-toast-close:hover{background:#0000001a}.achievement-toast-content{display:flex;align-items:flex-start;gap:15px}.achievement-toast-icon{font-size:48px;flex-shrink:0;animation:popIn .5s cubic-bezier(.68,-.55,.265,1.55)}@keyframes popIn{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.achievement-toast-info{flex:1}.achievement-toast-name{font-size:16px;font-weight:700;color:#2c3e50;margin-bottom:4px}.achievement-toast-description{font-size:13px;color:#7f8c8d;margin-bottom:8px;line-height:1.4}.achievement-toast-meta{display:flex;align-items:center;gap:10px}.achievement-toast-tier{padding:3px 8px;border-radius:8px;font-size:10px;font-weight:700}.achievement-toast-tier.bronze{background:#cd7f32;color:#fff}.achievement-toast-tier.silver{background:silver;color:#333}.achievement-toast-tier.gold{background:gold;color:#333}.achievement-toast-tier.platinum{background:#e5e4e2;color:#333}.achievement-toast-tier.diamond{background:#b9f2ff;color:#333}.achievement-toast-xp{color:#f39c12;font-weight:700;font-size:13px}.achievement-toast-sparkles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.sparkle{position:absolute;font-size:20px;animation:sparkle 2s infinite;opacity:0}.sparkle:nth-child(1){top:20%;left:10%;animation-delay:0s}.sparkle:nth-child(2){top:60%;left:20%;animation-delay:.3s}.sparkle:nth-child(3){top:30%;right:15%;animation-delay:.6s}.sparkle:nth-child(4){top:70%;right:25%;animation-delay:.9s}.sparkle:nth-child(5){top:50%;right:10%;animation-delay:1.2s}@keyframes sparkle{0%{opacity:0;transform:scale(0) rotate(0)}50%{opacity:1;transform:scale(1) rotate(180deg)}to{opacity:0;transform:scale(0) rotate(360deg)}}@media (max-width: 768px){.achievement-toast-container{right:10px;left:10px}.achievement-toast{min-width:auto;max-width:none}}.skill-tree{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 12px #00000014}.skill-tree-header{margin-bottom:30px}.skill-tree-header h2{margin:0 0 10px;font-size:28px;color:#2c3e50}.skill-tree-header p{margin:0;color:#7f8c8d;font-size:15px}.skill-categories{display:flex;flex-direction:column;gap:30px}.skill-category{background:#f8f9fa;border-radius:12px;padding:20px}.skill-category-header{display:flex;align-items:center;gap:15px;margin-bottom:20px;padding-left:15px;border-left:4px solid}.skill-category-icon{display:flex;align-items:center;justify-content:center}.skill-category-header h3{flex:1;margin:0;font-size:20px;color:#2c3e50}.skill-category-progress{background:#fff;padding:6px 14px;border-radius:12px;font-size:13px;font-weight:600;color:#7f8c8d}.skill-nodes{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px}.skill-node{background:#fff;border:3px solid;border-radius:12px;padding:15px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .3s;position:relative}.skill-node.unlocked:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000001a}.skill-node.locked{opacity:.6;cursor:not-allowed;background:#f8f9fa}.skill-node.unavailable{opacity:.4;cursor:not-allowed;filter:grayscale(1)}.skill-node-icon{font-size:40px;flex-shrink:0}.skill-node-content{flex:1;min-width:0}.skill-node-name{font-weight:700;font-size:15px;color:#2c3e50;margin-bottom:4px}.skill-node-level{font-size:13px;margin-bottom:6px}.level-current{color:#667eea;font-weight:700}.level-max{color:#95a5a6;font-weight:600}.level-locked{color:#95a5a6;font-weight:600;display:flex;align-items:center;gap:4px}.skill-progress-bar{height:6px;background:#ecf0f1;border-radius:3px;overflow:hidden}.skill-progress-fill{height:100%;border-radius:3px;transition:width .5s ease}.skill-prerequisite-warning{position:absolute;bottom:-30px;left:50%;transform:translate(-50%);background:#e74c3c;color:#fff;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s}.skill-node.unavailable:hover .skill-prerequisite-warning{opacity:1}.skill-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .2s}.skill-modal{background:#fff;border-radius:16px;max-width:500px;width:100%;max-height:80vh;overflow-y:auto;animation:slideUp .3s cubic-bezier(.68,-.55,.265,1.55)}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.skill-modal-header{display:flex;align-items:flex-start;gap:15px;padding:25px;border-bottom:2px solid #ecf0f1}.skill-modal-icon{font-size:60px;flex-shrink:0}.skill-modal-title{flex:1;min-width:0}.skill-modal-title h3{margin:0 0 8px;font-size:22px;color:#2c3e50}.skill-modal-title p{margin:0;color:#7f8c8d;font-size:14px;line-height:1.5}.skill-modal-close{background:transparent;border:none;font-size:24px;color:#95a5a6;cursor:pointer;padding:5px;line-height:1;transition:color .2s;flex-shrink:0}.skill-modal-close:hover{color:#e74c3c}.skill-modal-body{padding:25px}.skill-level-display{margin-bottom:25px}.skill-level-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.skill-level-label{font-size:14px;color:#7f8c8d;font-weight:600}.skill-level-value{font-size:24px;font-weight:700;color:#667eea}.skill-level-bar{height:16px;background:#ecf0f1;border-radius:8px;overflow:hidden}.skill-level-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:8px;transition:width .5s ease}.skill-benefits{margin-bottom:25px}.skill-benefits h4{margin:0 0 15px;font-size:16px;color:#2c3e50}.skill-benefits-list{display:flex;flex-direction:column;gap:10px}.skill-benefit{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;font-size:14px}.skill-benefit.unlocked{background:#d5f4e6;color:#27ae60;font-weight:600}.skill-benefit.locked{background:#f8f9fa;color:#7f8c8d}.benefit-icon{font-weight:700;font-size:16px;flex-shrink:0}.skill-how-to-level{background:#f8f9fa;padding:15px;border-radius:8px;border-left:4px solid #667eea}.skill-how-to-level h4{margin:0 0 10px;font-size:14px;color:#2c3e50;font-weight:700}.skill-how-to-level p{margin:0;color:#7f8c8d;font-size:13px;line-height:1.6}@media (max-width: 768px){.skill-tree{padding:20px}.skill-nodes{grid-template-columns:1fr}.skill-category-header{flex-wrap:wrap}.skill-modal{max-height:90vh}.skill-modal-header,.skill-modal-body{padding:20px}}.simuinvest-dashboard{max-width:1400px;margin:0 auto;padding:20px}.simuinvest-loading,.simuinvest-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.simuinvest-loading p{margin-top:20px;color:#666;font-size:16px}.simuinvest-error p{color:#e74c3c;font-size:16px;margin-bottom:20px}.simuinvest-error button{padding:10px 24px;background:#3498db;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background .2s}.simuinvest-error button:hover{background:#2980b9}.simuinvest-hero{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:40px;margin-bottom:30px;color:#fff;box-shadow:0 4px 20px #667eea4d}.hero-content h1{font-size:42px;margin:0 0 10px;font-weight:700}.hero-subtitle{font-size:18px;opacity:.95;margin:0 0 30px}.hero-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-top:30px}.stat-card{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:20px;display:flex;align-items:center;gap:15px;transition:transform .2s,background .2s}.stat-card:hover{background:#fff3;transform:translateY(-2px)}.stat-icon{width:36px;height:36px;color:#ffffffe6}.stat-icon.streak{color:#ff9800}.stat-content{flex:1}.stat-value{font-size:28px;font-weight:700;line-height:1;margin-bottom:4px}.stat-label{font-size:13px;opacity:.85;text-transform:uppercase;letter-spacing:.5px}.level-card{background:#fff;border-radius:12px;padding:30px;margin-bottom:30px;box-shadow:0 2px 12px #00000014}.level-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.level-info{display:flex;align-items:center;gap:15px}.level-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:8px 20px;border-radius:20px;font-weight:700;font-size:16px}.level-title{font-size:22px;font-weight:600;color:#2c3e50}.xp-info{display:flex;align-items:center;gap:8px;background:#fff9e6;padding:8px 16px;border-radius:20px}.xp-icon{width:20px;height:20px;color:#f39c12}.xp-text{font-weight:600;color:#f39c12;font-size:16px}.level-progress-container{margin-bottom:20px}.level-progress-bar{height:16px;background:#ecf0f1;border-radius:10px;overflow:hidden;margin-bottom:8px}.level-progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:10px;transition:width .5s ease;position:relative}.level-progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.level-progress-text{text-align:center;color:#7f8c8d;font-size:13px}.level-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;padding-top:20px;border-top:2px solid #ecf0f1}.level-stat{display:flex;justify-content:space-between;align-items:center}.level-stat-label{color:#7f8c8d;font-size:14px}.level-stat-value{font-weight:700;font-size:16px;color:#2c3e50}.level-stat-value.success{color:#27ae60}.level-stat-value.highlight{color:#667eea}.simuinvest-tabs{display:flex;gap:10px;margin-bottom:30px;flex-wrap:wrap;background:#fff;padding:15px;border-radius:12px;box-shadow:0 2px 12px #00000014}.tab-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:transparent;border:2px solid #ecf0f1;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;color:#7f8c8d;transition:all .2s;position:relative}.tab-btn:hover{background:#f8f9fa;border-color:#667eea;color:#667eea}.tab-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff}.tab-badge{position:absolute;top:-8px;right:-8px;background:#e74c3c;color:#fff;font-size:11px;font-weight:700;padding:3px 7px;border-radius:12px;min-width:20px;text-align:center}.simuinvest-content{min-height:400px}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:25px}.overview-section{background:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 12px #00000014}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h3{display:flex;align-items:center;gap:10px;margin:0;font-size:18px;color:#2c3e50}.section-badge{background:#667eea;color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.quests-mini{display:flex;flex-direction:column;gap:15px}.quest-mini-card{display:flex;align-items:center;gap:15px;padding:15px;background:#f8f9fa;border-radius:10px;border-left:4px solid #667eea;transition:transform .2s}.quest-mini-card:hover{transform:translate(5px)}.quest-mini-card.completed{background:#e8f8f5;border-left-color:#27ae60;opacity:.8}.quest-mini-icon{font-size:32px;flex-shrink:0}.quest-mini-content{flex:1;min-width:0}.quest-mini-name{font-weight:600;font-size:14px;color:#2c3e50;margin-bottom:6px}.quest-mini-progress{display:flex;align-items:center;gap:10px}.quest-mini-bar{flex:1;height:6px;background:#e0e0e0;border-radius:3px;overflow:hidden}.quest-mini-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease}.quest-mini-card.completed .quest-mini-fill{background:#27ae60}.quest-mini-text{font-size:12px;color:#7f8c8d;white-space:nowrap}.quest-mini-reward{font-weight:700;color:#f39c12;font-size:13px;white-space:nowrap}.achievements-mini{display:flex;flex-direction:column;gap:12px}.achievement-mini-card{display:flex;align-items:center;gap:12px;padding:12px;background:linear-gradient(135deg,#fff9e6,#fff3cd);border-radius:10px;border:2px solid #f39c12}.achievement-mini-icon{font-size:28px;flex-shrink:0}.achievement-mini-content{flex:1}.achievement-mini-name{font-weight:700;font-size:14px;color:#2c3e50;margin-bottom:3px}.achievement-mini-desc{font-size:12px;color:#7f8c8d}.achievement-tier{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase}.achievement-tier.bronze{background:#cd7f32;color:#fff}.achievement-tier.silver{background:silver;color:#333}.achievement-tier.gold{background:gold;color:#333}.achievement-tier.platinum{background:#e5e4e2;color:#333}.achievement-tier.diamond{background:#b9f2ff;color:#333}.quick-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.quick-stat{text-align:center;padding:15px;background:#f8f9fa;border-radius:10px}.quick-stat-label{display:block;font-size:12px;color:#7f8c8d;margin-bottom:8px}.quick-stat-value{display:block;font-size:24px;font-weight:700;color:#2c3e50}.notifications-mini{display:flex;flex-direction:column;gap:12px}.notification-mini-card{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#f8f9fa;border-radius:8px}.notification-icon{font-size:24px;flex-shrink:0}.notification-content{flex:1}.notification-title{font-weight:600;font-size:13px;color:#2c3e50;margin-bottom:3px}.notification-message{font-size:12px;color:#7f8c8d}.quests-tab{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 12px #00000014}.quests-header{margin-bottom:30px}.quests-header h2{margin:0 0 10px;font-size:28px;color:#2c3e50}.quests-header p{margin:0;color:#7f8c8d;font-size:15px}.quests-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.quest-card{background:#fff;border:2px solid #ecf0f1;border-radius:12px;padding:20px;transition:all .3s}.quest-card:hover{transform:translateY(-4px);box-shadow:0 6px 20px #0000001a}.quest-card.difficulty-easy{border-left:4px solid #27ae60}.quest-card.difficulty-medium{border-left:4px solid #f39c12}.quest-card.difficulty-hard{border-left:4px solid #e74c3c}.quest-card.completed{background:#f0f9ff;border-color:#27ae60}.quest-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.quest-icon-large{font-size:48px}.quest-difficulty-badge{padding:5px 12px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase}.quest-card.difficulty-easy .quest-difficulty-badge{background:#d5f4e6;color:#27ae60}.quest-card.difficulty-medium .quest-difficulty-badge{background:#fff3cd;color:#f39c12}.quest-card.difficulty-hard .quest-difficulty-badge{background:#ffe6e6;color:#e74c3c}.quest-card-content{margin-bottom:15px}.quest-name{font-size:18px;font-weight:700;color:#2c3e50;margin:0 0 8px}.quest-description{font-size:14px;color:#7f8c8d;margin:0 0 15px;line-height:1.5}.quest-progress-section{margin-top:12px}.quest-progress-bar-large{height:12px;background:#ecf0f1;border-radius:6px;overflow:hidden;margin-bottom:8px}.quest-progress-fill-large{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .5s ease}.quest-card.completed .quest-progress-fill-large{background:#27ae60}.quest-progress-label{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#7f8c8d}.quest-complete-badge{color:#27ae60;font-weight:700}.quest-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:15px;border-top:2px solid #ecf0f1}.quest-reward{display:flex;align-items:center;gap:6px;color:#f39c12;font-weight:700;font-size:15px}.achievements-tab{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 12px #00000014}.achievements-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:20px}.achievements-header h2{margin:0;font-size:28px;color:#2c3e50}.achievements-filters{display:flex;gap:10px;flex-wrap:wrap}.filter-btn{padding:8px 16px;background:#fff;border:2px solid #ecf0f1;border-radius:20px;cursor:pointer;font-size:13px;font-weight:600;color:#7f8c8d;transition:all .2s;text-transform:capitalize}.filter-btn:hover{border-color:#667eea;color:#667eea}.filter-btn.active{background:#667eea;border-color:#667eea;color:#fff}.achievement-category{margin-bottom:40px}.category-title{font-size:22px;color:#2c3e50;margin:0 0 20px;text-transform:capitalize}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.achievement-card{background:#fff;border:2px solid #ecf0f1;border-radius:12px;padding:20px;text-align:center;transition:all .3s;position:relative}.achievement-card.unlocked{background:linear-gradient(135deg,#fff9e6,#fffacd);border-color:#f39c12}.achievement-card.locked{opacity:.6;filter:grayscale(.5)}.achievement-card:hover{transform:translateY(-4px);box-shadow:0 6px 20px #0000001a}.achievement-icon-wrapper{position:relative;display:inline-block;margin-bottom:15px}.achievement-icon-large{font-size:64px}.achievement-unlocked-badge{position:absolute;top:-5px;right:-5px;background:#27ae60;color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;border:3px solid white}.achievement-content{text-align:center}.achievement-name{font-size:16px;font-weight:700;color:#2c3e50;margin:0 0 8px}.achievement-description{font-size:13px;color:#7f8c8d;margin:0 0 12px;line-height:1.5}.achievement-meta{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:8px}.achievement-tier-badge{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:700}.achievement-tier-badge.bronze{background:#cd7f32;color:#fff}.achievement-tier-badge.silver{background:silver;color:#333}.achievement-tier-badge.gold{background:gold;color:#333}.achievement-tier-badge.platinum{background:#e5e4e2;color:#333}.achievement-tier-badge.diamond{background:#b9f2ff;color:#333}.achievement-xp{color:#f39c12;font-weight:700;font-size:13px}.achievement-date{font-size:11px;color:#95a5a6;margin-top:8px}.tutorials-tab{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 12px #00000014}.tutorials-header{margin-bottom:30px}.tutorials-header h2{margin:0 0 10px;font-size:28px;color:#2c3e50}.tutorials-header p{margin:0;color:#7f8c8d;font-size:15px}.learning-path{margin-bottom:40px;padding-bottom:40px;border-bottom:2px solid #ecf0f1}.learning-path:last-child{border-bottom:none}.learning-path-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;flex-wrap:wrap;gap:20px}.learning-path-info h3{font-size:22px;color:#2c3e50;margin:0 0 8px}.learning-path-info p{margin:0;color:#7f8c8d;font-size:14px}.learning-path-stats{display:flex;align-items:center;gap:20px}.path-progress{display:flex;align-items:center;gap:15px}.path-progress-circle{width:80px;height:80px}.circular-chart{display:block;max-width:100%;max-height:100%}.circle-bg{fill:none;stroke:#ecf0f1;stroke-width:3.8}.circle{fill:none;stroke:#667eea;stroke-width:3.8;stroke-linecap:round;animation:progress 1s ease-out forwards}@keyframes progress{0%{stroke-dasharray:0 100}}.percentage{fill:#2c3e50;font-size:.5em;font-weight:700;text-anchor:middle}.path-xp{color:#f39c12;font-weight:700;font-size:16px}.tutorials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.tutorial-card{background:#fff;border:2px solid #ecf0f1;border-radius:12px;padding:20px;transition:all .3s}.tutorial-card:hover:not(.locked){transform:translateY(-4px);box-shadow:0 6px 20px #0000001a}.tutorial-card.completed{background:#f0f9ff;border-color:#27ae60}.tutorial-card.locked{opacity:.5;cursor:not-allowed}.tutorial-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.tutorial-difficulty{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase}.tutorial-difficulty.beginner{background:#d5f4e6;color:#27ae60}.tutorial-difficulty.intermediate{background:#fff3cd;color:#f39c12}.tutorial-difficulty.advanced{background:#ffe6e6;color:#e74c3c}.tutorial-complete{color:#27ae60;font-size:20px}.tutorial-locked{font-size:18px}.tutorial-title{font-size:18px;font-weight:700;color:#2c3e50;margin:0 0 10px}.tutorial-description{font-size:14px;color:#7f8c8d;margin:0 0 15px;line-height:1.5}.tutorial-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:13px}.tutorial-time{color:#7f8c8d}.tutorial-xp{color:#f39c12;font-weight:700}.tutorial-btn{width:100%;padding:10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s}.tutorial-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.tutorial-btn:disabled{background:#95a5a6;cursor:not-allowed;opacity:.6}.tutorial-card.completed .tutorial-btn{background:#27ae60}.leaderboard-tab{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 12px #00000014}.leaderboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:20px}.leaderboard-header h2{margin:0;font-size:28px;color:#2c3e50}.leaderboard-filters{display:flex;gap:10px}.leaderboard-table{overflow-x:auto}.leaderboard-table table{width:100%;border-collapse:collapse}.leaderboard-table thead{background:#f8f9fa}.leaderboard-table th{padding:15px;text-align:left;font-size:13px;font-weight:700;color:#7f8c8d;text-transform:uppercase;letter-spacing:.5px}.leaderboard-table td{padding:15px;border-bottom:1px solid #ecf0f1;font-size:14px;color:#2c3e50}.leaderboard-table tr:hover{background:#f8f9fa}.leaderboard-table tr.current-user{background:linear-gradient(90deg,#fff9e6,transparent);border-left:4px solid #f39c12}.rank-cell{font-weight:700}.rank-medal{font-size:24px}.rank-number{color:#7f8c8d;font-weight:600}.level-cell{text-align:center}.level-badge-small{display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:700}.title-cell{font-weight:600}.highlight{color:#667eea;font-weight:700}.success{color:#27ae60;font-weight:700}.streak{color:#ff9800;font-weight:700}.empty-message{text-align:center;color:#95a5a6;padding:40px 20px;font-size:15px}.challenges-tab{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 12px #00000014}.challenges-header{margin-bottom:30px}.challenges-header h2{margin:0 0 10px;font-size:28px;color:#2c3e50}.challenges-header p{margin:0 0 20px;color:#7f8c8d;font-size:15px}.challenges-filters{display:flex;gap:10px;flex-wrap:wrap}.challenges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:25px}.challenge-card{background:#fff;border:3px solid #ecf0f1;border-radius:16px;padding:25px;transition:all .3s}.challenge-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.challenge-card.difficulty-beginner{border-left:5px solid #27ae60}.challenge-card.difficulty-intermediate{border-left:5px solid #f39c12}.challenge-card.difficulty-advanced{border-left:5px solid #e74c3c}.challenge-card.in-progress{background:linear-gradient(135deg,#fff9e6,#fff);border-color:#f39c12}.challenge-card.completed{background:linear-gradient(135deg,#d5f4e6,#fff);border-color:#27ae60}.challenge-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.challenge-icon-large{font-size:56px}.challenge-difficulty-badge{padding:6px 14px;border-radius:12px;font-size:12px;font-weight:700;text-transform:uppercase}.challenge-difficulty-badge.beginner{background:#d5f4e6;color:#27ae60}.challenge-difficulty-badge.intermediate{background:#fff3cd;color:#f39c12}.challenge-difficulty-badge.advanced{background:#ffe6e6;color:#e74c3c}.challenge-card-content{margin-bottom:20px}.challenge-name{font-size:20px;font-weight:700;color:#2c3e50;margin:0 0 10px}.challenge-description{font-size:14px;color:#7f8c8d;margin:0 0 20px;line-height:1.6}.challenge-milestones{margin-bottom:20px}.challenge-milestones h4{font-size:14px;color:#2c3e50;margin:0 0 12px;font-weight:700}.milestone{display:flex;align-items:center;gap:12px;padding:10px;background:#f8f9fa;border-radius:8px;margin-bottom:8px}.milestone.completed{background:#d5f4e6}.milestone-icon{width:32px;height:32px;border-radius:50%;background:#ecf0f1;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#7f8c8d;flex-shrink:0}.milestone.completed .milestone-icon{background:#27ae60;color:#fff}.milestone-content{flex:1;min-width:0}.milestone-name{font-size:13px;font-weight:600;color:#2c3e50}.milestone-reward{font-size:12px;color:#f39c12;font-weight:700}.milestone-completed-badge{font-size:11px;color:#27ae60;font-weight:700;background:#fff;padding:4px 8px;border-radius:8px}.challenge-overall-progress{margin-top:15px}.progress-label{display:flex;justify-content:space-between;font-size:13px;color:#7f8c8d;margin-bottom:8px;font-weight:600}.progress-bar-large{height:14px;background:#ecf0f1;border-radius:7px;overflow:hidden}.progress-fill-large{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .5s ease}.challenge-card.completed .progress-fill-large{background:#27ae60}.challenge-requirements h4{font-size:14px;color:#2c3e50;margin:0 0 10px;font-weight:700}.challenge-requirements p{font-size:13px;color:#7f8c8d;line-height:1.6;margin:0}.challenge-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:2px solid #ecf0f1}.challenge-reward{display:flex;align-items:center;gap:8px;color:#f39c12;font-weight:700;font-size:16px}.challenge-start-btn{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s}.challenge-start-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.challenge-status{padding:8px 16px;border-radius:8px;font-size:13px;font-weight:700}.challenge-status.in-progress{background:#fff3cd;color:#f39c12}.challenge-status.completed{background:#d5f4e6;color:#27ae60}@media (max-width: 768px){.simuinvest-dashboard{padding:15px}.simuinvest-hero{padding:25px}.hero-content h1{font-size:32px}.hero-stats{grid-template-columns:repeat(2,1fr)}.level-card{padding:20px}.level-header{flex-direction:column;align-items:flex-start;gap:15px}.level-stats{grid-template-columns:1fr}.simuinvest-tabs{overflow-x:auto;flex-wrap:nowrap}.overview-grid,.quests-grid,.achievements-grid,.tutorials-grid,.challenges-grid{grid-template-columns:1fr}.leaderboard-table{font-size:12px}.leaderboard-table th,.leaderboard-table td{padding:10px 8px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.tutorial-modal{background:#fff;border-radius:12px;max-width:800px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #0000004d}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid #e0e0e0}.modal-header h2{margin:0;font-size:24px;color:#333}.modal-close{background:none;border:none;font-size:32px;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s}.modal-close:hover{color:#333}.modal-body{padding:32px;overflow-y:auto;flex:1}.tutorial-content h3{color:#333;margin-bottom:16px;font-size:20px}.tutorial-content p{color:#666;line-height:1.8;font-size:16px;margin-bottom:24px}.tutorial-navigation{margin-top:32px;padding-top:24px;border-top:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.section-progress{color:#666;font-size:14px}.nav-buttons{display:flex;gap:12px}.btn-primary,.btn-secondary{padding:10px 24px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-secondary{background:#f5f5f5;color:#666}.btn-secondary:hover:not(:disabled){background:#e0e0e0}.btn-primary:disabled,.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.tutorial-quiz h3{color:#333;margin-bottom:8px;font-size:22px}.tutorial-quiz>p{color:#666;margin-bottom:32px}.quiz-question{background:#f9f9f9;padding:24px;border-radius:8px;margin-bottom:24px}.quiz-question h4{color:#333;margin-bottom:16px;font-size:16px}.quiz-options{display:flex;flex-direction:column;gap:12px}.quiz-option{padding:12px 16px;background:#fff;border:2px solid #e0e0e0;border-radius:6px;text-align:left;cursor:pointer;transition:all .2s;font-size:14px;color:#333}.quiz-option:hover:not(:disabled){border-color:#667eea;background:#f0f4ff}.quiz-option.selected{border-color:#667eea;background:#e8edff}.quiz-option.correct{border-color:#27ae60;background:#e8f5e9;color:#27ae60}.quiz-option.incorrect{border-color:#e74c3c;background:#ffebee;color:#e74c3c}.quiz-option:disabled{cursor:not-allowed}.quiz-explanation{margin-top:12px;padding:12px;background:#fff9e6;border-left:3px solid #f39c12;border-radius:4px;font-size:14px;color:#666}.quiz-explanation strong{color:#333}.submit-quiz{width:100%;margin-top:24px;padding:14px;font-size:16px}.quiz-results{text-align:center;padding:40px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:8px;margin-top:24px}.quiz-results h3{margin-bottom:8px;font-size:24px;color:#fff}.quiz-results p{color:#ffffffe6;font-size:16px}.broker-connection-manager{padding:2rem;max-width:1400px;margin:0 auto;animation:fadeIn .4s ease-in}.connection-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.connection-header h2{display:flex;align-items:center;gap:.75rem;margin:0 0 .5rem;color:var(--text-primary);font-size:2rem}.connection-header p{color:var(--text-secondary);margin:0;font-size:1rem}.refresh-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:.75rem 1.5rem;color:var(--text-primary);cursor:pointer;transition:all .2s;font-weight:600}.refresh-btn:hover{background:var(--bg-hover);transform:translateY(-2px)}.error-banner{display:flex;align-items:center;gap:1rem;background:#ff52521a;border:1px solid #FF5252;border-radius:8px;padding:1rem;margin-bottom:2rem;color:#ff5252}.error-banner button{margin-left:auto;background:transparent;border:none;color:#ff5252;font-size:1.25rem;cursor:pointer;padding:.25rem .5rem}.broker-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:2rem;margin-bottom:3rem}.broker-card{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:16px;padding:2rem;transition:all .3s ease;animation:slideIn .4s ease-out}.broker-card.connected{border-color:var(--primary-color);box-shadow:0 4px 20px #2196f333}.broker-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0003}.broker-card-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.broker-icon{font-size:3rem;min-width:60px;text-align:center}.broker-title h3{margin:0 0 .25rem;color:var(--text-primary);font-size:1.5rem}.broker-title p{margin:0;color:var(--text-secondary);font-size:.875rem}.connection-badge{margin-left:auto;display:flex;align-items:center;gap:.5rem;background:#4caf5033;color:#4caf50;padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.875rem}.broker-features{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.feature-tag{background:#2196f31a;color:var(--primary-color);padding:.4rem .8rem;border-radius:12px;font-size:.75rem;font-weight:600;border:1px solid rgba(33,150,243,.3)}.broker-actions{display:flex;flex-direction:column;gap:1rem}.connect-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;background:var(--primary-color);color:#fff;border:none;border-radius:10px;padding:1rem 1.5rem;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s}.connect-btn:hover{background:var(--primary-hover);transform:scale(1.02)}.broker-links{display:flex;justify-content:space-around;gap:1rem}.broker-links a{color:var(--text-secondary);text-decoration:none;font-size:.875rem;transition:color .2s}.broker-links a:hover{color:var(--primary-color)}.connection-details{display:flex;flex-direction:column;gap:1.5rem}.mode-selector{background:#ffffff08;padding:1rem;border-radius:10px}.mode-selector label{display:block;color:var(--text-secondary);font-size:.875rem;font-weight:600;margin-bottom:.75rem}.mode-buttons{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.mode-btn{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:8px;padding:.75rem 1rem;color:var(--text-primary);font-weight:600;cursor:pointer;transition:all .2s}.mode-btn:disabled{opacity:.5;cursor:not-allowed}.mode-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.mode-btn:not(.active):not(:disabled):hover{border-color:var(--primary-color);background:#2196f31a}.account-info{background:#ffffff08;padding:1rem;border-radius:10px}.info-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border-color)}.info-row:last-child{border-bottom:none}.info-row .label{color:var(--text-secondary);font-size:.875rem}.info-row .value{color:var(--text-primary);font-weight:700;font-size:1.125rem}.kyc-banner{display:flex;align-items:flex-start;gap:1rem;background:linear-gradient(135deg,#2196f31a,#2196f30d);border:1px solid rgba(33,150,243,.3);border-radius:10px;padding:1rem;color:var(--text-primary)}.kyc-banner strong{display:block;margin-bottom:.25rem;color:var(--primary-color)}.kyc-banner p{margin:0;font-size:.875rem;color:var(--text-secondary)}.kyc-status{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:8px;font-weight:600;font-size:.875rem}.kyc-status.pending{background:#ffc1071a;color:#ffc107;border:1px solid rgba(255,193,7,.3)}.kyc-status.approved{background:#4caf501a;color:#4caf50;border:1px solid rgba(76,175,80,.3)}.disconnect-btn{background:transparent;border:1px solid #FF5252;color:#ff5252;border-radius:8px;padding:.75rem 1rem;font-weight:600;cursor:pointer;transition:all .2s}.disconnect-btn:hover{background:#ff52521a}.info-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.info-card{display:flex;gap:1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.info-card svg{color:var(--primary-color);min-width:24px}.info-card h4{margin:0 0 .75rem;color:var(--text-primary);font-size:1.125rem}.info-card p{margin:0 0 .5rem;color:var(--text-secondary);font-size:.875rem;line-height:1.5}.info-card p:last-child{margin-bottom:0}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-in}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--border-color)}.modal-header h3{margin:0;color:var(--text-primary);font-size:1.5rem}.modal-close{background:transparent;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .2s}.modal-close:hover{background:#ffffff1a;color:var(--text-primary)}.modal-body{padding:2rem}.modal-description{color:var(--text-secondary);margin:0 0 2rem;line-height:1.6}.form-group{margin-bottom:1.5rem}.form-group label{display:block;color:var(--text-primary);font-weight:600;margin-bottom:.5rem;font-size:.875rem}.api-input{width:100%;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:.875rem;color:var(--text-primary);font-size:1rem;transition:all .2s}.api-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2196f31a}.mode-selector-modal{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.mode-option{display:flex;align-items:center;gap:1rem;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:10px;padding:1rem;text-align:left;cursor:pointer;transition:all .2s}.mode-option:hover{border-color:var(--primary-color)}.mode-option.selected{border-color:var(--primary-color);background:#2196f31a}.mode-icon{font-size:2rem}.mode-option strong{display:block;color:var(--text-primary);margin-bottom:.25rem}.mode-option p{margin:0;color:var(--text-secondary);font-size:.75rem}.security-notice{display:flex;gap:1rem;background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:10px;padding:1rem;margin-top:1.5rem}.security-notice svg{color:#ffc107;min-width:20px}.security-notice strong{display:block;color:#ffc107;margin-bottom:.25rem}.security-notice p{margin:0;color:var(--text-secondary);font-size:.875rem}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;border-top:1px solid var(--border-color)}.cancel-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-primary);border-radius:8px;padding:.75rem 1.5rem;font-weight:600;cursor:pointer;transition:all .2s}.cancel-btn:hover{background:var(--bg-hover)}.submit-btn{background:var(--primary-color);border:none;color:#fff;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;cursor:pointer;transition:all .2s}.submit-btn:hover:not(:disabled){background:var(--primary-hover)}.submit-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.broker-connection-manager{padding:1rem}.broker-cards-grid,.mode-selector-modal,.info-section{grid-template-columns:1fr}}.ai-trading-assistant{padding:2rem;max-width:1200px;margin:0 auto;animation:fadeIn .4s ease-in}.assistant-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding:1.5rem;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color)}.header-icon{background:linear-gradient(135deg,#667eea,#764ba2);width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.assistant-header h2{margin:0;color:var(--text-primary);font-size:1.5rem}.assistant-header p{margin:.25rem 0 0;color:var(--text-secondary);font-size:.875rem}.refresh-analysis-btn{margin-left:auto;background:var(--primary-color);border:none;border-radius:8px;padding:.75rem 1.5rem;color:#fff;font-weight:600;cursor:pointer;transition:all .2s}.refresh-analysis-btn:hover{background:var(--primary-hover);transform:scale(1.05)}.signal-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-left:4px solid;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 20px #0003;animation:slideIn .5s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.signal-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem}.signal-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:50%}.signal-header h3{margin:0;font-size:1.75rem;font-weight:700}.signal-subtitle{margin:.25rem 0 0;color:var(--text-secondary);font-size:.875rem}.confidence-badge{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.confidence-meter{width:150px;height:8px;background:#ffffff1a;border-radius:10px;overflow:hidden}.confidence-fill{height:100%;transition:width .5s ease-out;border-radius:10px}.confidence-badge span{font-weight:700;font-size:1.125rem;color:var(--text-primary)}.price-targets{display:flex;align-items:center;justify-content:center;gap:2rem;margin:2rem 0;padding:1.5rem;background:#ffffff08;border-radius:10px}.price-box{display:flex;flex-direction:column;align-items:center;padding:1rem 2rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;min-width:150px}.price-box.predicted{border-color:var(--primary-color);box-shadow:0 0 20px #2196f333}.price-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.price-value{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.price-change{font-size:.875rem;font-weight:600}.price-arrow{font-size:2rem;color:var(--text-secondary)}.target-levels{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.level-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#ffffff08;border-radius:8px;border:1px solid var(--border-color)}.level-item.target{border-left:3px solid #4CAF50}.level-item.stop-loss{border-left:3px solid #FF5252}.level-item.timeframe{border-left:3px solid #FFC107}.level-item strong{color:var(--text-primary)}.analysis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;margin-bottom:2rem}.analysis-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;animation:fadeInUp .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.panel-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;color:var(--primary-color)}.panel-header h4{margin:0;color:var(--text-primary);font-size:1.125rem}.technical-indicators{display:flex;flex-direction:column;gap:1.25rem}.indicator-row{display:grid;grid-template-columns:80px 1fr auto;align-items:center;gap:1rem}.indicator-name{font-weight:600;color:var(--text-secondary);font-size:.875rem}.indicator-value-bar{display:flex;align-items:center;gap:.75rem}.rsi-bar{flex:1;height:8px;background:#ffffff1a;border-radius:10px;overflow:hidden}.rsi-fill{height:100%;transition:width .5s ease-out;border-radius:10px}.indicator-value{font-weight:700;color:var(--text-primary);min-width:40px}.indicator-signal{font-size:.75rem;padding:.25rem .75rem;border-radius:12px;background:#ffffff1a;color:var(--text-secondary);font-weight:600}.trend-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.875rem}.trend-badge.bullish{background:#4caf5033;color:#4caf50}.trend-badge.bearish{background:#ff525233;color:#ff5252}.trend-badge.neutral{background:#ffc10733;color:#ffc107}.volume-badge{padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.875rem}.volume-badge.increasing{background:#4caf5033;color:#4caf50}.volume-badge.decreasing{background:#ff525233;color:#ff5252}.volume-badge.stable{background:#9e9e9e33;color:#9e9e9e}.risk-overview{display:flex;flex-direction:column;gap:1.5rem}.risk-level-display{display:flex;flex-direction:column;align-items:center;padding:1.5rem;background:#ffffff08;border:2px solid;border-radius:12px;text-align:center}.risk-level-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.risk-level-value{font-size:1.75rem;font-weight:700}.risk-metrics{display:flex;justify-content:space-around;gap:1rem}.risk-metric{display:flex;flex-direction:column;align-items:center;text-align:center}.metric-label{font-size:.75rem;color:var(--text-secondary);margin-bottom:.5rem}.metric-value{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.position-sizing{display:flex;flex-direction:column;gap:1.5rem}.position-main{display:flex;flex-direction:column;align-items:center;padding:1.5rem;background:linear-gradient(135deg,#2196f31a,#2196f30d);border:1px solid rgba(33,150,243,.3);border-radius:10px;text-align:center}.position-label{font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem}.position-value{font-size:2rem;font-weight:700;color:var(--primary-color)}.position-details{display:flex;justify-content:space-around;gap:1rem}.position-detail{display:flex;flex-direction:column;align-items:center;padding:1rem;background:#ffffff08;border-radius:8px;flex:1}.position-detail span{font-size:.75rem;color:var(--text-secondary);margin-bottom:.5rem}.position-detail strong{font-size:1.125rem;color:var(--text-primary)}.ai-insights{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:2rem;color:#fff}.insights-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.insights-header h4{margin:0;font-size:1.25rem}.insights-content ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.insights-content li{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#ffffff1a;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.insights-content li svg{min-width:16px;margin-top:.25rem}.insights-content span{line-height:1.6;font-size:.875rem}.insights-content strong{font-weight:700}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.error-state h3{margin:1rem 0 .5rem;color:var(--text-primary)}.error-state p{color:var(--text-secondary);margin:0 0 2rem}.retry-btn{background:var(--primary-color);border:none;border-radius:8px;padding:.75rem 1.5rem;color:#fff;font-weight:600;cursor:pointer;transition:all .2s}.retry-btn:hover{background:var(--primary-hover);transform:scale(1.05)}@media (max-width: 768px){.ai-trading-assistant{padding:1rem}.analysis-grid{grid-template-columns:1fr}.price-targets{flex-direction:column;gap:1rem}.price-arrow{transform:rotate(90deg)}.risk-metrics{flex-direction:column}}.order-execution-panel{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:16px;padding:28px;box-shadow:0 4px 20px #00000014;animation:slideInRight .4s ease-out;max-width:500px}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.panel-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:20px;border-bottom:2px solid #e9ecef}.header-icon{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #667eea4d}.panel-header h3{margin:0;font-size:24px;color:#2c3e50;font-weight:700}.panel-header p{margin:4px 0 0;color:#6c757d;font-size:14px}.warning-banner{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:1px solid #ffc107;border-radius:8px;padding:14px;margin-bottom:20px;display:flex;align-items:center;gap:12px;color:#856404;font-weight:500;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ai-recommendations-banner{background:linear-gradient(135deg,#e8f4f8,#d0e9f5);border:2px solid #667eea;border-radius:10px;padding:16px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center}.ai-banner-content{display:flex;align-items:center;gap:14px;color:#2c3e50}.ai-banner-content strong{font-size:15px;display:block;margin-bottom:4px}.ai-banner-content p{margin:0;font-size:13px;color:#6c757d}.toggle-switch{position:relative;display:inline-block;width:52px;height:28px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;border-radius:28px;transition:.3s}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;border-radius:50%;transition:.3s;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#667eea,#764ba2)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.form-section{margin-bottom:20px}.form-section label{display:block;font-weight:600;color:#2c3e50;margin-bottom:8px;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.broker-select{width:100%;padding:12px 14px;border:2px solid #e9ecef;border-radius:8px;font-size:15px;background-color:#fff;cursor:pointer;transition:all .3s ease;font-weight:500}.broker-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.action-toggle{display:grid;grid-template-columns:1fr 1fr;gap:12px}.action-btn{padding:14px;border:2px solid #e9ecef;border-radius:10px;background:#fff;cursor:pointer;font-weight:600;font-size:15px;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;color:#6c757d}.action-btn:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.action-btn.active.buy{background:linear-gradient(135deg,#00c851,#007e33);border-color:#00c851;color:#fff;box-shadow:0 4px 15px #00c8514d}.action-btn.active.sell{background:linear-gradient(135deg,#ff5252,#d32f2f);border-color:#ff5252;color:#fff;box-shadow:0 4px 15px #ff52524d}.order-type-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:#f8f9fa;padding:6px;border-radius:10px}.type-tab{padding:10px;border:none;border-radius:7px;background:transparent;cursor:pointer;font-weight:600;font-size:14px;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .3s ease;color:#6c757d}.type-tab:hover{background:#667eea1a;color:#667eea}.type-tab.active{background:#fff;color:#667eea;box-shadow:0 2px 8px #0000001a}.input-with-ai{position:relative}.quantity-input,.price-input{width:100%;padding:12px 14px;border:2px solid #e9ecef;border-radius:8px;font-size:16px;font-weight:600;color:#2c3e50;transition:all .3s ease;background:#fff}.quantity-input:focus,.price-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon svg{position:absolute;left:14px;color:#6c757d}.input-with-icon input{padding-left:42px}.ai-badge{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:700;letter-spacing:.3px;box-shadow:0 2px 8px #667eea4d;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 2px 8px #667eea4d}50%{box-shadow:0 2px 15px #667eea80}}.order-summary{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;padding:20px;margin:24px 0;border:2px solid #dee2e6}.order-summary h4{margin:0 0 16px;font-size:16px;color:#2c3e50;text-transform:uppercase;letter-spacing:.5px;font-weight:700}.summary-rows{display:flex;flex-direction:column;gap:10px}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #dee2e6}.summary-row:last-child{border-bottom:none}.summary-row.total{padding-top:12px;margin-top:8px;border-top:2px solid #495057;border-bottom:none;font-size:17px}.summary-row span{color:#6c757d;font-size:14px}.summary-row strong{color:#2c3e50;font-size:15px;font-weight:700}.buy-color{color:#00c851!important}.sell-color{color:#ff5252!important}.risk-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:700;letter-spacing:.3px}.order-status{padding:14px;border-radius:8px;margin:16px 0;display:flex;align-items:center;gap:12px;font-weight:600;animation:slideDown .3s ease-out}.order-status.validating,.order-status.submitting{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:1px solid #2196F3;color:#0d47a1}.order-status.success{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:1px solid #4CAF50;color:#1b5e20}.order-status.error{background:linear-gradient(135deg,#ffebee,#ffcdd2);border:1px solid #FF5252;color:#b71c1c}.execute-btn{width:100%;padding:16px;border:none;border-radius:10px;font-size:17px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px #0003}.execute-btn.buy{background:linear-gradient(135deg,#00c851,#007e33);color:#fff}.execute-btn.buy:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00c85166}.execute-btn.sell{background:linear-gradient(135deg,#ff5252,#d32f2f);color:#fff}.execute-btn.sell:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ff525266}.execute-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.disclaimer{display:flex;align-items:flex-start;gap:10px;padding:14px;background:#fff3cd;border:1px solid #ffc107;border-radius:8px;margin-top:16px;font-size:12px;color:#856404;line-height:1.6}.disclaimer svg{flex-shrink:0;margin-top:2px}@media (max-width: 768px){.order-execution-panel{padding:20px}.panel-header{flex-direction:column;text-align:center}.header-icon{width:48px;height:48px}.panel-header h3{font-size:20px}.action-toggle{grid-template-columns:1fr}.execute-btn{padding:14px;font-size:15px}}.position-monitor{padding:24px;animation:fadeIn .4s ease-out}.monitor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;padding-bottom:20px;border-bottom:2px solid #e9ecef}.monitor-header h2{margin:0;font-size:28px;color:#2c3e50;font-weight:700}.monitor-header p{margin:6px 0 0;color:#6c757d;font-size:14px}.header-controls{display:flex;align-items:center;gap:16px}.auto-refresh-toggle{display:flex;align-items:center;gap:8px;font-size:14px;color:#6c757d;cursor:pointer;-webkit-user-select:none;user-select:none}.auto-refresh-toggle input{cursor:pointer}.refresh-btn{padding:10px 18px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d}.refresh-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #667eea66}.portfolio-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:28px}.summary-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e9ecef;border-radius:12px;padding:20px;transition:all .3s ease;animation:slideUp .5s ease-out}.summary-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a;border-color:#667eea}.summary-label{font-size:13px;color:#6c757d;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-weight:600}.summary-value{font-size:26px;font-weight:800;color:#2c3e50}.summary-value.positive{color:#00c851}.summary-value.negative{color:#ff5252}.alerts-section{background:linear-gradient(135deg,#fff8e1,#ffecb3);border:2px solid #ffc107;border-radius:12px;padding:20px;margin-bottom:28px;animation:slideDown .4s ease-out}.alerts-section h3{margin:0 0 16px;font-size:18px;color:#2c3e50;font-weight:700}.alerts-list{display:flex;flex-direction:column;gap:12px}.alert-card{background:#fff;border-left:4px solid;border-radius:8px;padding:14px;display:flex;align-items:center;gap:14px;box-shadow:0 2px 8px #0000001a;animation:slideInLeft .3s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.alert-icon{flex-shrink:0}.alert-content{flex:1}.alert-content strong{display:block;font-size:15px;color:#2c3e50;margin-bottom:4px}.alert-content p{margin:0;font-size:13px;color:#6c757d;line-height:1.5}.dismiss-btn{flex-shrink:0;background:transparent;border:none;color:#6c757d;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.dismiss-btn:hover{background:#f8f9fa;color:#2c3e50}.positions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:20px}.position-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e9ecef;border-radius:14px;padding:20px;cursor:pointer;transition:all .3s ease;animation:fadeInScale .4s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.position-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f;border-color:#667eea}.position-card.selected{border-color:#667eea;box-shadow:0 0 0 3px #667eea33}.position-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid #e9ecef}.position-header h3{margin:0;font-size:22px;font-weight:800;color:#2c3e50;letter-spacing:.5px}.position-broker{display:inline-block;margin-top:4px;padding:3px 8px;background:#e9ecef;border-radius:6px;font-size:11px;color:#6c757d;text-transform:uppercase;font-weight:700;letter-spacing:.5px}.position-pnl{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:8px;font-weight:800;font-size:16px}.position-pnl.positive{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#00c851}.position-pnl.negative{background:linear-gradient(135deg,#ffebee,#ffcdd2);color:#ff5252}.position-stats{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.stat-row.highlight{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:10px 12px;border-radius:8px;margin:4px 0}.stat-label{font-size:13px;color:#6c757d;font-weight:600}.stat-row strong{font-size:15px;color:#2c3e50;font-weight:700}.stat-row strong.positive{color:#00c851}.stat-row strong.negative{color:#ff5252}.position-actions{display:flex;gap:10px;padding-top:14px;border-top:1px solid #e9ecef}.close-position-btn{flex:1;padding:12px;background:linear-gradient(135deg,#ff5252,#d32f2f);color:#fff;border:none;border-radius:8px;font-weight:700;font-size:14px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px #ff52524d}.close-position-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #ff525266}.empty-state{text-align:center;padding:60px 20px;color:#6c757d}.empty-state svg{color:#dee2e6;margin-bottom:20px}.empty-state h3{font-size:22px;color:#2c3e50;margin:0 0 12px;font-weight:700}.empty-state p{font-size:15px;margin:0;line-height:1.6}.error-state{text-align:center;padding:60px 20px}.error-state svg{color:#ff5252;margin-bottom:20px}.error-state h3{font-size:22px;color:#2c3e50;margin:0 0 12px;font-weight:700}.error-state p{font-size:15px;color:#6c757d;margin:0 0 24px;line-height:1.6}.retry-btn{padding:12px 28px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d}.retry-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #667eea66}@media (max-width: 768px){.position-monitor{padding:16px}.monitor-header{flex-direction:column;align-items:flex-start;gap:16px}.header-controls{width:100%;flex-direction:column;align-items:stretch}.refresh-btn{width:100%}.portfolio-summary{grid-template-columns:repeat(2,1fr);gap:14px}.summary-value{font-size:22px}.positions-grid{grid-template-columns:1fr;gap:16px}.position-card{padding:16px}.position-header h3{font-size:20px}.position-pnl{font-size:14px}}@media (max-width: 480px){.portfolio-summary{grid-template-columns:1fr}}.live-trading-dashboard{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:24px;animation:fadeIn .5s ease-out}.dashboard-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:32px;margin-bottom:24px;color:#fff;box-shadow:0 8px 32px #667eea4d;animation:slideDown .5s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.header-content{display:flex;align-items:center;gap:20px;margin-bottom:24px}.header-icon{width:64px;height:64px;background:#fff3;border-radius:16px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-content h1{margin:0;font-size:32px;font-weight:800;letter-spacing:.5px}.header-content p{margin:6px 0 0;opacity:.9;font-size:15px}.account-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px}.account-stat{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:16px;border:1px solid rgba(255,255,255,.2)}.stat-label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.5px;opacity:.85;margin-bottom:6px;font-weight:600}.stat-value{display:block;font-size:24px;font-weight:800}.dashboard-tabs{display:flex;gap:12px;margin-bottom:24px;overflow-x:auto;padding:4px;background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014}.tab-btn{padding:14px 24px;border:none;background:transparent;border-radius:8px;font-weight:600;font-size:15px;cursor:pointer;display:flex;align-items:center;gap:8px;color:#6c757d;transition:all .3s ease;white-space:nowrap}.tab-btn:hover:not(:disabled){background:#667eea1a;color:#667eea}.tab-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d}.tab-btn:disabled{opacity:.4;cursor:not-allowed}.symbol-search-container{background:#fff;border-radius:12px;padding:20px;margin-bottom:24px;box-shadow:0 2px 12px #00000014;animation:slideUp .4s ease-out}.symbol-search{position:relative;display:flex;align-items:center;gap:12px;padding:14px 18px;border:2px solid #e9ecef;border-radius:10px;transition:all .3s ease}.symbol-search:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.symbol-search svg{color:#6c757d;flex-shrink:0}.symbol-input{flex:1;border:none;outline:none;font-size:16px;font-weight:500;color:#2c3e50}.symbol-input::placeholder{color:#adb5bd}.search-results{margin-top:12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;max-height:200px;overflow-y:auto;animation:slideDown .3s ease-out}.search-result-item{padding:10px 14px;background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;color:#2c3e50}.search-result-item:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.selected-symbol-info{margin-top:16px;padding:16px;background:linear-gradient(135deg,#e8f4f8,#d0e9f5);border:2px solid #667eea;border-radius:10px;display:flex;justify-content:space-between;align-items:center;animation:slideDown .3s ease-out}.symbol-details h3{margin:0 0 8px;font-size:24px;color:#2c3e50;font-weight:800;letter-spacing:1px}.symbol-price{display:flex;align-items:center;gap:12px}.symbol-price strong{font-size:20px;color:#2c3e50;font-weight:700}.symbol-price .positive{color:#00c851;font-weight:700;font-size:16px}.symbol-price .negative{color:#ff5252;font-weight:700;font-size:16px}.clear-symbol-btn{padding:8px 16px;background:#fff;border:2px solid #dee2e6;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;color:#6c757d}.clear-symbol-btn:hover{background:#ff5252;color:#fff;border-color:#ff5252;transform:translateY(-2px)}.dashboard-content{background:#fff;border-radius:12px;padding:28px;box-shadow:0 2px 12px #00000014;min-height:500px;animation:fadeInScale .5s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.overview-tab{text-align:center;padding:40px 20px}.welcome-section{max-width:800px;margin:0 auto}.welcome-icon{font-size:72px;margin-bottom:20px;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.welcome-section h2{font-size:36px;color:#2c3e50;margin:0 0 12px;font-weight:800}.welcome-section>p{font-size:18px;color:#6c757d;margin:0 0 40px;line-height:1.6}.feature-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:40px}.feature-card{background:linear-gradient(135deg,#f8f9fa,#fff);border:2px solid #e9ecef;border-radius:12px;padding:24px;text-align:center;transition:all .3s ease;animation:fadeInUp .6s ease-out;animation-fill-mode:both}.feature-card:nth-child(1){animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.3s}.feature-card:nth-child(4){animation-delay:.4s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.feature-card:hover{transform:translateY(-6px);box-shadow:0 8px 24px #0000001f;border-color:#667eea}.feature-icon{font-size:48px;margin-bottom:16px}.feature-card h3{margin:0 0 8px;font-size:18px;color:#2c3e50;font-weight:700}.feature-card p{margin:0;font-size:14px;color:#6c757d;line-height:1.5}.cta-btn{padding:16px 40px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:17px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #667eea66;text-transform:uppercase;letter-spacing:.5px}.cta-btn:hover{transform:translateY(-3px);box-shadow:0 8px 28px #667eea80}.connected-overview{max-width:900px;margin:0 auto}.connected-overview h2{font-size:32px;color:#2c3e50;margin:0 0 12px;font-weight:800;text-align:center}.connected-overview>p{font-size:16px;color:#6c757d;margin:0 0 40px;text-align:center}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.action-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e9ecef;border-radius:12px;padding:24px;display:flex;align-items:flex-start;gap:16px;transition:all .3s ease;animation:fadeInUp .6s ease-out;animation-fill-mode:both}.action-card:nth-child(1){animation-delay:.1s}.action-card:nth-child(2){animation-delay:.2s}.action-card:nth-child(3){animation-delay:.3s}.action-card:nth-child(4){animation-delay:.4s}.action-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f;border-color:#667eea}.action-number{width:48px;height:48px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;flex-shrink:0}.action-card h3{margin:0 0 8px;font-size:18px;color:#2c3e50;font-weight:700}.action-card p{margin:0;font-size:14px;color:#6c757d;line-height:1.5}.analyze-tab,.trade-tab{display:flex;justify-content:center;padding:20px}.positions-tab,.settings-tab{padding:0}@media (max-width: 1024px){.dashboard-header{padding:24px}.header-content h1{font-size:28px}.account-summary{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}.stat-value{font-size:20px}}@media (max-width: 768px){.live-trading-dashboard{padding:16px}.dashboard-header{padding:20px}.header-content{flex-direction:column;text-align:center}.header-content h1{font-size:24px}.account-summary{grid-template-columns:1fr}.dashboard-tabs{flex-wrap:nowrap;overflow-x:auto}.tab-btn{padding:12px 18px;font-size:14px}.symbol-search-container{padding:16px}.search-results{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.feature-cards,.quick-actions{grid-template-columns:1fr}.welcome-section h2{font-size:28px}.connected-overview h2{font-size:26px}.dashboard-content{padding:20px}}@media (max-width: 480px){.header-icon{width:48px;height:48px}.header-icon svg{width:24px;height:24px}.symbol-price{flex-direction:column;align-items:flex-start;gap:6px}.selected-symbol-info{flex-direction:column;gap:16px}.clear-symbol-btn{width:100%}}.glossary-container{padding:2rem;max-width:1600px;margin:0 auto}.glossary-header{margin-bottom:2rem}.header-title{display:flex;align-items:center;gap:1.5rem;color:var(--primary-color)}.header-title h1{font-size:2rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}.header-title p{font-size:1rem;color:var(--text-secondary)}.glossary-controls{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.search-box{display:flex;align-items:center;gap:.75rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:.75rem 1rem;margin-bottom:1rem}.search-box svg{color:var(--text-secondary)}.search-box input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:1rem;outline:none}.search-box input::placeholder{color:var(--text-tertiary)}.category-filters{display:flex;flex-wrap:wrap;gap:.5rem}.category-btn{padding:.5rem 1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:all .2s}.category-btn:hover{background:var(--bg-tertiary);border-color:var(--primary-color)}.category-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff;font-weight:600}.glossary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;text-align:center}.stat-number{display:block;font-size:2rem;font-weight:700;color:var(--primary-color);margin-bottom:.25rem}.stat-label{display:block;font-size:.875rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.glossary-content{min-height:400px}.glossary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.glossary-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:all .3s}.glossary-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #2196f333;border-color:var(--primary-color)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.term-title{font-size:1.25rem;font-weight:700;color:var(--primary-color);margin:0}.category-badge{display:flex;align-items:center;gap:.5rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;padding:.375rem .75rem;font-size:.75rem;color:var(--text-secondary);white-space:nowrap}.category-badge svg{color:var(--primary-color)}.term-definition{font-size:.95rem;line-height:1.6;color:var(--text-primary);margin:0}.term-example{margin-top:1rem;padding:.75rem;background:var(--bg-tertiary);border-left:3px solid var(--primary-color);border-radius:4px;font-size:.875rem;color:var(--text-secondary)}.term-example strong{color:var(--primary-color);margin-right:.5rem}.no-results{text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.no-results svg{color:var(--text-tertiary);margin-bottom:1rem}.no-results h3{font-size:1.5rem;color:var(--text-primary);margin-bottom:.5rem}.no-results p{font-size:1rem}@media (max-width: 768px){.glossary-container{padding:1rem}.header-title{flex-direction:column;align-items:flex-start;gap:1rem}.header-title h1{font-size:1.5rem}.glossary-grid{grid-template-columns:1fr}.card-header{flex-direction:column;align-items:flex-start}.category-btn{font-size:.75rem;padding:.375rem .75rem}.glossary-stats{grid-template-columns:1fr}}.trading-panel{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:16px;padding:2rem;box-shadow:0 4px 12px #0000001a}.trading-header{margin-bottom:1.5rem}.trading-header h3{font-size:1.75rem;font-weight:700;color:var(--primary-color);margin-bottom:.5rem}.stock-name{font-size:.95rem;color:var(--text-secondary);margin:0}.trading-auth-prompt{text-align:center;padding:3rem 2rem;color:var(--text-secondary)}.trading-auth-prompt svg{color:var(--primary-color);margin-bottom:1rem}.trading-auth-prompt h3{font-size:1.5rem;color:var(--text-primary);margin-bottom:.5rem}.trading-auth-prompt p{margin-bottom:.5rem}.bonus-text{color:var(--primary-color);font-weight:600;font-size:1.1rem}.balance-display-large{display:flex;align-items:center;gap:1rem;background:linear-gradient(135deg,var(--primary-color),#64b5f6);padding:1.25rem;border-radius:12px;margin-bottom:1.5rem;color:#fff}.balance-display-large svg{color:#fff}.balance-display-large>div{display:flex;flex-direction:column;gap:.25rem}.balance-label{font-size:.875rem;opacity:.9;font-weight:500}.balance-amount{font-size:1.75rem;font-weight:700}.position-display{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;padding:1rem;margin-bottom:1.5rem}.position-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.position-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.position-quantity{font-size:1.25rem;font-weight:700;color:var(--primary-color)}.position-value{display:flex;justify-content:space-between;font-size:.95rem;color:var(--text-primary)}.position-value .positive{color:#26a641;font-weight:600}.position-value .negative{color:#f85149;font-weight:600}.current-price-display{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:1.5rem}.price-label{font-size:.95rem;color:var(--text-secondary);font-weight:500}.price-value{font-size:1.5rem;font-weight:700;color:var(--primary-color)}.price-loading{font-size:1.5rem;font-weight:600;color:var(--text-secondary);font-style:italic}.price-error-notice{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#cf222e1a;border:1px solid #cf222e;border-radius:6px;color:#cf222e;font-size:.875rem;margin-bottom:1rem}.quantity-input-group{margin-bottom:1.5rem}.quantity-input-group label{display:block;font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.quantity-input-group input{width:100%;padding:.875rem;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1.1rem;font-weight:600;transition:all .2s;cursor:text;-webkit-user-select:auto;user-select:auto;pointer-events:auto}.quantity-input-group input:hover{border-color:var(--primary-color)}.quantity-input-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2196f31a;background:var(--card-background)}.trade-summary-large{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:1rem;margin-bottom:1.5rem}.summary-row{display:flex;justify-content:space-between;align-items:center;font-size:1rem;color:var(--text-primary)}.summary-value{font-size:1.25rem;font-weight:700;color:var(--primary-color)}.insufficient-funds{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.75rem;background:#cf222e1a;border:1px solid #cf222e;border-radius:6px;color:#cf222e;font-size:.875rem;font-weight:600}.trading-actions{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.buy-button-large,.sell-button-large{padding:1.5rem 1rem;border:none;border-radius:12px;font-size:1.25rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .3s;position:relative;overflow:hidden;pointer-events:auto;z-index:10}.buy-button-large{background:linear-gradient(135deg,#26a641,#2ea043);color:#fff;box-shadow:0 4px 12px #26a6414d}.buy-button-large:hover:not(:disabled){background:linear-gradient(135deg,#2ea043,#26a641);transform:translateY(-2px);box-shadow:0 8px 20px #26a64166}.sell-button-large{background:linear-gradient(135deg,#cf222e,#f85149);color:#fff;box-shadow:0 4px 12px #cf222e4d}.sell-button-large:hover:not(:disabled){background:linear-gradient(135deg,#f85149,#cf222e);transform:translateY(-2px);box-shadow:0 8px 20px #cf222e66}.buy-button-large:disabled,.sell-button-large:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.button-content{display:flex;flex-direction:column;align-items:center;gap:.25rem}.button-label{font-size:1.25rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.button-symbol{font-size:.875rem;opacity:.9;font-weight:600}.no-position-hint{text-align:center;padding:1rem;background:var(--bg-tertiary);border:1px dashed var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:.95rem}.no-position-hint p{margin:0}@media (max-width: 768px){.trading-panel{padding:1.5rem}.trading-actions{grid-template-columns:1fr}.buy-button-large,.sell-button-large{padding:1.25rem}.balance-amount{font-size:1.5rem}}.auth-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease-out}.auth-form{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);border:1px solid var(--border-color);border-radius:16px;padding:2.5rem;width:100%;max-width:480px;box-shadow:0 20px 60px #0009,0 0 0 1px #ffffff0d;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.register-form{max-width:500px}.auth-icon{display:inline-flex;padding:1rem;background:linear-gradient(135deg,var(--primary-color),#00d4ff);border-radius:12px;margin-bottom:1rem;box-shadow:0 4px 12px #58a6ff4d}.auth-icon svg{color:#fff}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h2{font-size:1.875rem;color:var(--text-primary);margin-bottom:.5rem;font-weight:700}.auth-header p{color:var(--text-secondary);font-size:.95rem;line-height:1.5}.auth-form-content{margin-bottom:1.5rem}.form-group{margin-bottom:1.25rem}.form-group label{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;color:var(--text-primary);font-weight:600;font-size:.875rem}.form-group label svg{color:var(--primary-color)}.form-group input{width:100%;padding:.875rem 1rem;background-color:var(--bg-primary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.95rem;transition:all .2s}.form-group input::placeholder{color:var(--text-secondary);opacity:.6}.form-group input:focus{outline:none;border-color:var(--primary-color);background-color:var(--bg-secondary);box-shadow:0 0 0 3px #58a6ff1a}.form-group input:disabled{opacity:.6;cursor:not-allowed}.password-input-wrapper{position:relative}.password-input-wrapper input{padding-right:3rem}.password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.password-toggle:hover{color:var(--primary-color);background-color:#58a6ff1a}.password-strength{margin-top:.5rem;display:flex;align-items:center;gap:.75rem}.password-strength-bar{flex:1;height:4px;background-color:var(--bg-tertiary);border-radius:2px;overflow:hidden}.password-strength-fill{height:100%;transition:all .3s ease;border-radius:2px}.password-strength span{font-size:.75rem;font-weight:600;min-width:50px;text-align:right}.trial-benefits{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background-color:#58a6ff0d;border:1px solid rgba(88,166,255,.2);border-radius:8px;margin-bottom:1.5rem}.trial-benefit{display:flex;align-items:center;gap:.75rem;color:var(--text-primary);font-size:.875rem}.trial-benefit svg{color:#26a641;flex-shrink:0}.btn-primary{width:100%;padding:1rem 1.5rem;background:linear-gradient(135deg,var(--primary-color),#00d4ff);border:none;color:#fff;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 12px #58a6ff4d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #58a6ff66}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{padding:.875rem 1.5rem;background-color:var(--bg-tertiary);border:2px solid var(--border-color);color:var(--text-primary);border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-secondary:hover:not(:disabled){background-color:var(--bg-primary);border-color:var(--primary-color);transform:translateY(-1px)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-message{padding:.875rem 1rem;background-color:#f851491a;border:1px solid var(--error-color);border-radius:8px;color:var(--error-color);margin-bottom:1.5rem;font-size:.875rem;display:flex;align-items:center;gap:.5rem;animation:shake .4s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.auth-divider{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.auth-divider span{font-size:.75rem;color:var(--text-secondary)}.auth-footer{text-align:center;padding-top:1.5rem;border-top:1px solid var(--border-color)}.auth-footer p{color:var(--text-secondary);font-size:.95rem}.link-btn{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:.95rem;font-weight:600;text-decoration:none;padding:0;transition:all .2s}.link-btn:hover{color:#00d4ff;text-decoration:underline}@media (max-width: 768px){.auth-modal{padding:.5rem}.auth-form{padding:2rem 1.5rem;border-radius:12px}.auth-header h2{font-size:1.5rem}.auth-header p{font-size:.875rem}.form-group input{padding:.75rem .875rem;font-size:.875rem}.btn-primary{padding:.875rem 1.25rem;font-size:.95rem}.trial-benefits{padding:.875rem}.trial-benefit{font-size:.8125rem}}@media (max-width: 480px){.auth-form{padding:1.5rem 1rem}.auth-icon{padding:.75rem}.auth-icon svg{width:24px;height:24px}}.onboarding-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease-out}.onboarding-modal{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:24px;padding:3rem;max-width:600px;width:90%;position:relative;box-shadow:0 20px 60px #00000080}.slide-up{animation:slideUp .4s cubic-bezier(.68,-.55,.265,1.55)}@keyframes slideUp{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.onboarding-close{position:absolute;top:1.5rem;right:1.5rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all .2s}.onboarding-close:hover{background:var(--error-color);border-color:var(--error-color);color:#fff;transform:rotate(90deg)}.onboarding-content{display:flex;flex-direction:column;align-items:center;text-align:center}.onboarding-icon{font-size:5rem;margin-bottom:1.5rem;line-height:1}.bounce-in{animation:bounceIn .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes bounceIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.onboarding-title{font-size:2rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary);background:linear-gradient(135deg,var(--primary-color),#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.onboarding-description{font-size:1.1rem;line-height:1.6;color:var(--text-secondary);margin-bottom:2.5rem;max-width:500px}.onboarding-progress{width:100%;margin-bottom:2rem}.progress-bar{width:100%;height:8px;background:var(--bg-tertiary);border-radius:10px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),#00d4ff);border-radius:10px;transition:width .4s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px #58a6ff80}.progress-text{font-size:.85rem;color:var(--text-secondary);font-weight:500}.onboarding-actions{display:flex;align-items:center;justify-content:space-between;width:100%;gap:1rem}.btn-primary,.btn-secondary{padding:.875rem 1.75rem;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;border:none;display:flex;align-items:center;gap:.5rem;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--primary-color),#00d4ff);color:#fff;box-shadow:0 4px 15px #58a6ff4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #58a6ff66}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--bg-primary);border-color:var(--primary-color)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.step-dots{display:flex;gap:.5rem;align-items:center}.dot{width:10px;height:10px;border-radius:50%;background:var(--bg-tertiary);border:2px solid var(--border-color);cursor:pointer;transition:all .3s}.dot.active{background:var(--primary-color);border-color:var(--primary-color);transform:scale(1.3);box-shadow:0 0 10px #58a6ff80}.dot.completed{background:var(--success-color);border-color:var(--success-color)}.dot:hover{transform:scale(1.2)}@media (max-width: 768px){.onboarding-modal{padding:2rem 1.5rem;width:95%}.onboarding-icon{font-size:4rem}.onboarding-title{font-size:1.5rem}.onboarding-description{font-size:1rem}.onboarding-actions{flex-wrap:wrap;justify-content:center}.btn-primary,.btn-secondary{flex:1;min-width:120px}.step-dots{order:-1;width:100%;justify-content:center;margin-bottom:1rem}}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;overflow:hidden}.confetti-piece{position:absolute;width:10px;height:10px;background:var(--primary-color);top:-10px;opacity:0;animation:confetti-fall linear forwards}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0) rotate(0)}to{opacity:0;transform:translateY(100vh) rotate(720deg)}}.confetti-piece:nth-child(2n){width:8px;height:14px}.confetti-piece:nth-child(3n){width:14px;height:8px}.confetti-piece:nth-child(4n){width:12px;height:12px;border-radius:50%}.app{min-height:100vh;display:flex;flex-direction:column}.header{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:1rem 2rem;position:sticky;top:0;z-index:100}.header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.logo{display:flex;align-items:center;gap:.75rem;color:var(--primary-color)}.logo h1{font-size:1.5rem;font-weight:600}.nav-tabs{display:flex;gap:.5rem}.nav-tab{padding:.5rem 1rem;background-color:transparent;border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:6px;font-size:.9rem;transition:all .2s}.nav-tab:hover{background-color:var(--bg-tertiary);border-color:var(--primary-color)}.nav-tab.active{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.header-actions{display:flex;align-items:center;gap:1rem}.theme-toggle{display:flex;align-items:center;justify-content:center;padding:.5rem;background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:6px;cursor:pointer;transition:all .2s}.theme-toggle:hover{background-color:var(--bg-primary);border-color:var(--primary-color)}.user-menu{display:flex;align-items:center;gap:.75rem}.user-name{display:flex;align-items:center;gap:.5rem;color:var(--text-primary);font-size:.9rem;font-weight:500}.logout-btn,.login-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:transparent;border:1px solid var(--border-color);color:var(--text-primary);border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s}.logout-btn:hover,.login-btn:hover{background-color:var(--bg-tertiary);border-color:var(--primary-color)}.login-btn{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.login-btn:hover{background-color:var(--primary-hover)}.main-content{flex:1;max-width:1400px;width:100%;margin:0 auto;padding:2rem}.search-section{margin-bottom:2rem}.analysis-grid{display:grid;grid-template-columns:1fr 400px;gap:1.5rem}@media (max-width: 1200px){.analysis-grid{grid-template-columns:1fr}}.chart-section,.indicators-section{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--text-secondary)}.empty-state svg{margin-bottom:1.5rem;opacity:.5}.empty-state h2{font-size:1.5rem;color:var(--text-primary);margin-bottom:.5rem}.empty-state p{font-size:1rem}*{margin:0;padding:0;box-sizing:border-box}[data-theme=dark]{--bg-primary: #0d1b2a;--bg-secondary: #1b263b;--bg-tertiary: #2c3e50;--border-color: #3498db;--text-primary: #e8f4f8;--text-secondary: #a0d2eb;--text-tertiary: #64b5f6;--primary-color: #2196f3;--primary-hover: #1976d2;--success-color: #3fb950;--success-hover: #2ea043;--error-color: #f85149;--warning-color: #d29922;--chart-accent: #2196f3;--scrollbar-track: #1b263b;--scrollbar-thumb: #2196f3;--scrollbar-thumb-hover: #42a5f5}[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #e3f2fd;--bg-tertiary: #bbdefb;--border-color: #90caf9;--text-primary: #1565c0;--text-secondary: #1976d2;--text-tertiary: #42a5f5;--primary-color: #2196f3;--primary-hover: #1976d2;--success-color: #1a7f37;--success-hover: #116329;--error-color: #cf222e;--warning-color: #9a6700;--chart-accent: #2196f3;--scrollbar-track: #e3f2fd;--scrollbar-thumb: #90caf9;--scrollbar-thumb-hover: #64b5f6}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-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}#root{width:100%;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}button:not(:disabled):active{transform:scale(.95)}.icon-bounce{transition:transform .3s cubic-bezier(.68,-.55,.265,1.55)}.icon-bounce:hover{animation:iconBounce .6s ease}@keyframes iconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.card-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.card-hover:hover{transform:translateY(-4px);box-shadow:0 8px 24px #58a6ff33}.ripple{position:relative;overflow:hidden}.ripple:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff80;transform:translate(-50%,-50%);transition:width .6s,height .6s}.ripple:active:after{width:300px;height:300px}.number-counter{animation:countUp .6s ease-out}@keyframes countUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.gradient-text{background:linear-gradient(135deg,var(--primary-color),#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.glow-success{animation:glowSuccess 1.5s ease-in-out}@keyframes glowSuccess{0%,to{box-shadow:0 0 5px #3fb95080}50%{box-shadow:0 0 20px #3fb950cc,0 0 30px #3fb95099}}.pulse{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.fade-in{animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slide-in-right{animation:slideInRight .4s ease-out}@keyframes slideInRight{0%{transform:translate(100px);opacity:0}to{transform:translate(0);opacity:1}}.rotate-hover{transition:transform .3s ease}.rotate-hover:hover{transform:rotate(5deg)}.scale-hover{transition:transform .2s ease}.scale-hover:hover{transform:scale(1.1)}.glass{background:#161b22b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}[data-theme=light] .glass{background:#f6f8fab3;border:1px solid rgba(0,0,0,.1)}.checkmark{width:56px;height:56px;border-radius:50%;display:block;stroke-width:2;stroke:var(--success-color);stroke-miterlimit:10;box-shadow:inset 0 0 0 var(--success-color);animation:fillCheckmark .4s ease-in-out .4s forwards,scaleCheckmark .3s ease-in-out .9s both}.checkmark-circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:var(--success-color);fill:none;animation:strokeCheckmark .6s cubic-bezier(.65,0,.45,1) forwards}.checkmark-check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:strokeCheckmark .3s cubic-bezier(.65,0,.45,1) .8s forwards}@keyframes strokeCheckmark{to{stroke-dashoffset:0}}@keyframes scaleCheckmark{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}@keyframes fillCheckmark{to{box-shadow:inset 0 0 0 30px var(--success-color)}}
