body{
margin:0;
font-family:Arial,sans-serif;
background:#0b1220;
color:white;
display:flex;
}
.sidebar{
width:240px;
background:#09101c;
height:100vh;
padding:30px 20px;
box-sizing:border-box;
position:fixed;
left:0;
top:0;
}
.logo{
font-size:24px;
font-weight:bold;
margin-bottom:40px;
color:#f7931e;
}
.nav a{
display:block;
color:white;
text-decoration:none;
padding:14px;
border-radius:10px;
margin-bottom:10px;
background:rgba(255,255,255,0.04);
}
.nav a:hover{
background:#f7931e;
}
.main{
margin-left:260px;
padding:40px;
width:100%;
box-sizing:border-box;
}
.cards{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:20px;
margin-bottom:30px;
}
.card{
background:white;
color:#111;
padding:24px;
border-radius:18px;
box-shadow:0 10px 30px rgba(0,0,0,0.2);
}
.card h3{
margin-top:0;
}
.table{
background:white;
color:#111;
padding:24px;
border-radius:18px;
margin-top:20px;
}
table{
width:100%;
border-collapse:collapse;
}
th,td{
padding:14px;
border-bottom:1px solid #ddd;
text-align:left;
}
button{
background:#f7931e;
color:white;
border:none;
padding:12px 18px;
border-radius:10px;
font-weight:bold;
cursor:pointer;
}
input,textarea{
width:100%;
padding:12px;
margin-top:10px;
border-radius:10px;
border:1px solid #ccc;
box-sizing:border-box;
}
.form-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:20px;
}