.yitm-wrapper{

    max-width:1200px;
    margin:40px auto;
    padding:20px;

}

.yitm-login-required{

    max-width:700px;
    margin:40px auto;
    padding:20px;
    border:1px solid #ddd;
    background:#fff8e5;

}
.yitm-header{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:30px;
gap:20px;
}

.yitm-btn{
padding:10px 18px;
cursor:pointer;
border:1px solid #ddd;
background:#fff;
}

.yitm-btn-primary{
background:#2271b1;
color:#fff;
border:none;
}

.yitm-cards{
display:grid;
grid-template-columns:repeat(5,1fr);
gap:20px;
margin-bottom:25px;
}

.yitm-card{
background:#fff;
border:1px solid #ddd;
padding:20px;
border-radius:8px;
}

.yitm-filters{
display:flex;
gap:12px;
margin-bottom:25px;
flex-wrap:wrap;
}

.yitm-filters input,
.yitm-filters select{
padding:10px;
}

.yitm-table{
width:100%;
border-collapse:collapse;
}

.yitm-table th,
.yitm-table td{
border:1px solid #ddd;
padding:12px;
}

.yitm-modal{
display:none;
position:fixed;
left:0;
top:0;
width:100%;
height:100%;
background:rgba(0,0,0,.4);
}

.yitm-modal-content{

background:#fff;

width:850px;

max-width:95%;

max-height:90vh;

overflow-y:auto;

margin:30px auto;

padding:25px;

border-radius:8px;

}

.yitm-form-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:20px;
margin-bottom:20px;
}

.yitm-form-group{
display:flex;
flex-direction:column;
margin-bottom:20px;
}

.yitm-form-group label{
font-weight:600;
margin-bottom:8px;
}

.yitm-form-group input,
.yitm-form-group select,
.yitm-form-group textarea{
padding:10px;
width:100%;
box-sizing:border-box;
}

.yitm-form-footer{
display:flex;
gap:15px;
justify-content:flex-end;
margin-top:20px;
}

.yitm-modal-header{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:20px;
}

#yitm-close-modal{
font-size:26px;
background:none;
border:none;
cursor:pointer;
}

/*======================================
Modal Fix
======================================*/

.yitm-modal{

	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.6);

	z-index:999999 !important;

	overflow-y:auto;

	padding:40px 15px;

	box-sizing:border-box;

}

.yitm-modal-content{

	position:relative;

	background:#fff;

	max-width:900px;

	width:100%;

	margin:40px auto;

	border-radius:10px;

	z-index:1000000 !important;

	max-height:90vh;

	overflow-y:auto;

}

.yitm-modal-header{

	position:sticky;

	top:0;

	background:#fff;

	z-index:2;

	padding:15px 20px;

	border-bottom:1px solid #ddd;

}

.yitm-form-footer{

	position:sticky;

	bottom:0;

	background:#fff;

	z-index:2;

	padding:15px 20px;

	border-top:1px solid #ddd;

}

body.yitm-modal-open{

	overflow:hidden;

}

/*=========================================
Dashboard Summary
=========================================*/

.yitm-dashboard-summary{

	display:flex;

	flex-wrap:wrap;

	gap:15px;

	margin-top:15px;

}

.yitm-summary-item{

	background:#fff;

	border:1px solid #e5e7eb;

	border-radius:10px;

	padding:12px 18px;

	min-width:120px;

	box-shadow:0 2px 8px rgba(0,0,0,.05);

	transition:.3s;

}

.yitm-summary-item:hover{

	transform:translateY(-2px);

	box-shadow:0 8px 20px rgba(0,0,0,.08);

}

.yitm-summary-label{

	display:block;

	font-size:13px;

	color:#6b7280;

	margin-bottom:6px;

	font-weight:500;

}

.yitm-summary-item strong{

	font-size:24px;

	font-weight:700;

	color:#111827;

	line-height:1;

}
.yitm-subtitle{

	margin-top:8px;

	color:#6b7280;

	font-size:15px;

	font-weight:400;

}
.yitm-dashboard-filter{

	cursor:pointer;

	transition:all .25s ease;

}

.yitm-dashboard-filter:hover{

	transform:translateY(-4px);

	box-shadow:0 15px 35px rgba(0,0,0,.08);

}

/*=========================================
Dashboard Cards
=========================================*/

.yitm-dashboard-cards{

	display:grid;

	grid-template-columns:repeat(auto-fit,minmax(180px,1fr));

	gap:20px;

	margin:25px 0 30px;

}

