:root{
  --navy:#1E2A5E;
  --navy-deep:#141c42;
  --red:#D93425;
  --orange:#F2871F;
  --gold:#FFC93C;
}
.font-heading{font-family:'Poppins',system-ui,sans-serif;}
body{font-family:'Inter',system-ui,sans-serif;}
.bg-navy{background-color:var(--navy);}
.text-navy{color:var(--navy);}

.field-label{display:block;font-size:11.5px;font-weight:600;color:#6b7280;margin-bottom:4px;}
.input-field{
  width:100%;padding:9px 12px;border:1.5px solid #e2e4ec;border-radius:8px;
  font-size:13.5px;background:#fbfbfd;color:#171a33;
}
.input-field:focus{outline:none;border-color:var(--orange);background:#fff;}

.btn-primary{
  display:inline-flex;align-items:center;gap:6px;
  background:linear-gradient(135deg,var(--red),var(--orange));
  color:#fff;font-weight:600;font-size:13.5px;padding:10px 18px;border-radius:9px;border:none;cursor:pointer;
}
.btn-primary:hover{filter:brightness(1.06);}
.btn-secondary{
  display:inline-flex;align-items:center;gap:6px;
  background:#fff;border:1.5px solid #e2e4ec;color:#171a33;font-weight:600;font-size:13px;padding:9px 16px;border-radius:9px;cursor:pointer;
}
.btn-secondary:hover{border-color:var(--navy);}
.btn-danger{
  display:inline-flex;align-items:center;gap:6px;
  background:#fef2f2;color:#b91c1c;font-weight:600;font-size:12.5px;padding:7px 12px;border-radius:8px;border:1px solid #fecaca;cursor:pointer;
}

.nav-link{
  display:flex;align-items:center;gap:9px;padding:9px 12px;border-radius:8px;color:rgba(255,255,255,.7);
  font-weight:500;cursor:pointer;transition:background .12s ease;
}
.nav-link:hover{background:rgba(255,255,255,.08);color:#fff;}
.nav-link.active{background:rgba(255,255,255,.14);color:#fff;font-weight:600;}

table.data-table{width:100%;border-collapse:collapse;font-size:13px;}
table.data-table thead th{
  text-align:left;padding:10px 14px;font-size:11px;text-transform:uppercase;letter-spacing:.04em;
  color:#8b8fa3;border-bottom:1.5px solid #e2e4ec;font-weight:700;background:#fafafd;white-space:nowrap;
}
table.data-table tbody td{padding:11px 14px;border-bottom:1px solid #edeef3;vertical-align:middle;}
table.data-table tbody tr:hover{background:#fafbff;}

.badge{display:inline-flex;align-items:center;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;}
.badge-green{background:#e6f5ec;color:#1e8e5a;}
.badge-amber{background:#fff3dc;color:#8a5300;}
.badge-red{background:#fdecec;color:#b91c1c;}
.badge-slate{background:#eef0f5;color:#5c6178;}
.badge-blue{background:#eef1ff;color:#1e2a5e;}

.card{background:#fff;border:1px solid #e2e4ec;border-radius:12px;}

.drag-row{cursor:grab;}
.drag-row.dragging{opacity:.4;}
.drag-over{border-top:2px solid var(--orange) !important;}

.modal-backdrop{position:fixed;inset:0;background:rgba(15,17,40,.5);display:flex;align-items:flex-start;justify-content:center;padding:32px 16px;overflow-y:auto;z-index:40;}
.modal-box{background:#fff;border-radius:14px;width:100%;max-width:760px;box-shadow:0 20px 60px rgba(0,0,0,.25);}

.toast{background:#171a33;color:#fff;font-size:13px;padding:10px 16px;border-radius:9px;box-shadow:0 8px 24px rgba(0,0,0,.2);}
.toast.error{background:#b91c1c;}
.toast.success{background:#1e8e5a;}

@media print{
  .no-print{display:none !important;}
  body{background:#fff !important;}
}