body{color:#172033;background:#f6f7fb;margin:0;font-family:Inter,Arial,sans-serif}header{color:#fff;background:#111827;justify-content:space-between;align-items:center;gap:20px;padding:16px 24px;display:flex}header b,nav button{align-items:center;gap:8px;display:flex}nav{background:#fff;border-bottom:1px solid #ddd;gap:8px;padding:12px 24px;display:flex}button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:10px;padding:10px 14px}button.on{background:#111827}main{padding:24px}.card,section{background:#fff;border-radius:18px;padding:24px;box-shadow:0 10px 30px #0001}.login{gap:12px;max-width:420px;margin:10vh auto;display:grid}input{border:1px solid #ccd3df;border-radius:10px;padding:12px}.inline,.grid{flex-wrap:wrap;gap:10px;margin:12px 0;display:flex}.err{color:#b91c1c}table{border-collapse:collapse;width:100%;margin-top:14px}th,td{text-align:left;border-bottom:1px solid #e5e7eb;padding:10px;font-size:14px}th{background:#f9fafb}