/* Premium polish layer for Tabler-based ERP UI */

:root{
  --erp-surface: #0b1220;
  --erp-surface-2: #101a2f;
  --erp-accent: #6366f1; /* indigo */
  --erp-accent-2: #22c55e; /* green */
}

html, body{
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

body{
  background:
    radial-gradient(1200px 600px at 10% 0%, rgba(99,102,241,.18), transparent 55%),
    radial-gradient(900px 500px at 90% 20%, rgba(34,197,94,.12), transparent 50%),
    #f6f8fc;
}

/* Sidebar */
.navbar-vertical{
  background: linear-gradient(180deg, var(--erp-surface), var(--erp-surface-2));
  border-right: 1px solid rgba(255,255,255,.06);
}
.navbar-brand{
  letter-spacing: .2px;
}
.navbar-vertical .nav-link{
  border-radius: 10px;
  margin: 2px 8px;
}
.navbar-vertical .nav-link.active{
  background: rgba(99,102,241,.14);
  box-shadow: 0 10px 30px rgba(0,0,0,.14);
}
.navbar-vertical .nav-link-icon{
  opacity: .9;
}

/* Sidebar section headers */
.nav-item-header{
  padding: .75rem 1rem .25rem;
  margin: .25rem .5rem 0;
  font-size: .70rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: rgba(255,255,255,.45);
  user-select: none;
}

/* Top header */
.page header.navbar{
  backdrop-filter: blur(10px);
  background: rgba(255,255,255,.72);
  border-bottom: 1px solid rgba(15,23,42,.08);
}

/* Cards & tables */
.card{
  border: 1px solid rgba(15,23,42,.06);
  box-shadow: 0 12px 34px rgba(15,23,42,.06);
  border-radius: 14px;
}
.card-table thead th{
  font-weight: 700;
  text-transform: uppercase;
  font-size: .72rem;
  letter-spacing: .06em;
  color: rgba(15,23,42,.55);
}
.table-vcenter td{
  padding-top: .85rem;
  padding-bottom: .85rem;
}

/* Buttons */
.btn-primary{
  background: linear-gradient(135deg, var(--erp-accent), #7c3aed);
  border: none;
}
.btn-primary:hover{
  filter: brightness(1.05);
}

/* Page title */
.page-title{
  letter-spacing: -0.02em;
}