:root{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-tertiary: #0f3460;--text-primary: #eee;--text-secondary: #aaa;--accent-green: #00d26a;--accent-red: #ff6b6b;--accent-blue: #2196F3;--accent-orange: #FF9800;--border-color: #333}body{margin:0;padding:0;background:var(--bg-primary);color:var(--text-primary);min-height:100vh}.app{display:flex;flex-direction:column;height:100vh}.header{background:var(--bg-secondary);padding:12px 20px;display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--border-color)}.header h1{font-size:18px;font-weight:600}.symbol-input{display:flex;align-items:center;gap:10px}.symbol-input input{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);padding:8px 12px;border-radius:4px;font-size:14px;width:120px}.symbol-input button{background:var(--accent-blue);border:none;color:#fff;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px}.symbol-input button:hover{opacity:.9}.quick-symbols{display:flex;gap:4px;flex-wrap:wrap}.quick-symbol{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);padding:4px 8px;border-radius:4px;cursor:pointer;font-size:11px;font-weight:500}.quick-symbol:hover{color:var(--text-primary);border-color:var(--accent-blue)}.quick-symbol.active{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.tabs{display:flex;gap:4px;margin-left:auto}.tab{background:transparent;border:none;color:var(--text-secondary);padding:8px 16px;cursor:pointer;font-size:14px;border-radius:4px}.tab.active{background:var(--bg-tertiary);color:var(--text-primary)}.tab:hover:not(.active){color:var(--text-primary)}.main-content{flex:1;display:flex;overflow:hidden}.chart-container{flex:1;position:relative;background:var(--bg-primary)}.sidebar{width:350px;background:var(--bg-secondary);border-left:1px solid var(--border-color);overflow-y:auto;padding:16px}.deep-section{margin-bottom:20px}.deep-section h3{font-size:14px;color:var(--text-secondary);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.stat-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border-color);font-size:13px}.stat-row.current{background:var(--bg-tertiary);margin:0 -16px;padding:8px 16px}.stat-label{color:var(--text-secondary);font-family:monospace}.stat-value{display:flex;gap:8px}.win-rate{font-weight:600}.win-rate.up{color:var(--accent-green)}.win-rate.down{color:var(--accent-red)}.count{color:var(--text-secondary);font-size:12px}.trend-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.trend-badge.uptrend{background:#00d26a33;color:var(--accent-green)}.trend-badge.downtrend{background:#ff6b6b33;color:var(--accent-red)}.drawing-tools{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;gap:4px;z-index:100}.tool-btn{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);width:36px;height:36px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px}.tool-btn:hover{background:var(--bg-tertiary)}.tool-btn.active{background:var(--accent-blue);border-color:var(--accent-blue)}.price-info{position:absolute;top:10px;right:10px;background:var(--bg-secondary);padding:12px 16px;border-radius:4px;border:1px solid var(--border-color);z-index:100}.price-info .price{font-size:24px;font-weight:600}.price-info .change{font-size:14px;margin-top:4px}.price-info .change.positive{color:var(--accent-green)}.price-info .change.negative{color:var(--accent-red)}.loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-secondary)}.error{color:var(--accent-red);padding:20px;text-align:center}.login-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;width:100%}.login-card{display:flex;flex-direction:column;align-items:center;gap:14px;padding:36px 40px;border:1px solid #2a2a2a;border-radius:12px;background:#161616;box-shadow:0 8px 40px #0006}.login-card h1{margin:0;font-size:22px}.login-sub{color:#888;font-size:13px;text-align:center;max-width:280px}.login-error{color:var(--accent-red);font-size:13px;text-align:center;max-width:320px}