/*
==========================================================
RAGO ACCOUNT
MASTER SUPER ADMIN DASHBOARD

RAGO ENTERPRISE DARK UI

STEP-01

Global Reset + Theme Variables

==========================================================
*/

:root{

	--rago-bg:#0b1220;

	--rago-surface:#111827;

	--rago-card:#182235;

	--rago-card-hover:#1f2d45;

	--rago-border:#2b3b55;

	--rago-primary:#3b82f6;

	--rago-primary-hover:#2563eb;

	--rago-success:#22c55e;

	--rago-danger:#ef4444;

	--rago-warning:#f59e0b;

	--rago-text:#f8fafc;

	--rago-text-light:#94a3b8;

	--rago-shadow:0 12px 30px rgba(0,0,0,.35);

}

*{

	margin:0;

	padding:0;

	box-sizing:border-box;

}

html{

	scroll-behavior:smooth;

}

body{

	background:var(--rago-bg);

	color:var(--rago-text);

	font-family:Inter,Segoe UI,Arial,sans-serif;

}

.rago-master-admin{

	width:100%;

	min-height:100vh;

	background:var(--rago-bg);

	color:var(--rago-text);

	display:flex;

	flex-direction:column;

	overflow:hidden;

}
















/*
==========================================================
STEP-02

HEADER

==========================================================
*/

.rago-master-header{

	height:72px;

	display:flex;

	align-items:center;

	justify-content:space-between;

	padding:0 28px;

	position:sticky;

	top:0;

	z-index:1000;

	background:rgba(17,24,39,.92);

	backdrop-filter:blur(18px);

	-webkit-backdrop-filter:blur(18px);

	border-bottom:1px solid var(--rago-border);

	box-shadow:0 10px 25px rgba(0,0,0,.30);

}

.rago-header-left{

	display:flex;

	align-items:center;

	gap:18px;

}

.rago-sidebar-toggle{

	width:44px;

	height:44px;

	border:none;

	border-radius:12px;

	background:var(--rago-card);

	color:var(--rago-text);

	cursor:pointer;

	font-size:20px;

	transition:.25s;

	border:1px solid var(--rago-border);

}

.rago-sidebar-toggle:hover{

	background:var(--rago-primary);

	color:#fff;

	transform:translateY(-2px);

	box-shadow:0 0 20px rgba(59,130,246,.35);

}

.rago-admin-logo{

	display:flex;

	align-items:center;

}

.rago-logo-text{

	font-size:22px;

	font-weight:800;

	letter-spacing:1.5px;

	color:var(--rago-primary);

	text-transform:uppercase;

}

.rago-header-center{

	flex:1;

	display:flex;

	justify-content:center;

	padding:0 40px;

}

.rago-search-box{

	width:100%;

	max-width:560px;

}

.rago-search-box input{

	width:100%;

	height:46px;

	padding:0 18px;

	border-radius:12px;

	border:1px solid var(--rago-border);

	background:var(--rago-card);

	color:var(--rago-text);

	font-size:14px;

	outline:none;

	transition:.25s;

}

.rago-search-box input::placeholder{

	color:var(--rago-text-light);

}

.rago-search-box input:focus{

	border-color:var(--rago-primary);

	box-shadow:0 0 0 4px rgba(59,130,246,.12);

}

.rago-header-right{

	display:flex;

	align-items:center;

	gap:14px;

}

.rago-header-icon{

	width:44px;

	height:44px;

	border:none;

	border-radius:12px;

	background:var(--rago-card);

	color:var(--rago-text);

	border:1px solid var(--rago-border);

	cursor:pointer;

	font-size:18px;

	transition:.25s;

}

.rago-header-icon:hover{

	background:var(--rago-primary);

	color:#fff;

	transform:translateY(-2px);

	box-shadow:0 0 18px rgba(59,130,246,.35);

}

.rago-admin-profile{

	display:flex;

	align-items:center;

	gap:12px;

	padding:6px 10px;

	border-radius:14px;

	background:var(--rago-card);

	border:1px solid var(--rago-border);

}

