*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:#f4f7fb;color:#172033}.shell{max-width:980px;margin:0 auto;padding:24px}.hidden{display:none!important}.card{background:#fff;border:1px solid #dfe5ee;border-radius:16px;padding:22px;box-shadow:0 8px 24px rgba(16,24,40,.05);margin-bottom:18px}.brand{font-size:14px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#475467}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.user{display:flex;gap:12px;align-items:center}.hero{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.eyebrow{font-size:12px;font-weight:900;color:#067647;letter-spacing:.08em}.hero h1{margin:6px 0}.primary,.secondary,.icon{border:0;border-radius:10px;padding:11px 15px;font-weight:800;cursor:pointer}.primary{background:#1d2939;color:#fff}.secondary{background:#eef2f6;color:#344054}.icon{background:transparent;font-size:20px;padding:6px}.address{margin:18px 0}.address h2{margin:0 0 10px}.rooms{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.room{background:#fff;border:1px solid #dfe5ee;border-radius:14px;padding:16px;display:flex;justify-content:space-between;align-items:center;gap:14px}.room strong{font-size:18px}.empty{padding:24px;background:#fff;border:1px dashed #cbd5e1;border-radius:14px;color:#667085}.reservations h2{margin-top:0}.reservation{padding:12px 0;border-top:1px solid #eaecf0}.reservation:first-child{border-top:0}.status{display:inline-block;padding:4px 8px;border-radius:999px;background:#fff4e5;color:#b54708;font-size:12px;font-weight:800}.status.approved{background:#ecfdf3;color:#067647}.status.rejected,.status.cancelled{background:#fef3f2;color:#b42318}label{display:block;font-weight:700;margin:12px 0}input,textarea{width:100%;margin-top:6px;border:1px solid #cfd7e3;border-radius:10px;padding:11px;font:inherit}.message{margin-top:10px;color:#b42318;font-weight:700}.backdrop{position:fixed;inset:0;background:rgba(15,23,42,.45)}.modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(560px,92vw);background:#fff;border-radius:16px;padding:20px;box-shadow:0 24px 60px rgba(0,0,0,.25);z-index:2}.modal-head{display:flex;justify-content:space-between;gap:16px}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}@media(max-width:640px){.shell{padding:14px}.topbar,.hero{flex-direction:column;align-items:stretch}.user{justify-content:space-between}.room{align-items:flex-start;flex-direction:column}.room button{width:100%}}