*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f5f6fa;color:#20212a}.app{display:grid;grid-template-columns:230px 1fr;min-height:100vh}aside{background:#171722;color:#fff;padding:28px 22px}aside h2{margin-top:0}nav{line-height:2.5;color:#c9cad4}main{padding:28px}header,.row{display:flex;justify-content:space-between;align-items:center}button,select,input{padding:10px 12px;border:1px solid #d9dbe5;border-radius:10px;background:#fff}button{cursor:pointer}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0}.card,.panel{background:#fff;border-radius:18px;padding:20px;box-shadow:0 6px 18px #0000000d}.card span{display:block;color:#777}.card strong{font-size:28px;display:block;margin-top:8px}.panel{margin-bottom:18px}.slots{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.slot{padding:12px 14px;border-radius:12px;min-width:110px;display:flex;flex-direction:column}.slot.available{background:#eaf7ee}.slot.locked{background:#fff4d6}.slot.booked{background:#fde7e7}.slot.blocked{background:#ececf2}.slot span{font-size:12px;text-transform:capitalize;margin-top:4px}.table{margin-top:12px}.tr{display:grid;grid-template-columns:1.3fr 1fr 1fr .8fr .8fr;padding:12px 8px;border-top:1px solid #eee;gap:10px}.tr.head{font-weight:700;border-top:0}.tr small{display:block;color:#777;margin-top:2px}@media(max-width:900px){.app{grid-template-columns:1fr}aside{display:none}.stats,.tr{grid-template-columns:1fr 1fr}.tr span:nth-child(n+3){display:none}}.booking-page input,.booking-page select,.booking-page textarea,.booking-page button{font-family:inherit}.booking-page input,.booking-page select,.booking-page textarea{box-sizing:border-box}.booking-page button{width:auto}.booking-page textarea{display:block}