.yitm-card{

	position:relative;

	background:#fff;

	border-radius:14px;

	padding:22px;

	border:1px solid #e9ecef;

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

	cursor:pointer;

	transition:all .25s ease;

	overflow:hidden;

}

.yitm-card:hover{

	transform:translateY(-6px);

	box-shadow:0 18px 40px rgba(0,0,0,.10);

}

.yitm-card::before{

	content:'';

	position:absolute;

	top:0;

	left:0;

	width:6px;

	height:100%;

}

/* Numbers */

.yitm-card h3{

	margin:0;

	font-size:34px;

	font-weight:700;

	line-height:1;

	color:#222;

}

/* Label */

.yitm-card p{

	margin:12px 0 0;

	font-size:15px;

	font-weight:600;

	color:#666;

}

/* Colors */

.yitm-card-total::before{

	background:#2563eb;

}

.yitm-card-pending::before{

	background:#f59e0b;

}

.yitm-card-progress::before{

	background:#0ea5e9;

}

.yitm-card-completed::before{

	background:#22c55e;

}

.yitm-card-hold::before{

	background:#ef4444;

}

.yitm-card-overdue::before{

	background:#7c3aed;

}

/* Active Card */

.yitm-card.active{

	border-color:#2563eb;

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

	transform:translateY(-4px);

}

.yitm-chart-wrapper{

	background:#fff;

	padding:25px;

	border-radius:12px;

	margin:25px 0;

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

}

.yitm-chart-wrapper h3{

	margin-bottom:20px;

	font-size:20px;

	font-weight:600;

}

#yitm-status-chart{

	max-width:350px;

	margin:auto;

	display:block;

}

.yitm-today-summary{

	display:grid;

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

	gap:20px;

	margin:25px 0;

}

.yitm-summary-card{

	background:#fff;

	border-radius:12px;

	padding:22px;

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

	text-align:center;

	transition:.3s;

}

.yitm-summary-card:hover{

	transform:translateY(-5px);

}

.yitm-summary-card h3{

	font-size:28px;

	margin:0;

	color:#2563eb;

}

.yitm-summary-card p{

	margin-top:10px;

	font-size:14px;

	color:#666;

}


.yitm-working-hours{

	margin:25px 0;

}

.yitm-working-card{

	background:#2563eb;

	color:#fff;

	border-radius:14px;

	padding:35px;

	text-align:center;

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

}

.yitm-working-card h2{

	font-size:42px;

	margin:0;

	font-weight:700;

}

.yitm-working-card p{

	margin:15px 0 8px;

	font-size:18px;

}

.yitm-working-card span{

	font-size:15px;

	opacity:.9;

}

.yitm-progress-card{

	background:#fff;

	padding:25px;

	border-radius:14px;

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

	margin:25px 0;

}

.yitm-progress-header{

	display:flex;

	justify-content:space-between;

	align-items:center;

	margin-bottom:20px;

}

.yitm-progress-header h3{

	margin:0;

	font-size:20px;

}

.yitm-progress-header span{

	font-size:28px;

	font-weight:700;

	color:#16a34a;

}

.yitm-progress-bar{

	height:18px;

	background:#e5e7eb;

	border-radius:50px;

	overflow:hidden;

}

.yitm-progress-fill{

	height:100%;

	background:linear-gradient(90deg,#22c55e,#16a34a);

	border-radius:50px;

	transition:.4s;

}

.yitm-progress-footer{

	display:flex;

	justify-content:space-between;

	margin-top:20px;

	text-align:center;

}

.yitm-progress-footer strong{

	display:block;

	font-size:22px;

	color:#2563eb;

}
#yitm-weekly-chart{

	max-width:100%;

	height:320px !important;

}

#yitm-monthly-chart{

	width:100%;

	height:320px !important;

}


/*as of now start */


.yitm-chart-wrapper, .yitm-today-summary, .yitm-working-hours {
    display: none;
}
.yitm-card.yitm-card-overdue.yitm-dashboard-filter {
    display: none !important;
}
/*as of now End*/


.yitm-task-list-header{
	display:flex;
	align-items:center;
	gap:15px;
	margin:20px 0;
	flex-wrap:wrap;
}

.yitm-task-list-header input[type="month"]{
	min-width:180px;
}
/* Task List Page */
.yitm-task-list-page .yitm-task-actions{
	display:none;
}
/* Responsive */

@media(max-width:768px){

	.yitm-dashboard-cards{

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

	}

}

@media(max-width:480px){

	.yitm-dashboard-cards{

		grid-template-columns:1fr;

	}

}