:root{--bg:#f4faf7;--card:#fff;--primary:#0a6;--muted:#6b7280;--border:#e5e7eb}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif;background:var(--bg);margin:0}
.container{max-width:1100px;margin:24px auto;padding:0 16px}
.card{background:var(--card);border-radius:16px;padding:20px 22px;box-shadow:0 10px 24px rgba(0,0,0,.06)}
h1,h2{margin:6px 0 12px}
.btn{display:inline-block;padding:10px 14px;border-radius:10px;border:1px solid var(--primary);background:var(--primary);color:#fff;text-decoration:none}
.btn.secondary{background:#fff;color:var(--primary)}
.table{width:100%;border-collapse:collapse}
.table th,.table td{padding:10px;border:1px solid var(--border)}
.badge{padding:2px 6px;border-radius:6px;font-size:12px;border:1px solid #999;color:#555}
.form input,.form select{padding:10px;border:1px solid var(--border);border-radius:10px}
.form label{display:inline-block;margin:0 10px 10px 0;color:#0b3d2e}
/* edited rows soft highlight */
.row-edited td { background: #fffdf3; }