html,body,#root{margin:0;min-height:100%;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}:root{--bg: #081526;--panel: #111b37;--panel-soft: #162349;--text: #e8f2ff;--muted: #9fc0dd;--cyan: #26d5f6;--purple: #8a3dff;--magenta: #d441ff;--lemon: #e8ff58}*{box-sizing:border-box}.boot{min-height:100vh;display:grid;place-items:center;background:#081526;color:#e8f2ff}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:1rem;background:radial-gradient(circle at 20% 10%,#17bfd9,#0f5d8f 30%,#081526 70%),linear-gradient(135deg,#0d1f3c,#1f1357 55%,#471263)}.login-card{width:min(420px,100%);background:#0f1d3f;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.1rem}.login-card h1{margin:.4rem 0 0;color:var(--text)}.login-card p{color:var(--muted);margin:.2rem 0 1rem}.login-card form{display:grid;gap:.45rem}.login-card label{color:var(--muted);font-size:.9rem}.login-card input{width:100%;border:1px solid #29416f;border-radius:10px;padding:.65rem .75rem;background:#09122b;color:var(--text)}.error{color:#ff9bb0;margin:.45rem 0 0;font-size:.9rem}.app-shell{min-height:100vh;background:radial-gradient(circle at 20% 10%,#17bfd9,#0f5d8f 30%,#081526 70%),linear-gradient(135deg,#0d1f3c,#1f1357 55%,#471263);color:var(--text);padding:1.25rem}.topbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:.85rem}.brand h1{margin:0;font-size:1.3rem}.brand p{margin:0;color:var(--muted);font-size:.85rem}.brand-logo{width:48px;height:48px}.top-actions{display:flex;gap:.55rem}.tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.tab{color:#cbe9ff;text-decoration:none;padding:.45rem .8rem;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:#ffffff0f;font-size:.9rem}.tab.active{color:#001822;background:linear-gradient(90deg,var(--cyan),var(--lemon));border-color:transparent;font-weight:700}.primary,.ghost{border:0;border-radius:999px;padding:.65rem 1rem;cursor:pointer;font-weight:700}.primary{color:#001822;background:linear-gradient(90deg,var(--cyan),var(--lemon))}.primary:disabled{opacity:.65;cursor:wait}.ghost{color:#cbe9ff;background:#ffffff17;border:1px solid rgba(255,255,255,.16)}.content{display:grid;gap:1rem}.hero,.card,.panel{background:color-mix(in srgb,var(--panel) 90%,black 10%);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hero h2{margin:0 0 .4rem}.hero p,.card p,.panel li{color:var(--muted)}.grid{display:grid;gap:1rem}.cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.card h3{margin:0 0 .5rem;font-size:.95rem}.value{font-size:1.8rem;font-weight:800;margin-bottom:.35rem;background:linear-gradient(90deg,var(--cyan),var(--magenta));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.two-col{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.panel h3{margin-top:0}.panel ol,.panel ul{margin:0;padding-left:1.2rem;display:grid;gap:.45rem}.inline-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.5rem;margin-bottom:.8rem}.inline-form input,.inline-form select,.list input,.toolbar select{border:1px solid #29416f;border-radius:10px;padding:.6rem .7rem;background:#09122b;color:var(--text)}.toolbar{margin:.2rem 0 .8rem;display:flex;align-items:center;gap:.5rem}.toolbar.wrap{flex-wrap:wrap}.toolbar label{color:var(--muted);font-size:.9rem}.list{list-style:none;padding:0;margin:0;display:grid;gap:.55rem}.list li{border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:.65rem .75rem;display:grid;gap:.35rem;background:#ffffff0a}.row-actions{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.row-actions select{min-width:120px}.badge{border-radius:999px;padding:.2rem .55rem;font-size:.78rem;text-transform:lowercase;border:1px solid transparent}.badge.new{background:#ffffff1a;border-color:#ffffff2e}.badge.reviewing{background:#26d5f62e;border-color:#26d5f661}.badge.approved{background:#9dff7033;border-color:#9dff706b}.badge.rejected{background:#ff789633;border-color:#ff78966b}.badge.closed{background:#ffaa7833;border-color:#ffaa786b}.checkline{display:inline-flex;align-items:center;gap:.35rem;color:var(--muted);font-size:.8rem}.toast{border-radius:10px;padding:.55rem .75rem;font-size:.9rem;margin:.35rem 0 .6rem}.toast.success{background:#9dff7033;border:1px solid rgba(157,255,112,.42);color:#d6ffd0}.toast.error{background:#ff789633;border:1px solid rgba(255,120,150,.42);color:#ffd6e0}.modal-backdrop{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100}.modal-card{background:var(--panel);border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:1.5rem;min-width:320px;max-width:500px}.modal-card h3{margin-top:0}.modal-card label{display:block;margin-top:.5rem;font-size:.85rem;color:var(--muted)}.modal-card input,.modal-card select{width:100%;margin-top:.25rem;border:1px solid #29416f;border-radius:10px;padding:.6rem .7rem;background:#09122b;color:var(--text)}.modal-actions{display:flex;gap:.5rem;margin-top:1rem;justify-content:flex-end}.overview-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.7rem;margin:.8rem 0 1rem}.stat{background:#ffffff0a;border:1px solid rgba(159,192,221,.25);border-radius:10px;padding:.7rem .9rem;display:flex;flex-direction:column;gap:.25rem}.stat-label{color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}.stat-value{font-size:1.35rem;font-weight:700}.stat-value.frozen{color:#7dd3fc}.banner.warn{background:#3898ff1f;border:1px solid rgba(125,211,252,.5);border-radius:8px;padding:.55rem .8rem;color:#bfe6ff}.controls-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin:.4rem 0 1.1rem}.controls-row .spacer{flex:1}.confirm-input{background:#00000040;border:1px solid rgba(255,99,99,.5);border-radius:8px;color:#ffd7d7;padding:.5rem .7rem;width:12.5rem}button.danger{background:#b91c1c;color:#fff;border:1px solid #ef4444;border-radius:8px;padding:.55rem .9rem;font-weight:700;cursor:pointer}button.danger:disabled{opacity:.45;cursor:not-allowed}button.danger:not(:disabled):hover{background:#dc2626}.account-card{background:#ffffff08;border:1px solid rgba(159,192,221,.22);border-radius:12px;padding:.8rem 1rem;margin-bottom:.9rem}.account-card.live{border-color:#4ade808c;box-shadow:0 0 0 1px #4ade8040}.account-head{display:flex;justify-content:space-between;align-items:baseline;gap:.6rem;flex-wrap:wrap}.account-head h3{margin:0}.account-equity{font-size:1.15rem;font-weight:700}.account-equity small{color:var(--muted);font-weight:400;margin-left:.35rem}table.positions{width:100%;border-collapse:collapse;margin-top:.55rem;font-size:.92rem}table.positions th,table.positions td{text-align:left;padding:.3rem .5rem;border-bottom:1px solid rgba(159,192,221,.15)}table.positions th{color:var(--muted);font-weight:600}td.gain{color:#4ade80}td.loss{color:#f87171}.muted{color:var(--muted)}