:root { font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Noto Sans', Tahoma, Arial; }
body { background:#f3f4f6; margin:0; color:#111; }
.container { max-width: 980px; margin: 20px auto; padding: 16px; }
h1,h2 { margin: 0 0 16px; }
.actions { margin: 12px 0 16px; display:flex; gap:8px; flex-wrap:wrap; }
.btn { background:#111; color:#fff; padding:10px 14px; border-radius:10px; text-decoration:none; border:0; display:inline-block; }
.btn.small { padding:6px 10px; border-radius:8px; font-size: 12px; }
.btn.danger { background:#b91c1c; }
.search { margin:12px 0 18px; display:flex; gap:8px; }
.search input { flex:1; padding:10px; border-radius:10px; border:1px solid #ddd; }
table { width:100%; border-collapse: collapse; background:#fff; border-radius: 12px; overflow:hidden; }
th, td { padding: 10px; border-bottom:1px solid #eee; text-align:right; }
tr:nth-child(even) { background:#fafafa; }
.form label { display:block; margin:10px 0; }
.form input, .form select, .form textarea { width:100%; padding:10px; border:1px solid #ddd; border-radius:10px; background:#fff; }
.alert { padding:10px; border-radius:10px; margin:8px 0; }
.alert.danger { background:#fee2e2; color:#7f1d1d; }