@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap');

:root{
  --ui-navy:#0f2a43;
  --ui-navy-2:#163b5e;
  --ui-gold:#c9a34e;
  --ui-bg:#f4f6f9;
  --ui-cream:#fbf7ef;
  --ui-border:#e5e7eb;
  --ui-shadow:0 14px 32px rgba(15,42,67,.08);
}

html,body,input,select,textarea,button,table{
  font-family:'Cairo', Tahoma, Arial, sans-serif !important;
}

body{
  line-height:1.75;
}

.topbar,.dept-topbar{
  background:linear-gradient(135deg,var(--ui-navy),var(--ui-navy-2)) !important;
  box-shadow:0 10px 28px rgba(15,42,67,.16);
}

.sidebar,.dept-sidebar{
  background:linear-gradient(180deg,#071f38,#0f2a43) !important;
}

.card,.panel,.page-head,.page-card,.stat-card{
  border-radius:22px !important;
  box-shadow:var(--ui-shadow) !important;
  border:1px solid var(--ui-border) !important;
}

.btn,button{
  border-radius:13px !important;
  font-weight:700 !important;
}

table th{
  background:#0f2a43 !important;
  color:#fff !important;
}

input,select,textarea{
  border-radius:14px !important;
}

.badge{
  border-radius:999px !important;
}