body{

margin:0;
font-family:Arial;

background:#f4f4f4;

}

.login-container{

width:350px;

margin:100px auto;

background:white;

padding:40px;

border-radius:15px;

text-align:center;

box-shadow:0 0 15px rgba(0,0,0,0.1);

}

.login-container h1{

color:#006400;

}

.login-container input{

width:100%;

padding:12px;

margin:10px 0;

border-radius:8px;

border:1px solid #ccc;

}

.login-container button{

width:100%;

padding:12px;

background:#006400;

color:white;

border:none;

border-radius:8px;

font-size:18px;

cursor:pointer;

}

.sidebar{

width:250px;

height:100vh;

background:#006400;

position:fixed;

right:0;

top:0;

padding:20px;

color:white;

}

.sidebar ul{

list-style:none;
padding:0;

}

.sidebar li{

margin:20px 0;

}

.sidebar a{

color:white;

text-decoration:none;

font-size:18px;

}

.main-content{

margin-right:270px;

padding:30px;

}

.cards{

display:grid;

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

gap:20px;

margin-top:30px;

}

.card{

background:white;

padding:30px;

border-radius:15px;

text-align:center;

box-shadow:0 0 10px rgba(0,0,0,0.1);

}

.card h2{

color:#006400;

font-size:40px;

}


table{

width:100%;

border-collapse:collapse;

background:white;

}

table th,
table td{

padding:15px;

border:1px solid #ddd;

text-align:center;

}

table th{

background:#006400;

color:white;

}

#searchInput{

width:300px;

padding:12px;

border-radius:8px;

border:1px solid #ccc;

}

.btn{

display:inline-block;

padding:8px 15px;

margin:3px;

border-radius:8px;

text-decoration:none;

color:white;

font-size:14px;

font-weight:bold;

transition:0.3s;

}

.print{

background:#006400;

}

.id{

background:#0d6efd;

}

.verify{

background:#ff9800;

}

.btn:hover{

opacity:0.8;

transform:scale(1.05);

}