:root{font-family:Arial,Helvetica,sans-serif;color:#1f2937;background:#f3f4f6}
body{margin:0}header{background:#0f3d66;color:#fff;padding:16px 24px;display:flex;gap:30px;align-items:center;flex-wrap:wrap}
header a{color:#fff;text-decoration:none;margin-right:14px}main{max-width:1100px;margin:24px auto;padding:0 16px}
.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.card{background:white;border-radius:10px;padding:18px;box-shadow:0 1px 5px #0001}
.card .value{font-size:30px;font-weight:bold;margin-top:8px}.btn,button{background:#0f3d66;color:white;border:0;border-radius:6px;padding:10px 14px;cursor:pointer;text-decoration:none}
.btn.danger{background:#991b1b}.flash{background:#dcfce7;border:1px solid #86efac;padding:12px;border-radius:6px;margin-bottom:16px}
table{width:100%;border-collapse:collapse;background:white}th,td{padding:10px;border-bottom:1px solid #e5e7eb;text-align:left}
form.inline{display:inline}.form-card{background:white;padding:18px;border-radius:10px;max-width:650px}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
label{display:block;margin:10px 0 4px}input,select,textarea{width:100%;box-sizing:border-box;padding:9px;border:1px solid #cbd5e1;border-radius:6px}
footer{text-align:center;padding:24px;color:#64748b}@media(max-width:650px){.row{grid-template-columns:1fr}table{font-size:13px}}