:root{--black:#111;--gold:#c9a227;--cream:#faf8ef;--line:#ddd;--muted:#666}*{box-sizing:border-box}body{background:var(--cream);color:#151515;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit}header{background:var(--black);color:#fff;justify-content:space-between;align-items:center;padding:18px 28px;display:flex}header b{color:var(--gold);font-size:22px}.wrap{max-width:1200px;margin:28px auto;padding:0 20px}.nav{gap:18px;display:flex}.nav a{color:#fff;text-decoration:none}.card{border:1px solid var(--line);background:#fff;border-radius:12px;padding:18px;box-shadow:0 2px 8px #0000000a}.grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.metric{font-size:30px;font-weight:700}.muted{color:var(--muted)}button,.btn{background:var(--black);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:10px 14px;text-decoration:none;display:inline-block}button.gold,.btn.gold{background:var(--gold);color:#111;font-weight:700}table{border-collapse:collapse;background:#fff;width:100%}th,td{border-bottom:1px solid var(--line);text-align:left;padding:12px;font-size:14px}th{background:#f1ead0}select,input{border:1px solid #bbb;border-radius:7px;padding:9px}.banner{background:#fff3cd;border:1px solid #f0d77c;border-radius:8px;margin-bottom:16px;padding:12px}.login{max-width:460px;margin:100px auto}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}@media (max-width:800px){.grid{grid-template-columns:1fr 1fr}table{display:block;overflow:auto}}