@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=DM+Serif+Display&display=swap);:root{--bg:#fff;--s1:#f8f9fa;--s2:#f1f3f5;--s3:#e9ecef;--border:#dee2e6;--border2:#ced4da;--text:#111;--muted:#6c757d;--muted2:#495057;--accent:#d49228;--amber:#d49228;--teal:#1c8484;--success:#2a905a;--danger:#d33e3e;--font-b:"Inter",sans-serif;--font-d:"DM Serif Display",serif}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background:#fff;background:var(--bg);color:#111;color:var(--text);font-family:Inter,sans-serif;font-family:var(--font-b);font-size:14px;line-height:1.5}.app-shell{display:flex;height:100vh;overflow:hidden}.sidebar{background:#f8f9fa;background:var(--s1);border-right:1px solid #dee2e6;border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;width:220px}.sidebar-logo{border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border);padding:20px 18px 12px}.sidebar-logo .logo-name{color:#d49228;color:var(--accent);font-family:"DM Serif Display",serif;font-family:var(--font-d);font-size:20px;letter-spacing:.01em}.sidebar-logo .logo-sub{color:#6c757d;color:var(--muted);font-size:10px;letter-spacing:.1em;margin-top:2px;text-transform:uppercase}.hotel-pill{background:#f1f3f5;background:var(--s2);border:1px solid #dee2e6;border:1px solid var(--border);border-radius:10px;cursor:pointer;font-size:12px;margin:12px 14px;padding:10px 12px;transition:all .15s}.hotel-pill:hover{border-color:#ced4da;border-color:var(--border2)}.hotel-pill .hp-label{color:#6c757d;color:var(--muted);font-size:10px;letter-spacing:.08em;margin-bottom:4px;text-transform:uppercase}.hotel-pill .hp-name{color:#111;color:var(--text);font-size:13px;font-weight:700}.hotel-pill .hp-city{color:#6c757d;color:var(--muted);font-size:10px;margin-top:1px}.hotel-switcher{background:#f1f3f5;background:var(--s2);border:1px solid #dee2e6;border:1px solid var(--border);border-radius:10px;margin:0 14px 10px;overflow:hidden}.hotel-switcher-item{align-items:center;border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border);cursor:pointer;display:flex;font-size:12px;gap:8px;padding:10px 12px;transition:background .1s}.hotel-switcher-item:last-child{border-bottom:none}.hotel-switcher-item.active,.hotel-switcher-item:hover{background:#e9ecef;background:var(--s3)}.hotel-switcher-item.active{border-left:3px solid #d49228;border-left:3px solid var(--accent)}.hotel-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.nav{flex:1 1;padding:8px 10px}.nav-section{color:#6c757d;color:var(--muted);font-size:9px;letter-spacing:.12em;padding:10px 8px 4px;text-transform:uppercase}.nav-item{align-items:center;border-radius:8px;color:#495057;color:var(--muted2);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:10px;margin-bottom:2px;padding:9px 10px;transition:all .12s}.nav-item:hover{background:#f1f3f5;background:var(--s2);color:#111;color:var(--text)}.nav-item.active{background:#e9ecef;background:var(--s3);color:#d49228;color:var(--accent)}.nav-icon{font-size:15px;text-align:center;width:20px}.sidebar-foot{border-top:1px solid #dee2e6;border-top:1px solid var(--border);padding:14px}.user-info{gap:10px;margin-bottom:10px}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#d49228,#c97b30);background:linear-gradient(135deg,var(--accent),#c97b30);border-radius:8px;color:#0b0c0f;flex-shrink:0;font-size:13px;font-weight:800;height:32px;justify-content:center;width:32px}.user-name{color:#111;color:var(--text);font-size:12px;font-weight:600}.user-role{color:#6c757d;color:var(--muted);font-size:10px;text-transform:capitalize}.btn-logout{background:#0000;border:1px solid #ced4da;border:1px solid var(--border2);border-radius:7px;color:#495057;color:var(--muted2);cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font-b);font-size:12px;padding:7px;transition:all .12s;width:100%}.btn-logout:hover{border-color:#d33e3e;border-color:var(--danger);color:#d33e3e;color:var(--danger)}.main-area{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.top-bar{align-items:center;background:#f8f9fa;background:var(--s1);border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;gap:14px;height:56px;padding:0 24px}.top-bar-title{color:#111;color:var(--text);font-family:"DM Serif Display",serif;font-family:var(--font-d);font-size:20px}.top-bar-sub{color:#6c757d;color:var(--muted);font-size:12px;margin-left:auto}.page-content{flex:1 1;overflow-y:auto;padding:24px}.toast{background:#e9ecef;background:var(--s3);border:1px solid #ced4da;border:1px solid var(--border2);border-radius:10px;bottom:28px;box-shadow:0 8px 32px #0006;font-size:13px;font-weight:500;left:50%;opacity:0;padding:12px 22px;position:fixed;transform:translateX(-50%) translateY(40px);transition:all .25s ease;white-space:nowrap;z-index:999}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.toast.error{border-color:#d33e3e;border-color:var(--danger);color:#d33e3e;color:var(--danger)}.toast.success{border-color:#2a905a;border-color:var(--success);color:#2a905a;color:var(--success)}.panel{background:#f8f9fa;background:var(--s1);border:1px solid #dee2e6;border:1px solid var(--border);border-radius:12px;margin-bottom:14px;overflow:hidden}.panel-head{align-items:center;background:#f1f3f5;background:var(--s2);border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border);display:flex;gap:10px;justify-content:space-between;padding:14px 18px}.panel-title{color:#111;color:var(--text);font-size:14px;font-weight:700}.panel-sub{color:#6c757d;color:var(--muted);font-size:11px}.panel-actions{align-items:center;display:flex;gap:8px}.stats-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr);margin-bottom:18px}.stat-card{background:#f8f9fa;background:var(--s1);border:1px solid #dee2e6;border-radius:12px;border-top:3px solid #ced4da;border:1px solid var(--border);border-top:3px solid var(--lc,var(--border2));padding:18px;transition:transform .15s}.stat-card:hover{transform:translateY(-2px)}.stat-lbl{color:#6c757d;color:var(--muted);font-size:11px;letter-spacing:.08em;margin-bottom:8px;text-transform:uppercase}.stat-val{font-family:"DM Serif Display",serif;font-family:var(--font-d);font-size:30px;font-weight:800;line-height:1}.stat-sub{color:#6c757d;color:var(--muted);font-size:11px;margin-top:6px}.dash-container{display:flex;flex-direction:column}.panel-sub-highlight{color:#d49228;color:var(--accent);font-weight:700}.metric-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.tbl-wrap{overflow-x:auto}table{border-collapse:collapse;font-size:13px;width:100%}thead tr{background:#f1f3f5;background:var(--s2)}th{color:#6c757d;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.07em;padding:10px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}td,th{border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border)}td{padding:12px 14px;vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#f1f3f5;background:var(--s2)}.td-main{font-weight:600}.td-sub{color:#6c757d;color:var(--muted);font-size:11px;margin-top:2px}.field{display:flex;flex-direction:column;gap:5px}.field label{color:#6c757d;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase}.field input,.field select,.field textarea{background:#f1f3f5;background:var(--s2);border:1px solid #ced4da;border:1px solid var(--border2);border-radius:8px;color:#111;color:var(--text);font-family:Inter,sans-serif;font-family:var(--font-b);font-size:13px;outline:none;padding:9px 12px;transition:border-color .15s;width:100%}.field input:focus,.field select:focus,.field textarea:focus{border-color:#d49228;border-color:var(--accent)}.field textarea{min-height:72px;resize:vertical}.form-row-2{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.form-row-3{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr 1fr}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-family:var(--font-b);font-size:13px;font-weight:600;gap:6px;padding:9px 18px;transition:all .15s;white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-gold{background:linear-gradient(135deg,#e8b86d,#c97b30);color:#0b0c0f}.btn-gold:hover:not(:disabled){filter:brightness(1.1)}.btn-teal{background:#7ec8c826;border:1px solid #7ec8c84d;color:#1c8484;color:var(--teal)}.btn-teal:hover:not(:disabled){background:#7ec8c840}.btn-ghost{background:#0000;border:1px solid #ced4da;border:1px solid var(--border2);color:#495057;color:var(--muted2)}.btn-ghost:hover:not(:disabled){background:#f1f3f5;background:var(--s2);color:#111;color:var(--text)}.btn-danger{background:#e87d7d26;border:1px solid #e87d7d4d;color:#d33e3e;color:var(--danger)}.btn-sm{font-size:12px;padding:6px 12px}.badge{border-radius:20px;display:inline-block;font-size:10px;font-weight:700;letter-spacing:.04em;padding:2px 9px;text-transform:uppercase}.b-green{background:#6dbf9426;border:1px solid #6dbf9440;color:#2a905a;color:var(--success)}.b-amber{background:#e8b86d26;border:1px solid #e8b86d40;color:#d49228;color:var(--amber)}.b-blue{background:#7ec8c826;border:1px solid #7ec8c840;color:#1c8484;color:var(--teal)}.b-red{background:#e87d7d26;border:1px solid #e87d7d40;color:#d33e3e;color:var(--danger)}.b-gray{background:#6b708226;border:1px solid #6b708240;color:#495057;color:var(--muted2)}.grid-2{grid-gap:14px;grid-template-columns:1fr 1fr}.grid-2,.grid-3{display:grid;gap:14px}.grid-3{grid-gap:14px;grid-template-columns:1fr 1fr 1fr}.rev-bar-row{align-items:center;display:flex;gap:12px;margin-bottom:12px}.rev-bar-label{color:#495057;color:var(--muted2);flex-shrink:0;font-size:12px;width:130px}.rev-bar-bg{background:#e9ecef;background:var(--s3);border-radius:4px;flex:1 1;height:8px;overflow:hidden}.rev-bar-fill{border-radius:4px;height:100%;transition:width .4s ease}.rev-bar-amt{flex-shrink:0;font-size:12px;font-weight:700;text-align:right;width:80px}.bill-box{background:#f1f3f5;background:var(--s2);border:1px solid #dee2e6;border:1px solid var(--border);border-radius:10px;padding:16px 18px}.bill-row{align-items:center;display:flex;font-size:13px;justify-content:space-between;padding:4px 0}.bill-total{color:#111;color:var(--text);font-size:15px;font-weight:800}.bill-due{color:#d49228;color:var(--accent);font-size:14px;font-weight:700}.bill-divider{background:#dee2e6;background:var(--border);height:1px;margin:8px 0}.bill-gst-tag{background:#7ec8c81a;border:1px solid #7ec8c840;border-radius:5px;color:#1c8484;color:var(--teal);font-size:10px;font-weight:700;letter-spacing:.04em;padding:2px 8px}.pay-type-grid{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.pay-type-btn{align-items:center;background:#f1f3f5;background:var(--s2);border:1px solid #ced4da;border:1px solid var(--border2);border-radius:10px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-family:Inter,sans-serif;font-family:var(--font-b);gap:4px;min-width:80px;padding:10px 8px;transition:all .15s}.pay-type-btn:hover{background:#e9ecef;background:var(--s3)}.pay-type-btn.selected,.pay-type-btn:hover{border-color:#d49228;border-color:var(--accent)}.pay-type-btn.selected{background:#e8b86d1a}.pay-type-icon{font-size:20px}.pay-type-label{color:#495057;color:var(--muted2);font-size:11px;font-weight:600}.pay-type-btn.selected .pay-type-label{color:#d49228;color:var(--accent)}.proof-zone{border:2px dashed #ced4da;border:2px dashed var(--border2);border-radius:12px;cursor:pointer;padding:32px 20px;text-align:center;transition:all .15s}.proof-zone:hover{background:#e8b86d0d;border-color:#d49228;border-color:var(--accent)}.proof-zone input[type=file]{display:none}.proof-preview{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.proof-thumb{align-items:center;background:#f1f3f5;background:var(--s2);border:1px solid #dee2e6;border:1px solid var(--border);border-radius:8px;display:flex;font-size:24px;height:80px;justify-content:center;overflow:hidden;position:relative;width:80px}.proof-thumb img{height:100%;object-fit:cover;width:100%}.proof-remove{background:#d33e3e;background:var(--danger);border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:11px;height:18px;position:absolute;right:2px;top:2px;width:18px}.overlay,.proof-remove{align-items:center;display:flex;justify-content:center}.overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000b3;inset:0;position:fixed;z-index:100}.modal{background:#f8f9fa;background:var(--s1);border:1px solid #ced4da;border:1px solid var(--border2);border-radius:16px;box-shadow:0 24px 64px #0009;max-height:90vh;max-width:95vw;overflow-y:auto;padding:28px;width:480px}.modal-title{color:#111;color:var(--text);font-family:"DM Serif Display",serif;font-family:var(--font-d);font-size:22px;margin-bottom:4px}.modal-sub{color:#6c757d;color:var(--muted);font-size:12px;margin-bottom:20px}.modal-foot{border-top:1px solid #dee2e6;border-top:1px solid var(--border);display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:16px}.empty{color:#6c757d;color:var(--muted);font-size:13px;padding:40px 20px;text-align:center}.empty-icon{font-size:32px;margin-bottom:10px}.login-screen{align-items:center;background:#fff;background:var(--bg);background-image:radial-gradient(ellipse at 60% 20%,#e8b86d0f 0,#0000 60%),radial-gradient(ellipse at 20% 80%,#7ec8c80d 0,#0000 50%);display:flex;justify-content:center;min-height:100vh}.login-card{background:#f8f9fa;background:var(--s1);border:1px solid #dee2e6;border:1px solid var(--border);border-radius:20px;box-shadow:0 24px 64px #00000080;padding:40px;width:380px}.login-logo{color:#d49228;color:var(--accent);font-family:"DM Serif Display",serif;font-family:var(--font-d);font-size:28px;margin-bottom:4px}.login-tagline{color:#6c757d;color:var(--muted);font-size:12px;letter-spacing:.1em;margin-bottom:32px;text-transform:uppercase}.login-error{background:#e87d7d14;border:1px solid #e87d7d33;border-radius:7px;color:#d33e3e;color:var(--danger);font-size:12px;margin-bottom:12px;padding:10px 12px}.login-footer{color:#6c757d;color:var(--muted);font-size:11px;margin-top:20px;text-align:center}.input{background:#f1f3f5;background:var(--s2);border:1px solid #ced4da;border:1px solid var(--border2);border-radius:8px;color:#111;color:var(--text);font-family:Inter,sans-serif;font-family:var(--font-b);font-size:13px;outline:none;padding:9px 12px;transition:border-color .15s;width:100%}.input:focus{border-color:#d49228;border-color:var(--accent)}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#ced4da;background:var(--border2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#6c757d;background:var(--muted)}.grid-room-card{background:#fff;background:var(--bg);border:1px solid #dee2e6;border:1px solid var(--border);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;height:140px;justify-content:space-between;overflow:hidden;padding:14px;position:relative;transition:all .2s cubic-bezier(.1,.7,.1,1);width:140px}.grid-room-card:hover{box-shadow:0 8px 24px #00000014;transform:translateY(-4px)}.grid-room-card.vacant{border-color:#6dbf9466}.grid-room-card.vacant:before{background:#2a905a;background:var(--success);content:"";height:4px;left:0;position:absolute;right:0;top:0}.grid-room-card.occupied{background:#e87d7d05;border-color:#e87d7d66}.grid-room-card.occupied:before{background:#d33e3e;background:var(--danger);content:"";height:4px;left:0;position:absolute;right:0;top:0}.grid-room-card .r-badge{color:#6c757d;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.grid-room-card .r-num{color:#111;color:var(--text);font-family:"DM Serif Display",serif;font-family:var(--font-d);font-size:32px;font-weight:800;line-height:1;margin:auto 0}.grid-room-card .r-status{font-size:11px;font-weight:600}.grid-room-card.vacant .r-status{color:#2a905a;color:var(--success)}.grid-room-card.occupied .r-status{color:#d33e3e;color:var(--danger)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.modal-content{background:#fff;background:var(--bg);border-radius:16px;box-shadow:0 20px 60px #0003;max-width:500px;padding:32px;width:90%}
/*# sourceMappingURL=main.df9b8a19.css.map*/