*{box-sizing:border-box}
body{margin:0;font-family:Inter,Arial;background:#f1f5f9}
.wrapper{display:flex}
.sidebar{
width:260px;background:#0f172a;min-height:100vh;
padding:20px;position:fixed;color:#fff
}
.logo{font-size:24px;font-weight:700;margin-bottom:25px}
.sidebar a{
display:block;padding:14px;margin-bottom:10px;
background:rgba(255,255,255,.05);
border-radius:12px;color:#fff;text-decoration:none
}
.sidebar a:hover{background:#1e293b}
.main{margin-left:260px;padding:20px;width:100%}
.card{
background:#fff;border-radius:18px;padding:20px;
margin-bottom:20px;box-shadow:0 2px 15px rgba(0,0,0,.06)
}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
input,select,textarea{
width:100%;padding:12px;border:1px solid #ddd;
border-radius:10px;margin-top:5px;margin-bottom:15px
}
label{font-weight:600;font-size:14px}
.btn{
background:#0f172a;color:#fff;padding:10px 14px;
border:none;border-radius:10px;text-decoration:none;cursor:pointer
}
table{width:100%;border-collapse:collapse}
th,td{padding:12px;border-bottom:1px solid #eee}
.pending{background:#f59e0b;color:#fff;padding:5px 10px;border-radius:20px}
.booked{background:#000;color:#fff;padding:5px 10px;border-radius:20px}
@media(max-width:900px){
.wrapper{display:block}
.sidebar{position:relative;width:100%;min-height:auto}
.main{margin-left:0}
.grid{grid-template-columns:1fr}
}