:root{
  --brand:#2563eb;
  --bg:#f1f5f9;
  --card:#ffffff;
  --text:#0f172a;
}
body{
  font-family: Inter, Arial, sans-serif;
  background: var(--bg);
  color: var(--text);
}
.glass-card{
  background: rgba(255,255,255,.9);
  backdrop-filter: blur(10px);
  border-radius: 24px;
  box-shadow: 0 10px 30px rgba(15,23,42,.08);
}
.panel-sidebar{
  background: linear-gradient(180deg,#0f172a,#1e293b);
  color:black;
}
.brand-gradient{
  background: linear-gradient(135deg,#2563eb,#0f172a);
}
.login-hero{
  background: linear-gradient(135deg,#2563eb,#1e293b,#020617);
}
.table-modern tr{
  transition:.2s ease;
}
.table-modern tr:hover{
  background:#f8fafc;
}

/* Local UI upgrade helpers - replaces Tailwind CDN runtime dependency */
.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.panel-sidebar{background:linear-gradient(180deg,#0f172a,#1e293b);color:#fff}
.glass-card{background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-radius:1.5rem;box-shadow:0 18px 50px rgba(15,23,42,.10)}
.login-hero{background:linear-gradient(135deg,#2563eb,#1e293b,#020617)}
.table-modern tr{transition:.18s ease}.table-modern tr:hover{background:#f8fafc}
.bg-brand-900{background:#7f1d1d}.via-brand-600{}
.text-brand-600{color:#b91c1c}.bg-orange-500{background:#f97316}.border-orange-500{border-color:#f97316}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.h-4{height:1rem}.w-4{width:1rem}.w-5{width:1.25rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.w-6{width:1.5rem}
.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}
.min-h-\[720px\]{min-height:720px}.z-\[9997\]{z-index:9997}.opacity-50{opacity:.5}.cursor-pointer{cursor:pointer}