/* Basic XPR-styled shell */
:root{--bg:#0B0F1A;--surface1:#111626;--surface2:#1A2034;--border:#2A3550;--text900:#F4F7FA;--text700:#C7CFDA;--brand500:#5A49C9;--brand600:#2B2F8C;--profit:#26C281;--loss:#E55252;--info:#4BB3FD}
body{margin:0;background:var(--bg);color:var(--text900);font-family:Inter,system-ui,sans-serif}
.container{max-width:1100px;margin:0 auto;padding:16px}
.gradient-header{background:linear-gradient(135deg,#3E0E7A 0%,#2B2F8C 50%,#0E1433 100%)}
.shadow-soft{box-shadow:0 8px 24px rgba(0,0,0,.25)}
.header-row{display:flex;gap:12px;align-items:center}
.logo{height:48px;width:48px}
input{flex:1;background:var(--surface1);color:var(--text900);border:1px solid var(--border);padding:10px;border-radius:8px}
.btn-primary{background:var(--brand500);color:#fff;border:none;padding:10px 14px;border-radius:8px}
.cards{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:16px}
.card{background:var(--surface2);border:1px solid var(--border);border-radius:12px;padding:12px}
.card-row{display:flex;justify-content:space-between;align-items:center}
.toggle button{background:var(--surface1);color:var(--text700);border:1px solid var(--border);padding:4px 10px;border-radius:8px;margin-left:6px}
.toggle .active{background:var(--brand600);color:#fff}
.metric{font-size:28px;font-weight:700;margin-top:8px}
.mascot{display:flex;gap:12px;align-items:center}
.avatar{height:48px;width:48px;border-radius:24px;background:var(--surface1);display:flex;align-items:center;justify-content:center}
.panel{background:var(--surface2);border:1px solid var(--border);border-radius:12px;margin-top:18px}
.panel-header{padding:12px;border-bottom:1px solid var(--border);color:var(--text700)}
.panel-body{padding:12px}
.table{list-style:none;margin:0;padding:0}
.row{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border)}
.row:last-child{border-bottom:none}
.muted{color:var(--text700)}
.profit{color:var(--profit)}.loss{color:var(--loss)}.info{color:var(--info)}
.panels-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.flex-between{display:flex;justify-content:space-between;margin:8px 0}
.progress{margin-top:10px;height:6px;background:var(--surface1);border-radius:8px}
.progress-bar{height:100%;background:var(--brand500);border-radius:8px}
.list{list-style:none;padding:12px;margin:0}
@media(max-width:900px){.cards{grid-template-columns:1fr}.panels-2{grid-template-columns:1fr}}