/* Theme */
:root {
  --brand: #3b82f6;
  --brand-600: #2563eb;
  --brand-700: #1d4ed8;
  --bg-soft: #f6f8fb;
  --text-muted: #6b7280;
  --border: #e5e7eb;
  --surface: #ffffff;
  --shadow-sm: 0 1px 2px rgba(0,0,0,.04), 0 1px 1px rgba(0,0,0,.02);
}

body { background: var(--bg-soft); }

/* Sidebar */
.sidebar { width: 260px; min-height: 100vh; background: var(--surface); }
.sidebar .nav-link { color: #374151; border-radius: .5rem; padding:.5rem .75rem; }
.sidebar .nav-link.active,
.sidebar .nav-link:hover { background: var(--brand); color: #fff; }
.sidebar .nav-link.active { font-weight: 600; }

/* Topbar */
.navbar.sticky-top { box-shadow: var(--shadow-sm); }

/* Content helpers */
.card { border-radius: .75rem; }
.card .card-title { margin-bottom: 1rem; font-weight: 600; }

/* Tables */
.table thead th { background: #f1f3f5; border-bottom-color: var(--border); color:#374151; }
.table-hover tbody tr:hover { background: #f8fbff; }
.table td, .table th { vertical-align: middle; }

/* Badges */
.badge-status { font-weight: 600; letter-spacing: .3px; }
.badge-status.unused { background-color: #e9f5ff; color: #0b6ef0; }
.badge-status.used { background-color: #e8fff3; color: #0f9d58; }

/* Filters */
.card-filter { background: var(--surface); border: 1px solid var(--border); border-radius: .75rem; padding: 1rem; }

/* Login */
.login-bg { background: linear-gradient(135deg, #e9f0ff 0%, #fff 100%); min-height: 100vh; }
.login-card { max-width: 420px; }

/* Pagination - align with brand */
.pagination .page-link { color: var(--brand-600); }
.pagination .page-link:hover { color: #fff; background: var(--brand-600); border-color: var(--brand-600); }
.pagination .page-item.active .page-link { background: var(--brand); border-color: var(--brand); }
.pagination .page-item.disabled .page-link { color: var(--text-muted); }