/* ========================= */
/* admin/dashboard.css */
/* ========================= */

*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{
font-family:Arial;
background:#f5f5f5;
display:flex;
}

.sidebar{

width:250px;

height:100vh;

background:#0d6b2f;

padding:20px;

position:fixed;
}

.sidebar h2{

color:white;

margin-bottom:30px;
}

.sidebar a{

display:block;

color:white;

text-decoration:none;

padding:12px;

margin-bottom:10px;

border-radius:10px;
}

.sidebar a:hover{

background:white;

color:#0d6b2f;
}

.main{

margin-left:250px;

padding:30px;

width:100%;
}

.cards{

display:grid;

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

gap:20px;

margin-top:20px;
}

.card{

background:white;

padding:25px;

border-radius:20px;

box-shadow:0 5px 15px rgba(0,0,0,0.08);
}

.card h2{

margin-top:10px;

color:#0d6b2f;
}

table{

width:100%;

margin-top:20px;

background:white;

border-collapse:collapse;

border-radius:20px;

overflow:hidden;
}

table th{

background:#0d6b2f;

color:white;

padding:15px;
}

table td{

padding:15px;

border-bottom:1px solid #eee;
}

.login-box{

width:350px;

background:white;

padding:30px;

margin:100px auto;

border-radius:20px;

box-shadow:0 5px 15px rgba(0,0,0,0.08);
}

.login-box h2{

margin-bottom:20px;

text-align:center;
}

.login-box input{

width:100%;

padding:12px;

margin-bottom:15px;

border:1px solid #ccc;

border-radius:10px;
}

.login-box button{

width:100%;

padding:12px;

border:none;

background:#0d6b2f;

color:white;

border-radius:10px;

cursor:pointer;
}

@media(max-width:768px){

.sidebar{

width:100%;

height:auto;

position:relative;
}

.main{

margin-left:0;
}

body{

flex-direction:column;
}

}