:root{font-family:Inter,system-ui,Arial,sans-serif;color:#17211b;background:#f5f7f5}*{box-sizing:border-box}body{margin:0}.top{background:#17211b;color:#fff;padding:18px 28px;display:flex;justify-content:space-between;align-items:center}.brand{font-weight:800;letter-spacing:.4px}.mode{background:#f4c95d;color:#17211b;padding:7px 11px;border-radius:999px;font-size:12px;font-weight:800}.wrap{max-width:1200px;margin:28px auto;padding:0 18px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:#fff;border:1px solid #e5e9e6;border-radius:16px;padding:18px;box-shadow:0 4px 20px rgba(0,0,0,.035)}.metric{font-size:28px;font-weight:800;margin-top:6px}.muted{color:#68736c;font-size:13px}.wide{grid-column:1/-1}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #edf0ee;font-size:14px}.up{color:#147a45;font-weight:700}.down{color:#b33a2b;font-weight:700}.hold{color:#6b716d;font-weight:700}.login{max-width:420px;margin:100px auto}.login input{width:100%;padding:12px;margin:7px 0;border:1px solid #d8ded9;border-radius:10px}.btn{display:inline-block;background:#17211b;color:#fff;border:0;border-radius:10px;padding:11px 15px;text-decoration:none;cursor:pointer}.note{padding:12px 14px;border-radius:10px;background:#fff7d6;border:1px solid #f0df91;margin-bottom:18px}@media(max-width:800px){.grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.grid{grid-template-columns:1fr}}