.dashboard{display:flex;flex-direction:column;gap:30px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.metric-card{background:#1e293b;border:1px solid #334155;border-radius:8px;padding:20px;display:flex;flex-direction:column;gap:10px}.metric-label{font-size:12px;color:#94a3b8;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.metric-value{font-size:28px;font-weight:700;color:#e2e8f0}.metric-value.positive{color:#10b981}.metric-value.negative{color:#ef4444}.metrics-advanced{background:#1e293b;border:1px solid #334155;border-radius:8px;padding:20px}.metrics-advanced h3{margin-bottom:15px;font-size:14px;color:#94a3b8;text-transform:uppercase}.metrics-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px}.metric-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #334155}.metric-item span{color:#94a3b8;font-size:13px}.metric-item strong{color:#e2e8f0;font-size:16px}.section{background:#1e293b;border:1px solid #334155;border-radius:8px;padding:20px}.section h3{margin-bottom:15px;font-size:16px;font-weight:600}.empty{color:#94a3b8;text-align:center;padding:20px;font-size:14px}.table{width:100%;border-collapse:collapse;font-size:13px}.table thead{background:#0f172a;border-bottom:1px solid #334155}.table th{padding:12px;text-align:left;color:#94a3b8;font-weight:600;text-transform:uppercase;font-size:11px;letter-spacing:.5px}.table td{padding:12px;border-bottom:1px solid #334155;color:#e2e8f0}.table tr:hover{background:#0f172a}.table .buy{color:#10b981;font-weight:600}.table .sell{color:#ef4444;font-weight:600}.table .positive{color:#10b981}.table .negative{color:#ef4444}.settings{display:flex;flex-direction:column;gap:20px;max-width:600px}.settings-card{background:#1e293b;border:1px solid #334155;border-radius:8px;padding:24px}.settings-card h2{margin-bottom:20px;font-size:16px;font-weight:600}.settings-card.warning{border-color:#f59e0b;background:#f59e0b0d}.settings-card.warning h2{color:#f59e0b}.setting-group{margin-bottom:20px;display:flex;flex-direction:column;gap:8px}.setting-group:last-child{margin-bottom:0}.setting-group label{font-size:14px;font-weight:600;color:#e2e8f0}.setting-group input[type=number],.setting-group input[type=text]{padding:10px 12px;background:#0f172a;border:1px solid #334155;border-radius:6px;color:#e2e8f0;font-size:14px}.setting-group input[type=number]:focus,.setting-group input[type=text]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.setting-group small{color:#94a3b8;font-size:12px}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:600;color:#e2e8f0}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#3b82f6}.save-button{padding:12px 24px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;align-self:flex-start}.save-button:hover:not(:disabled){background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.save-button:disabled{opacity:.6;cursor:not-allowed}.message{padding:12px 16px;background:#1e293b;border:1px solid #334155;border-radius:6px;color:#e2e8f0;font-size:14px;text-align:center}.loading{color:#94a3b8;text-align:center;padding:40px}.app{display:flex;flex-direction:column;min-height:100vh;background:#0f172a;color:#e2e8f0}.header{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;background:linear-gradient(135deg,#1e293b,#0f172a);border-bottom:1px solid #334155}.header h1{font-size:28px;font-weight:700}.status-badge{font-size:14px;padding:8px 16px;background:#1e293b;border-radius:20px;border:1px solid #334155}.tabs{display:flex;gap:0;padding:0 40px;border-bottom:1px solid #334155;background:#0f172a}.tab{padding:16px 24px;background:none;border:none;color:#94a3b8;cursor:pointer;font-size:14px;font-weight:600;border-bottom:2px solid transparent;transition:all .2s}.tab:hover{color:#e2e8f0}.tab.active{color:#3b82f6;border-bottom-color:#3b82f6}.main{flex:1;padding:40px;overflow-y:auto}.loading{display:flex;justify-content:center;align-items:center;min-height:100vh;font-size:18px;color:#94a3b8}*{margin:0;padding:0;box-sizing:border-box}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:#0f172a;color:#e2e8f0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}