@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}}.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}