html,body{height:100%;overflow:hidden}#root{height:100%}.control-panel{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem;background:linear-gradient(180deg,#1e1e2f,#16162a);border-top:1px solid #2a2a4a;align-items:center}.control-section{display:flex;align-items:center;gap:.5rem}.control-section .label{color:#888;font-size:.85rem;min-width:45px}.playback-controls button{background:#2a2a4a;border:1px solid #3a3a5a;color:#fff;width:36px;height:36px;border-radius:6px;font-size:1rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.playback-controls button:hover{background:#3a3a5a;border-color:#4a4a6a}.play-button{width:48px!important;height:48px!important;font-size:1.5rem!important;background:linear-gradient(135deg,#4a4a8a,#3a3a6a)!important;border:2px solid #6a6aaa!important}.play-button:hover{background:linear-gradient(135deg,#5a5a9a,#4a4a7a)!important;transform:scale(1.05)}.play-button.playing{background:linear-gradient(135deg,#ef5350,#c62828)!important;border-color:#ef5350!important}.speed-buttons{display:flex;gap:4px}.speed-buttons button{background:#2a2a4a;border:1px solid #3a3a5a;color:#aaa;padding:6px 10px;border-radius:4px;font-size:.8rem;cursor:pointer;transition:all .2s ease}.speed-buttons button:hover{background:#3a3a5a;color:#fff}.speed-buttons button.active{background:linear-gradient(135deg,#26a69a,#1e8a7e);border-color:#26a69a;color:#fff}.timeframe-buttons{display:flex;gap:4px}.timeframe-buttons button{background:#2a2a4a;border:1px solid #3a3a5a;color:#aaa;padding:6px 12px;border-radius:4px;font-size:.8rem;cursor:pointer;transition:all .2s ease}.timeframe-buttons button:hover{background:#3a3a5a;color:#fff}.timeframe-buttons button.active{background:linear-gradient(135deg,#7c4dff,#651fff);border-color:#7c4dff;color:#fff}.progress-section{flex:1;min-width:200px;flex-direction:column;gap:4px}.progress-slider{width:100%;height:6px;border-radius:3px;background:#2a2a4a;outline:none;cursor:pointer;-webkit-appearance:none}.progress-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#26a69a,#1e8a7e);border:2px solid #fff;cursor:pointer}.progress-slider::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(to right,#26a69a,#7c4dff)}.progress-info{display:flex;justify-content:space-between;font-size:.75rem;color:#888}.time-display{min-width:180px;justify-content:flex-end}.current-time{font-family:Monaco,Consolas,monospace;font-size:.9rem;color:#26a69a;background:#1a1a2e;padding:8px 12px;border-radius:6px;border:1px solid #2a2a4a}@media(max-width:768px){.control-panel{flex-direction:column;align-items:stretch}.control-section{justify-content:center}.progress-section{order:-1}}.trading-panel{width:280px;background:linear-gradient(180deg,#1e1e2f,#16162a);border-left:1px solid #2a2a4a;padding:1rem;display:flex;flex-direction:column;gap:1rem;overflow-y:auto}.panel-section{background:#1a1a2e;border-radius:8px;padding:1rem;border:1px solid #2a2a4a}.panel-section h3{margin:0 0 .75rem;font-size:.85rem;color:#888;text-transform:uppercase;letter-spacing:1px}.panel-section h4{margin:0 0 .5rem;font-size:.75rem;color:#666}.info-grid,.stats-grid{display:grid;gap:.5rem}.info-item,.stat-item{display:flex;justify-content:space-between;align-items:center}.info-item .label,.stat-item .label{color:#888;font-size:.85rem}.info-item .value,.stat-item .value{font-family:Monaco,Consolas,monospace;font-size:.95rem;color:#fff}.value.profit{color:#26a69a}.value.loss{color:#ef5350}.price-display{text-align:center}.big-price{font-family:Monaco,Consolas,monospace;font-size:2rem;font-weight:700;color:#fff;text-shadow:0 0 20px rgba(38,166,154,.3)}.trade-buttons{display:flex;gap:.5rem}.trade-buttons button{flex:1;padding:1rem;font-size:1.1rem;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.btn-buy{background:linear-gradient(135deg,#26a69a,#1e8a7e);color:#fff}.btn-buy:hover{background:linear-gradient(135deg,#2bbd8f,#26a69a);transform:translateY(-2px);box-shadow:0 4px 12px #26a69a66}.btn-sell{background:linear-gradient(135deg,#ef5350,#c62828);color:#fff}.btn-sell:hover{background:linear-gradient(135deg,#f44336,#ef5350);transform:translateY(-2px);box-shadow:0 4px 12px #ef535066}.position-info{flex:1;display:flex;flex-direction:column;gap:.5rem}.position-badge{padding:.75rem;border-radius:6px;text-align:center;font-weight:700;font-size:.9rem}.position-badge.buy{background:#26a69a33;border:1px solid #26a69a;color:#26a69a}.position-badge.sell{background:#ef535033;border:1px solid #ef5350;color:#ef5350}.btn-close{background:linear-gradient(135deg,#7c4dff,#651fff);color:#fff;padding:.75rem!important}.btn-close:hover{background:linear-gradient(135deg,#9572ff,#7c4dff);transform:translateY(-2px)}.btn-reset{width:100%;padding:.75rem;background:transparent;border:1px solid #3a3a5a;color:#888;border-radius:6px;cursor:pointer;transition:all .2s ease}.btn-reset:hover{background:#2a2a4a;color:#fff;border-color:#4a4a6a}.hotkeys{background:transparent;border:none;padding:.5rem}.hotkey-list{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.75rem;color:#666}.hotkey-list span{display:flex;align-items:center;gap:4px}.hotkey-list kbd{background:#2a2a4a;padding:2px 6px;border-radius:4px;font-family:inherit;border:1px solid #3a3a5a}@media(max-width:768px){.trading-panel{width:100%;flex-direction:row;flex-wrap:wrap;border-left:none;border-top:1px solid #2a2a4a}.panel-section{flex:1;min-width:150px}}.data-loader-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.data-loader-modal{background:linear-gradient(180deg,#1e1e2f,#16162a);border:1px solid #3a3a5a;border-radius:12px;padding:2rem;min-width:400px;max-width:500px;box-shadow:0 20px 60px #00000080}.data-loader-modal h2{margin:0 0 1.5rem;color:#fff;font-size:1.5rem;text-align:center}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;color:#888;font-size:.9rem}.form-group select,.form-group input{width:100%;padding:.75rem;background:#1a1a2e;border:1px solid #3a3a5a;border-radius:6px;color:#fff;font-size:1rem}.form-group select:focus,.form-group input:focus{outline:none;border-color:#7c4dff}.form-row{display:flex;gap:1rem}.form-row .form-group{flex:1}.loading-progress{margin:1rem 0;text-align:center}.progress-bar{height:8px;background:#2a2a4a;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,#26a69a,#7c4dff);border-radius:4px;transition:width .3s ease}.loading-progress span{color:#888;font-size:.85rem}.error-message{background:#ef53501a;border:1px solid #ef5350;color:#ef5350;padding:.75rem;border-radius:6px;margin:1rem 0;text-align:center}.button-row{display:flex;gap:.75rem;margin-top:1.5rem}.button-row button{flex:1;padding:.875rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#7c4dff,#651fff);color:#fff}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#9572ff,#7c4dff);transform:translateY(-2px);box-shadow:0 4px 12px #7c4dff66}.btn-secondary{background:linear-gradient(135deg,#26a69a,#1e8a7e);color:#fff}.btn-secondary:hover:not(:disabled){background:linear-gradient(135deg,#2bbd8f,#26a69a)}.btn-cancel{background:#2a2a4a;color:#888;border:1px solid #3a3a5a}.btn-cancel:hover:not(:disabled){background:#3a3a5a;color:#fff}button:disabled{opacity:.5;cursor:not-allowed}.pricing-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pricing-modal{background:linear-gradient(180deg,#1e1e2f,#16162a);border:1px solid #3a3a5a;border-radius:20px;padding:3rem;max-width:900px;width:95%;position:relative;box-shadow:0 30px 100px #000c;text-align:center}.pricing-modal.success{max-width:500px;padding:4rem 2rem}.btn-close-modal{position:absolute;top:1.5rem;right:1.5rem;background:transparent;border:none;color:#888;font-size:2rem;cursor:pointer;line-height:1}.pricing-modal h2{font-size:2.5rem;margin-bottom:.5rem;background:linear-gradient(135deg,#7c4dff,#26a69a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.subtitle{color:#888;margin-bottom:3rem;font-size:1.1rem}.plans-container{display:flex;gap:2rem;justify-content:center}.plan-card{flex:1;background:#1a1a2e;border:1px solid #2a2a4a;border-radius:16px;padding:2.5rem;display:flex;flex-direction:column;transition:all .3s ease;position:relative}.plan-card:hover{transform:translateY(-10px);border-color:#3a3a6a}.plan-card.pro{border:2px solid #7c4dff;background:linear-gradient(180deg,#1a1a2e,#1e1e3f);box-shadow:0 10px 40px #7c4dff33}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:#7c4dff;color:#fff;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:700;letter-spacing:1px}.plan-header{margin-bottom:2rem}.plan-header h3{font-size:1.5rem;color:#fff;margin-bottom:1rem}.price{font-size:3rem;font-weight:800;color:#fff}.price span{font-size:1rem;color:#888;font-weight:400}.plan-features{list-style:none;padding:0;margin:0 0 2.5rem;text-align:left;flex:1}.plan-features li{color:#ccc;margin-bottom:1rem;font-size:.95rem}.btn-primary{background:linear-gradient(135deg,#7c4dff,#651fff);color:#fff;border:none;padding:1rem;border-radius:10px;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-secondary{background:#2a2a4a;color:#888;border:none;padding:1rem;border-radius:10px;font-weight:700;cursor:not-allowed}@media(max-width:768px){.plans-container{flex-direction:column}.pricing-modal{padding:2rem 1.5rem;overflow-y:auto;max-height:90vh}}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0d0d1a;--bg-secondary: #16162a;--bg-tertiary: #1e1e2f;--border-color: #2a2a4a;--text-primary: #ffffff;--text-secondary: #888888;--accent-green: #26a69a;--accent-red: #ef5350;--accent-purple: #7c4dff}html,body,#root{height:100%;width:100%;background:var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app{height:100%;display:flex;flex-direction:column}.app-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;background:linear-gradient(180deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%);border-bottom:1px solid var(--border-color)}.header-left{display:flex;align-items:center;gap:1.5rem}.logo{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,var(--accent-purple) 0%,var(--accent-green) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-icon{font-size:1.5rem;-webkit-text-fill-color:initial}.pair-badge{display:flex;align-items:center;gap:.5rem;background:var(--bg-primary);padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.9rem;border:1px solid var(--border-color)}.candle-count{color:var(--text-secondary);font-weight:400;font-size:.8rem}.btn-load{background:linear-gradient(135deg,var(--accent-purple) 0%,#651fff 100%);color:#fff;border:none;padding:.625rem 1.25rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-load:hover{transform:translateY(-2px);box-shadow:0 4px 12px #7c4dff66}.header-right{display:flex;align-items:center;gap:1rem}.user-profile{display:flex;align-items:center;gap:.75rem;background:var(--bg-primary);padding:.25rem .5rem .25rem .25rem;border-radius:20px;border:1px solid var(--border-color)}.user-avatar{width:32px;height:32px;border-radius:50%;border:1px solid var(--accent-purple)}.btn-logout,.btn-login{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .2s ease}.btn-login{background:var(--accent-purple);color:#fff;border:none}.btn-logout:hover{background:var(--accent-red);color:#fff;border-color:var(--accent-red)}.btn-login:hover{filter:brightness(1.1)}.subscription-badge{padding:.25rem .75rem;border-radius:12px;font-size:.7rem;font-weight:800;letter-spacing:.5px}.subscription-badge.free{background:#333;color:#888;border:1px solid #444}.subscription-badge.pro{background:linear-gradient(135deg,var(--accent-purple) 0%,#651fff 100%);color:#fff;box-shadow:0 0 10px #7c4dff80}.btn-upgrade-nav{background:transparent;border:1px solid var(--accent-green);color:var(--accent-green);padding:.4rem 1rem;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-upgrade-nav:hover{background:var(--accent-green);color:#fff}.app-main{flex:1;display:flex;overflow:hidden}.chart-container{flex:1;background:var(--bg-primary);position:relative}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center;padding:2rem}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h2{font-size:1.5rem;color:var(--text-primary)}.empty-state p{color:var(--text-secondary);max-width:400px}.btn-start{margin-top:1rem;background:linear-gradient(135deg,var(--accent-green) 0%,#1e8a7e 100%);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-start:hover{transform:translateY(-2px);box-shadow:0 8px 20px #26a69a66}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3a3a5a}::selection{background:var(--accent-purple);color:#fff}@media(max-width:768px){.app-main{flex-direction:column}.app-header{padding:.5rem 1rem}.logo{font-size:1rem}.pair-badge{display:none}}