@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{--navy:#102a43;--ink:#1f2937;--muted:#718096;--line:#e7edf2;--bg:#f5f7fa;--teal:#0f766e;--orange:#c65d28;--purple:#6957a8;--blue:#2f6ca3;--white:#fff}*{box-sizing:border-box}html,body,#root{max-width:100%;overflow-x:hidden}body{background:var(--bg);color:var(--ink);margin:0;font:14px DM Sans,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit;background:0 0;border:0}.app-shell{max-width:100vw;min-height:100vh;display:flex}.sidebar{background:var(--navy);color:#dbe7f0;flex-direction:column;flex-shrink:0;width:250px;padding:25px 16px 18px;display:flex}.sidebar-backdrop{display:none}.brand{color:#fff;align-items:center;gap:10px;padding:0 10px 27px;display:flex}.brand-mark{width:31px;height:31px;color:var(--navy);background:#b6e8dc;border-radius:8px;place-items:center;font:800 19px Manrope;display:grid}.brand strong{font:800 19px Manrope;display:block}.brand span{color:#8ea9ba;text-transform:uppercase;letter-spacing:1.3px;font-size:9px;display:block}.property-switch{border:1px solid #31516a;border-radius:10px;align-items:center;gap:9px;margin-bottom:25px;padding:10px;display:flex}.property-switch>div:nth-child(2){flex:1;min-width:0}.property-switch b,.property-switch span{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.property-switch b{color:#fff;font-size:11px}.property-switch span{color:#92aabc;margin-top:3px;font-size:10px}.property-avatar{color:#795139;background:#e8cdb5;border-radius:7px;place-items:center;width:27px;height:27px;font-size:12px;font-weight:700;display:grid}nav{flex-direction:column;gap:4px;display:flex}nav button,.sidebar-bottom>button{color:#9eb1c0;text-align:left;border-radius:8px;align-items:center;gap:12px;width:100%;padding:11px 12px;font-size:13px;font-weight:500;display:flex}nav button.active{color:#fff;background:#21445d}nav button:hover,.sidebar-bottom>button:hover{color:#fff;background:#1d3d55}nav em{color:#fff;background:#2b617d;border-radius:20px;margin-left:auto;padding:2px 7px;font-size:11px;font-style:normal}.sidebar-bottom{margin-top:auto}.sidebar-bottom>button{margin-bottom:17px}.profile{border-top:1px solid #2c4b61;align-items:center;gap:9px;padding:17px 6px 0;display:flex}.profile .avatar{color:#634130;background:#d9b49b;border-radius:50%;place-items:center;width:29px;height:29px;font-size:10px;font-weight:700;display:grid}.profile div:nth-child(2){flex:1}.profile b,.profile span{display:block}.profile b{color:#fff;font-size:11px}.profile span{color:#8fa8b8;margin-top:2px;font-size:10px}.main{flex:1;min-width:0;max-width:100%}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:72px;padding:0 42px;display:flex}.crumb{color:#6b8190;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.crumb span{color:#c2cbd1;margin:0 9px}.top-actions{align-items:center;gap:20px;display:flex}.search{color:#94a3b8;border-bottom:1px solid #dbe4ea;gap:8px;width:205px;padding:7px 0;display:flex}.search input{border:0;outline:0;width:100%;font-size:12px}.icon-btn{color:#647d8e;position:relative}.icon-btn i{background:#d97755;border:1px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:1px;right:0}.mini-avatar{color:#634130;background:#d9b49b;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:10px;font-weight:700;display:grid}.content{min-width:0;max-width:1440px;margin:auto;padding:35px 42px 55px}.page-head{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:28px;display:flex}.date-label,.eyebrow{letter-spacing:1.5px;color:#8b9aa6;margin:0 0 9px;font-size:10px;font-weight:700}.page-head h1{margin:0 0 8px;font:800 27px Manrope}.page-head h1 span{color:#d0a45a;font-size:19px}.muted{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.primary{background:var(--teal);color:#fff;border-radius:7px;align-items:center;gap:8px;padding:11px 15px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:0 4px 10px #0f766e1f}.primary:hover{background:#0a625c}.stats{grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:38px;display:grid}.stat{border:1px solid var(--line);background:#fff;border-radius:9px;align-items:flex-start;gap:12px;min-width:0;padding:17px 15px;display:flex;position:relative}.stat-icon{border-radius:8px;flex:none;place-items:center;width:35px;height:35px;display:grid}.stat-icon.teal{color:#0f766e;background:#e3f2ef}.stat-icon.orange{color:#c65d28;background:#fcece4}.stat-icon.purple{color:#6957a8;background:#eeeafd}.stat-icon.blue{color:#2f6ca3;background:#e7f0f8}.stat p{color:#798c98;margin:0 0 5px;font-size:11px}.stat strong{font:800 17px Manrope;display:block}.stat small{color:#94a3ad;white-space:normal;margin-top:5px;font-size:10px;display:block}.stat-arrow{color:#b1bec6;position:absolute;top:15px;right:13px}.section-heading,.panel-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.section-heading{margin-bottom:14px}.section-heading h2,.panel-head h2{margin:0 0 5px;font:700 16px Manrope}.heading-actions{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.soft-btn,.date-btn,.outline-btn{border:1px solid var(--line);color:#5c7180;background:#fff;border-radius:6px;justify-content:center;align-items:center;gap:6px;height:32px;font-size:11px;display:inline-flex}.soft-btn{flex:none;width:32px}.date-btn{padding:0 12px;font-weight:600}.outline-btn{padding:0 12px}.soft-btn:hover,.outline-btn:hover{background:#f7fafc}.calendar-panel,.panel{border:1px solid var(--line);background:#fff;border-radius:9px;min-width:0}.calendar-panel{max-width:100%;margin-bottom:30px;overflow:hidden}.calendar-scroll{max-width:100%;overflow-x:auto}.calendar-top,.room-row{grid-template-columns:150px repeat(7,1fr);min-width:800px;display:grid}.calendar-top{border-bottom:1px solid var(--line);align-items:center;height:52px}.room-title,.day{letter-spacing:.7px;color:#8b9aa6;text-align:center;font-size:10px;font-weight:700}.room-title{text-align:left;padding-left:18px}.day{border-left:1px solid #f0f3f5;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex;position:relative}.day.today{color:var(--teal)}.day span{letter-spacing:0;text-transform:none;color:#fff;background:var(--teal);border-radius:4px;margin-top:4px;padding:2px 5px;font-size:8px}.room-row{border-bottom:1px solid #f0f3f5;height:70px}.room-name{align-items:center;gap:8px;padding:0 16px;display:flex;position:relative}.room-name b{font-size:11px}.room-name small{color:#9aa9b2;font-size:9px;position:absolute;top:38px;left:32px}.room-dot{background:#7b9b9a;border-radius:50%;width:7px;height:7px}.d1{background:#d89c78}.d2{background:#9b8ec2}.d3{background:#7c9fbe}.grid-days{grid-column:2/span 7;grid-template-columns:repeat(7,1fr);display:grid;position:relative}.grid-cell{border-left:1px solid #f0f3f5}.booking-bar{text-align:left;white-space:nowrap;color:#21433f;border-radius:6px;height:42px;padding:7px 10px;position:absolute;top:14px;overflow:hidden}.booking-bar b,.booking-bar span{text-overflow:ellipsis;display:block;overflow:hidden}.booking-bar b{font-size:10px}.booking-bar span{opacity:.75;margin-top:3px;font-size:9px}.bar-Đã-xác-nhận{background:#cdebe5}.bar-Đang-ở{color:#315879;background:#dce8f4}.bar-Chờ-xác-nhận{color:#7b5b23;background:#f9e8c7}.calendar-legend{color:#8696a0;align-items:center;gap:18px;min-width:800px;height:43px;padding:0 18px;font-size:10px;display:flex}.calendar-legend span{align-items:center;gap:6px;display:flex}.calendar-legend i{border-radius:2px;width:7px;height:7px}.legend-confirmed{background:#cdebe5}.legend-stay{background:#dce8f4}.legend-pending{background:#f9e8c7}.legend-note{color:#b0bbc1;margin-left:auto}.lower-grid{grid-template-columns:1.65fr 1fr;gap:18px;min-width:0;margin-bottom:20px;display:grid}.panel{padding:20px}.module-panel{margin-bottom:20px}.panel-head{margin-bottom:18px}.text-btn{color:var(--teal);align-items:center;gap:5px;font-size:11px;font-weight:700;display:flex}.task-count{color:var(--teal);white-space:nowrap;background:#f3f7f7;border-radius:5px;padding:5px 8px;font-size:10px}.table-wrap{max-width:100%;overflow:auto}table{border-collapse:collapse;width:100%;min-width:720px}th{text-align:left;color:#9aa7af;letter-spacing:.8px;border-bottom:1px solid var(--line);padding:0 9px 11px;font-size:9px;font-weight:700}td{color:#657782;white-space:nowrap;border-bottom:1px solid #f0f3f5;padding:12px 9px;font-size:10px}tr:last-child td{border-bottom:0}tbody tr{cursor:pointer}tbody tr:hover{background:#fafcfc}.guest-cell{align-items:center;gap:8px;display:flex}.guest-cell b,.guest-cell small{display:block}.guest-cell b{color:#263d4a;font-size:10px}.guest-cell small{color:#9aa8b0;margin-top:3px;font-size:9px}.guest-avatar{color:#567b79;background:#e8eff0;border-radius:7px;flex:none;place-items:center;width:24px;height:24px;font-size:10px;font-weight:700;display:grid}.debt{color:#c65d28!important}.status{white-space:nowrap;border-radius:5px;align-items:center;gap:5px;padding:5px 7px;font-size:9px;font-weight:600;display:inline-flex}.status i{background:currentColor;border-radius:50%;width:5px;height:5px}.status-Đã-xác-nhận{color:#258177;background:#e5f4f1}.status-Đang-ở{color:#35719d;background:#e8f1f8}.status-Chờ-xác-nhận{color:#a47425;background:#fff3da}.task{border-bottom:1px solid #f0f3f5;align-items:center;gap:11px;padding:13px 0;display:flex}.task:last-child{border:0}.task-icon{border-radius:7px;flex:none;place-items:center;width:32px;height:32px;display:grid}.task-icon.orange{color:#c65d28;background:#fcece4}.task-icon.purple{color:#6957a8;background:#eeeafd}.task-icon.teal{color:#0f766e;background:#e3f2ef}.task>div:nth-child(2){flex:1}.task b,.task span{display:block}.task b{font-size:11px}.task span{color:#94a2aa;margin-top:4px;font-size:10px}.task>svg{color:#b2bec4}.cleaning-panel{padding-bottom:10px}.cleaning-list{margin-top:3px}.cleaning-row{border-top:1px solid #f0f3f5;align-items:center;gap:12px;padding:10px 0;display:flex}.cleaning-room{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.clean-icon{width:31px;height:31px;color:var(--teal);background:#f0f6f5;border-radius:7px;flex:none;place-items:center;display:grid}.cleaning-room b,.cleaning-room small{display:block}.cleaning-room b{font-size:11px}.cleaning-room small{color:#9aa8b0;margin-top:3px;font-size:10px}.priority{color:#b66134;white-space:nowrap;background:#fff0e7;border-radius:4px;margin-left:10px;padding:4px 6px;font-size:9px}.clean-person{color:#6c7c84;align-items:center;gap:7px;width:125px;font-size:10px;display:flex}.person-dot{color:#89604a;background:#e7d6ca;border-radius:50%;place-items:center;width:23px;height:23px;font-size:9px;font-weight:700;display:grid}.clean-status{white-space:nowrap;border-radius:5px;padding:6px 9px;font-size:10px;font-weight:600}.clean-status.Chờ-dọn{color:#a47425;background:#fff3da}.clean-status.Đang-dọn{color:#35719d;background:#e8f1f8}.clean-status.Đã-dọn{color:#258177;background:#e5f4f1;align-items:center;gap:4px;display:flex}.room-cards{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.room-card{border:1px solid var(--line);border-radius:8px;gap:12px;padding:15px;display:grid}.room-card b,.room-card span,.room-card small,.room-card em{display:block}.room-card span,.room-card small,.room-card em{color:#82929c;font-size:10px;font-style:normal}.room-card strong{font:800 16px Manrope}.customer-list{gap:10px;display:grid}.customer-row{border-top:1px solid #f0f3f5;grid-template-columns:24px 1fr auto auto;align-items:center;gap:12px;padding:12px 0;display:grid}.customer-row b,.customer-row span{display:block}.customer-row span,.customer-row small{color:#8796a0;font-size:10px}.revenue-bars{gap:13px;display:grid}.revenue-row{grid-template-columns:110px 1fr 110px;align-items:center;gap:14px;font-size:11px;display:grid}.revenue-row div{background:#edf3f4;border-radius:20px;height:8px;overflow:hidden}.revenue-row i{background:var(--teal);border-radius:20px;height:100%;display:block}.revenue-row b{text-align:right}.overlay{z-index:10;background:#102a4340;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer,.modal{background:#fff;width:420px;height:100%;padding:32px 28px;overflow:auto;box-shadow:-12px 0 35px #102a4320}.modal{border-radius:12px;align-self:center;width:560px;height:auto;box-shadow:0 20px 50px #102a4330}.drawer-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.drawer-head h2{margin:0 0 6px;font:800 23px Manrope}.drawer-head p{color:#8a9aa3;margin:0;font-size:11px}.close{color:#8b9aa6;border-radius:6px;flex:none;place-items:center;width:30px;height:30px;display:grid}.close:hover{background:#f3f6f7}.detail-grid{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;padding:24px 0;display:grid}.detail-grid label,.detail-grid b{display:block}.detail-grid label,.money-box span{color:#93a1aa;margin-bottom:6px;font-size:10px}.detail-grid b{word-break:break-word;font-size:12px}.money-box{background:#f5f8f8;border-radius:8px;margin-bottom:18px;padding:15px}.money-box div{justify-content:space-between;gap:12px;padding:7px 0;font-size:11px;display:flex}.money-box b{font-size:12px}.green{color:#258177}.full{justify-content:center;width:100%}.drawer-note{color:#947126;background:#fff8e9;border-radius:7px;gap:8px;margin-top:18px;padding:12px;font-size:10px;line-height:1.5;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:25px;display:grid}.form-grid label,.full-label{color:#71818c;font-size:10px;font-weight:600}.form-grid input,.form-grid select,.full-label textarea{color:#344b57;background:#fff;border:1px solid #dce5e9;border-radius:6px;outline:0;width:100%;margin-top:6px;padding:10px;font-size:12px;display:block}.form-grid input:focus,.form-grid select:focus,.full-label textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #0f766e12}.full-label{margin-top:16px;display:block}.full-label textarea{resize:vertical;height:82px}.form-actions{justify-content:flex-end;gap:9px;margin-top:23px;display:flex}.primary:disabled{opacity:.45;cursor:not-allowed}.toast{color:#fff;z-index:12;background:#163f4b;border-radius:7px;align-items:center;gap:7px;padding:11px 15px;font-size:12px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 25px #102a4330}.mobile-menu{display:none}@media (width<=1100px){.sidebar{width:215px}.content{padding-left:26px;padding-right:26px}.topbar{padding:0 26px}.stats{grid-template-columns:repeat(2,1fr)}.lower-grid{grid-template-columns:1fr}.room-cards{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.sidebar{z-index:20;width:280px;max-width:82vw;transition:transform .18s;display:flex;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-backdrop{z-index:19;background:#102a4366;display:block;position:fixed;inset:0}.topbar{z-index:2;height:62px;padding:0 17px;position:relative}.mobile-menu{touch-action:manipulation;z-index:3;border-radius:7px;flex:0 0 36px;place-items:center;width:36px;height:36px;margin-right:10px;display:grid;position:relative}.mobile-menu:hover{background:#f3f6f7}.crumb{flex:1}.top-actions{gap:12px}.search{display:none}.content{width:100%;max-width:100vw;padding:25px 16px 40px}.page-head{flex-direction:column;align-items:flex-start;gap:18px}.page-head h1{font-size:23px}.page-head .primary{justify-content:center;align-self:stretch}.stats{grid-template-columns:1fr 1fr;gap:9px}.stat{gap:8px;padding:12px}.stat strong{font-size:14px}.stat-icon{width:30px;height:30px}.section-heading{flex-direction:column;gap:12px}.heading-actions{grid-template-columns:32px 1fr 32px auto;width:100%;display:grid}.date-btn{min-width:0;padding:0 8px}.panel{padding:15px}.panel-head{gap:12px}.panel-head .text-btn{white-space:nowrap}.cleaning-row{flex-wrap:wrap;gap:7px}.cleaning-room{min-width:100%}.clean-person{flex:1;width:auto}.room-cards{grid-template-columns:1fr}.customer-row{grid-template-columns:24px 1fr;align-items:start}.customer-row strong,.customer-row small{grid-column:2}.revenue-row{grid-template-columns:82px 1fr;gap:8px}.revenue-row b{text-align:left;grid-column:2}.drawer{width:100%;padding:25px 20px}.modal{width:calc(100% - 24px);max-height:calc(100vh - 24px);padding:22px 18px}.form-grid{grid-template-columns:1fr}.form-actions .primary,.form-actions .outline-btn{flex:1}.legend-note{display:none}}.auth-page{background:linear-gradient(135deg,#edf7f5,#f7f3ee);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{border:1px solid var(--line);background:#fff;border-radius:14px;gap:14px;width:min(420px,100%);padding:28px;display:grid;box-shadow:0 18px 50px #102a4318}.auth-card h1{margin:4px 0 0;font:800 25px Manrope}.auth-card label{color:#71818c;gap:6px;font-size:11px;font-weight:700;display:grid}.auth-card input{color:#344b57;border:1px solid #dce5e9;border-radius:7px;outline:0;padding:11px}.auth-brand{color:var(--navy);margin-bottom:4px;padding:0}.auth-brand strong{color:var(--navy)}.mini-notice{color:#8a6420;background:#fff8e9;border:1px solid #f6dfaa;border-radius:7px;margin-top:12px;padding:10px 12px;font-size:11px;line-height:1.5}.danger-box{color:#a11b12;background:#fff1f0;border-color:#ffc9c4}.upload-line{color:#71818c;border:1px dashed #dce5e9;border-radius:7px;align-items:center;gap:8px;margin-top:6px;padding:10px;display:flex}.compact-form{margin-bottom:8px}.user-table{margin-top:18px}.user-table select{color:#344b57;background:#fff;border:1px solid #dce5e9;border-radius:6px;padding:7px}.danger{margin-top:12px;color:#b42318!important}.template-input{min-height:190px}.extend-box{border:1px solid var(--line);background:#f8fbfb;border-radius:9px;margin:18px 0;padding:14px}.extend-box .panel-head{align-items:flex-start;margin-bottom:12px}.extend-box .outline-btn{flex:none}.extend-save{margin-top:12px}.message-box{border:1px solid var(--line);background:#fbfdfd;border-radius:9px;margin:18px 0;padding:14px}.message-box pre{white-space:pre-wrap;word-break:break-word;color:#243947;background:#fff;border:1px solid #e6edf0;border-radius:8px;max-height:360px;padding:13px;font:12px/1.55 DM Sans,sans-serif;overflow:auto}.notice{color:#806020;background:#fff8e9;border:1px solid #f2d493;border-radius:8px;align-items:flex-start;gap:10px;margin-bottom:18px;padding:12px 14px;font-size:12px;line-height:1.5;display:flex}.upload-line{color:#5c7180;background:#fff;border:1px dashed #dce5e9;border-radius:6px;align-items:center;gap:8px;margin-top:6px;padding:10px;display:flex}.upload-line input{border:0;margin:0;padding:0}.drawer-actions{flex-wrap:wrap;justify-content:stretch}.drawer-actions button{flex:1}.danger{color:#c65d28;margin-top:12px}.status-Đã-cọc{color:#258177;background:#e5f4f1}.status-Đã-check-in{color:#35719d;background:#e8f1f8}.status-Đã-check-out{color:#6b7280;background:#eef1f3}.status-Đã-hủy{color:#b44736;background:#fdecea}.mobile-calendar{grid-template-columns:minmax(310px,.55fr) minmax(540px,1.45fr);gap:12px;margin:-4px 0 24px;display:grid}@media (width>=701px){.mobile-calendar-nav{border:1px solid var(--line);background:#fff;border-radius:10px;grid-template-columns:42px 1fr 42px auto;align-items:center;padding:8px;display:grid;box-shadow:0 5px 18px #102a4308}.mobile-calendar-nav>strong{text-align:center;text-transform:capitalize;color:var(--navy);white-space:nowrap;font:700 14px Manrope}.mobile-nav-arrow{color:#547080;background:#f5f7f9;border-radius:8px;place-items:center;height:42px;transition:background .15s,color .15s;display:grid}.mobile-nav-arrow:hover{color:var(--teal);background:#e9f3f1}.mobile-today{border-left:1px solid var(--line);height:42px;color:var(--teal);margin-left:8px;padding:0 12px;font-size:11px;font-weight:700}.mobile-date-strip{border:1px solid var(--line);background:#fff;border-radius:10px;grid-template-columns:repeat(7,minmax(58px,1fr));gap:6px;padding:8px;display:grid}.mobile-date{color:#758793;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-width:0;height:70px;transition:background .15s,transform .15s;display:flex;position:relative}.mobile-date:hover{background:#f4f8f7;transform:translateY(-1px)}.mobile-date span{text-transform:uppercase;font-size:9px;font-weight:700}.mobile-date b{color:#263d4a;margin:5px 0 4px;font:700 17px Manrope}.mobile-date i{background:#d4dce1;border-radius:50%;width:5px;height:5px}.mobile-date i.has-booking{background:var(--orange)}.mobile-date.today:not(.selected){box-shadow:inset 0 0 0 1px #8fc7c1}.mobile-date.selected,.mobile-date.selected:hover{background:var(--teal);color:#dff4f1;box-shadow:0 5px 12px #0f766e2b}.mobile-date.selected b{color:#fff}.mobile-date.selected i{background:#fff}.mobile-day-summary{background:linear-gradient(100deg,#edf8f6,#fff);border:1px solid #d7ebe7;border-radius:10px;grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;padding:15px 18px;display:flex}.mobile-day-summary span{letter-spacing:1.25px;color:#76908d;margin-bottom:5px;font-size:8px;font-weight:800;display:block}.mobile-day-summary h2{text-transform:capitalize;color:var(--navy);margin:0;font:800 17px Manrope}.mobile-day-summary p{color:#70838e;text-align:right;white-space:nowrap;margin:0;font-size:11px}.mobile-day-summary p b{color:var(--teal);font-size:13px}.mobile-day-summary p i{margin:0 5px;font-style:normal}.mobile-room-list{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;display:grid}.mobile-room{border:1px solid var(--line);content-visibility:auto;contain-intrinsic-size:220px;background:#fff;border-radius:11px;padding:14px;box-shadow:0 5px 18px #102a4307}.mobile-room-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:11px;display:flex}.mobile-room-head>div{align-items:center;gap:9px;min-width:0;display:flex}.mobile-room-head .room-dot{flex:none;width:9px;height:9px}.mobile-room-head h3{color:var(--navy);margin:0;font:800 14px Manrope}.mobile-room-head p{color:#8a9aa3;white-space:nowrap;text-overflow:ellipsis;max-width:280px;margin:3px 0 0;font-size:9px;overflow:hidden}.mobile-room-head>strong{color:#486977;white-space:nowrap;background:#edf3f5;border-radius:5px;padding:5px 8px;font-size:9px}.mobile-room-head>strong.vacant{color:#14756e;background:#e8f5f3}.mobile-booking-list{gap:7px;display:grid}.mobile-booking{text-align:left;background:#fff;border:1px solid #e3e9ed;border-radius:9px;grid-template-columns:5px 1fr 20px;align-items:center;gap:11px;width:100%;min-height:68px;padding:0 10px 0 0;transition:border-color .15s,box-shadow .15s,transform .15s;display:grid;overflow:hidden;box-shadow:0 2px 8px #102a4305}.mobile-booking:hover{border-color:#b9d7d2;transform:translateY(-1px);box-shadow:0 5px 14px #102a4310}.mobile-booking-rail{background:#d0a45a;height:100%}.mobile-booking-Đã-cọc .mobile-booking-rail,.mobile-booking-Đã-xác-nhận .mobile-booking-rail{background:var(--teal)}.mobile-booking-Đã-check-in .mobile-booking-rail,.mobile-booking-Đang-ở .mobile-booking-rail{background:var(--blue)}.mobile-booking-Chờ-xác-nhận .mobile-booking-rail{background:#d99a35}.mobile-booking-Đã-check-out .mobile-booking-rail{background:#8c9aa3}.mobile-booking-main{grid-template-rows:auto auto;grid-template-columns:minmax(120px,1fr) auto;align-items:center;column-gap:14px;min-width:0;padding:9px 0;display:grid}.mobile-booking-title{align-items:center;gap:8px;min-width:0;display:flex}.mobile-booking-title>b{color:#183247;text-overflow:ellipsis;white-space:nowrap;font:800 12px Manrope;overflow:hidden}.mobile-booking-title .status{flex:none}.mobile-booking-main>strong{color:#263d4a;white-space:nowrap;grid-area:1/2/3;font:700 11px Manrope;display:block}.mobile-booking-main>strong span{color:#8ca0ac;margin:0 4px}.mobile-booking-main>p{color:#84949e;white-space:nowrap;text-overflow:ellipsis;grid-column:1;margin:4px 0 0;font-size:9px;overflow:hidden}.mobile-booking>svg{color:#78909d}.mobile-room-empty{color:#91a1aa;background:#f9fbfb;border:1px dashed #dce5e9;border-radius:8px;justify-content:center;align-items:center;gap:10px;height:64px;display:flex}.mobile-room-empty b,.mobile-room-empty span{display:block}.mobile-room-empty b{color:#527078;font-size:11px}.mobile-room-empty span{margin-top:3px;font-size:9px}}@media (width>=701px) and (width<=1199px){.mobile-calendar,.mobile-room-list{grid-template-columns:1fr}}@media (width<=700px){.mobile-calendar{margin:-4px 0 24px;display:block}.mobile-calendar-nav{border:1px solid var(--line);background:#fff;border-radius:10px;grid-template-columns:40px 1fr 40px auto;align-items:center;padding:7px;display:grid;box-shadow:0 5px 18px #102a4308}.mobile-calendar-nav>strong{text-align:center;text-transform:capitalize;color:var(--navy);font:700 14px Manrope}.mobile-nav-arrow{color:#547080;background:#f5f7f9;border-radius:8px;place-items:center;height:38px;display:grid}.mobile-today{border-left:1px solid var(--line);height:38px;color:var(--teal);margin-left:7px;padding:0 10px;font-size:11px;font-weight:700}.mobile-date-strip{border:1px solid var(--line);background:#fff;border-radius:10px;grid-template-columns:repeat(7,minmax(38px,1fr));gap:4px;margin:11px 0;padding:7px 6px;display:grid}.mobile-date{color:#758793;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-width:0;height:66px;display:flex;position:relative}.mobile-date span{text-transform:uppercase;font-size:9px;font-weight:700}.mobile-date b{color:#263d4a;margin:5px 0 4px;font:700 16px Manrope}.mobile-date i{background:#d4dce1;border-radius:50%;width:4px;height:4px}.mobile-date i.has-booking{background:var(--orange)}.mobile-date.today:not(.selected){box-shadow:inset 0 0 0 1px #8fc7c1}.mobile-date.selected{background:var(--teal);color:#dff4f1;box-shadow:0 5px 12px #0f766e2b}.mobile-date.selected b{color:#fff}.mobile-date.selected i{background:#fff}.mobile-day-summary{background:linear-gradient(135deg,#f0f8f6,#fff);border:1px solid #dcece9;border-radius:10px;justify-content:space-between;align-items:flex-end;gap:10px;margin-bottom:12px;padding:14px 15px;display:flex}.mobile-day-summary span{letter-spacing:1.25px;color:#76908d;margin-bottom:5px;font-size:8px;font-weight:800;display:block}.mobile-day-summary h2{text-transform:capitalize;color:var(--navy);margin:0;font:800 15px Manrope}.mobile-day-summary p{color:#70838e;text-align:right;white-space:nowrap;margin:0;font-size:10px}.mobile-day-summary p b{color:var(--teal);font-size:12px}.mobile-day-summary p i{margin:0 3px;font-style:normal}.mobile-room-list{gap:10px;display:grid}.mobile-room{border:1px solid var(--line);background:#fff;border-radius:11px;padding:13px;box-shadow:0 5px 18px #102a4307}.mobile-room-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:11px;display:flex}.mobile-room-head>div{align-items:center;gap:9px;min-width:0;display:flex}.mobile-room-head .room-dot{flex:none;width:9px;height:9px}.mobile-room-head h3{color:var(--navy);margin:0;font:800 13px Manrope}.mobile-room-head p{color:#8a9aa3;white-space:nowrap;text-overflow:ellipsis;max-width:190px;margin:3px 0 0;font-size:9px;overflow:hidden}.mobile-room-head>strong{color:#486977;white-space:nowrap;background:#edf3f5;border-radius:5px;padding:5px 7px;font-size:9px}.mobile-room-head>strong.vacant{color:#14756e;background:#e8f5f3}.mobile-booking-list{gap:8px;display:grid}.mobile-booking{text-align:left;background:#fff;border:1px solid #e3e9ed;border-radius:9px;grid-template-columns:5px 1fr 20px;align-items:center;gap:11px;width:100%;min-height:86px;padding:0 10px 0 0;display:grid;overflow:hidden;box-shadow:0 2px 8px #102a4305}.mobile-booking-rail{background:#d0a45a;height:100%}.mobile-booking-Đã-cọc .mobile-booking-rail,.mobile-booking-Đã-xác-nhận .mobile-booking-rail{background:var(--teal)}.mobile-booking-Đã-check-in .mobile-booking-rail,.mobile-booking-Đang-ở .mobile-booking-rail{background:var(--blue)}.mobile-booking-Chờ-xác-nhận .mobile-booking-rail{background:#d99a35}.mobile-booking-Đã-check-out .mobile-booking-rail{background:#8c9aa3}.mobile-booking-main{min-width:0;padding:10px 0}.mobile-booking-title{justify-content:space-between;align-items:center;gap:8px;margin-bottom:7px;display:flex}.mobile-booking-title>b{color:#183247;text-overflow:ellipsis;white-space:nowrap;font:800 13px Manrope;overflow:hidden}.mobile-booking-title .status{flex:none}.mobile-booking-main>strong{color:#263d4a;font:700 12px Manrope;display:block}.mobile-booking-main>strong span{color:#8ca0ac;margin:0 4px}.mobile-booking-main>p{color:#84949e;white-space:nowrap;text-overflow:ellipsis;margin:5px 0 0;font-size:9px;overflow:hidden}.mobile-booking>svg{color:#78909d}.mobile-room-empty{color:#91a1aa;background:#f9fbfb;border:1px dashed #dce5e9;border-radius:8px;justify-content:center;align-items:center;gap:10px;height:60px;display:flex}.mobile-room-empty b,.mobile-room-empty span{display:block}.mobile-room-empty b{color:#527078;font-size:11px}.mobile-room-empty span{margin-top:3px;font-size:9px}}.dashboard-date{justify-content:flex-end;margin:-10px 0 18px;display:flex}.day-navigator{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:8px;padding:6px;display:flex;box-shadow:0 4px 14px #102a4308}.day-navigator>button{color:#4e6877;background:#f4f7f8;border-radius:7px;place-items:center;width:38px;height:38px;display:grid}.day-navigator>button:hover{color:var(--teal);background:#e9f3f1}.day-navigator>div{text-align:center;min-width:220px;padding:0 8px}.day-navigator>div span{letter-spacing:1px;color:#84959f;font-size:8px;display:block}.day-navigator>div strong{text-transform:capitalize;color:var(--navy);font:700 12px Manrope;display:block}.day-navigator>.today-link{width:auto;color:var(--teal);background:#ecf6f4;padding:0 12px;font-size:10px;font-weight:700}.availability-page{gap:18px;display:grid}.availability-page .panel{border-radius:10px;box-shadow:0 5px 18px #102a4307}.availability-search{padding:18px}.availability-fields{grid-template-columns:1.05fr .85fr .9fr 1.2fr auto;align-items:end;gap:12px;display:grid}.availability-fields label{color:#516672;font-size:10px;font-weight:700}.availability-fields input,.availability-fields select{color:#263d4a;background:#fff;border:1px solid #dce5e9;border-radius:7px;outline:0;width:100%;height:42px;margin-top:6px;padding:0 11px;font-size:12px;display:block}.availability-fields input:focus,.availability-fields select:focus{border-color:var(--teal);box-shadow:0 0 0 3px #0f766e12}.availability-submit{justify-content:center;min-width:120px;height:42px}.availability-search>p{color:#7c8e99;margin:10px 0 0;font-size:10px}.availability-results{padding:16px 18px}.availability-results h2,.availability-calendar h2{color:#102a43;margin:0 0 12px;font:800 17px Manrope}.availability-results>div{border-top:1px solid var(--line)}.availability-results article{border-bottom:1px solid var(--line);grid-template-columns:90px 24px minmax(150px,1fr) minmax(160px,1fr) auto;align-items:center;gap:10px;min-height:52px;display:grid}.availability-results article>b{font-size:12px}.availability-results article>svg{color:#25a466;background:#e6f6ee;border-radius:50%;padding:3px}.availability-results article>strong{color:var(--teal);font-size:11px}.availability-results article>span{color:#82929c;font-size:10px}.availability-results article>button{color:#1d678d;align-items:center;gap:6px;font-size:10px;font-weight:700;display:flex}.empty-copy{color:#7f909a;margin:0;padding:18px 0;font-size:12px}.availability-calendar{padding:18px}.availability-calendar-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.availability-calendar-head h2{margin:0}.availability-calendar-head .day-navigator>div{display:none}.availability-calendar-head .day-navigator{box-shadow:none;border:0;padding:0}.availability-calendar-head .day-navigator>.today-link{display:flex}.availability-week{grid-template-columns:repeat(7,1fr);gap:7px;margin:14px 0;display:grid}.availability-week button{border:1px solid var(--line);color:#647985;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;height:54px;display:flex}.availability-week button span{font-size:9px}.availability-week button b{margin-top:4px;font:700 14px Manrope}.availability-week button.active{background:var(--teal);border-color:var(--teal);color:#fff;box-shadow:0 5px 12px #0f766e24}.availability-room-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.availability-room{border:1px solid var(--line);background:#fff;border-radius:9px;padding:12px;scroll-margin-top:100px;transition:all .18s}.availability-room.matching{background:#f0faf8;border-color:#53b7aa}.availability-room.focused{transform:translateY(-1px);box-shadow:0 0 0 3px #0f766e20}.availability-room header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.availability-room h3{color:var(--navy);margin:0;font:800 13px Manrope}.availability-room header span{color:var(--teal);background:#dff5f0;border-radius:20px;padding:4px 8px;font-size:9px;font-weight:700}.availability-room header small{color:#82929c;font-size:9px}.availability-room>div{gap:5px;display:grid}.availability-room p{color:#83939d;background:#fff;border:1px solid #e4eaed;border-radius:6px;align-items:center;gap:7px;min-height:31px;margin:0;padding:6px 9px;font-size:10px;display:flex}.availability-room p b{color:#263d4a;font-size:11px}.availability-room p span{color:#9aabb4}.availability-empty{background:#f7fbfa;border:1px dashed #cfe4e0;border-radius:6px;grid-auto-flow:column;justify-content:center;place-items:center;height:40px;font-size:10px;color:#71918d!important;display:flex!important}.cleaner-overview-stats,.cleaning-stats{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;display:grid}.cleaner-overview-stats article,.cleaning-stats article{border:1px solid var(--line);color:var(--teal);background:#fff;border-radius:10px;grid-template-columns:34px auto 1fr;align-items:center;gap:9px;padding:15px;display:grid}.cleaner-overview-stats article>svg,.cleaning-stats article>svg{background:#e4f4f1;border-radius:50%;grid-row:1/3;width:34px;height:34px;padding:8px}.cleaner-overview-stats strong,.cleaning-stats strong{color:#152d40;font:800 20px/1 Manrope}.cleaner-overview-stats span,.cleaning-stats span{color:#71838e;font-size:10px}.cleaning-stats article.warning{color:#c57a15}.cleaning-stats article.warning>svg{background:#fff1d8}.cleaner-overview-list{padding:17px}.cleaner-overview-list>.panel-head{margin-bottom:8px}.cleaner-overview-list>button{text-align:left;border-top:1px solid #edf1f3;grid-template-columns:36px 1fr auto 70px 18px;align-items:center;gap:10px;width:100%;padding:11px 0;display:grid}.cleaner-overview-list>button>span{width:32px;height:32px;color:var(--teal);background:#eaf5f3;border-radius:8px;place-items:center;display:grid}.cleaner-overview-list>button>b{font:700 12px Manrope}.cleaner-overview-list>button>small{color:#8797a0;font-size:9px}.cleaner-overview-list>button>strong{text-align:right;color:var(--navy);font:800 16px Manrope}.cleaner-overview-list>button>svg{color:#8ba0aa}.cleaning-page{max-width:1080px;margin:0 auto}.cleaning-toolbar{justify-content:flex-start;margin:-10px 0 18px;display:flex}.cleaning-toolbar .day-navigator{justify-content:flex-start;width:100%}.cleaning-toolbar .day-navigator>div{flex:1;max-width:320px}.cleaning-group{margin:20px 0}.cleaning-group>h2{letter-spacing:.8px;color:#587080;margin:0 0 9px;font:800 11px Manrope}.cleaning-group>h2 span{color:#91a0a8}.cleaning-group>div{gap:8px;display:grid}.cleaning-task{border:1px solid var(--line);text-align:left;background:#fff;border-radius:10px;grid-template-columns:5px minmax(150px,1.3fr) 120px 155px 160px 18px;align-items:center;gap:16px;width:100%;min-height:88px;padding:0 15px 0 0;display:grid;overflow:hidden;box-shadow:0 4px 15px #102a4307}.cleaning-task:hover{border-color:#b9d7d2;box-shadow:0 7px 19px #102a4310}.cleaning-task-rail{background:#f2ba44;height:100%}.cleaning-task.completed .cleaning-task-rail{background:#64b8a9}.cleaning-task-room h3{color:#132e43;margin:0;font:800 18px Manrope}.cleaning-task-room em{color:#758993;margin-top:5px;font-size:9px;font-style:normal;display:inline-block}.cleaning-task-room em.urgent{color:#a65d12;background:#fff0d4;border-radius:5px;padding:4px 7px}.cleaning-task>div small{color:#82939e;margin-bottom:4px;font-size:9px;display:block}.cleaning-task>div strong{color:#122a3d;font:800 22px Manrope}.cleaning-task>div strong.next-time{color:var(--teal)}.cleaning-task-action{text-align:center}.cleaning-task-action>span{color:#fff;background:var(--teal);border-radius:7px;align-items:center;gap:5px;padding:8px 10px;font-size:10px;font-weight:700;display:inline-flex}.cleaning-task-action>span:not(.done){color:#52707c;background:#eef3f5}.cleaning-task-action>span.done{color:#15815f;background:#e3f5ef}.cleaning-task-action small{margin-top:5px!important}.cleaning-task>svg{color:#8ba0aa}.cleaning-empty{text-align:center;color:#82939d;padding:40px}.cleaning-empty svg{color:var(--teal)}.cleaning-empty h2{color:var(--navy);margin:10px 0 4px;font:800 17px Manrope}.cleaning-empty p{margin:0;font-size:11px}.cleaning-empty.compact{padding:15px}.cleaning-overlay{z-index:30}.cleaning-drawer{background:#fff;width:410px;max-width:100%;height:100%;margin-left:auto;padding:27px;overflow:auto;box-shadow:-10px 0 35px #102a4320}.cleaning-drawer>header{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding-bottom:20px;display:flex}.cleaning-drawer>header h2{color:var(--navy);margin:0 0 8px;font:800 23px Manrope}.cleaning-drawer>header p{color:#7b8e98;margin:0;font-size:10px}.cleaning-drawer>header p b{color:#263d4a}.cleaning-drawer>header button{color:#80929b;border-radius:7px;place-items:center;width:32px;height:32px;display:grid}.cleaning-drawer>section{margin:22px 0 12px}.cleaning-drawer>section h3{color:#142d40;margin:0 0 4px;font:800 17px Manrope}.cleaning-drawer>section p{color:#7d8f99;margin:0;font-size:10px}.cleaning-upload{min-height:150px;color:var(--teal);cursor:pointer;text-align:center;background:#f7fbfa;border:1px dashed #b8d8d2;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px;display:flex}.cleaning-upload strong{background:var(--teal);color:#fff;border-radius:7px;padding:9px 12px;font-size:11px}.cleaning-upload span{color:#738994;font-size:9px}.cleaning-upload input{display:none}.cleaning-upload.busy{opacity:.65;pointer-events:none}.cleaning-upload.locked{cursor:default;color:#8798a1;min-height:90px}.cleaning-upload.locked strong{color:#647985;background:0 0;padding:0}.cleaning-photo-grid{grid-template-columns:repeat(2,1fr);gap:9px;margin:16px 0;display:grid}.cleaning-photo-grid figure{aspect-ratio:4/3;background:#edf2f3;border-radius:9px;margin:0;position:relative;overflow:hidden}.cleaning-photo-grid img{object-fit:cover;width:100%;height:100%;display:block}.cleaning-photo-grid figure button{color:#9a473b;background:#fff;border-radius:50%;place-items:center;width:26px;height:26px;display:grid;position:absolute;top:6px;right:6px;box-shadow:0 2px 8px #102a4330}.cleaning-photo-grid figcaption{color:#fff;background:#102a43cc;border-radius:4px;padding:3px 5px;font-size:8px;position:absolute;bottom:6px;left:6px}.cleaning-progress{justify-content:space-between;align-items:center;gap:10px;margin:12px 0;display:flex}.cleaning-progress>strong{font:800 14px Manrope}.cleaning-progress>span{color:#788b95;font-size:10px}.cleaning-progress>span.done{color:#15815f;background:#e3f5ef;border-radius:7px;align-items:center;gap:5px;padding:8px 10px;font-weight:700;display:flex}.cleaning-lock-note{color:#738791;background:#f3f6f8;border-radius:8px;align-items:center;gap:8px;padding:11px;font-size:10px;display:flex}.cleaner-bottom-nav{display:none}@media (width<=1100px){.availability-fields{grid-template-columns:repeat(2,1fr)}.availability-submit{grid-column:1/-1}.cleaning-task{grid-template-columns:5px 1fr 100px 125px 135px 18px;gap:10px}.cleaning-task-room h3{font-size:15px}.cleaning-task>div strong{font-size:18px}}@media (width<=700px){.app-shell:has(.cleaner-bottom-nav) .content{padding-bottom:90px}.app-shell:has(.cleaner-bottom-nav) .top-actions{display:none}.dashboard-date,.cleaning-toolbar{margin-top:-6px;display:block}.day-navigator{grid-template-columns:38px 1fr 38px auto;width:100%;display:grid}.day-navigator>div{min-width:0;padding:0 3px}.day-navigator>div strong{font-size:10px}.day-navigator>.today-link{padding:0 8px}.availability-fields{grid-template-columns:1fr;gap:10px;display:grid}.availability-submit{grid-column:auto;width:100%}.availability-results article{grid-template-columns:28px 1fr auto;gap:6px;padding:9px 0}.availability-results article>b{grid-column:1/-1}.availability-results article>strong{grid-column:2}.availability-results article>span{grid-column:2;font-size:8px}.availability-results article>button{grid-area:2/3/4}.availability-results article>svg{grid-area:2/1/4}.availability-calendar-head{flex-direction:column;align-items:flex-start}.availability-calendar-head .day-navigator{align-self:stretch}.availability-week{gap:4px;overflow-x:auto}.availability-week button{min-width:42px}.availability-room-grid{grid-template-columns:1fr}.availability-room{padding:10px}.availability-room p{min-height:28px}.availability-search,.availability-results,.availability-calendar{padding:14px}.cleaner-overview-stats,.cleaning-stats{gap:7px}.cleaner-overview-stats article,.cleaning-stats article{text-align:center;grid-template-columns:1fr;gap:5px;padding:11px 6px}.cleaner-overview-stats article>svg,.cleaning-stats article>svg{grid-row:auto;margin:auto}.cleaner-overview-stats strong,.cleaning-stats strong{font-size:18px}.cleaner-overview-stats span,.cleaning-stats span{font-size:8px}.cleaner-overview-list>button{grid-template-columns:32px 1fr auto 55px 16px;gap:6px}.cleaner-overview-list>button>small{display:none}.cleaner-overview-list>button>strong{font-size:14px}.cleaning-task{grid-template-rows:auto auto;grid-template-columns:5px 1fr auto 16px;gap:7px 10px;min-height:104px;padding:10px 10px 10px 0}.cleaning-task-rail{grid-row:1/3}.cleaning-task-room{grid-column:2}.cleaning-task>div:nth-of-type(2),.cleaning-task>div:nth-of-type(3){align-items:baseline;gap:5px;display:flex}.cleaning-task>div:nth-of-type(2){grid-area:2/2}.cleaning-task>div:nth-of-type(3){display:none}.cleaning-task>div small{margin:0}.cleaning-task>div strong{font-size:16px}.cleaning-task-action{grid-area:1/3/3}.cleaning-task-action>span{padding:7px;font-size:8px}.cleaning-task>svg{grid-area:1/4/3}.cleaning-task-room h3{font-size:15px}.cleaning-overlay{align-items:flex-end}.cleaning-drawer{border-radius:16px 16px 0 0;width:100%;height:auto;max-height:88vh;padding:21px}.cleaning-photo-grid{grid-template-columns:repeat(2,1fr)}.cleaner-bottom-nav{z-index:18;border-top:1px solid var(--line);height:66px;padding:5px 20px calc(5px + env(safe-area-inset-bottom));background:#fff;grid-template-columns:repeat(2,1fr);display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -5px 18px #102a4310}.cleaner-bottom-nav button{color:#81929d;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:100%;padding:0;font-size:9px;display:flex}.cleaner-bottom-nav button.active,.cleaner-bottom-nav button:hover{color:var(--teal);background:#edf7f5}}