* { box-sizing: border-box; }
body { font-family: system-ui, Arial, sans-serif; margin: 1rem; background: #f6f7fb; color:#222; }
a { text-decoration: none; color: #0b67c2; }
.container { max-width: 1100px; margin: 0 auto; background:#fff; border-radius:16px; padding:20px; box-shadow:0 8px 24px rgba(0,0,0,.07); }
.header { display:flex; gap:10px; align-items:center; justify-content:space-between; margin-bottom:1rem; }
.nav a { margin-right: 12px; font-weight: 600; }
.btn { display:inline-block; padding:8px 14px; border-radius:10px; background:#0b67c2; color:#fff; border:0; cursor:pointer; }
.btn-danger { background: #c20b2a; }
.btn-secondary { background: #555; }
input, select, textarea { width:100%; padding:10px; border:1px solid #ddd; border-radius:10px; margin:6px 0 12px; }
table { width:100%; border-collapse: collapse; }
th, td { border-bottom: 1px solid #eee; padding: 10px; text-align:left; vertical-align: top; }
th a { color:#222; }
.badge { display:inline-block; padding:2px 8px; border-radius:8px; background:#eef2ff; color:#223; font-size:.85rem; }
.flash { padding:10px 12px; border-radius:10px; margin:8px 0; }
.flash.success { background:#e7f7ec; color:#0f5e2b; }
.flash.error { background:#fde8e8; color:#7a0e0e; }