:root{--primary:#2E2B45;--secondary:#1f1c33;--gold:#F2C061;--gold2:#D89B3C;--bg:#f8f9fc;--card:#fff;--danger:#b00020}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:#17212b}
header{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;padding:22px 30px;border-bottom:4px solid var(--gold)}
.container{max-width:1180px;margin:24px auto;padding:0 18px}.card{background:#fff;border:1px solid #d9e2ec;border-radius:16px;padding:20px;margin-bottom:18px;box-shadow:0 8px 24px rgba(16,24,40,.06)}
input,select,textarea{width:100%;padding:10px;border:1px solid #d9e2ec;border-radius:10px;margin-top:6px}label{font-weight:700;font-size:13px}
button{background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--primary);border:none;border-radius:10px;padding:11px 16px;font-weight:900;cursor:pointer}
.grid{display:grid;gap:14px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}
.badge{display:inline-block;border-radius:999px;padding:6px 12px;font-weight:900}.red{background:#fee2e2;color:#991b1b}.yellow{background:#fef3c7;color:#92400e}
table{width:100%;border-collapse:collapse}td,th{border:1px solid #d0d5dd;padding:8px;text-align:left;font-size:13px}
.small{color:#667085;font-size:12px}.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
@media(max-width:800px){.grid-2,.grid-3{grid-template-columns:1fr}}