html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}@-ms-viewport{width:device-width}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{padding:.2em;background-color:#feffe6}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5}#root{min-height:100vh}@media (max-width: 767px){input,textarea,select{font-size:16px!important;transform:translateZ(0);-webkit-transform:translateZ(0)}.ant-btn{min-height:44px!important;min-width:44px!important}.ant-menu-item,.ant-menu-submenu-title,.ant-table-row,.ant-list-item{min-height:48px!important}.ant-form-item{margin-bottom:16px}.ant-input,.ant-select-selector,.ant-picker{min-height:44px!important}.mobile-timeline-action-modal .ant-modal-header{padding:8px 16px!important;margin-bottom:0!important}.mobile-timeline-action-modal .ant-modal-body{padding:8px!important}.mobile-timeline-action-modal .ant-modal-close{top:4px!important;right:8px!important;font-size:16px!important}.ant-table{font-size:14px}.ant-table-thead>tr>th{padding:8px 4px!important;font-size:12px}.ant-table-tbody>tr>td{padding:8px 4px!important}.ant-modal{margin:0!important;max-width:calc(100vw - 16px)!important}.ant-modal-content{border-radius:12px!important}.ant-modal-header{padding:16px 20px 12px!important}.ant-modal-body{padding:12px 20px!important}.ant-modal-footer{padding:12px 20px 16px!important}.ant-drawer-content-wrapper{box-shadow:-4px 0 20px #00000026!important}.ant-pagination{text-align:center;margin-top:16px}.mobile-range-picker-container .ant-picker-panels{flex-direction:column!important;width:100%!important}.mobile-range-picker-container .ant-picker-panel{width:100%!important;margin:0!important;border:none!important}.mobile-range-picker-container .ant-picker-panel+.ant-picker-panel{border-top:1px solid #f0f0f0!important}.mobile-range-picker-container .ant-picker-panel:last-child{display:none!important}.mobile-range-picker-container .ant-picker-header{padding:8px 12px!important}.mobile-range-picker-container .ant-picker-header-view{flex:1!important;text-align:center!important}.mobile-range-picker-container .ant-picker-prev-icon,.mobile-range-picker-container .ant-picker-next-icon,.mobile-range-picker-container .ant-picker-super-prev-icon,.mobile-range-picker-container .ant-picker-super-next-icon{display:block!important;visibility:visible!important}.mobile-range-picker-container .ant-picker-cell{height:40px!important}.mobile-range-picker-container .ant-picker-cell-inner{width:32px!important;height:32px!important;line-height:30px!important;margin:0 auto!important}.ant-pagination-item,.ant-pagination-prev,.ant-pagination-next{min-width:40px!important;height:40px!important;line-height:38px!important}}@media (hover: none) and (pointer: coarse){.ant-btn:hover{transform:none!important;box-shadow:none!important}.ant-btn:active,.ant-menu-item:active,.mobile-bottom-nav-item:active{transform:scale(.98)!important;opacity:.8!important}}@media (-webkit-min-device-pixel-ratio: 2) and (max-width: 767px){.ant-card,.ant-modal-content,.ant-drawer-content{border-radius:8px}}@media (max-width: 359px){.ant-card-body{padding:12px!important}.ant-form-item{margin-bottom:12px!important}.ant-btn{padding:0 8px!important;font-size:14px!important}}@media (orientation: landscape) and (max-height: 500px){.ant-modal{top:20px!important}.mobile-content-inner{padding:12px!important}}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;height:64px;background:#fff;border-top:1px solid #f0f0f0;display:flex;align-items:center;justify-content:space-around;z-index:1000;box-shadow:0 -2px 8px #0000000f;padding:0 4px;padding-bottom:env(safe-area-inset-bottom,0px)}.mobile-bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 4px 4px;cursor:pointer;transition:all .2s ease;border-radius:8px;min-width:48px;min-height:48px;flex:1;max-width:80px}.mobile-bottom-nav-item:hover{background-color:#f5f5f5}.mobile-bottom-nav-item:active{background-color:#e6f7ff;transform:scale(.95)}.mobile-bottom-nav-item.active{color:#1890ff;background-color:#e6f7ff}.mobile-bottom-nav-icon{font-size:20px;margin-bottom:2px;display:flex;align-items:center;justify-content:center;height:24px}.mobile-bottom-nav-label{font-size:10px;font-weight:500;text-align:center;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.mobile-bottom-nav-item.active .mobile-bottom-nav-label{color:#1890ff;font-weight:600}.mobile-bottom-nav .ant-badge{display:flex;align-items:center;justify-content:center}.mobile-bottom-nav .ant-badge-count{min-width:16px;height:16px;font-size:10px;line-height:16px;padding:0 4px;transform:translate(50%,-50%)}.mobile-bottom-nav-item{position:relative;overflow:hidden}.mobile-bottom-nav-item:before{content:"";position:absolute;top:0;left:50%;width:0;height:2px;background:#1890ff;transition:all .3s ease;transform:translate(-50%)}.mobile-bottom-nav-item.active:before{width:24px}@supports (padding-bottom: env(safe-area-inset-bottom)){.mobile-bottom-nav{padding-bottom:calc(env(safe-area-inset-bottom) + 4px)}}.mobile-hamburger-drawer .ant-drawer-body{padding:0;display:flex;flex-direction:column;height:100%}.mobile-menu-content{display:flex;flex-direction:column;height:100%;overflow:hidden}.mobile-menu-header{padding:20px 16px;background:linear-gradient(135deg,#1890ff,#096dd9);color:#fff}.mobile-menu-header .user-name{color:#fff!important;font-size:16px;font-weight:600}.mobile-menu-header .user-role{color:#fffc!important;font-size:12px}.mobile-menu-header .ant-avatar{background:#fff3;border:2px solid rgba(255,255,255,.3)}.mobile-menu-hotel-info{padding:12px 16px;background:#fafafa;border-bottom:1px solid #f0f0f0}.mobile-menu-nav{flex:1;overflow-y:auto;padding:8px 0}.mobile-menu-items{background:transparent!important}.mobile-menu-items .ant-menu-item{margin:2px 8px;padding:0 12px;height:44px;line-height:44px;border-radius:8px;display:flex;align-items:center}.mobile-menu-items .ant-menu-item:hover{background-color:#e6f7ff!important;color:#1890ff}.mobile-menu-items .ant-menu-item-selected{background-color:#e6f7ff!important;color:#1890ff!important;font-weight:600}.mobile-menu-items .ant-menu-item-selected:after{display:none}.mobile-menu-items .ant-menu-submenu-title{margin:2px 8px;padding:0 12px;height:44px;line-height:44px;border-radius:8px}.mobile-menu-items .ant-menu-submenu-title:hover{background-color:#f5f5f5!important}.mobile-menu-items .ant-menu-submenu-open>.ant-menu-submenu-title{background-color:#e6f7ff!important;color:#1890ff}.mobile-menu-items .anticon{font-size:18px;min-width:18px;margin-right:12px}.mobile-menu-footer{background:#fafafa;border-top:1px solid #f0f0f0;padding-bottom:env(safe-area-inset-bottom,0)}.mobile-menu-footer .ant-menu-item{margin:0;height:48px;line-height:48px;padding:0 16px;border-radius:0}.mobile-menu-footer .ant-menu-item:hover{background-color:#f5f5f5!important}.mobile-menu-footer .logout-item{color:#ff4d4f!important}.mobile-menu-footer .logout-item:hover{background-color:#fff2f0!important;color:#ff4d4f!important}.mobile-menu-items .ant-menu-item,.mobile-menu-items .ant-menu-submenu-title{transition:all .2s ease}.mobile-menu-items .ant-menu-sub{background:#f9f9f9!important;border-radius:8px;margin:0 8px 4px}.mobile-menu-items .ant-menu-sub .ant-menu-item{margin:1px 0;padding-left:40px;background:transparent;height:40px;line-height:40px}.mobile-menu-items .ant-menu-sub .ant-menu-item:hover{background-color:#1890ff1a!important}.mobile-menu-nav::-webkit-scrollbar{width:4px}.mobile-menu-nav::-webkit-scrollbar-track{background:transparent}.mobile-menu-nav::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:2px}.mobile-menu-nav::-webkit-scrollbar-thumb:hover{background:#bfbfbf}.mobile-layout{min-height:100vh;background:#f5f5f5}.mobile-header{position:fixed;top:0;left:0;right:0;z-index:999;height:56px;padding:0 16px;background:#fff;border-bottom:1px solid #f0f0f0;box-shadow:0 2px 8px #0000000f;display:flex;align-items:center;justify-content:space-between;padding-top:env(safe-area-inset-top,0);height:calc(56px + env(safe-area-inset-top,0))}.mobile-header-left{display:flex;align-items:center;flex:1}.mobile-header-right{display:flex;align-items:center;gap:8px}.mobile-menu-trigger{margin-right:12px;color:#1890ff!important}.mobile-menu-trigger:hover,.mobile-menu-trigger:focus{background:#e6f7ff!important;color:#1890ff!important}.mobile-header-title{flex:1}.app-name{font-size:18px;font-weight:700;color:#1890ff}.mobile-notification-btn{color:#666!important;position:relative}.mobile-notification-btn:hover,.mobile-notification-btn:focus{background:#f5f5f5!important;color:#1890ff!important}.mobile-notification-btn:after{content:"";position:absolute;top:8px;right:8px;width:8px;height:8px;background:#ff4d4f;border-radius:50%;border:1px solid #fff;display:none}.mobile-notification-btn.has-notifications:after{display:block}.mobile-user-info{cursor:pointer;padding:4px;border-radius:50%;transition:background-color .2s}.mobile-user-info:hover{background:#f5f5f5}.mobile-content{margin-top:calc(56px + env(safe-area-inset-top,0));margin-bottom:64px;min-height:calc(100vh - 120px - env(safe-area-inset-top,0));background:#f5f5f5;overflow:auto}.mobile-content-inner{padding:8px;background:#f5f5f5;min-height:100%}.mobile-content-inner{padding-bottom:calc(16px + env(safe-area-inset-bottom,0))}.mobile-layout .ant-layout-header,.mobile-layout .ant-layout-content{padding:0}.mobile-header .ant-btn{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}@media (max-width: 360px){.mobile-header{padding:0 12px}.mobile-content-inner{padding:12px}.app-name{font-size:16px}}@media (orientation: landscape) and (max-height: 500px){.mobile-header{height:48px}.mobile-content{margin-top:48px}.mobile-content-inner{padding:12px}}.mobile-layout *{-webkit-tap-highlight-color:transparent}.mobile-header,.mobile-content{transition:all .3s ease}.mobile-layout{touch-action:manipulation}.mobile-content::-webkit-scrollbar{width:4px}.mobile-content::-webkit-scrollbar-track{background:transparent}.mobile-content::-webkit-scrollbar-thumb{background:#0000001a;border-radius:2px}.mobile-content::-webkit-scrollbar-thumb:hover{background:#0003}.timeline-block{position:absolute;top:0;bottom:0;border-radius:4px;cursor:pointer;transition:all .2s ease;border:1px solid transparent;display:flex;align-items:center;padding:0 8px;min-width:10px;z-index:3;overflow:visible}.timeline-block:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026;z-index:4}.timeline-block-content{width:100%;position:relative;overflow:hidden}.timeline-block-text{font-size:11px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.timeline-block-indicator{position:absolute;top:2px;right:2px;width:6px;height:6px;border-radius:50%}.timeline-block-indicator.special-requests{background-color:#ff4d4f}.timeline-block-available{background:#52c41a1a;border-color:#52c41a4d;color:#389e0d}.timeline-block-available:hover{background:#52c41a33;border-color:#52c41a}.timeline-block-pending{background:#faad1426;border-color:#faad1466;color:#d46b08}.timeline-block-pending:hover{background:#faad1440;border-color:#faad14}.timeline-block-confirmed{background:#1890ff26;border-color:#1890ff66;color:#096dd9}.timeline-block-confirmed:hover{background:#1890ff40;border-color:#1890ff}.timeline-block-confirmed-overdue{background:#ff980026;border-color:#ff980080;color:#d84315;position:relative}.timeline-block-confirmed-overdue:hover{background:#ff980040;border-color:#ff9800}.timeline-block-confirmed-overdue:before{content:"";position:absolute;top:2px;left:2px;width:6px;height:6px;background-color:#ff5722;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}to{transform:scale(1);opacity:1}}.timeline-block-occupied{background:#ff4d4f26;border-color:#ff4d4f66;color:#cf1322}.timeline-block-occupied:hover{background:#ff4d4f40;border-color:#ff4d4f}.timeline-block-checkout-ready{background:#722ed126;border-color:#722ed166;color:#531dab}.timeline-block-checkout-ready:hover{background:#722ed140;border-color:#722ed1}.timeline-block-maintenance{background:#ff572226;border-color:#ff572266;color:#d84315;background-image:repeating-linear-gradient(45deg,transparent,transparent 4px,rgba(255,87,34,.1) 4px,rgba(255,87,34,.1) 8px)}.timeline-block-maintenance:hover{background:#ff572240;border-color:#ff5722}.timeline-block-cleaning-pending{background:#ffc10726;border-color:#ffc10780;color:#e65100;border-left:3px solid #ffc107}.timeline-block-cleaning-pending:hover{background:#ffc10740;border-color:#ffc107}.timeline-block-cleaning-progress{background:#2196f326;border-color:#2196f380;color:#1565c0;border-left:3px solid #2196f3;position:relative}.timeline-block-cleaning-progress:hover{background:#2196f340;border-color:#2196f3}.timeline-block-cleaning-progress:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(33,150,243,.3) 50%,transparent 100%);animation:cleaningProgress 2s ease-in-out infinite;border-radius:3px}@keyframes cleaningProgress{0%{transform:translate(-100%)}to{transform:translate(100%)}}.timeline-block-cleaning-completed{background:#4caf5026;border-color:#4caf5080;color:#2e7d32;border-left:3px solid #4caf50}.timeline-block-cleaning-completed:hover{background:#4caf5040;border-color:#4caf50}.timeline-block-default{background:#0000000d;border-color:#00000026;color:#595959}.timeline-block-default:hover{background:#0000001a;border-color:#8c8c8c}.timeline-tooltip{max-width:300px}.tooltip-header{margin-bottom:4px}.tooltip-time{font-size:12px;color:#666;margin-bottom:4px}.tooltip-duration{font-size:11px;color:#999;margin-bottom:4px}.tooltip-status{font-size:11px;margin-bottom:4px}.tooltip-checkin-status{font-size:11px;margin-bottom:4px;padding:2px 6px;border-radius:3px;background-color:#1890ff1a;color:#096dd9;border:1px solid rgba(24,144,255,.2)}.tooltip-checkin-status.overdue{background-color:#ff98001a;color:#d84315;border-color:#ff98004d;font-weight:500}.tooltip-booking{font-size:11px;color:#1890ff;margin-bottom:4px}.tooltip-actions{font-size:10px;color:#999;font-style:italic;margin-top:4px;border-top:1px solid #f0f0f0;padding-top:4px}.cleaning-tooltip{border-left:3px solid #2196f3;padding-left:8px}.tooltip-staff{font-size:11px;color:#2196f3;margin-bottom:4px;font-weight:500}.tooltip-priority{font-size:11px;margin-bottom:4px;padding:2px 6px;border-radius:3px;font-weight:500}.tooltip-priority.priority-urgent{background-color:#ff4d4f1a;color:#cf1322;border:1px solid rgba(255,77,79,.3)}.tooltip-priority.priority-high{background-color:#ff98001a;color:#d84315;border:1px solid rgba(255,152,0,.3)}.tooltip-priority.priority-medium{background-color:#1890ff1a;color:#096dd9;border:1px solid rgba(24,144,255,.3)}.tooltip-priority.priority-low{background-color:#52c41a1a;color:#389e0d;border:1px solid rgba(82,196,26,.3)}@media (max-width: 1200px){.timeline-block{padding:0 4px}.timeline-block-text{font-size:10px}}@media (max-width: 768px){.timeline-block{padding:0 1px;min-width:8px;border-radius:2px}.timeline-block:hover{transform:translateY(-1px);box-shadow:0 1px 4px #00000026}.timeline-block-text{font-size:8px;font-weight:600}.timeline-block-indicator{width:3px;height:3px;top:1px;right:1px}.timeline-tooltip{max-width:250px}.tooltip-header{font-size:12px}.tooltip-time{font-size:10px}.tooltip-duration,.tooltip-status,.tooltip-booking{font-size:9px}.tooltip-actions{font-size:8px}}.room-timeline-row{display:flex;min-height:60px;border-bottom:1px solid #e8e8e8;background:#fff;position:relative;min-width:100%}.room-timeline-row:hover{background:#fafafa}.room-info-sidebar{width:160px;min-width:160px;padding:12px;background:#fafafa;border-right:1px solid #e8e8e8;display:flex;flex-direction:column;justify-content:center;gap:4px}.room-main-info{display:flex;align-items:center;gap:8px}.room-number{font-size:16px;font-weight:600;color:#1890ff}.room-type{font-size:12px;color:#666;background:#f0f0f0;padding:2px 6px;border-radius:4px}.room-status{font-size:11px}.room-floor{font-size:10px;color:#999}.room-timeline-grid{flex:1;position:relative;min-height:60px;min-width:max-content}.timeline-grid-background{position:absolute;inset:0;z-index:1}.timeline-grid-background:before{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,transparent 14.2857%,#d9d9d9 14.2857%,#d9d9d9 14.2858%,transparent 14.2858%),linear-gradient(to right,transparent 28.5714%,#d9d9d9 28.5714%,#d9d9d9 28.5715%,transparent 28.5715%),linear-gradient(to right,transparent 42.8571%,#d9d9d9 42.8571%,#d9d9d9 42.8572%,transparent 42.8572%),linear-gradient(to right,transparent 57.1428%,#d9d9d9 57.1428%,#d9d9d9 57.1429%,transparent 57.1429%),linear-gradient(to right,transparent 71.4285%,#d9d9d9 71.4285%,#d9d9d9 71.4286%,transparent 71.4286%),linear-gradient(to right,transparent 85.7142%,#d9d9d9 85.7142%,#d9d9d9 85.7143%,transparent 85.7143%)}.timeline-grid-background:after{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(to right,transparent 0%,transparent calc(100% / 28 - .5px),rgba(0,0,0,.08) calc(100% / 28 - .5px),rgba(0,0,0,.08) calc(100% / 28),transparent calc(100% / 28))}.timeline-day-background,.timeline-hour-background{display:none}.timeline-blocks-container{position:absolute;inset:4px 0;z-index:2;overflow:visible}.timeline-clickable-overlay{position:absolute;inset:0;z-index:1;cursor:pointer}.timeline-clickable-overlay:hover{background:#1890ff0d}@media (max-width: 1200px){.room-info-sidebar{width:150px;min-width:150px;padding:8px}.room-number{font-size:14px}.room-type{font-size:11px;padding:1px 4px}}@media (max-width: 768px){.room-timeline-row{min-height:40px;min-width:max-content}.room-info-sidebar{width:120px;min-width:120px;padding:4px;flex-shrink:0}.room-timeline-grid{min-height:40px;flex:1;min-width:840px}.room-main-info{flex-direction:column;gap:1px;align-items:flex-start}.room-number{font-size:11px;font-weight:700}.room-type{font-size:9px;padding:1px 3px}.room-status{font-size:9px}.room-floor{font-size:8px}.timeline-blocks-container{top:2px;bottom:2px}.timeline-grid-background:before{background-image:linear-gradient(to right,transparent 120px,#d9d9d9 120px,#d9d9d9 121px,transparent 121px),linear-gradient(to right,transparent 240px,#d9d9d9 240px,#d9d9d9 241px,transparent 241px),linear-gradient(to right,transparent 360px,#d9d9d9 360px,#d9d9d9 361px,transparent 361px),linear-gradient(to right,transparent 480px,#d9d9d9 480px,#d9d9d9 481px,transparent 481px),linear-gradient(to right,transparent 600px,#d9d9d9 600px,#d9d9d9 601px,transparent 601px),linear-gradient(to right,transparent 720px,#d9d9d9 720px,#d9d9d9 721px,transparent 721px)}.timeline-grid-background:after{background-image:repeating-linear-gradient(to right,transparent 0px,transparent 29px,rgba(0,0,0,.08) 29px,rgba(0,0,0,.08) 30px,transparent 30px);background-size:120px 100%}}.timeline-header{display:flex;flex-shrink:0;background:#fff;border-bottom:2px solid #e8e8e8;position:sticky;top:0;z-index:10;min-width:100%}.timeline-header-room-space{width:160px;min-width:160px;display:flex;align-items:center;justify-content:center;background:#fafafa;border-right:1px solid #e8e8e8;font-weight:600;color:#666}.room-header-label{writing-mode:horizontal-tb;text-align:center}.timeline-header-grid{flex:1;position:relative;min-height:80px;background:#f0f0f0}.timeline-day-header{position:absolute;top:0;height:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f0f0f0;border-bottom:1px solid #e8e8e8;border-right:1px solid #e8e8e8;font-weight:600;width:14.285%}.timeline-hour-header{position:absolute;top:0;height:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f0f0f0;border-bottom:1px solid #e8e8e8;border-right:1px solid #e8e8e8;font-weight:600;width:4.167%}.timeline-day-header:nth-child(1){left:0%}.timeline-day-header:nth-child(2){left:14.285%}.timeline-day-header:nth-child(3){left:28.571%}.timeline-day-header:nth-child(4){left:42.857%}.timeline-day-header:nth-child(5){left:57.143%}.timeline-day-header:nth-child(6){left:71.429%}.timeline-day-header:nth-child(7){left:85.715%;border-right:none}@media (max-width: 768px){.timeline-day-header:nth-child(1){left:0;width:120px}.timeline-day-header:nth-child(2){left:120px;width:120px}.timeline-day-header:nth-child(3){left:240px;width:120px}.timeline-day-header:nth-child(4){left:360px;width:120px}.timeline-day-header:nth-child(5){left:480px;width:120px}.timeline-day-header:nth-child(6){left:600px;width:120px}.timeline-day-header:nth-child(7){left:720px;width:120px;border-right:none}}.timeline-hour-header:nth-child(1){left:0%}.timeline-hour-header:nth-child(2){left:4.167%}.timeline-hour-header:nth-child(3){left:8.333%}.timeline-hour-header:nth-child(4){left:12.5%}.timeline-hour-header:nth-child(5){left:16.667%}.timeline-hour-header:nth-child(6){left:20.833%}.timeline-hour-header:nth-child(7){left:25%}.timeline-hour-header:nth-child(8){left:29.167%}.timeline-hour-header:nth-child(9){left:33.333%}.timeline-hour-header:nth-child(10){left:37.5%}.timeline-hour-header:nth-child(11){left:41.667%}.timeline-hour-header:nth-child(12){left:45.833%}.timeline-hour-header:nth-child(13){left:50%}.timeline-hour-header:nth-child(14){left:54.167%}.timeline-hour-header:nth-child(15){left:58.333%}.timeline-hour-header:nth-child(16){left:62.5%}.timeline-hour-header:nth-child(17){left:66.667%}.timeline-hour-header:nth-child(18){left:70.833%}.timeline-hour-header:nth-child(19){left:75%}.timeline-hour-header:nth-child(20){left:79.167%}.timeline-hour-header:nth-child(21){left:83.333%}.timeline-hour-header:nth-child(22){left:87.5%}.timeline-hour-header:nth-child(23){left:91.667%}.timeline-hour-header:nth-child(24){left:95.833%;border-right:none}.day-name,.hour-name{font-size:12px;color:#666}.day-date,.hour-date{font-size:10px;color:#999}.checkout-time{font-size:8px;color:#999;margin-top:2px}.timeline-hours-row{position:absolute;top:40px;left:0;right:0;height:40px}.timeline-hour-marker{position:absolute;top:0;bottom:0;display:flex;align-items:center;justify-content:center;border-right:1px solid #f0f0f0;width:.595%}.timeline-hour-marker.major{border-right:1px solid #d9d9d9}.hour-label{position:absolute;font-size:10px;color:#666;font-weight:500;left:2px}.timeline-day-column,.timeline-hour-cell{display:none}@media (max-width: 1200px){.timeline-header-room-space{width:150px;min-width:150px}.day-name{font-size:11px}.day-date,.hour-label{font-size:9px}}@media (max-width: 768px){.timeline-header{width:100%;min-width:max-content}.timeline-header-room-space{width:120px;min-width:120px;font-size:12px;flex-shrink:0}.timeline-header-grid{min-height:30px;flex:1;min-width:840px}.timeline-day-header{height:30px;font-size:10px;min-width:80px}.timeline-hour-header{height:30px;font-size:10px;min-width:110px}.timeline-hours-row{height:25px;top:25px}.timeline-hours-row,.timeline-hour-marker{display:none}.day-name,.hour-name{font-size:10px;font-weight:600}.day-date,.hour-date{font-size:8px}.checkout-time{font-size:6px}.hour-label{font-size:8px}.timeline-hour-header:nth-child(1){left:0;width:110px}.timeline-hour-header:nth-child(2){left:110px;width:110px}.timeline-hour-header:nth-child(3){left:220px;width:110px;border-right:none}.timeline-hour-header:nth-child(n+4){display:none}}.current-time-indicator-container{position:absolute;inset:0;pointer-events:none;z-index:5;margin-left:200px}.current-time-indicator{position:absolute;top:0;bottom:0;width:2px;z-index:5}.current-time-line{position:absolute;top:0;bottom:0;left:0;width:2px;background:#ff4d4f;box-shadow:0 0 4px #ff4d4f80;animation:pulse 2s infinite}.current-time-label{position:absolute;top:-30px;left:-20px;width:40px;text-align:center;background:#ff4d4f;color:#fff;padding:2px 4px;border-radius:4px;font-size:10px;font-weight:600;box-shadow:0 1px 3px #0003}.current-time-label:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#ff4d4f}.current-time-text{white-space:nowrap}@keyframes pulse{0%{opacity:1;box-shadow:0 0 4px #ff4d4f80}50%{opacity:.8;box-shadow:0 0 8px #ff4d4fcc}to{opacity:1;box-shadow:0 0 4px #ff4d4f80}}@media (max-width: 1200px){.current-time-indicator-container{margin-left:150px}.current-time-label{font-size:9px;padding:1px 3px;left:-18px;width:36px}}@media (max-width: 768px){.current-time-indicator-container{margin-left:120px}.current-time-label{font-size:8px;padding:1px 2px;left:-15px;width:30px}.current-time-line{width:1px}}.weekly-timeline-view{height:100vh;display:flex;flex-direction:column;gap:16px;padding:0;background-color:#f5f5f5}@media (max-width: 768px){.weekly-timeline-view{padding:0;gap:8px;width:100%;margin:0;overflow-x:visible}}.timeline-controls{flex-shrink:0}@media (max-width: 768px){.timeline-controls{width:100%;overflow-x:visible;flex-shrink:0;margin-right:8px}}.timeline-navigation{display:flex;justify-content:space-between;align-items:center}.week-navigation{display:flex;align-items:center;gap:16px}.week-display{display:flex;flex-direction:column;align-items:center;gap:8px}.week-display h2{margin:0;font-size:18px;font-weight:600}.timeline-actions{display:flex;gap:8px}.timeline-grid-container{flex:1;overflow:visible;padding:0;height:auto;min-height:700px}@media (max-width: 768px){.timeline-grid-container{width:100vw;overflow-x:auto;overflow-y:visible;margin:0 -16px;padding:0 16px}}.timeline-grid{height:auto;min-height:100%;display:flex;flex-direction:column;position:relative}.timeline-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;gap:16px}.timeline-error{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px;text-align:center}.timeline-rooms{flex:1;overflow-y:auto;overflow-x:hidden;height:auto;min-height:600px;max-height:none}@media (max-width: 768px){.timeline-rooms{overflow-x:visible;min-width:max-content}}@media (max-width: 1200px){.week-display h2{font-size:16px}}@media (max-width: 768px){.timeline-navigation{flex-direction:column;gap:12px;padding:8px}.week-navigation{flex-direction:row;justify-content:space-between;gap:8px}.week-display{flex-direction:column;gap:4px}.week-display h2{font-size:14px}.timeline-actions{gap:4px}.timeline-grid-container{min-height:500px}}