/**
 * CASBEN ERP
 * Frontend Layout
 */

body {

	background: #f4f6f9;
	margin: 0;
	padding: 0;

}

.casben-erp-header {

	height: 60px;
	background: #1f2937;
	color: #ffffff;

	display: flex;
	align-items: center;
	justify-content: space-between;

	padding: 0 20px;

}

.casben-erp-wrapper {

	display: flex;
	min-height: calc(100vh - 60px);

}

.casben-erp-sidebar {

	width: 240px;

	background: #111827;

	color: #ffffff;

	padding: 20px;

}

.casben-erp-content {

	flex: 1;

	padding: 30px;

	background: #ffffff;

}

.casben-erp-sidebar ul {

	list-style: none;
	margin: 0;
	padding: 0;

}

.casben-erp-sidebar li {

	padding: 12px 15px;
	margin-bottom: 5px;
	border-radius: 6px;

	cursor: pointer;

}

.casben-erp-sidebar li:hover {

	background: #374151;

}

.casben-erp-logo h2 {

	margin: 0;
	font-size: 20px;

}
.casben-dashboard-stats {

	display: flex;
	gap: 20px;
	margin-top: 30px;
	flex-wrap: wrap;

}

.casben-stat-card {

	flex: 1;
	min-width: 200px;

	background: #ffffff;

	border: 1px solid #dddddd;

	border-radius: 8px;

	padding: 20px;

	box-shadow: 0 2px 5px rgba(0,0,0,.08);

}

.casben-stat-card h3 {

	margin-top: 0;

}

.casben-stat-card p {

	font-size: 32px;
	font-weight: bold;
	margin-bottom: 0;

}