@import"https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css";:root{--hotel-navy:#0b3d91;--hotel-gold:#d4af37;--muted:#6c757d}body{font-family:Inter,system-ui,Arial,Helvetica,sans-serif;background:#f7f9fc;margin:0}.topbar{background:linear-gradient(90deg,var(--hotel-navy),#0d4fa0);color:#fff;padding:12px 20px;display:flex;justify-content:space-between;align-items:center}.topbar .brand{font-weight:700}.topbar .actions .btn{margin-left:8px}.container{max-width:1100px;margin:20px auto;padding:0 15px}.section{margin-bottom:24px}.table-card{padding:12px}.table-scroll{max-height:60vh;overflow:auto;padding-right:6px}.scroll-to-rooms{position:absolute;right:-70px;bottom:0;background:var(--hotel-navy);border:none;color:#fff;border-radius:28px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px #0b3d912e;cursor:pointer}.scroll-to-rooms:hover{transform:translateY(-2px)}.room-grid{display:flex;flex-direction:column;gap:18px}.room-category h4{color:var(--hotel-navy);margin-bottom:8px}.rooms{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.room-card{background:#fff;border:1px solid #e6e9ef;padding:12px;border-radius:8px;transition:transform .18s ease,box-shadow .18s ease}.room-card:hover{transform:translateY(-6px);box-shadow:0 8px 20px #0b3d911f;cursor:pointer}.room-card.occupied{border-color:#dc3545;background:#fff5f5}.room-id{font-weight:700}.room-status{font-size:.85rem;color:var(--muted)}.room-guest{font-size:.8rem;color:#333}.alarm-row{background:linear-gradient(90deg,rgba(255,200,200,.3),transparent)}@media (max-width:600px){.rooms{grid-template-columns:repeat(2,1fr)}}.app-footer{background:linear-gradient(180deg,rgba(11,61,145,.03),transparent);margin-top:18px;color:var(--muted);border-top:1px solid rgba(0,0,0,.06)}.app-footer .container{max-width:1100px}.app-footer .urban-link{color:#117ded;font-weight:700;text-decoration:none}.app-footer .urban-link:hover{text-decoration:underline;color:#0c5fb4}.app-footer .fw-500{font-weight:500;color:var(--muted)}@media print{body *{visibility:hidden!important}.printable-bill,.printable-bill *{visibility:visible!important}.printable-bill{position:absolute;left:0;top:0;width:100%;padding:8mm;box-sizing:border-box;background:#fff}.modal,.modal-backdrop{display:none!important}}.bill-preview-container{display:flex;justify-content:center;padding:10px}.bill-format{border:2px solid #000;padding:20px;font-family:serif;font-size:14px;width:95%;max-width:600px;position:relative;box-shadow:0 0 10px #0003}.bill-header{text-align:center;margin-bottom:15px}.bill-title{margin:0;font-size:1.2rem;font-weight:400}.bill-title-main{margin:0;font-size:1.8rem;font-weight:700;color:#000}.bill-subtitle{font-size:.8rem;margin-bottom:10px}.bill-input,.bill-input-sm,.bill-input-lg{border:none;border-bottom:1px solid #000;background:#f8f9fa;padding:0 2px;font-size:inherit}.bill-input{width:70%}.bill-input-sm{width:50%}.bill-input-lg{width:60%;text-align:right}.bill-details{margin-bottom:10px}.bill-details .row{margin-bottom:5px}.bill-table{width:100%;border-collapse:collapse;margin-top:10px;table-layout:fixed}.bill-table th,.bill-table td{border:1px solid #000;padding:5px;vertical-align:top;line-height:1.2}.bill-table th{text-align:center;font-size:.75rem;background-color:#f1f1f1}.bill-table td{font-size:.8rem;height:35px}.bill-table input{border:none;width:100%;text-align:right;background:#fffbe6;padding:0;font-size:inherit}.bill-table .bill-item-input{text-align:left}.bill-table .bill-amount{text-align:right;font-weight:700;background-color:#f8f9fa}.bill-total-row{font-weight:700}.bill-footer-label{font-size:.8rem;font-weight:700}.bill-footer-label-small{font-size:.7rem;font-weight:700;text-align:center;padding:2px!important}.bill-signature{text-align:center!important}.bill-stamp-placeholder{position:absolute;bottom:40px;right:30px;border:2px solid #000;border-radius:50%;width:90px;height:90px;line-height:80px;text-align:center;opacity:.5;font-size:.8rem;font-weight:700;color:#6c757d;transform:rotate(15deg)}
