*{box-sizing:border-box}body{margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1a1a2e;background:#f7f7fb}
header,main,footer{max-width:960px;margin:auto;padding:16px}header{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
.logo{font-weight:800;font-size:1.4rem;color:#e0245e;text-decoration:none}nav a{margin-left:14px;color:#333;text-decoration:none}
h1{font-size:1.6rem;margin:.4em 0}.card{background:#fff;border-radius:10px;padding:16px;margin:16px 0;box-shadow:0 1px 3px #0001;overflow-x:auto}
table{border-collapse:collapse;width:100%;font-size:.95rem}th,td{padding:7px 8px;text-align:right;border-bottom:1px solid #eee;white-space:nowrap}
th:first-child,td:first-child{text-align:left}th{font-size:.8rem;text-transform:uppercase;color:#666}a{color:#3b5bdb}
.over{color:#c92a2a;font-weight:600}.under{color:#2b8a3e;font-weight:600}.muted{color:#777;font-size:.9rem}
.big{font-size:2rem;font-weight:800}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
form{display:flex;gap:8px;flex-wrap:wrap}input{flex:1;min-width:200px;padding:10px;border:1px solid #ccc;border-radius:8px}
button{padding:10px 18px;border:0;border-radius:8px;background:#e0245e;color:#fff;font-weight:600}
footer{font-size:.85rem;color:#666;border-top:1px solid #ddd;margin-top:24px}