:root{--ink:#18302e;--muted:#62736f;--paper:#f3f5f3;--line:#dde5df;--brand:#17664f;--nav:#142c28;--radius:14px}
.hotel-ui .card.page-surface{border:0!important;box-shadow:none!important}
.hotel-ui p,.hotel-ui label,.hotel-ui input,.hotel-ui select,.hotel-ui textarea,.hotel-ui .sidebar-menu a,.hotel-ui .table{font-family:inherit}
.hotel-ui .text-black{color:var(--ink)!important}
.hotel-ui .alert.alert-warning{background:#faf2df!important;color:#765518!important}.hotel-ui .alert.alert-info{background:#eaf2f5!important;color:#28566a!important}.hotel-ui .alert.alert-success{background:#e7f3e9!important;color:#22593b!important}.hotel-ui .alert.alert-danger{background:#faeae7!important;color:#8a3030!important}
body.hotel-ui{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-size:14px;line-height:1.6}
.hotel-ui h1,.hotel-ui h2,.hotel-ui h3,.hotel-ui h4,.hotel-ui h5,.hotel-ui h6{font-family:inherit;color:inherit;letter-spacing:-.025em;font-weight:650}
.hotel-ui h1{font-size:28px}.hotel-ui h4{font-size:19px}.hotel-ui a{color:var(--brand)}
.hotel-ui .text-muted,.hotel-ui .text-secondary{color:var(--muted)!important}.hotel-ui .text-primary,.hotel-ui .text-success{color:var(--brand)!important}
.hotel-ui .wrapper{max-width:none!important}.hotel-ui .content-wrapper{background:var(--paper);min-height:calc(100vh - 120px)}
.hotel-ui .main-header .logo,.hotel-ui .main-header .navbar{background:white!important;color:var(--ink)!important;box-shadow:none;border-bottom:1px solid var(--line)}
.hotel-ui .main-header .logo{height:64px;line-height:64px;text-align:left;padding-left:24px;font-family:inherit}.hotel-ui .main-header .navbar{min-height:64px}
.hotel-ui .main-header .navbar .nav>li>a{color:var(--ink)!important;padding-top:21px;padding-bottom:21px;font-size:13px}
.hotel-ui .main-header .navbar .nav>li>a:hover{background:#eef4ef!important}.hotel-ui .logo-lg{font-size:20px;font-weight:700;letter-spacing:-.6px}
.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;line-height:1;border-radius:9px;background:var(--brand);color:#fff;font-size:20px;font-weight:650;margin-right:9px}
.hotel-ui .main-sidebar{background:var(--nav)!important;padding-top:64px}.hotel-ui .user-panel{background:none!important;border-bottom:1px solid #ffffff15;padding:25px 20px;text-align:left}
.hotel-ui .user-panel .image{display:none}.hotel-ui .user-panel .info{padding:0;position:static!important;color:#e7eee9}.hotel-ui .user-panel p{margin:0;font-size:14px}.hotel-ui .sidebar-caption{font-size:11px;color:#b1c8bf;text-transform:uppercase;letter-spacing:.12em;margin-top:5px}
.hotel-ui .sidebar-menu>li.header{background:transparent!important;color:#9fb7ae!important;font-size:10px;font-weight:650;letter-spacing:.15em;padding:24px 22px 10px}
.hotel-ui .sidebar-menu>li>a{border:0!important;border-radius:8px;margin:3px 12px;padding:11px 12px;color:#cbdad3!important;font-size:13px}
.hotel-ui .sidebar-menu>li>a>.fa{width:24px}.hotel-ui .sidebar-menu>li>a:hover,.hotel-ui .sidebar-menu>li.active>a{background:#ffffff10!important;color:#fff!important}
.hotel-ui .sidebar-menu a[aria-current=page]{background:#245441!important;color:#fff!important;box-shadow:inset 3px 0 #83c7a6}
.hotel-ui .sidebar-menu .treeview-menu{background:#10251f!important;padding:5px 12px 8px}.hotel-ui .treeview-menu>li>a{font-size:12px;color:#c7d7d0;padding:9px 12px;border-radius:7px}
.hotel-ui .content-header.sty-one{background:transparent;box-shadow:none;border:0;padding:30px 32px 15px}.hotel-ui .content-header h1{margin:0;font-weight:700}.hotel-ui .breadcrumb{font-size:11px;color:var(--muted);background:transparent}
.hotel-ui .content{padding:18px 32px 32px}.hotel-ui .content .content{padding:0}.hotel-ui .page-surface{background:transparent;box-shadow:none;border:0}.hotel-ui .page-surface>.card-body{padding:0}
.hotel-ui .card{border:1px solid var(--line)!important;border-radius:var(--radius);box-shadow:0 3px 12px #17312804!important;margin-bottom:20px;overflow:visible}
.hotel-ui .card-body{padding:24px}.hotel-ui .card-header{border-radius:13px 13px 0 0!important;border-bottom:1px solid var(--line)!important;padding:18px 24px!important}
.hotel-ui .card-header.bg-dark,.hotel-ui .card-header.bg-primary,.hotel-ui .card-header.bg-secondary{background:#f7f9f6!important;color:var(--ink)!important}
.hotel-ui .form-control{border:1px solid #cbd7d0;border-radius:8px;min-height:42px;height:auto;font-family:inherit;font-size:14px;color:var(--ink);padding:10px 12px;box-shadow:none;background:white}
.hotel-ui .form-control:focus{border-color:var(--brand);box-shadow:0 0 0 3px #17664f18}.hotel-ui .form-control[readonly]{background:#f0f4f0;color:#556960}.hotel-ui label{font-size:12px;font-weight:650;margin-bottom:7px;color:#42574e}
.hotel-ui .form-group{margin-bottom:18px}.hotel-ui textarea.form-control{min-height:85px}.hotel-ui .input-group-text{border-color:#cbd7d0;background:#edf3ee;color:var(--brand);font-size:13px}
.hotel-ui .btn{font-family:inherit;border-radius:8px!important;padding:10px 17px;font-size:13px;font-weight:600;white-space:normal;box-shadow:none!important;letter-spacing:0;text-transform:none!important;min-height:40px}
.hotel-ui .btn-sm{min-height:32px;padding:6px 11px;font-size:12px}.hotel-ui .btn-primary,.hotel-ui .btn-success{background:var(--brand);border-color:var(--brand);color:white}.hotel-ui .btn-primary:hover,.hotel-ui .btn-success:hover{background:#104d3a;border-color:#104d3a}
.hotel-ui .btn-outline-primary,.hotel-ui .btn-outline-success{color:var(--brand);border-color:#8aa99b;background:white}.hotel-ui .btn-outline-primary:hover{background:#e9f2ec}
.hotel-ui .btn-danger{background:#a13e3e;border-color:#a13e3e}.hotel-ui .btn-info{background:#356b83;border-color:#356b83}.hotel-ui .btn-secondary{background:#4b6258;border-color:#4b6258}
.hotel-ui a:focus-visible,.hotel-ui button:focus-visible{outline:3px solid #c29b51;outline-offset:3px}
.hotel-ui .table{color:var(--ink);font-size:13px;margin-bottom:0}.hotel-ui .table th{font-size:11px;letter-spacing:.04em;color:#52675d;background:#f4f7f3;font-weight:650;padding:13px 15px;border-color:var(--line);vertical-align:middle}
.hotel-ui .table td{padding:14px 15px;border-color:#e8ede7;vertical-align:middle;overflow-wrap:anywhere}.hotel-ui .table-hover tbody tr:hover{background:#f7faf6}.hotel-ui .table-bordered{border-color:var(--line)}
.hotel-ui .dataTables_wrapper{padding:16px}.hotel-ui .dataTables_wrapper .form-control{min-height:34px;padding:5px 9px}.hotel-ui .dataTables_info,.hotel-ui .dataTables_length,.hotel-ui .dataTables_filter{font-size:12px;color:var(--muted)}
.hotel-ui .pagination>.active>a,.hotel-ui .page-item.active .page-link{background:var(--brand);border-color:var(--brand)}
.hotel-ui .badge,.hotel-ui .label{border-radius:5px;font-size:10px!important;padding:5px 8px!important;font-weight:650}.hotel-ui .badge-success,.hotel-ui .label-success{background:#e0f1e7;color:#155039}.hotel-ui .badge-danger,.hotel-ui .label-danger{background:#f8e7e4;color:#8e3333}
.hotel-ui .badge-info{background:#e5eff5;color:#2b5b75}.hotel-ui .badge-warning{background:#faf0d8;color:#735313}.hotel-ui .alert{border-radius:10px;border:1px solid transparent;font-size:13px;padding:15px 18px}.hotel-ui .alert-info{background:#eaf2f5;color:#28566a;border-color:#cee0e7}.hotel-ui .alert-success{background:#e7f3e9;color:#22593b}.hotel-ui .alert-danger{background:#faeae7;color:#8a3030}.hotel-ui .alert-warning{background:#faf2df;color:#765518}
.hotel-ui .modal-content{border:0;border-radius:16px!important;box-shadow:0 25px 80px #112d2930}.hotel-ui .modal-header{padding:20px 24px;border-bottom:1px solid var(--line)}.hotel-ui .modal-body{padding:24px}.hotel-ui .modal-footer{border-top:1px solid var(--line)}
.hotel-ui .main-footer{background:var(--paper);border-top:1px solid var(--line);font-size:11px;color:var(--muted);padding:18px 32px}.hotel-ui .dropdown-menu{border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 35px #17312818}.hotel-ui .user-header{background:#eaf2ec!important;color:var(--ink)!important}
.hotel-ui .notify{display:none}.hotel-ui .user-image,.hotel-ui .user-img img{border-radius:50%;filter:grayscale(1)}
.page-intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.page-intro p{margin:0;color:var(--muted)}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--brand);margin-bottom:8px}
.quick-actions{display:flex;gap:10px;flex-wrap:wrap}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat-card{background:white;border:1px solid var(--line);border-radius:12px;padding:20px;position:relative}.stat-card strong{font-size:34px;line-height:1.2;display:block;letter-spacing:-1px;margin:12px 0 6px}.stat-card span{color:var(--muted);font-size:12px}.stat-card i{float:right;color:#789486}.stat-card .stat-status{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--brand)}
.room-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;background:white;border:1px solid var(--line);border-radius:12px;margin-bottom:24px}.room-toolbar select{min-width:200px}.room-toolbar .form-group{margin:0;display:flex;align-items:center;gap:14px}.room-toolbar label{white-space:nowrap;margin:0}.room-legend{display:flex;flex-wrap:wrap;gap:16px;font-size:12px;color:var(--muted)}
.room-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#2c8159;margin-right:6px}.room-dot.occupied{background:#b65c45}.room-dot.cleaning{background:#40809a}
.hotel-ui .room-card{border-top:3px solid #77b092!important}.hotel-ui .room-card.occupied{border-top-color:#c98470!important}.hotel-ui .room-card.cleaning{border-top-color:#80aabd!important}.room-number{font-size:30px;font-weight:700;letter-spacing:-1px}.room-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.room-meta{font-size:12px;color:var(--muted);margin-bottom:18px}.room-price{font-size:15px;font-weight:650;margin-bottom:18px}.room-price small{font-weight:400;color:var(--muted)}.room-card .btn{width:100%}
.empty-state{padding:45px;text-align:center;background:white;border:1px dashed #b9cdbf;border-radius:12px;color:var(--muted)}.occupancy-bar{height:14px;border-radius:8px;background:#e7efea;overflow:hidden;display:flex;margin:22px 0}.occupancy-bar span{height:100%}.occupancy-list{display:grid;gap:15px}.occupancy-list div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:12px}
.skip-link{position:fixed;top:-100px;left:20px;z-index:10000;background:white;padding:12px}.skip-link:focus{top:10px}
.hotel-ui.login-page{min-height:100vh;display:grid;place-items:center;padding:30px;background:#edf2ed!important}.auth-shell{display:grid;grid-template-columns:1fr 1fr;max-width:960px;width:100%;background:white;border-radius:20px;overflow:hidden;box-shadow:0 25px 90px #18392b12}.auth-story{background:#173d31;color:#fff;padding:64px 45px;display:flex;flex-direction:column;justify-content:space-between;min-height:540px}.auth-story h1{font-size:40px;line-height:1.15;max-width:330px;color:#fff}.auth-story p{color:#c5d9cd;font-size:15px;max-width:330px}.auth-story .eyebrow{color:#b4d8bf}.auth-form{padding:60px 45px;align-self:center}.auth-form h2{font-size:28px}.auth-form>p{color:var(--muted);margin-bottom:28px}.auth-footnote{font-size:12px;color:var(--muted);margin-top:24px}.auth-story .brand-mark{background:#c6dcc5;color:#193f30}
.hotel-ui.platform-page nav{background:var(--nav)}.hotel-ui.platform-page main{max-width:1140px}.hotel-ui.platform-page .table-responsive{border-radius:10px}.hotel-ui .fc-toolbar h2{font-size:21px}.hotel-ui .fc button{background:white;border-color:var(--line);box-shadow:none;color:var(--ink)}.hotel-ui .fc-state-active{background:#e4eee6!important}
@media(max-width:991px){.stat-grid{grid-template-columns:repeat(2,1fr)}.hotel-ui .content{padding:18px}.hotel-ui .content-header.sty-one{padding:24px 18px 8px}.page-intro{align-items:flex-start;flex-direction:column}.hotel-ui .card-body{padding:20px}.auth-story{padding:45px 30px}.auth-form{padding:40px 30px}}
@media(max-width:767px){.hotel-ui .main-header .logo{width:100%;text-align:left;height:54px;line-height:54px}.hotel-ui .main-header .navbar{min-height:54px}.hotel-ui .main-header .navbar .nav>li>a{padding-top:17px;padding-bottom:17px}.hotel-ui .main-sidebar{padding-top:108px}.hotel-ui .content-wrapper,.hotel-ui .main-footer{margin-left:0}.hotel-ui h1{font-size:24px}.hotel-ui .content-header .breadcrumb{position:static;float:none;margin:6px 0 0;padding:0}.room-toolbar .form-group{flex-direction:column;align-items:flex-start;width:100%}.room-toolbar select{width:100%}.auth-shell{grid-template-columns:1fr;max-width:460px}.auth-story{display:none}.auth-form{padding:35px 25px}.hotel-ui.login-page{padding:16px}.stat-card{padding:16px}.stat-card strong{font-size:28px}.hotel-ui .table{min-width:580px}.hotel-ui .table-responsive{overflow-x:auto}.hotel-ui .navbar-custom-menu .dropdown-menu{right:0;left:auto}.hotel-ui .content-header{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.hotel-ui .main-header,.hotel-ui .main-sidebar,.hotel-ui .main-footer,.hotel-ui .content-header,.no-print{display:none!important}.hotel-ui .content-wrapper{margin:0!important}.hotel-ui .content{padding:0}.hotel-ui .card{box-shadow:none!important;break-inside:avoid}.hotel-ui .table{min-width:0}}