:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-card: #1a1a24;--accent-green: #00d9a5;--accent-red: #ff4757;--accent-blue: #4da6ff;--accent-yellow: #ffd93d;--text-primary: #ffffff;--text-secondary: #8b8b9e;--border-color: #2a2a3a;--glass: rgba(255, 255, 255, .05)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh}.dashboard{padding:20px;max-width:1600px;margin:0 auto}.header{display:flex;justify-content:space-between;align-items:center;padding:20px 0;margin-bottom:20px;border-bottom:1px solid var(--border-color)}.header-left{display:flex;align-items:center;gap:20px}.header-left h1{font-size:24px;font-weight:700;background:linear-gradient(90deg,var(--accent-green),var(--accent-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.market-status{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--glass);border-radius:20px;font-size:14px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-red)}.status-dot.open{background:var(--accent-green);box-shadow:0 0 10px var(--accent-green);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.header-right{display:flex;align-items:center;gap:16px}.last-updated{color:var(--text-secondary);font-size:13px}.btn-refresh{padding:10px 20px;background:linear-gradient(135deg,var(--accent-blue),#6366f1);border:none;border-radius:8px;color:#fff;font-weight:500;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-refresh:hover{transform:translateY(-2px);box-shadow:0 4px 20px #4da6ff4d}.main-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:24px;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000004d}.card h2{font-size:16px;font-weight:600;color:var(--text-secondary);margin-bottom:20px;display:flex;align-items:center;gap:8px}.portfolio-card{grid-column:span 2}.portfolio-value{margin-bottom:24px}.portfolio-value .label{display:block;color:var(--text-secondary);font-size:14px;margin-bottom:8px}.portfolio-value .value{font-size:48px;font-weight:700;background:linear-gradient(90deg,var(--accent-green),#00f5c4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.portfolio-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.stat{padding:16px;background:var(--glass);border-radius:12px}.stat .label{display:block;color:var(--text-secondary);font-size:12px;margin-bottom:8px}.stat .value{font-size:18px;font-weight:600}.positive{color:var(--accent-green)!important}.negative{color:var(--accent-red)!important}.risk-level{display:flex;align-items:center;gap:12px;margin-bottom:20px}.risk-dot{width:16px;height:16px;border-radius:50%}.risk-dot.low{background:var(--accent-green);box-shadow:0 0 15px var(--accent-green)}.risk-dot.medium{background:var(--accent-yellow);box-shadow:0 0 15px var(--accent-yellow)}.risk-dot.high{background:var(--accent-red);box-shadow:0 0 15px var(--accent-red)}.risk-text{font-size:24px;font-weight:700}.risk-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.watchlist{display:grid;gap:8px}.watchlist-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--glass);border-radius:8px;transition:background .2s}.watchlist-item:hover{background:#ffffff14}.watchlist-item .symbol{font-weight:600}.watchlist-item .price{font-weight:500;color:var(--accent-green)}.positions-card{grid-column:span 2}.positions{display:grid;gap:12px}.position-item{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:16px;background:var(--glass);border-radius:12px}.position-item>div{display:flex;flex-direction:column;gap:4px}.position-item .label{font-size:11px;color:var(--text-secondary);text-transform:uppercase}.position-item .value{font-size:16px;font-weight:600}.empty-state{color:var(--text-secondary);text-align:center;padding:40px}.trades-card{grid-column:span 2}.trades-table{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border-color)}th{color:var(--text-secondary);font-size:12px;font-weight:500;text-transform:uppercase}td{font-size:14px}.action-buy{color:var(--accent-green);font-weight:600}.action-sell{color:var(--accent-red);font-weight:600}.indicators-card{grid-column:span 2}.indicators-table{overflow-x:auto}.indicators-table table{width:100%}.symbol-cell{font-weight:600}.signal-badge{display:inline-block;font-size:10px;padding:2px 6px;margin-left:6px;border-radius:4px;background:var(--glass);color:var(--text-secondary)}.overall-signal{font-weight:600;padding:4px 10px;border-radius:6px;background:var(--glass)}.overall-signal.positive{background:#00d9a533}.overall-signal.negative{background:#ff475733}.config-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.config-item{display:flex;justify-content:space-between;padding:12px;background:var(--glass);border-radius:8px}.config-item .label{color:var(--text-secondary);font-size:13px}.config-item .value{font-weight:500;font-size:13px}.loading{text-align:center;color:var(--text-secondary);padding:20px}@media(max-width:1200px){.main-grid{grid-template-columns:repeat(2,1fr)}.portfolio-card,.positions-card,.trades-card{grid-column:span 2}}@media(max-width:768px){.main-grid{grid-template-columns:1fr}.portfolio-card,.positions-card,.trades-card{grid-column:span 1}.portfolio-stats{grid-template-columns:1fr}.header{flex-direction:column;gap:16px}.portfolio-value .value{font-size:32px}}
