html,body,#root{height:100%;margin:0;padding:0}*,*:before,*:after{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";line-height:1.5;background-color:#f0f2f5}:root{--sidebar-width: 250px;--topbar-height: 50px;--sidebar-bg-color: #0b1a2d}#sidebar-wrapper{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background-color:var(--sidebar-bg-color);color:#fff;z-index:1000;overflow-y:auto}.sidebar-header{padding:10px 15px;border-bottom:1px solid rgba(255,255,255,.1);height:var(--topbar-height);display:flex;align-items:center}.components{padding:15px 0}.components li{padding:0;margin:0}.sidebar-link{padding:8px 15px;color:#c9d6e4;display:block;text-decoration:none;transition:all .3s}.sidebar-link:hover,.components li.active-link .sidebar-link{color:#fff;background:#ffffff1a;border-left:5px solid #007bff;padding-left:10px}.sidebar-footer{position:absolute;bottom:0;width:100%;padding:10px;background:#0000001a}.topbar{position:fixed;top:0;left:var(--sidebar-width);width:calc(100% - var(--sidebar-width));height:var(--topbar-height);background-color:#fff;box-shadow:0 2px 4px #0000001a;display:flex;align-items:center;padding:0 20px;z-index:999}.topbar .icon-group i{font-size:1.2rem;cursor:pointer;color:#555}#content-wrapper{margin-left:var(--sidebar-width);padding-top:var(--topbar-height);min-height:100vh;background-color:#f8f9fa;width:100%}.login-wrapper{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#4c66ff,#a453e0)}.login-card{width:100%;max-width:380px;background-color:#fff;border-radius:12px}.login-logo{width:60px}.input-group-text{background-color:#f8f9fa;border-right:none}.form-control{border-left:none}.booking-chart-container{width:100%;overflow-x:hidden;background-color:#fff}.chart-grid-wrapper{overflow-x:auto;overflow-y:hidden}.chart-row{display:grid;grid-gap:1px;background-color:#dee2e6;align-items:center}.chart-date-header{background-color:#f8f9fa;position:sticky;top:0;z-index:50;border-bottom:2px solid #dee2e6}.date-cell{height:40px;display:flex;flex-direction:column;justify-content:center;background-color:#fff;border:1px solid #cecece;border-bottom:0;border-left:0px;text-align:center}.date-cell.weekend{background-color:#fff3cd}.room-type-header{background-color:#e9ecef;font-weight:700;cursor:pointer;padding-left:10px!important;grid-column:1 / -1;height:30px;display:flex;align-items:center}.room-type-header.collapsed{background-color:#e0e0e0}.room-data-row{height:40px;background-color:#fff}.room-name-cell{background-color:#f8f9fa;border-right:1px solid #dee2e6;height:100%}.reservation-bar{z-index:10;height:70%;border-radius:3px;cursor:pointer;overflow:hidden;line-height:1.5;white-space:nowrap}.reservation-bar.bg-success{background-color:#28a745!important}.reservation-bar.bg-info{background-color:#17a2b8!important}.reservation-bar.bg-warning{background-color:#ffc107!important;color:#333!important}.reservation-bar.bg-danger{background-color:#dc3545!important}.hover-info-popup,.context-menu{position:absolute;z-index:2000;background:#fff;border:1px solid #ccc;box-shadow:0 4px 8px #0003;padding:10px;border-radius:4px}.sidebar-link{cursor:pointer}.sidebar-link:hover,.components li.active-link .sidebar-link,.components li.active-link-sub .sidebar-link,.sidebar-link.active-link{color:#fff!important;background:#ffffff1a!important;border-left:3px solid #007bff;padding-left:12px}.sub-menu{background:#0003;padding:0;margin-left:0;list-style:none}.sub-menu .sidebar-link.sub-link{padding-left:30px;font-size:.95rem;color:#c9d6e4;border-left:none!important}.sub-menu li.active-link-sub .sidebar-link.sub-link{font-weight:700;color:#fff!important;background:#ffffff26!important}.chevron-icon{transition:transform .3s ease}.chevron-icon.open{transform:rotate(90deg)}.collapse:not(.show){display:none}.collapse.show{display:block}.reservation-tooltip-popup{background-color:#2c3e50;color:#fff;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px #00000080;border-radius:4px;width:300px;z-index:5000;pointer-events:none;transition:opacity .2s ease-in-out}.reservation-tooltip-popup .tooltip-header{background-color:#1f3044;border-bottom:1px solid rgba(255,255,255,.1)}.reservation-tooltip-popup .tooltip-body{padding-top:5px;padding-bottom:5px}.reservation-tooltip-popup .tooltip-detail{margin-bottom:2px}.reservation-tooltip-popup .tooltip-detail .text-success{color:#4caf50!important}.user-dropdown{position:relative;display:inline-block}.user-dropdown .dropdown-menu{position:absolute;top:100%;right:0;min-width:280px;box-shadow:0 4px 12px #0003;border:none;padding:0;border-radius:4px;z-index:1050}.user-dropdown .dropdown-header{background-color:#0b1a2d;color:#fff;border-top-left-radius:4px;border-top-right-radius:4px}.user-dropdown .dropdown-item{padding:10px 15px;font-size:.95rem;color:#333}.user-dropdown .dropdown-item:hover{background-color:#f1f1f1;color:#007bff}.profile-nav li{cursor:pointer;margin-bottom:3px;transition:background-color .2s}.profile-nav li:hover:not(.active-profile-tab){background-color:#e9ecef}.cursor-pointer{cursor:pointer}.chart-grid-wrapper,.chart-body{display:flex;flex-direction:column}.modal-dialog.modal-xl{background-color:#fff}.booking-chart-container{overflow-x:auto;min-width:1350px;padding-bottom:20px}.chart-header{display:grid;grid-template-columns:150px 1fr;position:sticky;top:0;z-index:20;background-color:#fff}.chart-header>.room-label{padding:8px;font-weight:700;min-width:150px;color:#141414;border:1px solid #cecece}.date-cell-container{display:grid;grid-template-columns:repeat(var(--visible-days, 30),var(--cell-width, 40px));width:100%;border-bottom:1px solid #cecece}.chart-row-grid{display:grid;grid-template-columns:150px 1fr;width:100%;position:relative;height:50px;border-bottom:1px solid #cecece}.chart-row-grid:hover{background-color:#f8f8f8}.room-label-col{grid-column:1;padding-left:8px;background-color:#fff;color:#141414;min-width:150px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;border:1px solid #cecece;border-bottom:0;border-top:0}.reservation-grid-area{grid-column:2;grid-template-columns:repeat(var(--visible-days),1fr);display:grid;width:100%;position:relative}.daily-cell{border-right:1px solid #f0f0f0;height:100%;box-sizing:border-box}.booking-item{position:relative;height:30px;margin-top:10px;border-radius:4px;padding:0 10px;box-shadow:0 1px 3px #0003;cursor:grab;transition:opacity .2s;grid-row:1;z-index:5;align-items:center;display:flex}.booking-item:active{cursor:grabbing}.booking-item .resizer-handle{position:absolute;top:0;right:0;width:8px;height:100%;background:#ffffff4d;cursor:ew-resize;z-index:10}.booking-item:hover{opacity:.9;z-index:10}.booking-item:hover .resizer-handle{background:#ffffff80}