body { margin:0; font-family: -apple-system, BlinkMacSystemFont, sans-serif; background:#0f1115; color:#e5e5e5; display:flex; }
.sidebar { width:200px; background:#161822; padding:20px; box-sizing:border-box; }
.sidebar-logo { font-weight:600; margin-bottom:20px; }
.nav-item { display:block; padding:8px 10px; border-radius:6px; color:#e5e5e5; text-decoration:none; margin-bottom:4px; }
.nav-item.active { background:#2a2d3a; }
.main { flex:1; padding:24px; }
.page-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:20px; }
.btn { display:inline-block; padding:8px 14px; border-radius:6px; border:1px solid #3a3d4a; color:#e5e5e5; text-decoration:none; background:transparent; cursor:pointer; font-size:14px; }
.btn-primary { background:#2a4d8f; border-color:#2a4d8f; }
.strategies-table { width:100%; border-collapse:collapse; }
.strategies-table th, .strategies-table td { text-align:left; padding:8px 10px; border-bottom:1px solid #2a2d3a; }
.strategies-table tr:hover { background:#1a1c26; cursor:pointer; }
.dir-bull { color:#4caf50; }
.dir-bear { color:#e05252; }
.empty-state { padding:40px 0; text-align:center; color:#9a9ca6; }
.empty-body { max-width:420px; margin:8px auto 20px; }
.form-error { background:#3a1c1c; border:1px solid #7a2e2e; color:#f0a0a0; padding:10px 14px; border-radius:6px; margin-bottom:16px; }
.strategy-form label { display:block; margin:14px 0 4px; font-size:13px; color:#9a9ca6; }
.strategy-form input[type=text], .strategy-form input[type=number], .strategy-form select { background:#1a1c26; border:1px solid #2a2d3a; color:#e5e5e5; padding:6px 10px; border-radius:6px; }
.direction-row { display:flex; gap:16px; font-size:14px; }
.condition-group { margin:10px 0; }
.condition-group-title { font-size:12px; text-transform:uppercase; color:#6a6c76; margin:12px 0 6px; }
.condition-item { display:flex; gap:8px; align-items:flex-start; padding:4px 0; font-size:13px; }
.exit-row { display:flex; gap:8px; }
.ai-build-box { background:#161822; border:1px solid #2a2d3a; border-radius:8px; padding:14px 16px; margin-bottom:20px; }
.ai-build-box label { display:block; margin-bottom:6px; font-size:13px; color:#9a9ca6; }
.ai-build-box textarea { width:100%; box-sizing:border-box; background:#1a1c26; border:1px solid #2a2d3a; color:#e5e5e5; padding:8px 10px; border-radius:6px; font-family:inherit; font-size:14px; resize:vertical; }
.ai-build-row { display:flex; gap:8px; margin-top:8px; align-items:center; }
.ai-explanation { margin-top:10px; padding:8px 10px; background:#1a2a1c; border:1px solid #2e5a2e; color:#a0d0a0; border-radius:6px; font-size:13px; }