:root { font-family: Inter, system-ui, sans-serif; color-scheme: dark; background:#0b1020; color:#f8fafc; }
* { box-sizing:border-box; }
body { margin:0; background:#0b1020; }
header { position:sticky; top:0; z-index:3; display:flex; justify-content:space-between; align-items:center; padding:18px 16px; background:rgba(11,16,32,.96); border-bottom:1px solid #24304a; }
h1,h2,h3,p { margin-top:0; } h1{font-size:1.25rem;margin-bottom:3px} h2{font-size:1rem}
main { max-width:760px; margin:auto; padding:14px 14px 60px; }
.muted,.label { color:#94a3b8; font-size:.83rem; }
.badge { padding:7px 11px; border-radius:999px; font-weight:800; font-size:.78rem; } .demo{background:#173b72;color:#bfdbfe}
.card { background:#111827; border:1px solid #25324b; border-radius:16px; padding:14px; margin-bottom:12px; box-shadow:0 10px 35px rgba(0,0,0,.15); }
.hero { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; } .hero strong{display:block;font-size:1.2rem;margin-top:5px}
.warning { border-color:#755a20; background:#1a1720; } .warning p{margin:7px 0 0;color:#d7dce5;font-size:.9rem}
.tabs { display:grid; grid-template-columns:repeat(4,1fr); gap:5px; margin:14px 0; }
button,.tab,input,select,textarea { font:inherit; }
button { border:0; border-radius:11px; padding:10px 12px; font-weight:700; background:#2563eb; color:white; cursor:pointer; }
button:disabled{opacity:.45;cursor:not-allowed}.tab{background:#182235;color:#b9c4d5}.tab.active{background:#e2e8f0;color:#0f172a}
.panel{display:none}.panel.active{display:block}.stack{display:grid;gap:9px}.section-title{display:flex;justify-content:space-between;align-items:center}
.stock-row,.position-row,.journal-row{background:#111827;border:1px solid #25324b;border-radius:14px;padding:12px}
.stock-head{display:flex;justify-content:space-between;gap:10px;align-items:start}.symbol{font-weight:900}.score{font-weight:900}.state{font-size:.8rem;font-weight:800;padding:4px 8px;border-radius:999px;background:#1f2937}
.reason{font-size:.87rem;color:#cbd5e1;line-height:1.35;margin:9px 0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;font-size:.77rem;color:#94a3b8}.metrics b{display:block;color:#f8fafc;margin-top:2px}
.row-actions{display:flex;gap:7px;margin-top:10px}.row-actions button{flex:1}.secondary{background:#334155}.danger{background:#7f1d1d}
.inline-form{display:flex;gap:8px;margin-top:10px}.inline-form input{flex:1}
input,select,textarea{width:100%;background:#0c1424;border:1px solid #334155;border-radius:10px;color:#f8fafc;padding:10px;margin-top:5px}label{display:block;margin:12px 0;color:#cbd5e1;font-size:.9rem}
.danger-box{border-color:#632929}.danger-box button{background:#4b1d1d}dialog{width:min(92vw,440px);background:#111827;color:#f8fafc;border:1px solid #334155;border-radius:16px}dialog::backdrop{background:rgba(0,0,0,.68)}.dialog-actions{display:flex;gap:8px}.dialog-actions button{flex:1}
.empty{color:#94a3b8;padding:16px;text-align:center;border:1px dashed #334155;border-radius:14px}
@media(max-width:520px){.hero{grid-template-columns:1fr 1fr}.hero>div:first-child{grid-column:span 2}.metrics{grid-template-columns:repeat(2,1fr)}.tabs{font-size:.78rem}}