:root{--bg:#f3eef8;--panel:#fff;--panel-2:#f7f3fc;--line:#e6def2;--purple:#7c3aed;--purple-2:#5b21b6;--gold:#c9a227;--up:#12b76a;--down:#f04438;--muted:#6b6280;--text:#2a2140;--ff-high:#e11d48;--ff-med:#f97316;--ff-low:#eab308}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;font-family:Rubik,IBM Plex Sans,ui-sans-serif,system-ui,sans-serif}button,input,select{font:inherit;color:inherit}a{color:var(--purple);text-decoration:none}.app{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.side{color:#fff;background:linear-gradient(#8b5cf6 0%,#6d28d9 55%,#5b21b6 100%);flex-direction:column;gap:18px;padding:22px 16px;display:flex}.logo{align-items:center;gap:10px;display:flex}.logo svg{flex:none;width:42px;height:42px}.brand{letter-spacing:.12em;text-transform:uppercase;color:#fff;font-size:13px;font-weight:600}.side .muted{color:#ddd6fe}.nav{gap:6px;display:grid}.nav button{text-align:left;color:#ede9fe;cursor:pointer;background:0 0;border:0;border-radius:12px;padding:10px 12px}.nav button.on,.nav button:hover{color:#fff;background:#ffffff29}.side-meta{color:#ddd6fe;margin-top:auto;font-size:12px;line-height:1.55}.main{padding:24px 28px 48px}.top{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.h1{color:#3b2d5c;margin:0;font-size:24px}.muted{color:var(--muted);font-size:13px}.kpis{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.card{background:var(--panel);border:0;border-radius:16px;padding:16px 18px;box-shadow:0 8px 24px #5b21b60f}.card h3{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-size:11px}.big{letter-spacing:-.03em;color:#2a2140;font-size:28px;font-weight:650}.row{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.btn{color:var(--text);cursor:pointer;background:#fff;border:0;border-radius:12px;padding:9px 14px;box-shadow:0 4px 12px #5b21b614}.btn.gold{color:#fff;background:linear-gradient(90deg,#8b5cf6,#6d28d9);font-weight:600}.btn.down{color:var(--down)}.btn:disabled{opacity:.4;cursor:not-allowed}.up{color:var(--up)}.down{color:var(--down)}.dot{border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.dot.on{background:#4ade80}.dot.off{background:#fb7185}.split{grid-template-columns:1.2fr .8fr;gap:14px;display:grid}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:10px 6px}.log{color:var(--muted);max-height:280px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px;overflow:auto}.strats{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.strat{border:1px solid var(--line);cursor:pointer;text-align:left;background:#fff;border-radius:16px;padding:14px;box-shadow:0 8px 20px #5b21b60d}.strat.on{border-color:var(--purple);box-shadow:0 0 0 3px #ede9fe}.bar{background:#eee6f8;border-radius:99px;height:8px;overflow:hidden}.bar>i{background:var(--purple);height:100%;display:block}.ff{align-items:center;gap:8px;font-size:12px;font-weight:600;display:inline-flex}.ff-ico{border-radius:2px 2px 3px 3px;width:14px;height:16px;display:inline-block;box-shadow:inset 0 -3px #0000001f}.ff-high{background:var(--ff-high);color:#be123c}.ff-medium{background:var(--ff-med);color:#c2410c}.ff-low{background:var(--ff-low);color:#a16207}.warn{color:#b45309;background:#fff7ed;border-radius:12px;padding:10px 12px}.login{background:linear-gradient(160deg,#f3eef8,#e9ddf7 40%,#ddd6fe);place-items:center;min-height:100vh;display:grid}.login form{background:#fff;border-radius:20px;gap:12px;width:min(400px,92vw);padding:28px;display:grid;box-shadow:0 20px 50px #5b21b61f}.login input{border:1px solid var(--line);background:#f7f3fc;border-radius:12px;padding:12px}@media (max-width:960px){.app{grid-template-columns:1fr}.side{flex-direction:row;align-items:center;overflow:auto}.nav{grid-auto-flow:column}.kpis,.split,.strats{grid-template-columns:1fr}}