/* Simple responsive styling */
:root{--bg:#f6f9fc;--card:#ffffff;--muted:#6b7280;--brand:#10b981}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;background:var(--bg);color:#0f172a}
.wrap{max-width:1000px;margin:0 auto;padding:16px}
.nav{background:#fff;border-bottom:1px solid #e6eef6;padding:10px 0}
.nav .wrap{display:flex;align-items:center;justify-content:space-between}
.brand{font-weight:700;text-decoration:none;color:#0f172a}
nav a{margin-left:12px;text-decoration:none;color:#0f172a}
.hero{padding:24px 0}
.grid{display:grid;grid-template-columns:1fr 320px;gap:16px;align-items:start}
.card{background:var(--card);padding:16px;border-radius:10px;box-shadow:0 6px 18px rgba(15,23,42,0.06)}
.btn{display:inline-block;padding:8px 12px;background:var(--brand);color:#fff;border-radius:8px;text-decoration:none;border:none}
.form label{display:block;margin:8px 0}
input,select,textarea{width:100%;padding:10px;border:1px solid #e6eef6;border-radius:8px}
.table{width:100%;border-collapse:collapse;margin-top:12px}
.table th,.table td{padding:8px;border-bottom:1px solid #f1f5f9;text-align:left}
.flash{padding:10px;border-radius:8px;margin:12px 0}
.flash.success{background:#ecfdf5;color:#065f46}
.flash.error{background:#ffebe9;color:#7f1d1d}
.footer{padding:20px 0;text-align:center;color:var(--muted);margin-top:24px}
.pagination{margin-top:12px}
.page{padding:6px 8px;border:1px solid #e6eef6;border-radius:6px;text-decoration:none;color:#0f172a;margin-right:6px}
.page.active{background:#e6eef6}
@media(max-width:900px){.grid{grid-template-columns:1fr}}