*{box-sizing:border-box}body{color:#eaf1ff;background:#07111f;margin:0;font-family:Inter,system-ui,Arial}.app{min-height:100vh;display:flex}aside{z-index:5;background:linear-gradient(#09182b,#050914);border-right:1px solid #1c2b45;width:280px;height:100vh;padding:24px;position:fixed}.brand{align-items:center;gap:12px;margin-bottom:28px;display:flex}.logo{color:#07111f;background:linear-gradient(135deg,#ffd76b,#ff8c00);border-radius:15px;place-items:center;width:50px;height:50px;font-weight:900;display:grid}.brand h1{margin:0;font-size:22px}.brand p{color:#94a3b8;margin:0}nav a{color:#a9b7cf;cursor:pointer;border-radius:14px;align-items:center;gap:12px;margin:6px 0;padding:13px 14px;text-decoration:none;display:flex}nav a.active,nav a:hover{color:#fff;background:#12233d}.disclaimer{color:#8ea1bd;background:#0c182a;border-radius:14px;padding:14px;font-size:12px;position:absolute;bottom:20px;left:20px;right:20px}main{width:calc(100% - 280px);margin-left:280px;padding:22px}header{align-items:center;gap:18px;margin-bottom:18px;display:flex}header h2{margin:0}header p{color:#8fa0ba;margin:3px 0 0}.search{background:#0c182a;border:1px solid #1e2d45;border-radius:14px;align-items:center;gap:8px;min-width:300px;margin-left:auto;padding:10px 12px;display:flex}.search input{color:#fff;background:0 0;border:0;outline:0;width:100%}.logout,.hero button{color:#08111e;background:#f6b53d;border:0;border-radius:14px;align-items:center;gap:8px;padding:12px 16px;font-weight:800;display:flex}.menu{display:none}.hero{background:radial-gradient(circle at 100% 0,#1e4f88,#0d1b31 45%,#08111e);border:1px solid #213657;border-radius:24px;justify-content:space-between;align-items:center;margin-bottom:18px;padding:28px;display:flex}.hero h1{margin:0;font-size:36px}.hero p{color:#b8c6dc;max-width:720px}.grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.card{background:#0c182a;border:1px solid #1e2d45;border-radius:22px;padding:20px;box-shadow:0 20px 60px #0004}.stat{gap:14px;display:flex}.stat p{color:#94a3b8;margin:0}.stat h2{margin:6px 0;font-size:28px}.stat span,.title span{color:#6ee7b7}.icon{color:#ffd76b;background:#132743;border-radius:14px;place-items:center;width:48px;height:48px;display:grid}.content{grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;display:grid}.title{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.title h3{margin:0}table{border-collapse:collapse;width:100%}th,td{text-align:left;color:#cbd5e1;border-bottom:1px solid #1c2b45;padding:14px}th{color:#8090a9;font-size:13px}.buy{color:#22c55e}.sell{color:#ef4444}.pill{color:#dbeafe;background:#132743;border-radius:999px;padding:6px 10px;font-size:12px}.modules{grid-template-columns:repeat(6,1fr);gap:14px;margin-top:16px;display:grid}.module{background:#0c182a;border:1px solid #1e2d45;border-radius:18px;padding:16px}.module svg{color:#ffd76b}.module p{color:#8fa0ba;margin-bottom:0;font-size:13px}@media (width<=950px){aside{transition:all .25s;transform:translate(-100%)}aside.open{transform:translate(0)}main{width:100%;margin-left:0}.menu{color:#fff;background:#0c182a;border:1px solid #1e2d45;border-radius:12px;padding:10px;display:block}.search,.logout{display:none}.grid,.content,.modules{grid-template-columns:1fr}.hero{display:block}.hero h1{font-size:28px}}