:root{
	--brand:#0ea5a3;
	--brand-dark:#0c8e8c;
	--ink:#0b1220;
	--muted:#64748b;
	--panel:#ffffff;
	--bg:#f6f7fb;
}

body.admin-body{
	background: var(--bg);
	color: var(--ink);
	font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

.admin-layout{
	min-height: 100vh;
	display: flex;
}

.admin-sidebar{
	width: 280px;
	background: linear-gradient(180deg, #0b1220 0%, #111827 100%);
	color: #fff;
	border-right: 1px solid rgba(255,255,255,.08);
}

.admin-brand{
	display:flex;
	align-items:center;
	gap:.75rem;
	padding: 18px 18px 14px 18px;
}
.admin-brand .mark{
	width: 40px;
	height: 40px;
	border-radius: 14px;
	display:grid;
	place-items:center;
	background: rgba(255,255,255,.08);
	border: 1px solid rgba(255,255,255,.10);
}
.admin-brand .title{
	font-family: "Baloo 2", Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
	font-weight: 800;
	line-height: 1.1;
}
.admin-brand .subtitle{
	font-size: 12px;
	color: rgba(255,255,255,.60);
}

.admin-nav{
	padding: 6px 12px 14px 12px;
}
.admin-nav .nav-link{
	color: rgba(255,255,255,.78);
	border-radius: 12px;
	padding: .7rem .85rem;
	display:flex;
	align-items:center;
	gap:.6rem;
}
.admin-nav .nav-link:hover{
	color: #fff;
	background: rgba(255,255,255,.08);
}
.admin-nav .nav-link.active{
	color: #fff;
	background: rgba(14,165,163,.18);
	border: 1px solid rgba(14,165,163,.25);
}

.admin-sidebar-footer{
	padding: 14px 18px 18px 18px;
	border-top: 1px solid rgba(255,255,255,.10);
}
.admin-user{
	display:flex;
	align-items:center;
	gap:.75rem;
}
.admin-user .avatar{
	width: 38px;
	height: 38px;
	border-radius: 14px;
	display:grid;
	place-items:center;
	background: rgba(255,255,255,.08);
	border: 1px solid rgba(255,255,255,.10);
}
.admin-user .meta{
	min-width: 0;
}
.admin-user .name{
	font-weight: 700;
	font-size: 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.admin-user .role{
	color: rgba(255,255,255,.60);
	font-size: 12px;
}

.admin-main{
	flex: 1;
	min-width: 0;
	display:flex;
	flex-direction: column;
}

.admin-topbar{
	background: rgba(255,255,255,.82);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border-bottom: 1px solid rgba(0,0,0,.06);
}
.admin-topbar .page-title{
	font-weight: 800;
}
.admin-topbar .page-subtitle{
	color: var(--muted);
	font-size: 12px;
}

.btn-brand{
	background: var(--brand);
	border-color: var(--brand);
	color:#fff;
}
.btn-brand:hover{
	background: var(--brand-dark);
	border-color: var(--brand-dark);
	color:#fff;
}

.card{
	border: 1px solid rgba(0,0,0,.06);
	border-radius: 18px;
}

.table{
	margin-bottom: 0;
}
.table > :not(caption) > * > *{
	padding: .85rem .85rem;
}

.shadow-soft{
	box-shadow: 0 20px 60px rgba(2, 6, 23, .08);
}

