:root {
 	--brand-50: #eff6ff;
 	--brand-100: #dbeafe;
 	--brand-200: #bfdbfe;
 	--brand-400: #60a5fa;
 	--brand-500: #3b82f6;
 	--brand-600: #2563eb;
 	--brand-700: #1d4ed8;
 	--brand-900: #0f172a;
 	--surface: #ffffff;
 	--surface-muted: #f8fafc;
 	--border-subtle: #e2e8f0;
 	--text-muted: #64748b;
 }

 body {
 	font-family: "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
 	color: #0f172a;
 	background: #f1f5f9;
 }

 .content-wrapper {
 	padding: 1.75rem 0;
 }

 .container-scroller {
 	background: #f1f5f9;
 }

 .top-navbar,
 .bottom-navbar {
 	background: var(--surface);
 	border-bottom: 1px solid var(--border-subtle);
 	box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04);
 }

 .top-navbar .navbar-brand-wrapper {
 	padding: 0 1.25rem;
 }

 .navbar-menu-wrapper {
 	gap: 1rem;
 }

 .navbar-nav-right .nav-profile img {
 	border-radius: 999px;
 	border: 2px solid var(--brand-100);
 	box-shadow: 0 2px 8px rgba(15, 23, 42, 0.12);
 }

 .bottom-navbar .nav .nav-link {
 	padding: 0.9rem 1.2rem;
 	border-radius: 999px;
 	color: #334155;
 	font-weight: 500;
 	transition: all 0.2s ease;
 }

 .bottom-navbar .nav .nav-item.active .nav-link,
 .bottom-navbar .nav .nav-link:hover {
 	background: var(--brand-50);
 	color: var(--brand-700);
 }

 .bottom-navbar .nav .nav-link .menu-icon {
 	color: inherit;
 }

 .main-panel {
 	background: transparent;
 }

 .card {
 	border: 1px solid transparent;
 	border-radius: 16px;
 	box-shadow: 0 16px 40px rgba(15, 23, 42, 0.08);
 }

 .card .card-title {
 	font-weight: 600;
 }

 .card-body {
 	padding: 1.75rem;
 }

 .btn {
 	border-radius: 10px;
 	font-weight: 600;
 	letter-spacing: -0.01em;
 }

 .btn-primary {
 	background: var(--brand-600);
 	border-color: var(--brand-600);
 	box-shadow: 0 10px 20px rgba(37, 99, 235, 0.25);
 }

 .btn-primary:hover,
 .btn-primary:focus {
 	background: var(--brand-700);
 	border-color: var(--brand-700);
 }

 .btn-outline-primary {
 	color: var(--brand-600);
 	border-color: var(--brand-200);
 }

 .btn-outline-primary:hover,
 .btn-outline-primary:focus {
 	color: #fff;
 	background: var(--brand-600);
 	border-color: var(--brand-600);
 }

 .btn-outline-secondary {
 	border-color: #cbd5f5;
 	color: #475569;
 }

 .btn-outline-secondary:hover,
 .btn-outline-secondary:focus {
 	background: #e2e8f0;
 	border-color: #e2e8f0;
 }

 .btn-outline-danger {
 	border-color: #fecaca;
 	color: #dc2626;
 }

 .btn-outline-danger:hover,
 .btn-outline-danger:focus {
 	background: #fee2e2;
 	border-color: #fecaca;
 	color: #b91c1c;
 }

 .form-control,
 .form-select {
 	border-radius: 10px;
 	border-color: var(--border-subtle);
 	background-color: var(--surface);
 	box-shadow: none;
 }

 .form-control:focus,
 .form-select:focus {
 	border-color: var(--brand-400);
 	box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);
 }

 .nav-tabs {
 	border-bottom: 1px solid var(--border-subtle);
 }

 .nav-tabs .nav-link {
 	border: none;
 	color: #475569;
 	font-weight: 600;
 	border-radius: 10px;
 	padding: 0.6rem 1.1rem;
 	margin-right: 0.5rem;
 	background: transparent;
 }

 .nav-tabs .nav-link.active {
 	background: var(--brand-50);
 	color: var(--brand-700);
 	box-shadow: inset 0 0 0 1px var(--brand-200);
 }

 .table {
 	color: #0f172a;
 }

 .table thead th {
 	color: var(--text-muted);
 	text-transform: uppercase;
 	letter-spacing: 0.06em;
 	font-size: 0.75rem;
 	border-bottom: 1px solid var(--border-subtle);
 }

 .table-striped > tbody > tr:nth-of-type(odd) {
 	background-color: var(--surface-muted);
 }

 .table-borderless td,
 .table-borderless th,
 .table-borderless thead th {
 	border: none;
 }

 .alert {
 	border-radius: 12px;
 	border: 1px solid transparent;
 }

 .alert-success {
 	background: #ecfdf5;
 	border-color: #bbf7d0;
 	color: #047857;
 }

 .text-muted {
 	color: var(--text-muted) !important;
 }

 .dropdown-menu {
 	border-radius: 12px;
 	border: 1px solid var(--border-subtle);
 	box-shadow: 0 18px 40px rgba(15, 23, 42, 0.14);
 }