.rago-profile-avatar{

	width:46px;

	height:46px;

	border-radius:50%;

	background:linear-gradient(135deg,#3b82f6,#06b6d4);

	color:#fff;

	display:flex;

	align-items:center;

	justify-content:center;

	font-size:18px;

	font-weight:700;

	box-shadow:0 0 20px rgba(59,130,246,.35);

}

.rago-profile-info{

	display:flex;

	flex-direction:column;

}

.rago-profile-name{

	font-size:14px;

	font-weight:700;

	color:var(--rago-text);

}

.rago-profile-role{

	font-size:12px;

	color:var(--rago-text-light);

}












/*
==========================================================
STEP-03

Workspace + Sidebar Layout

==========================================================
*/

.rago-master-workspace{

	flex:1;

	display:grid;

	grid-template-columns:280px 1fr;

	min-height:calc(100vh - 72px);

	background:var(--rago-bg);

}

.rago-master-sidebar{

	background:linear-gradient(
		180deg,
		#101827 0%,
		#0f172a 100%
	);

	border-right:1px solid var(--rago-border);

	display:flex;

	flex-direction:column;

	overflow-y:auto;

	box-shadow:8px 0 25px rgba(0,0,0,.35);

}

.rago-master-main{

	background:var(--rago-bg);

	padding:30px;

	overflow-y:auto;

}

/*=====================================
Sidebar Logo
=====================================*/

.rago-sidebar-logo{

	padding:30px 25px;

	text-align:center;

	border-bottom:1px solid var(--rago-border);

	background:rgba(255,255,255,.02);

}

.rago-sidebar-logo h2{

	font-size:28px;

	font-weight:800;

	letter-spacing:2px;

	color:var(--rago-primary);

	margin-bottom:8px;

}

.rago-sidebar-logo span{

	display:block;

	font-size:12px;

	font-weight:600;

	letter-spacing:1.5px;

	text-transform:uppercase;

	color:var(--rago-text-light);

}

/*=====================================
Navigation Container
=====================================*/

.rago-sidebar-nav{

	flex:1;

	padding:24px 0;

	display:flex;

	flex-direction:column;

}

.rago-sidebar-bottom{

	padding:22px;

	border-top:1px solid var(--rago-border);

	background:rgba(255,255,255,.02);

}















/*
==========================================================
STEP-04

Sidebar Navigation

==========================================================
*/

.rago-nav-group{

	margin-bottom:26px;

}

.rago-nav-title{

	padding:0 24px;

	margin-bottom:12px;

	font-size:11px;

	font-weight:700;

	letter-spacing:2px;

	text-transform:uppercase;

	color:var(--rago-text-light);

	opacity:.8;

}

/*======================================
Navigation Links
======================================*/

.rago-sidebar-nav a{

	display:flex;

	align-items:center;

	gap:14px;

	padding:14px 22px;

	margin:4px 12px;

	border-radius:12px;

	text-decoration:none;

	font-size:14px;

	font-weight:600;

	color:var(--rago-text-light);

	border:1px solid transparent;

	transition:all .25s ease;

}

/* Hover */

.rago-sidebar-nav a:hover{

	background:var(--rago-card);

	color:#ffffff;

	border-color:var(--rago-border);

	transform:translateX(6px);

	box-shadow:0 8px 18px rgba(0,0,0,.30);

}

/* Active */

.rago-sidebar-nav a.active{

	background:linear-gradient(
		135deg,
		#2563eb,
		#3b82f6
	);

	color:#ffffff;

	border-color:#60a5fa;

	box-shadow:
		0 0 0 1px rgba(96,165,250,.30),
		0 10px 24px rgba(37,99,235,.35);

}

/*======================================
Logout
======================================*/

.rago-sidebar-bottom{

	padding:24px;

	border-top:1px solid var(--rago-border);

}

.rago-sidebar-bottom a{

	display:flex;

	align-items:center;

	justify-content:center;

	height:48px;

	border-radius:12px;

	text-decoration:none;

	font-size:14px;

	font-weight:700;

	color:#ffffff;

	background:linear-gradient(
		135deg,
		#dc2626,
		#ef4444
	);

	transition:.25s;

	box-shadow:0 8px 20px rgba(220,38,38,.25);

}

.rago-sidebar-bottom a:hover{

	transform:translateY(-2px);

	box-shadow:0 12px 28px rgba(220,38,38,.40);

	filter:brightness(1.05);

}












/*
==========================================================
STEP-05

Welcome Section

==========================================================
*/

.rago-dashboard-welcome{

	display:flex;

	align-items:center;

	justify-content:space-between;

	gap:30px;

	margin-bottom:30px;

	padding:30px;

	background:linear-gradient(
		135deg,
		#182235 0%,
		#101827 100%
	);

	border:1px solid var(--rago-border);

	border-radius:18px;

	box-shadow:var(--rago-shadow);

	position:relative;

	overflow:hidden;

}

.rago-dashboard-welcome::before{

	content:"";

	position:absolute;

	top:-120px;

	right:-120px;

	width:260px;

	height:260px;

	border-radius:50%;

	background:rgba(59,130,246,.08);

}

.rago-dashboard-title{

	position:relative;

	z-index:2;

}

.rago-dashboard-title h1{

	font-size:34px;

	font-weight:800;

	line-height:1.2;

	color:var(--rago-text);

	margin-bottom:10px;

}

.rago-dashboard-title h1 span{

	color:var(--rago-primary);

}

.rago-dashboard-title p{

	font-size:15px;

	color:var(--rago-text-light);

	max-width:520px;

	line-height:1.7;

}

.rago-dashboard-buttons{

	display:flex;

	align-items:center;

	gap:16px;

	position:relative;

	z-index:2;

}

.rago-btn-primary,

.rago-btn-secondary{

	height:48px;

	padding:0 24px;

	border:none;

	border-radius:12px;

	font-size:14px;

	font-weight:700;

	cursor:pointer;

	transition:.25s;

}

.rago-btn-primary{

	background:linear-gradient(
		135deg,
		#2563eb,
		#3b82f6
	);

	color:#ffffff;

	box-shadow:0 12px 24px rgba(37,99,235,.35);

}

.rago-btn-primary:hover{

	transform:translateY(-3px);

	box-shadow:0 16px 32px rgba(37,99,235,.45);

}

.rago-btn-secondary{

	background:var(--rago-card);

	color:var(--rago-text);

	border:1px solid var(--rago-border);

}

.rago-btn-secondary:hover{

	background:var(--rago-card-hover);

	border-color:var(--rago-primary);

	transform:translateY(-3px);

}













/*
==========================================================
STEP-06

Statistics Cards

==========================================================
*/

.rago-dashboard-stats{

	display:grid;

	grid-template-columns:repeat(4,1fr);

	gap:22px;

	margin-bottom:30px;

}

.rago-stat-card{

	position:relative;

	display:flex;

	align-items:center;

	gap:18px;

	padding:24px;

	background:linear-gradient(
		145deg,
		#182235,
		#111827
	);

	border:1px solid var(--rago-border);

	border-radius:18px;

	box-shadow:var(--rago-shadow);

	cursor:pointer;

	transition:all .30s ease;

	overflow:hidden;

}

.rago-stat-card::before{

	content:"";

	position:absolute;

	top:0;

	left:0;

	width:4px;

	height:100%;

	background:linear-gradient(
		180deg,
		#3b82f6,
		#06b6d4
	);

}

.rago-stat-card:hover{

	transform:translateY(-6px);

	border-color:var(--rago-primary);

	box-shadow:
		0 18px 40px rgba(0,0,0,.40),
		0 0 20px rgba(59,130,246,.18);

}

.rago-stat-icon{

	width:72px;

	height:72px;

	display:flex;

	align-items:center;

	justify-content:center;

	flex-shrink:0;

	font-size:32px;

	border-radius:18px;

	background:linear-gradient(
		135deg,
		#2563eb,
		#06b6d4
	);

	color:#fff;

	box-shadow:0 12px 24px rgba(37,99,235,.30);

}

.rago-stat-content{

	flex:1;

}

.rago-stat-content h3{

	font-size:13px;

	font-weight:600;

	text-transform:uppercase;

	letter-spacing:1px;

	color:var(--rago-text-light);

	margin-bottom:8px;

}

.rago-stat-content h2{

	font-size:32px;

	font-weight:800;

	color:var(--rago-text);

	margin-bottom:6px;

	line-height:1;

}

.rago-stat-content span{

	display:inline-flex;

	align-items:center;

	gap:6px;

	font-size:13px;

	font-weight:600;

	color:var(--rago-success);

}

.rago-stat-card:hover .rago-stat-icon{

	transform:scale(1.08) rotate(-4deg);

	transition:.30s;

}















/*
==========================================================
STEP-07

Analytics Charts

==========================================================
*/

.rago-dashboard-charts{

	display:grid;

	grid-template-columns:2fr 1fr;

	gap:24px;

	margin-bottom:30px;

}

.rago-chart-large,

.rago-chart-small{

	background:linear-gradient(
		145deg,
		#182235,
		#111827
	);

	border:1px solid var(--rago-border);

	border-radius:18px;

	padding:24px;

	min-height:340px;

	display:flex;

	flex-direction:column;

	box-shadow:var(--rago-shadow);

	transition:.30s;

	position:relative;

	overflow:hidden;

}

.rago-chart-large::before,

.rago-chart-small::before{

	content:"";

	position:absolute;

	top:0;

	left:0;

	width:100%;

	height:4px;

	background:linear-gradient(
		90deg,
		#3b82f6,
		#06b6d4
	);

}

.rago-chart-large:hover,

.rago-chart-small:hover{

	transform:translateY(-5px);

	border-color:var(--rago-primary);

	box-shadow:
		0 18px 40px rgba(0,0,0,.40),
		0 0 18px rgba(59,130,246,.18);

}

.rago-card-header{

	display:flex;

	align-items:center;

	justify-content:space-between;

	margin-bottom:22px;

	padding-bottom:16px;

	border-bottom:1px solid var(--rago-border);

}

.rago-card-header h3{

	font-size:18px;

	font-weight:700;

	color:var(--rago-text);

	letter-spacing:.4px;

}

.rago-chart-placeholder{

	flex:1;

	display:flex;

	align-items:center;

	justify-content:center;

	border:2px dashed rgba(59,130,246,.25);

	border-radius:14px;

	background:rgba(255,255,255,.02);

	color:var(--rago-text-light);

	font-size:15px;

	font-weight:600;

	text-align:center;

	transition:.30s;

}

.rago-chart-placeholder:hover{

	border-color:var(--rago-primary);

	background:rgba(59,130,246,.05);

	color:var(--rago-text);

}













/*
==========================================================
STEP-08

MASTER SYSTEM HEALTH

==========================================================
*/

.rago-dashboard-system{

	background:linear-gradient(
		145deg,
		#182235,
		#111827
	);

	border:1px solid var(--rago-border);

	border-radius:18px;

	padding:24px;

	margin-bottom:30px;

	box-shadow:var(--rago-shadow);

	position:relative;

	overflow:hidden;

}

.rago-dashboard-system::before{

	content:"";

	position:absolute;

	top:0;

	left:0;

	width:100%;

	height:4px;

	background:linear-gradient(
		90deg,
		#3b82f6,
		#06b6d4
	);

}

.rago-system-grid{

	display:grid;

	grid-template-columns:repeat(4,1fr);

	gap:20px;

	margin-top:24px;

}

.rago-system-item{

	background:rgba(255,255,255,.03);

	border:1px solid var(--rago-border);

	border-radius:16px;

	padding:20px;

	display:flex;

	flex-direction:column;

	gap:12px;

	transition:all .30s ease;

	cursor:pointer;

}

.rago-system-item:hover{

	transform:translateY(-5px);

	border-color:var(--rago-primary);

	background:rgba(59,130,246,.08);

	box-shadow:
		0 18px 35px rgba(0,0,0,.35),
		0 0 18px rgba(59,130,246,.18);

}

.rago-system-item span{

	font-size:13px;

	font-weight:600;

	text-transform:uppercase;

	letter-spacing:1px;

	color:var(--rago-text-light);

}

.rago-system-item strong{

	font-size:16px;

	font-weight:700;

	color:var(--rago-text);

}

.online{

	display:inline-flex;

	align-items:center;

	gap:8px;

	color:var(--rago-success);

	font-weight:700;

}

.online::before{

	content:"";

	width:10px;

	height:10px;

	border-radius:50%;

	background:var(--rago-success);

	box-shadow:
		0 0 8px var(--rago-success),
		0 0 16px var(--rago-success);

	animation:ragoPulse 2s infinite;

}

@keyframes ragoPulse{

	0%{

		transform:scale(.9);

		opacity:.7;

	}

	50%{

		transform:scale(1.2);

		opacity:1;

	}

	100%{

		transform:scale(.9);

		opacity:.7;

	}

}













/*
==========================================================
STEP-09

RECENT ACTIVITY

==========================================================
*/

.rago-dashboard-activity{

	display:grid;

	grid-template-columns:repeat(2,minmax(0,1fr));

	gap:24px;

	margin-bottom:30px;

}

.rago-activity-card{

	background:linear-gradient(
		145deg,
		#182235,
		#111827
	);

	border:1px solid var(--rago-border);

	border-radius:18px;

	padding:24px;

	box-shadow:var(--rago-shadow);

	position:relative;

	overflow:hidden;

	transition:.30s;

}

.rago-activity-card::before{

	content:"";

	position:absolute;

	top:0;

	left:0;

	width:100%;

	height:4px;

	background:linear-gradient(
		90deg,
		#3b82f6,
		#06b6d4
	);

}

.rago-activity-card:hover{

	transform:translateY(-5px);

	border-color:var(--rago-primary);

	box-shadow:
		0 18px 40px rgba(0,0,0,.40),
		0 0 18px rgba(59,130,246,.18);

}

.rago-card-body{

	margin-top:20px;

}

.rago-list{

	list-style:none;

	margin:0;

	padding:0;

}

.rago-list li{

	display:flex;

	align-items:center;

	justify-content:space-between;

	gap:20px;

	padding:18px 0;

	border-bottom:1px solid rgba(255,255,255,.06);

	color:var(--rago-text);

	font-size:14px;

	font-weight:600;

	transition:.25s;

}

.rago-list li:last-child{

	border-bottom:none;

}

.rago-list li:hover{

	padding-left:10px;

	color:#ffffff;

}

.rago-list li span{

	display:inline-flex;

	align-items:center;

	justify-content:center;

	padding:6px 12px;

	border-radius:20px;

	background:rgba(59,130,246,.12);

	border:1px solid rgba(59,130,246,.25);

	color:#93c5fd;

	font-size:12px;

	font-weight:600;

	white-space:nowrap;

}

.rago-list li::before{

	content:"";

	width:10px;

	height:10px;

	border-radius:50%;

	background:#22c55e;

	box-shadow:
		0 0 8px #22c55e,
		0 0 16px #22c55e;

	flex-shrink:0;

	margin-right:10px;

}















/*
==========================================================
STEP-10

MASTER CONTROLS

==========================================================
*/

.rago-dashboard-actions{

	background:linear-gradient(
		145deg,
		#182235,
		#111827
	);

	border:1px solid var(--rago-border);

	border-radius:18px;

	padding:24px;

	margin-bottom:30px;

	box-shadow:var(--rago-shadow);

	position:relative;

	overflow:hidden;

}

.rago-dashboard-actions::before{

	content:"";

	position:absolute;

	top:0;

	left:0;

	width:100%;

	height:4px;

	background:linear-gradient(
		90deg,
		#3b82f6,
		#06b6d4
	);

}

.rago-action-grid{

	display:grid;

	grid-template-columns:repeat(3,1fr);

	gap:20px;

	margin-top:24px;

}

.rago-action-btn{

	display:flex;

	align-items:center;

	gap:18px;

	padding:20px;

	background:rgba(255,255,255,.03);

	border:1px solid var(--rago-border);

	border-radius:16px;

	cursor:pointer;

	text-align:left;

	transition:all .30s ease;

}

.rago-action-btn:hover{

	transform:translateY(-5px);

	background:rgba(59,130,246,.08);

	border-color:var(--rago-primary);

	box-shadow:
		0 18px 35px rgba(0,0,0,.35),
		0 0 18px rgba(59,130,246,.20);

}

.rago-action-icon{

	width:60px;

	height:60px;

	display:flex;

	align-items:center;

	justify-content:center;

	flex-shrink:0;

	font-size:28px;

	border-radius:16px;

	background:linear-gradient(
		135deg,
		#2563eb,
		#06b6d4
	);

	color:#ffffff;

	box-shadow:0 10px 24px rgba(37,99,235,.30);

	transition:.30s;

}

.rago-action-btn:hover .rago-action-icon{

	transform:rotate(-8deg) scale(1.08);

}

.rago-action-text{

	display:flex;

	flex-direction:column;

}

.rago-action-text strong{

	font-size:15px;

	font-weight:700;

	color:var(--rago-text);

	margin-bottom:6px;

}

.rago-action-text small{

	font-size:12px;

	line-height:1.5;

	color:var(--rago-text-light);

}

.rago-action-btn:hover .rago-action-text strong{

	color:#ffffff;

}

.rago-action-btn:hover .rago-action-text small{

	color:#cbd5e1;

}









/*
==========================================================
STEP-11

MASTER PROFILE + FOOTER

==========================================================
*/

.rago-master-information{

	background:linear-gradient(
		145deg,
		#182235,
		#111827
	);

	border:1px solid var(--rago-border);

	border-radius:18px;

	padding:28px;

	margin-bottom:30px;

	box-shadow:var(--rago-shadow);

	position:relative;

	overflow:hidden;

}

.rago-master-information::before{

	content:"";

	position:absolute;

	top:0;

	left:0;

	width:100%;

	height:4px;

	background:linear-gradient(
		90deg,
		#3b82f6,
		#06b6d4
	);

}

.rago-master-profile{

	display:flex;

	align-items:center;

	gap:28px;

	margin-top:24px;

}

.rago-master-avatar{

	width:96px;

	height:96px;

	border-radius:50%;

	display:flex;

	align-items:center;

	justify-content:center;

	font-size:44px;

	color:#ffffff;

	background:linear-gradient(
		135deg,
		#2563eb,
		#06b6d4
	);

	box-shadow:
		0 15px 35px rgba(37,99,235,.35);

	flex-shrink:0;

}

.rago-master-details{

	flex:1;

}

.rago-master-details h2{

	font-size:30px;

	font-weight:800;

	color:var(--rago-text);

	margin-bottom:8px;

}

.rago-master-details p{

	font-size:15px;

	color:var(--rago-text-light);

	margin-bottom:22px;

	line-height:1.7;

}

.rago-master-meta{

	list-style:none;

	margin:0;

	padding:0;

	display:grid;

	grid-template-columns:repeat(2,1fr);

	gap:14px 30px;

}

.rago-master-meta li{

	font-size:14px;

	color:var(--rago-text-light);

	padding:12px 0;

	border-bottom:1px solid rgba(255,255,255,.06);

}

.rago-master-meta strong{

	display:inline-block;

	min-width:135px;

	color:var(--rago-text);

	font-weight:700;

}

/*======================================
Footer
======================================*/

.rago-master-footer{

	height:64px;

	display:flex;

	align-items:center;

	justify-content:space-between;

	padding:0 28px;

	background:#101827;

	border-top:1px solid var(--rago-border);

	color:var(--rago-text-light);

	font-size:13px;

}

.rago-footer-left,

.rago-footer-center,

.rago-footer-right{

	display:flex;

	align-items:center;

	gap:10px;

}

.rago-status-badge{

	padding:6px 14px;

	border-radius:999px;

	background:rgba(34,197,94,.12);

	border:1px solid rgba(34,197,94,.25);

	color:#22c55e;

	font-size:12px;

	font-weight:700;

	text-transform:uppercase;

	letter-spacing:.5px;

}















/*
==========================================================
STEP-12

RESPONSIVE

==========================================================
*/

/*======================================
Large Laptop
======================================*/

@media (max-width:1400px){

	.rago-dashboard-stats{

		grid-template-columns:repeat(2,1fr);

	}

	.rago-system-grid{

		grid-template-columns:repeat(2,1fr);

	}

	.rago-action-grid{

		grid-template-columns:repeat(2,1fr);

	}

}

/*======================================
Tablet Landscape
======================================*/

@media (max-width:1200px){

	.rago-dashboard-charts{

		grid-template-columns:1fr;

	}

	.rago-dashboard-activity{

		grid-template-columns:1fr;

	}

	.rago-master-meta{

		grid-template-columns:1fr;

	}

}

/*======================================
Tablet
======================================*/

@media (max-width:992px){

	.rago-master-workspace{

		grid-template-columns:1fr;

	}

	.rago-master-sidebar{

		display:none;

	}

	.rago-master-main{

		padding:20px;

	}

	.rago-dashboard-welcome{

		flex-direction:column;

		align-items:flex-start;

	}

	.rago-dashboard-buttons{

		width:100%;

		flex-wrap:wrap;

	}

}

/*======================================
Mobile
======================================*/

@media (max-width:768px){

	.rago-master-header{

		padding:0 16px;

		height:auto;

		min-height:72px;

		flex-wrap:wrap;

		gap:12px;

	}

	.rago-header-center{

		order:3;

		width:100%;

		padding:0;

	}

	.rago-search-box{

		max-width:100%;

	}

	.rago-dashboard-stats{

		grid-template-columns:1fr;

	}

	.rago-system-grid{

		grid-template-columns:1fr;

	}

	.rago-action-grid{

		grid-template-columns:1fr;

	}

	.rago-master-profile{

		flex-direction:column;

		text-align:center;

	}

	.rago-master-avatar{

		margin:auto;

	}

}

/*======================================
Small Mobile
======================================*/

@media (max-width:576px){

	.rago-dashboard-title h1{

		font-size:26px;

	}

	.rago-btn-primary,

	.rago-btn-secondary{

		width:100%;

	}

	.rago-dashboard-buttons{

		flex-direction:column;

	}

	.rago-master-footer{

		height:auto;

		padding:18px;

		flex-direction:column;

		gap:10px;

		text-align:center;

	}

	.rago-footer-left,

	.rago-footer-center,

	.rago-footer-right{

		justify-content:center;

		width:100%;

	}

}