#hallApp{background:var(--bg,#f4f3f0);color:var(--text,#1a1a2e);font-family:DM Sans,sans-serif}#hallApp #loginScreen.screen{background:radial-gradient(at 50% 40%,#6b121214,#0000 70%),#f0ece4;justify-content:center;align-items:center;min-height:100vh;display:flex}#hallApp .login-box{text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff12;border:1px solid #c9a84c40;border-radius:20px;width:100%;max-width:360px;padding:36px 32px}#hallApp .login-monogram{margin-bottom:10px}#hallApp .login-logo{color:#f2dfc0;letter-spacing:2px;margin-bottom:2px;font-family:Playfair Display,serif;font-size:28px;font-weight:800}#hallApp .login-sub{color:#c9a84c;letter-spacing:4px;text-transform:uppercase;margin-bottom:18px;font-size:12px}#hallApp .login-box h2{color:#f0e8d8;margin-bottom:16px;font-size:16px;font-weight:600}#hallApp .login-box input{box-sizing:border-box;color:#f0e8d8;background:#ffffff1a;border:1px solid #c9a84c4d;border-radius:10px;outline:none;width:100%;margin-bottom:10px;padding:11px 14px;font-family:inherit;font-size:14px;display:block}#hallApp .login-box input::placeholder{color:#f0e8d866}#hallApp .login-box input:focus{background:#ffffff26;border-color:#c9a84c}#hallApp .login-box button[type=submit]{color:#1a1a2e;cursor:pointer;background:linear-gradient(135deg,#c9a84c,#e8c96c);border:none;border-radius:10px;width:100%;margin-top:4px;padding:12px;font-family:inherit;font-size:14px;font-weight:800}#hallApp .login-err{color:#fca5a5;margin-top:10px;font-size:12px}#hallApp .login-hint{color:#c9a84c80;margin-top:12px;font-size:11px}#hallApp nav.hall-nav{z-index:100;background:linear-gradient(135deg,#2d1b69 0%,#4a2080 50%,#3d1875 100%);flex-shrink:0;align-items:center;gap:16px;height:62px;padding:0 20px;display:flex;position:sticky;top:0;box-shadow:0 2px 20px #2d1b6980,0 1px #b482ff26}#hallApp .nav-brand{align-items:center;gap:10px;min-width:0;display:flex}#hallApp .nav-brand-logo{opacity:.92}#hallApp .nav-brand-text{min-width:0}#hallApp .nav-brand-name{color:#e8d5ff;white-space:nowrap;text-shadow:0 1px 6px #b482ff66;font-family:Playfair Display,serif;font-size:13px;font-weight:800;display:block}#hallApp .nav-brand-sub{color:#c9a84cd9;letter-spacing:2px;text-transform:uppercase;margin-top:1px;font-size:9px;display:block}#hallApp .nav-tabs{scrollbar-width:none;flex:1;align-items:stretch;gap:2px;padding:8px 4px;display:flex;overflow-x:auto}#hallApp .nav-tabs::-webkit-scrollbar{display:none}#hallApp .nav-tab{cursor:pointer;background:#ffffff0d;border:1px solid #b482ff1f;border-radius:10px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:3px;min-width:72px;height:46px;padding:6px 16px;font-family:inherit;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden}#hallApp .nav-tab:before{content:"";opacity:0;background:linear-gradient(135deg,#b482ff26,#ffffff0d);border-radius:10px;transition:opacity .2s;position:absolute;inset:0}#hallApp .nav-tab:hover{background:#b482ff26;border-color:#b482ff59;transform:translateY(-1px);box-shadow:0 4px 12px #6432c840}#hallApp .nav-tab:hover:before{opacity:1}#hallApp .nav-tab.active{background:linear-gradient(135deg,#b482ff4d,#783cc833);border-color:#c8a0ff99;transform:translateY(-2px);box-shadow:0 0 0 1px #c8a0ff4d,0 4px 16px #6432c859,inset 0 1px #ffffff26}#hallApp .tab-icon{filter:drop-shadow(0 1px 3px #0003);font-size:16px;line-height:1;transition:transform .2s}#hallApp .nav-tab:hover .tab-icon{transform:scale(1.15)}#hallApp .nav-tab.active .tab-icon{transform:scale(1.1)}#hallApp .tab-label{color:#ffffffe0;letter-spacing:1px;text-transform:uppercase;text-shadow:0 1px 4px #0000004d;font-size:9px;font-weight:800;line-height:1;transition:color .2s}#hallApp .nav-tab:hover .tab-label{color:#fff}#hallApp .nav-tab.active .tab-label{color:#fff;text-shadow:0 0 10px #dcb4ff99}#hallApp .tab-pip{background:linear-gradient(90deg,#c9a84c,#f0d080,#c9a84c);border-radius:2px;width:18px;height:3px;animation:1.8s ease-in-out infinite pipPulse;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}@keyframes pipPulse{0%,to{opacity:.85;width:14px}50%{opacity:1;width:26px;box-shadow:0 0 8px #c9a84cb3}}#hallApp .nav-right{flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:8px;display:flex}#hallApp .nav-user-wrap{background:#00000040;border:1px solid #ffffff14;border-radius:9px;flex-direction:row;flex-shrink:0;align-items:center;gap:8px;padding:5px 10px;display:flex}#hallApp .nav-avatar{color:#2d1b69;background:linear-gradient(135deg,#c9a84c,#f0d080);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:800;display:flex}#hallApp .nav-user-info{flex-direction:column;align-items:flex-start;gap:2px;display:flex}#hallApp .nav-user-name{color:#f2dfc0;white-space:nowrap;font-size:12px;font-weight:700;line-height:1}#hallApp .nav-switch-btn{color:#f0d080;cursor:pointer;background:#c9a84c1f;border:1px solid #c9a84c59;border-radius:8px;padding:6px 12px;font-family:inherit;font-size:11px;font-weight:700;transition:all .15s}#hallApp .nav-switch-btn:hover{background:#c9a84c38}#hallApp .logout-btn{cursor:pointer;color:#c8a0ffcc;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;padding:5px 9px;font-size:17px;line-height:1;transition:all .15s}#hallApp .logout-btn:hover{color:#fca5a5;background:#ff50502e;border-color:#ff50504d}#hallApp .notif{z-index:9999;border-radius:10px;padding:12px 18px;font-size:13px;font-weight:700;display:none;position:fixed;top:70px;right:20px;box-shadow:0 4px 20px #00000026}#hallApp .notif.show{animation:.3s slideIn;display:block}#hallApp .notif.success{color:#166534;background:#dcfce7;border:1px solid #86efac}#hallApp .notif.error{color:#991b1b;background:#fee2e2;border:1px solid #fca5a5}#hallApp .notif.info{color:#1e40af;background:#dbeafe;border:1px solid #93c5fd}#hallApp .panel{background:#fff;border:1px solid #00000012;border-radius:14px;overflow:hidden;box-shadow:0 1px 4px #0000000f}#hallApp .panel-header{border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}#hallApp .panel-title{color:#1a1a2e;font-size:13px;font-weight:800}#hallApp .form-group{flex-direction:column;gap:5px;margin-bottom:12px;display:flex}#hallApp .form-group label{color:#555;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}#hallApp .form-group input,#hallApp .form-group select,#hallApp .form-group textarea{color:#1a1a2e;box-sizing:border-box;background:#fafaf9;border:1.5px solid #e5e3de;border-radius:8px;outline:none;width:100%;padding:9px 12px;font-family:inherit;font-size:13px;transition:all .15s}#hallApp .form-group input:focus,#hallApp .form-group select:focus,#hallApp .form-group textarea:focus{background:#fff;border-color:#c9a84c;box-shadow:0 0 0 3px #c9a84c1a}#hallApp .form-row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}#hallApp .btn{cursor:pointer;color:#1a1a2e;background:#fff;border:1.5px solid #e5e3de;border-radius:9px;align-items:center;gap:5px;padding:8px 14px;font-family:inherit;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}#hallApp .btn:hover{background:#f4f3f0}#hallApp .btn.primary{color:#1a1a2e;background:linear-gradient(135deg,#c9a84c,#e8c96c);border-color:#c9a84c}#hallApp .btn.primary:hover{opacity:.9}#hallApp .btn.danger{color:#991b1b;background:#fee2e2;border-color:#fca5a5}#hallApp .btn.sm{padding:5px 10px;font-size:11px}#hallApp .modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:16px;display:none;position:fixed;inset:0}#hallApp .modal-overlay.open{display:flex}#hallApp .modal-box{background:#fff;border-radius:16px;width:100%;max-width:640px;max-height:90vh;margin:auto;padding:24px;overflow-y:auto;box-shadow:0 20px 60px #0003}#hallApp .modal-header{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}#hallApp .modal-title{color:#1a1a2e;font-size:15px;font-weight:800}#hallApp .modal-sub{color:#888;margin-top:3px;font-size:11px}#hallApp .modal-close{cursor:pointer;color:#888;background:0 0;border:none;padding:2px;font-size:18px}#hallApp .modal-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}#hallApp .role-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:2px 8px;font-size:9px;font-weight:800}#hallApp .role-badge.admin{color:#f0d080;background:#c9a84c40;border:1px solid #c9a84c73}#hallApp .role-badge.staff{color:#d4aaff;background:#b482ff33;border:1px solid #b482ff59}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media (width<=640px){#hallApp nav.hall-nav{gap:6px;height:52px;padding:0 10px}#hallApp .nav-brand-text,#hallApp .nav-tabs,#hallApp .nav-user-wrap,#hallApp .nav-switch-btn,#hallApp .logout-btn{display:none!important}#hallApp #hall-hamburger{display:flex!important}#hallApp .hall-page{padding:10px 8px!important}#hallApp .hall-page-inner{max-width:100%!important;padding:10px 8px!important}#hallApp .hall-stat-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}#hallApp .hall-2col{grid-template-columns:1fr!important}#hallApp .hall-btn-row{flex-wrap:wrap!important;gap:6px!important}#hallApp .hall-btn-row button{flex:auto!important;min-width:100px!important}#hallApp .hall-filter-bar{flex-direction:column!important}#hallApp .hall-filter-bar input,#hallApp .hall-filter-bar select{width:100%!important;min-width:0!important}#hallApp .hall-table-wrap{-webkit-overflow-scrolling:touch!important;overflow-x:auto!important}#hallApp .hall-table-wrap table{min-width:520px!important;font-size:11px!important}#hallApp .modal-overlay{align-items:flex-end!important;padding:0!important}#hallApp .modal-box{border-radius:16px 16px 0 0!important;max-height:92vh!important;padding:18px 14px!important}#hallApp .modal-actions{flex-wrap:wrap!important}#hallApp .modal-actions .btn{flex:auto!important;justify-content:center!important}#hallApp .form-row{grid-template-columns:1fr!important}#hallApp .notif{width:auto!important;left:10px!important;right:10px!important}#hallApp .hall-cal-cell{min-height:44px!important;padding:3px!important;font-size:10px!important}#hallApp .admin-subtabs{flex-wrap:wrap!important}#hallApp .admin-subtab{padding:6px 10px!important;font-size:10px!important}}@media (width<=380px){#hallApp .hall-stat-grid{grid-template-columns:1fr!important}}body{-webkit-font-smoothing:antialiased;min-height:100vh;font-family:"'DM Sans'",sans-serif}input{outline:none}input::placeholder{color:#ffffff80}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}#hallApp{display:none}*{box-sizing:border-box;margin:0;padding:0}#hallApp{--gold:#b8860b;--gold-l:#d4a017;--gold-d:#8a6a20;--bg:#f0ece4;--card:#fff;--f1:#f5f0e8;--f2:#e0d5c5;--text:#1a1a1a;--tdim:#665;--red:#c0392b;--green:#1a7a40}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:"'DM Sans'",sans-serif}.screen{min-height:100vh;display:none}.screen.active{display:block}#loginScreen{background:radial-gradient(at 50% 40%,#6b121214,#0000 70%),#f0ece4;justify-content:center;align-items:center;display:none}#loginScreen.active{display:flex}#appScreen{flex-direction:column;display:none}#appScreen.active{display:flex}.login-box{text-align:center;background:linear-gradient(160deg,#5a0a0a,#7b1212);border:1px solid #c9a84c59;border-radius:18px;width:390px;padding:46px 42px;position:relative;overflow:hidden;box-shadow:0 8px 60px #000000b3}.login-box:before{content:"";background:linear-gradient(90deg,#0000,#c9a84c 30%,#f0d080 50%,#c9a84c 70%,#0000);height:3px;position:absolute;top:0;left:0;right:0}.login-box:after{content:"";background:linear-gradient(90deg,#0000,#c9a84c66,#0000);height:2px;position:absolute;bottom:0;left:0;right:0}.login-logo{color:#f2dfc0;margin-bottom:4px;font-family:"'Playfair Display'",serif;font-size:30px;font-weight:700}.login-sub{color:#c9a84c;letter-spacing:4px;text-transform:uppercase;margin-bottom:8px;font-size:8px;font-weight:600}.login-monogram{justify-content:center;margin-bottom:28px;display:flex}.login-box h2{color:#f2dfc099;letter-spacing:.5px;margin-bottom:22px;font-size:12px;font-weight:400}.login-box input{color:#fff;background:#ffffff1f;border:1px solid #c9a84c73;border-radius:8px;outline:none;width:100%;margin-bottom:10px;padding:12px 16px;font-family:"'DM Sans'",sans-serif;font-size:15px;transition:all .2s}.login-box input::placeholder{color:#ffffff8c}.login-box input:focus{background:#ffffff2e;border-color:#c9a84ccc;box-shadow:0 0 0 3px #c9a84c26}.login-box button{color:#3d1a00;cursor:pointer;letter-spacing:1px;text-transform:uppercase;background:linear-gradient(135deg,#8a6a20,#c9a84c);border:none;border-radius:8px;width:100%;padding:13px;font-family:"'DM Sans'",sans-serif;font-size:12px;font-weight:800;transition:all .25s}.login-box button:hover{background:linear-gradient(135deg,#c9a84c,#f0d080);box-shadow:0 4px 20px #c9a84c66}.login-err{color:#f08080;min-height:18px;margin-top:8px;font-size:12px}.login-hint{color:#f2dfc073;background:#0003;border:1px solid #c9a84c26;border-radius:8px;margin-top:18px;padding:10px 12px;font-size:10px;line-height:1.9}nav{z-index:100;background:linear-gradient(135deg,#4a0808 0%,#7b1212 50%,#5a0a0a 100%);border-bottom:2px solid #c9a84c;justify-content:space-between;align-items:center;gap:16px;height:68px;padding:0 24px;display:flex;position:sticky;top:0;box-shadow:0 4px 32px #0009}nav:before{content:"";background:linear-gradient(90deg,#0000,#c9a84c 20%,#f0d080 50%,#c9a84c 80%,#0000);height:2px;position:absolute;top:0;left:0;right:0}.nav-brand{flex-shrink:0;align-items:center;gap:12px;text-decoration:none;display:flex}.nav-brand-logo{display:flex}.nav-brand-name{color:#f2dfc0;letter-spacing:.3px;font-family:"'Playfair Display'",serif;font-size:17px;font-weight:700;line-height:1.1;display:block}.nav-brand-sub{color:#c9a84c;letter-spacing:3.5px;text-transform:uppercase;margin-top:2px;font-family:"'DM Sans'",sans-serif;font-size:7px;font-weight:600;display:block}.nav-tabs{background:#00000040;border:1px solid #ffffff0f;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:3px;max-width:620px;padding:5px;display:flex}.nav-tab{color:#f2dfc0;cursor:pointer;white-space:nowrap;text-shadow:0 1px 2px #0000004d;background:#ffffff14;border:1px solid #0000;border-radius:8px;align-items:center;gap:5px;padding:7px 14px;font-family:"'DM Sans'",sans-serif;font-size:12px;font-weight:600;transition:all .18s;display:flex;position:relative}.nav-tab .tab-icon{font-size:14px;line-height:1}.nav-tab .tab-label{font-size:11.5px}.nav-tab:hover{color:#fff;background:#c9a84c40;border-color:#c9a84c80;box-shadow:0 2px 8px #0003}.nav-tab.active{color:#fff;text-shadow:0 1px 3px #0006;background:linear-gradient(135deg,#c9a84c80,#c9a84c4d);border:1.5px solid #c9a84ce6;font-weight:800;box-shadow:0 3px 14px #0006,inset 0 1px #ffffff26}.nav-tab.active .tab-icon{filter:drop-shadow(0 0 5px #ffdc64b3)}.nav-divider{background:#c9a84c59;flex-shrink:0;width:1px;height:28px;margin:0 2px}.nav-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.nav-user-wrap{background:#0003;border:1px solid #ffffff0f;border-radius:8px;flex-direction:column;align-items:flex-end;gap:2px;padding:4px 10px;display:flex}.nav-user-name{color:#f2dfc0;font-size:12px;font-weight:700;line-height:1}.role-badge{letter-spacing:.8px;text-transform:uppercase;border-radius:12px;padding:2px 8px;font-size:8px;font-weight:700;display:inline-block}.role-badge.admin{color:#f0d080;background:#c9a84c33;border:1px solid #c9a84c73}.role-badge.staff{color:#6de8a8;background:#4aaa8026;border:1px solid #4aaa8059}.nav-icon-btn{color:#f2dfc0cc;cursor:pointer;background:#0003;border:1px solid #c9a84c4d;border-radius:8px;padding:6px 12px;font-family:"'DM Sans'",sans-serif;font-size:11px;font-weight:600;transition:all .2s}.nav-icon-btn:hover{color:#f0d080;background:#c9a84c1a;border-color:#c9a84c99}.logout-btn{color:#f2dfc0b3;cursor:pointer;background:#d95f5f0f;border:1px solid #d95f5f4d;border-radius:8px;padding:6px 14px;font-family:"'DM Sans'",sans-serif;font-size:11px;font-weight:600;transition:all .2s}.logout-btn:hover{color:#f08080;background:#d95f5f1f;border-color:#d95f5f99}.tab-content{display:none}.tab-content.active{display:block}.page-wrap{max-width:900px;margin:0 auto;padding:28px 18px}.page-title{color:#7b1212;margin-bottom:4px;font-family:"'Playfair Display'",serif;font-size:26px;font-weight:700}.page-sub{color:#666;margin-top:4px;margin-bottom:22px;font-size:12px}.form-card{background:#fff;border:1.5px solid #e0d0b0;border-radius:12px;margin-bottom:14px;padding:20px 22px;box-shadow:0 2px 12px #0000000f}.form-card.w-card{border-color:#7b1212 #c9a84c #c9a84c;border-top-style:solid;border-top-width:3px}.form-card.h-card{border-color:#9a7000 #c9a84c #c9a84c;border-top-style:solid;border-top-width:3px}.form-card h3{letter-spacing:2px;text-transform:uppercase;color:#fff;background:#7b1212;border-radius:6px;margin-bottom:16px;padding:6px 14px;font-size:9px;font-weight:700;display:inline-block}.form-card.h-card h3{background:#9a7000}.sec-ttl{letter-spacing:1.5px;text-transform:uppercase;color:#7b1212;background:#fdf5f0;border-left:3px solid #7b1212;border-radius:0 6px 6px 0;margin:16px 0 9px;padding:5px 11px;font-size:11px;font-weight:700}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-grid.g3{grid-template-columns:1fr 1fr 1fr}.form-grid.g4{grid-template-columns:1fr 1fr 1fr 1fr}.form-group{flex-direction:column;gap:5px;display:flex}label{color:#222;letter-spacing:.2px;font-size:13px;font-weight:700}input[type=text],input[type=date],input[type=number],input[type=email],input[type=password],select,textarea{color:#111;background:#fafaf8;border:1.5px solid #d0c8b8;border-radius:8px;outline:none;width:100%;padding:10px 13px;font-family:"'DM Sans'",sans-serif;font-size:13px;font-weight:500;transition:all .2s}input::placeholder,textarea::placeholder{color:#999}input:focus,select:focus,textarea:focus{background:#fff;border-color:#7b1212;box-shadow:0 0 0 3px #7b121212}input.err-field{border-color:var(--red)!important}.ferr{color:var(--red);min-height:12px;margin-top:2px;font-size:10px;font-weight:600}select option{color:#111;background:#fff}textarea{resize:vertical;min-height:65px}input[readonly]{color:#7b1212;cursor:default;background:#fdf5ec;border-color:#c9a84c;font-weight:700}.ev-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.ev-pill{cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none;border:2px solid #ddd;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:16px 8px;transition:all .2s;display:flex}.ev-pill:hover{transform:translateY(-2px);box-shadow:0 4px 14px #0000001f}.ev-pill .epi{font-size:26px;line-height:1}.ev-pill .epn{letter-spacing:.5px;text-transform:uppercase;font-size:10px;font-weight:700;line-height:1.3}.side-btn{cursor:pointer;color:#555;-webkit-user-select:none;user-select:none;background:#fafaf8;border:2px solid #ddd;border-radius:10px;align-items:center;gap:6px;padding:9px 16px;font-family:"'DM Sans'",sans-serif;font-size:12px;font-weight:600;transition:all .2s;display:flex}.side-btn:hover{color:#7b1212;border-color:#c9a84c}.side-btn.sel{color:#fff;background:#7b1212;border-color:#7b1212;font-weight:700;transform:translateY(-2px);box-shadow:0 4px 14px #7b121259}.pay-btn{cursor:pointer;color:#555;-webkit-user-select:none;user-select:none;background:#fafaf8;border:2px solid #ddd;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.pay-btn:hover{color:#7b1212;border-color:#c9a84c}.pay-btn.sel{color:#fff;background:#7b1212;border-color:#7b1212;font-weight:700;transform:translateY(-1px);box-shadow:0 4px 12px #7b12124d}.sum-box{background:#fdf8ee;border:1.5px solid #e0c878;border-radius:10px;margin-top:12px;padding:16px 20px}.sum-row{color:#333;justify-content:space-between;padding:5px 0;font-size:13px;font-weight:500;display:flex}.sum-sec{letter-spacing:1.5px;text-transform:uppercase;color:#7b1212;border-top:1px solid #e0d0b0;margin-top:4px;padding:7px 0 3px;font-size:8px;font-weight:800}.sum-sec.hs{color:#9a7000}.sum-row.grand{color:#111;border-top:2px solid #c9a84c;margin-top:6px;padding-top:10px;font-size:17px;font-weight:800}.sum-row.grand span:last-child{color:#7b1212;font-family:"'Playfair Display'",serif;font-size:20px}.disc-inp{text-align:right;border-radius:6px;width:88px;padding:4px 8px;font-size:12px}.btn-p{color:#fff;cursor:pointer;letter-spacing:.5px;text-transform:uppercase;background:#7b1212;border:none;border-radius:10px;padding:11px 24px;font-family:"'DM Sans'",sans-serif;font-size:12px;font-weight:700;transition:all .25s;box-shadow:0 2px 10px #7b121240}.btn-p:hover{background:#9a1515;box-shadow:0 4px 16px #7b121259}.btn-s{color:#555;cursor:pointer;background:#fff;border:1.5px solid #ddd;border-radius:10px;padding:11px 18px;font-family:"'DM Sans'",sans-serif;font-size:12px;font-weight:600;transition:all .2s}.btn-s:hover{color:#7b1212;border-color:#c9a84c}.actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.svc-list{flex-direction:column;gap:8px;margin-bottom:10px;display:flex}.svc-row{border-radius:12px;align-items:center;gap:12px;padding:12px 14px;transition:all .2s;display:flex}.svc-row.fixed{background:linear-gradient(135deg,#fff8f0,#fff3e8);border:1.5px solid #e0c070}.svc-row.custom{background:#fafaf8;border:1.5px solid #e0d5c5}.svc-row.custom:hover{background:#fffbf0;border-color:#c9a84c}.svc-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:22px;display:flex}.svc-desc{flex:1;min-width:0}.svc-desc input[type=text]{border-radius:7px;width:100%;padding:7px 10px;font-size:13px}.svc-desc input[readonly]{color:#7b1212;cursor:default;box-shadow:none;background:0 0;border:none;outline:none;padding:4px 2px;font-size:13px;font-weight:700}.svc-price-wrap{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;display:flex}.svc-price-lbl{letter-spacing:1px;text-transform:uppercase;color:#999;font-size:10px;font-weight:700}.svc-price-wrap input[type=number]{text-align:right;color:#7b1212;border-radius:7px;width:110px;padding:7px 10px;font-size:13px;font-weight:700}.del-r{color:#ccc;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 6px;font-size:16px;line-height:1;transition:all .2s}.del-r:hover{color:var(--red);background:#fdf0f0}.add-row{color:#7b1212;cursor:pointer;background:linear-gradient(135deg,#fff8f0,#fffbf4);border:2px dashed #c9a84c;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:4px;padding:10px 16px;font-family:"'DM Sans'",sans-serif;font-size:12px;font-weight:700;transition:all .2s;display:flex}.add-row:hover{background:linear-gradient(135deg,#fff0dc,#fff8ee);border-style:solid;box-shadow:0 2px 8px #c9a84c33}.cal-wrap{background:#fff;border:1.5px solid #e0d0b0;border-radius:14px;margin-bottom:20px;padding:20px;box-shadow:0 2px 12px #0000000f}.cal-hdr{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.cal-hdr h3{letter-spacing:2px;text-transform:uppercase;color:#fff;background:#7b1212;border-radius:7px;padding:5px 11px;font-size:9px;font-weight:700}.cal-nav{align-items:center;gap:8px;display:flex}.cal-nav button{color:#333;cursor:pointer;background:#fff;border:1.5px solid #ddd;border-radius:7px;width:28px;height:28px;font-size:14px;font-weight:700;transition:all .2s}.cal-nav button:hover{color:#7b1212;border-color:#c9a84c}.cal-mo{color:#111;text-align:center;min-width:120px;font-family:"'Playfair Display'",serif;font-size:15px;font-weight:700}.cal-leg{flex-wrap:wrap;gap:10px;display:flex}.cal-leg-i{color:#666;align-items:center;gap:4px;font-size:10px;font-weight:600;display:flex}.cal-leg-d{border-radius:3px;width:9px;height:9px}.cal-grid{grid-template-columns:repeat(7,1fr);gap:3px;display:grid}.cal-dow{text-align:center;letter-spacing:1px;text-transform:uppercase;color:#888;padding:6px 2px;font-size:8px;font-weight:700}.cal-day{background:#fafaf8;border:1px solid #e8e4dc;border-radius:7px;min-height:60px;padding:4px;position:relative}.cal-day.om{opacity:.35}.cal-day.td{background:#fffbf0;border-color:#c9a84c}.cal-day.bw{background:#fff5f0;border-color:#7b12124d}.cal-day.bh{background:#fffbea;border-color:#9a700040}.cal-day.br{background:#f8f0ff;border-color:#8e44ad40}.cal-day.bc{background:#f0f5ff;border-color:#3464db38}.cal-day.bb{background:#fff0f0;border-color:#c0392b40}.cal-day.bo{background:#f0faf4;border-color:#1a7a4040}.cal-day.mb{background:#fde8e8;border-color:#c0392b}.cal-dn{color:#333;margin-bottom:2px;font-size:11px;font-weight:700}.cal-day.td .cal-dn{color:#7b1212}.chip{white-space:nowrap;text-overflow:ellipsis;border-radius:3px;margin-bottom:1px;padding:1px 4px;font-size:8px;font-weight:700;overflow:hidden}.cw{color:#7b1212;background:#7b12121f}.ch{color:#9a7000;background:#9a70001f}.cr{color:#7b1fa2;background:#8e44ad1f}.cc{color:#1a56cb;background:#3464db1f}.cb{color:#c0392b;background:#c0392b1f}.co{color:#1a7a40;background:#1a7a401f}.cm{color:#888;background:#eee}.cal-day:hover .dtip{display:block}.dtip{z-index:200;background:#fff;border:1.5px solid #e0d0b0;border-radius:8px;min-width:180px;max-width:220px;margin-top:3px;padding:8px 11px;display:none;position:absolute;top:100%;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #00000026}.dtip-r{color:#222;margin-bottom:3px;font-size:11px;line-height:1.4}.dtip-r strong{color:#7b1212;letter-spacing:.5px;text-transform:uppercase;font-size:9px;font-weight:700;display:block}.stat-bar{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px;display:grid}.sc{border-radius:12px;align-items:center;gap:10px;padding:13px 15px;display:flex}.sc.av{background:#f0faf4;border:1.5px solid #1a7a4033}.sc.fu{background:#fdf8ee;border:1.5px solid #b8860b33}.sc.bu{background:#fdf0f0;border:1.5px solid #c0392b2e}.sc.to{background:#fff;border:1.5px solid #e0d0b0}.sc-ic{font-size:20px}.sc-n{font-family:"'Playfair Display'",serif;font-size:18px;font-weight:700}.sc-n.gn{color:#1a7a40}.sc-n.gd{color:#7b1212}.sc-n.rd{color:#c0392b}.sc-l{letter-spacing:.5px;text-transform:uppercase;color:#888;font-size:9px;font-weight:600}.cut-card{background:#fff;border:1.5px solid #e0d0b0;border-radius:10px;align-items:center;gap:11px;margin-bottom:7px;padding:11px;transition:all .2s;display:flex}.cut-card:hover{background:#fffbf0;border-color:#c9a84c}.cut-ic{text-align:center;width:38px;font-size:24px}.cut-inf{flex:1}.cut-nm{color:#111;font-size:13px;font-weight:700}.cut-ds{color:#666;margin-top:2px;font-size:10px}.cut-ins{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cut-f{flex-direction:column;gap:3px;display:flex}.cut-f label{color:#666;font-size:9px;font-weight:700}.cut-f input{text-align:center;width:80px}.cut-chip{color:#7b1212;white-space:nowrap;background:#fdf8ee;border:1.5px solid #e0c878;border-radius:8px;padding:4px 10px;font-family:"'Playfair Display'",serif;font-size:14px;font-weight:700}.cut-gbar{background:#fdf8ee;border:1.5px solid #e0c878;border-radius:10px;justify-content:space-between;align-items:center;margin-top:9px;padding:12px 16px;display:flex}.stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px;display:grid}.stat-card{background:#fff;border:1.5px solid #e0d0b0;border-radius:12px;padding:15px 17px}.stat-lbl{letter-spacing:1.5px;text-transform:uppercase;color:#888;margin-bottom:5px;font-size:9px;font-weight:700}.stat-val{color:#7b1212;font-family:"'Playfair Display'",serif;font-size:20px;font-weight:700}.stat-val.gn{color:#1a7a40}.stat-val.rd{color:#c0392b}.pnl-card{background:#fff;border:1.5px solid #e0d0b0;border-radius:14px;margin-bottom:18px;padding:20px}.pnl-card h3{letter-spacing:2px;text-transform:uppercase;color:#fff;background:#7b1212;border-radius:7px;margin-bottom:14px;padding:6px 12px;font-size:9px;font-weight:700;display:inline-block}.pnl-grid{grid-template-columns:1fr 1fr 1fr;gap:11px;margin-bottom:12px;display:grid}.pnl-box{text-align:center;border-radius:10px;padding:13px 15px}.pnl-box.inc{background:#4aaa8014;border:1px solid #4aaa8033}.pnl-box.exp{background:#d95f5f12;border:1px solid #d95f5f2e}.pnl-box.prf{background:#c8a84b12;border:1px solid #c8a84b33}.pnl-box.lss{background:#d95f5f1a;border:1px solid #d95f5f40}.pnl-lbl{letter-spacing:1.5px;text-transform:uppercase;color:var(--tdim);margin-bottom:5px;font-size:9px;font-weight:700}.pnl-val{font-family:"'Playfair Display'",serif;font-size:19px;font-weight:700}.pnl-val.gn{color:var(--green)}.pnl-val.rd{color:var(--red)}.pnl-val.gd{color:var(--gold)}.pnl-bw{background:var(--f1);border:1px solid var(--f2);border-radius:10px;padding:11px 15px}.pnl-bl{color:var(--tdim);justify-content:space-between;margin-bottom:4px;font-size:11px;font-weight:600;display:flex}.pnl-bt{background:var(--f2);border-radius:5px;height:9px;margin-bottom:7px;overflow:hidden}.pnl-bf{border-radius:5px;height:100%;transition:width .8s}.pnl-bf.inc{background:linear-gradient(90deg,var(--green),#58d68d)}.pnl-bf.exp{background:linear-gradient(90deg,var(--red),#e74c3c)}.chart-card{background:var(--card);border:1px solid #ffffff0f;border-radius:14px;margin-bottom:18px;padding:20px 24px}.chart-top{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.chart-top h3{letter-spacing:2px;text-transform:uppercase;color:#0e0e14;background:linear-gradient(135deg,var(--gold-d),var(--gold));border-radius:7px;padding:6px 12px;font-size:9px;font-weight:700}.yr-sel{background:var(--f1);border:1px solid var(--f2);color:var(--text);cursor:pointer;border-radius:8px;outline:none;padding:5px 9px;font-family:"'DM Sans'",sans-serif;font-size:11px;font-weight:600}.chart-area{align-items:flex-end;gap:4px;height:180px;padding-bottom:22px;display:flex;position:relative}.bw{cursor:default;flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.bar{border-radius:4px 4px 0 0;width:100%;min-height:2px;transition:height .5s,opacity .2s}.bw:hover .bar{opacity:.75}.b-tip{background:var(--card);color:var(--text);white-space:nowrap;pointer-events:none;opacity:0;z-index:10;border:1px solid #c8a84b33;border-radius:6px;padding:4px 8px;font-size:10px;font-weight:600;transition:all .2s;position:absolute;bottom:calc(100% - 19px);left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000080}.bw:hover .b-tip{opacity:1}.b-lbl{color:var(--tdim);font-size:9px;font-weight:600;position:absolute;bottom:0}.chart-zero{background:var(--f2);height:1px;position:absolute;bottom:22px;left:0;right:0}.chart-leg{color:var(--tdim);gap:14px;margin-top:7px;font-size:10px;font-weight:600;display:flex}.chart-leg span{align-items:center;gap:4px;display:flex}.leg-dot{border-radius:50%;width:8px;height:8px}.mt-wrap{background:var(--card);border:1px solid #ffffff0f;border-radius:14px;margin-bottom:18px;overflow:hidden}.mt-hdr{border-bottom:1px solid var(--f2);justify-content:space-between;align-items:center;padding:11px 15px;display:flex}.mt-hdr h3{letter-spacing:2px;text-transform:uppercase;color:var(--gold);font-size:10px;font-weight:700}.mt{border-collapse:collapse;width:100%}.mt thead th{text-align:left;letter-spacing:1.5px;text-transform:uppercase;color:#666;background:#faf8f4;border-bottom:1.5px solid #e0d0b0;padding:8px 12px;font-size:9px;font-weight:700}.mt tbody tr{border-bottom:1px solid #eee}.mt tbody tr:hover{background:#fffbf0}.mt tbody td{color:#111;padding:9px 12px;font-size:12px}.mt tfoot td{color:#111;background:#fdf8ee;border-top:1.5px solid #c9a84c;padding:9px 12px;font-size:12px;font-weight:700}.mrev{color:#7b1212;font-family:"'Playfair Display'",serif;font-weight:700}.locked{color:#c0392b;background:#fdf0f0;border:1.5px solid #c0392b40;border-radius:10px;align-items:center;gap:8px;margin-bottom:14px;padding:9px 13px;font-size:12px;font-weight:600;display:flex}.fbar{background:#fff;border:1.5px solid #e0d0b0;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;padding:11px 15px;display:flex}.fbar input,.fbar select{flex:1;min-width:130px;padding:7px 10px;font-size:12px}.itbl{border-collapse:collapse;width:100%}.itbl thead th{text-align:left;letter-spacing:1.5px;text-transform:uppercase;color:var(--tdim);border-bottom:1px solid var(--f2);background:var(--f1);padding:9px 12px;font-size:9px;font-weight:700}.itbl tbody tr{border-bottom:1px solid #eee}.itbl tbody tr:hover{background:#fffbf0}.itbl tbody td{color:#111;padding:10px 12px;font-size:12px}.inv-num{color:#7b1212;font-family:"'Playfair Display'",serif;font-weight:700}.badge{letter-spacing:.5px;text-transform:uppercase;border-radius:20px;padding:2px 8px;font-size:9px;font-weight:700;display:inline-block}.badge.paid{color:#1a7a40;background:#e6f9ee;border:1px solid #1a7a404d}.badge.partial{color:#9a7000;background:#fef0b0;border:1px solid #9a70004d}.badge.unpaid{color:#c0392b;background:#fde8e8;border:1px solid #c0392b4d}.row-acts{gap:4px;display:flex}.ic-btn{color:#555;cursor:pointer;background:#fff;border:1.5px solid #e0d0b0;border-radius:6px;padding:5px 10px;font-family:"'DM Sans'",sans-serif;font-size:10px;font-weight:600;transition:all .2s}.ic-btn:hover{color:#7b1212;background:#fffbf0;border-color:#c9a84c}.ic-btn.dng:hover{color:#c0392b;background:#fdf0f0;border-color:#c0392b}.ic-btn:disabled{opacity:.25;cursor:not-allowed;pointer-events:none}.empty{text-align:center;color:#aaa;padding:40px 20px;font-weight:500}.exp-stats{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px;display:grid}.exp-stat{background:#fff;border:1.5px solid #e0d0b0;border-radius:12px;padding:13px 15px}.exp-stat-lbl{letter-spacing:1.5px;text-transform:uppercase;color:#888;margin-bottom:4px;font-size:9px;font-weight:700}.exp-stat-val{color:#7b1212;font-family:"'Playfair Display'",serif;font-size:18px;font-weight:700}.exp-stat-val.rd{color:#c0392b}.ecat{border-radius:20px;padding:2px 7px;font-size:9px;font-weight:700;display:inline-block}.pbadge{color:#7b1fa2;background:#8e44ad1a;border:1px solid #8e44ad40;border-radius:20px;margin-left:3px;padding:2px 6px;font-size:9px;font-weight:700;display:inline-block}.pin-modal{z-index:2000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000a6;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.pin-modal.open{display:flex}.pin-box{text-align:center;background:#fff;border:1.5px solid #e0d0b0;border-radius:18px;width:310px;padding:30px 26px;position:relative;overflow:hidden;box-shadow:0 12px 40px #0003}.pin-box:before{content:"";background:linear-gradient(90deg,#0000,#c9a84c,#0000);height:3px;position:absolute;top:0;left:0;right:0}.pin-box h3{color:#7b1212;margin-bottom:6px;font-family:"'Playfair Display'",serif;font-size:18px;font-weight:700}.pin-box p{color:#666;margin-bottom:16px;font-size:12px}.pin-box input{color:#111;text-align:center;letter-spacing:6px;background:#fafaf8;border:1.5px solid #e0d0b0;border-radius:8px;outline:none;width:100%;margin-bottom:8px;padding:10px;font-family:"'DM Sans'",sans-serif;font-size:16px}.pin-box input:focus{border-color:#7b1212}.pin-err{color:#c0392b;min-height:14px;margin-bottom:8px;font-size:11px;font-weight:600}.pin-btns{gap:8px;display:flex}.pin-btns button{cursor:pointer;border:none;border-radius:8px;flex:1;padding:10px;font-family:"'DM Sans'",sans-serif;font-size:13px;font-weight:700}#previewModal{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;justify-content:center;align-items:flex-start;padding:14px;display:none;position:fixed;inset:0;overflow-y:auto}#previewModal.open{display:flex}.modal-inner{width:100%;max-width:720px;margin:0 auto}.modal-ctrl{z-index:10;background:#1e1912f7;border-bottom:1px solid #c8a84b40;border-radius:10px 10px 0 0;justify-content:flex-end;gap:7px;padding:9px 16px;display:flex;position:sticky;top:0;box-shadow:0 2px 12px #0006}.modal-ctrl button{cursor:pointer;letter-spacing:.5px;text-transform:uppercase;border:none;border-radius:7px;padding:7px 14px;font-family:"'DM Sans'",sans-serif;font-size:11px;font-weight:700}.btn-print{color:#fff;background:linear-gradient(135deg,#8a6a20,#c8a84b)}.btn-wa{color:#fff;background:linear-gradient(135deg,#1da851,#25d366)}.btn-cls{color:#e4dfd4;background:#ffffff1f}.inv-page{color:#1a1a1a;background:#fff;border-radius:0;padding:20px 24px;font-family:"'DM Sans'",sans-serif;font-size:12px}.page-divider{background:#14120e99;align-items:center;gap:10px;padding:14px 20px;display:flex}.page-divider span{letter-spacing:2px;text-transform:uppercase;color:#c8a84bb3;white-space:nowrap;font-size:9px;font-weight:700}.page-divider hr{border:none;border-top:1px dashed #c8a84b4d;flex:1}.inv-doc{background:#14120e4d;border-radius:0 0 10px 10px;padding-bottom:16px}.info-banner{border-radius:8px;align-items:center;gap:8px;margin-top:9px;padding:9px 13px;font-size:12px;font-weight:600;display:flex}.info-banner.ok{color:#1a7a40;background:#e8f9ee;border:1.5px solid #1a7a4040}.info-banner.cf{color:#c0392b;background:#fde8e8;border:1.5px solid #c0392b38}.toast{color:#111;opacity:0;z-index:9999;background:#fff;border:1.5px solid #e0d0b0;border-radius:10px;padding:10px 16px;font-size:12px;font-weight:600;transition:all .3s;position:fixed;bottom:18px;right:18px;transform:translateY(60px);box-shadow:0 8px 30px #00000026}.toast.show{opacity:1;transform:translateY(0)}@media (width<=900px){.nav-brand-name{font-size:14px}.nav-tabs{gap:2px;max-width:none}.nav-tab .tab-label{display:none}.nav-tab{padding:7px 10px}.form-grid.g4,.stats-grid,.exp-stats,.pnl-grid,.stat-bar{grid-template-columns:1fr 1fr}.modal-inner{max-width:98vw}}@media (width<=640px){nav{z-index:100;flex-wrap:wrap;gap:6px;height:auto;padding:8px 10px;position:sticky;top:0}.nav-brand-name{font-size:13px}.nav-brand-sub{display:none}.nav-brand-logo svg{width:38px;height:18px}.nav-tabs{scrollbar-width:none;order:3;justify-content:flex-start;gap:2px;width:100%;max-width:none;padding:4px;overflow-x:auto}.nav-tabs::-webkit-scrollbar{display:none}.nav-tab{flex-shrink:0;padding:6px 10px;font-size:11px}.nav-tab .tab-label{font-size:11px;display:inline}.nav-tab .tab-icon{font-size:13px}.nav-divider{display:none}.nav-right{gap:5px}.nav-user-wrap{padding:3px 8px}.nav-user-name{font-size:11px}.role-badge{font-size:7px}.nav-icon-btn,.logout-btn{padding:5px 8px;font-size:10px}.page-wrap{padding:10px 8px}.page-title{font-size:18px}.form-grid,.form-grid.g3,.form-grid.g4{grid-template-columns:1fr}.stats-grid,.exp-stats,.pnl-grid,.stat-bar,.ev-grid{grid-template-columns:1fr 1fr}#crmPipeline{grid-template-columns:1fr 1fr!important}.itbl-wrap,.itbl-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.itbl{min-width:600px}table.itbl{font-size:11px}table.itbl th,table.itbl td{padding:6px 8px}div[style*="background:#fff;border:1.5px solid #e0d0b0;border-radius:12px;overflow:hidden"]{-webkit-overflow-scrolling:touch;overflow-x:auto}.form-card{padding:14px 12px}.form-card h3{font-size:13px}.fbar{flex-direction:column;gap:6px}.fbar input,.fbar select{width:100%;min-width:0}.modal-inner{border-radius:0;max-width:100vw;margin:0}.modal-ctrl{flex-wrap:wrap;gap:6px;padding:8px 10px}.modal-ctrl button{padding:7px 10px;font-size:11px}.svc-row{flex-wrap:wrap;gap:8px}.svc-price-wrap{flex-direction:row;justify-content:space-between;align-items:center;width:100%}.svc-price-wrap input[type=number]{width:100%!important}.side-btn{padding:6px 10px;font-size:11px}.ev-pill{min-width:80px}.cal-grid{gap:2px}.cal-day{padding:4px 3px;font-size:10px}.admin-subtabs{gap:3px}.admin-subtab{padding:6px 10px;font-size:10.5px}.login-box{width:92vw;padding:32px 22px}.actions{flex-wrap:wrap}.btn-p,.btn-s{justify-content:center;width:100%}.stat-card{padding:12px 10px}.stat-val{font-size:20px}.pnl-grid{grid-template-columns:1fr 1fr}#hallApp nav{flex-wrap:nowrap;align-items:center;gap:0;height:auto;min-height:52px;padding:0 10px}#hallApp .nav-brand-text,#hallApp .nav-tabs,#hallApp .nav-user-wrap{display:none!important}#hall-hamburger{display:flex!important}#hall-mobile-menu button{color:#f2dfc0;cursor:pointer;-webkit-tap-highlight-color:transparent;box-sizing:border-box;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:13px;width:100%;padding:13px 14px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;display:flex}#hall-mobile-menu button:active{color:#f0d080;background:#c9a84c2e}#hall-mobile-menu button.hmob-active{color:#f0d080;background:#c9a84c26;border-left:3px solid #c9a84c;padding-left:11px;font-weight:700}}@media (width<=380px){.nav-tab .tab-label{display:none}.ev-grid,.stats-grid{grid-template-columns:1fr 1fr}#crmPipeline{grid-template-columns:1fr!important}}@media print{body>#root{display:none!important}body>#_hpm{box-sizing:border-box!important;background:#fff!important;width:100%!important;min-height:100vh!important;margin:0!important;padding:8mm 10mm!important;display:block!important;position:static!important}body>#_hpm>div{min-height:0!important;box-shadow:none!important;border-radius:0!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}#_hpm .invoice-preview{width:100%!important;max-width:100%!important}#_hpm .inv-table th{-webkit-print-color-adjust:exact;print-color-adjust:exact;color:#e8c96a!important;background:#0a1628!important}#_hpm .paid-stamp,#_hpm .unpaid-stamp{-webkit-print-color-adjust:exact;print-color-adjust:exact}@page{margin:0;size:A4}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}#_hpm_tc{padding:6mm 0 0;page-break-before:always!important;break-before:page!important}#_hpm_duplex_notice{display:none!important}}#hotelApp [id^=htab-]{text-shadow:0 1px 2px #0000004d;transition:all .15s;font-weight:600!important}#hotelApp [id^=htab-]:hover{color:#fff!important;background:#c9983a40!important;border-color:#c9983a80!important}#hotelApp .hotel-nav-tabs{scrollbar-width:none;max-width:none;overflow-x:auto}#hotelApp .hotel-nav-tabs::-webkit-scrollbar{display:none}@media (width<=640px){#hotelApp nav{height:auto}#hotelApp .hotel-nav-inner{flex-wrap:nowrap;align-items:center;gap:0;min-height:52px;padding:0 10px}#hotelApp .hotel-brand{flex-shrink:0;border-right:none!important;padding-right:10px!important}#hotelApp .hotel-brand-text,#hotelApp .hotel-nav-tabs{display:none!important}#h-hamburger{display:flex!important}#hotelApp .hotel-nav-right{gap:6px;margin-left:auto;border-left:none!important;padding-left:0!important}#hotelApp .hotel-btn-label,#hotelApp #h-nav-user{display:none!important}#h-mobile-menu button{color:#ffffffd9;cursor:pointer;-webkit-tap-highlight-color:transparent;box-sizing:border-box;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:13px;width:100%;padding:13px 14px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;display:flex}#h-mobile-menu button:active{color:#e8c96a;background:#c9a84c2e}#h-mobile-menu button.hmob-active{color:#e8c96a;background:#c9a84c26;border-left:3px solid #c9a84c;padding-left:11px;font-weight:700}#h-mobile-menu button.hmob-active i{color:#e8c96a!important}#hotelApp .content,#hotelApp [style*="padding:20px 24px"]{padding:12px 10px!important}#hotelApp .metrics{grid-template-columns:1fr 1fr!important;gap:10px!important}#hotelApp .metric{padding:12px 10px!important}#hotelApp .metric-value{font-size:18px!important}#hotelApp .grid-2,#hotelApp .grid-3{grid-template-columns:1fr!important;gap:10px!important}#hotelApp .form-row,#hotelApp .form-row.three{grid-template-columns:1fr!important}#hotelApp .panel{overflow-x:auto;padding:12px!important}#hotelApp table{min-width:500px}#hotelApp .room-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}#hotelApp .crm-grid{grid-template-columns:1fr!important}#hotelApp .modal-overlay{align-items:flex-end!important;padding:0!important}#hotelApp .modal{max-height:90vh;overflow-y:auto;border-radius:20px 20px 0 0!important;padding:18px 14px!important}#hotelApp .modal-actions{flex-wrap:wrap}#hotelApp .modal-actions .btn{flex:1;justify-content:center;min-width:110px}#hotelApp .toolbar{flex-direction:column;gap:6px}#hotelApp .toolbar input,#hotelApp .toolbar select{width:100%}#hotelApp .bar-chart{overflow-x:auto}#hotelApp .pending-pill{padding:4px 8px;font-size:10px}}@media (width<=380px){#hotelApp [id^=htab-] i{display:inline}#hotelApp .metrics{grid-template-columns:1fr!important}#hotelApp .room-grid{grid-template-columns:1fr 1fr!important}}@media (width<=640px){#hotelApp #section-settings>div:first-child{flex-wrap:wrap!important}#hotelApp #section-settings>div:first-child>button{flex:1 0 calc(33% - 3px)!important;gap:3px!important;min-width:0!important;padding:7px 4px!important;font-size:10px!important}#hotelApp #section-settings>div:first-child>button i{font-size:11px!important}#hotelApp #h-admin-stats,#hotelApp #mkt-summary{grid-template-columns:1fr 1fr!important}#hotelApp #section-expenses .panel{overflow-x:auto!important}#hotelApp #hAdminPanel-finance .grid-2,#hotelApp #hAdminPanel-data .grid-2{grid-template-columns:1fr!important}#hotelApp #monthly-report [style*="repeat(4,1fr)"]{grid-template-columns:1fr 1fr!important}#hotelApp #monthly-report [style*="1fr 1fr 1fr"]{grid-template-columns:1fr!important}#hotelApp .bar-chart{-webkit-overflow-scrolling:touch;overflow-x:auto}#hotelApp #hAdminPanel-guide [style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr!important}#hotelApp #hAdminPanel-guide [style*="repeat(4,1fr)"]{grid-template-columns:1fr 1fr!important}#hotelApp #section-marketing [style*="display:flex;gap:10px;flex-wrap:wrap"]{width:100%!important}#hotelApp #section-insights .panel-header [style*="display:flex;gap:8px"]{flex-wrap:wrap!important;gap:5px!important}#hotelApp #report-month{width:100%!important;font-size:11px!important}#hotelApp #section-expenses [style*="display:flex;gap:8px;flex-wrap:wrap"]{flex-direction:column!important;gap:6px!important}#hotelApp #hexp-search,#hotelApp #hexp-cat,#hotelApp #hexp-month{box-sizing:border-box!important;width:100%!important;min-width:0!important}}@media (width<=420px){#hotelApp #section-settings>div:first-child>button{flex:1 0 calc(50% - 3px)!important}}@media (width<=640px){#businessSelector>div:nth-child(2){grid-template-columns:1fr!important;max-width:340px!important}#businessLogin>div{width:94vw!important;padding:32px 20px!important}}.crm-col{background:#fafaf8;border:1.5px solid #e0d0b0;border-radius:10px;padding:10px}.crm-col-hd{letter-spacing:1.5px;text-transform:uppercase;text-align:center;border-radius:6px;margin-bottom:8px;padding:5px 8px;font-size:9px;font-weight:700}.crm-col-hd.st-new{color:#1a56cb;background:#e8f4fd}.crm-col-hd.st-quoted{color:#7a5c00;background:#fdf8ee}.crm-col-hd.st-follow{color:#b94a00;background:#fff0e8}.crm-col-hd.st-confirmed{color:#1a7a40;background:#eafaf1}.crm-col-hd.st-lost{color:#c0392b;background:#fdf0f0}.crm-col-cnt{text-align:center;margin-bottom:3px;font-family:"'Playfair Display'",serif;font-size:22px;font-weight:700}.crm-col-lbl{color:#999;text-align:center;font-size:10px}.stg{white-space:nowrap;border-radius:12px;padding:2px 9px;font-size:10px;font-weight:700}.stg-new{color:#1a56cb;background:#e8f4fd;border:1px solid #b0d0f0}.stg-quoted{color:#7a5c00;background:#fdf8ee;border:1px solid #e0c878}.stg-follow{color:#b94a00;background:#fff0e8;border:1px solid #f0c0a0}.stg-confirmed{color:#1a7a40;background:#eafaf1;border:1px solid #a0dbb0}.stg-lost{color:#c0392b;background:#fdf0f0;border:1px solid #f0b0b0}.src-badge{color:#555;background:#f0f0f0;border-radius:10px;padding:2px 7px;font-size:9px;font-weight:700}.fu-overdue{color:#c0392b;font-weight:700}.fu-today{color:#1a7a40;font-weight:700}.fu-soon{color:#b94a00;font-weight:600}.no-print{display:block}.admin-subtabs{background:#7b121212;border:1.5px solid #7b121226;border-radius:12px;flex-wrap:wrap;gap:2px;margin-bottom:22px;padding:5px;display:flex}.admin-subtab{color:#7b1212;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:5px;padding:7px 16px;font-family:"'DM Sans'",sans-serif;font-size:11.5px;font-weight:600;transition:all .2s;display:flex}.admin-subtab:hover{color:#5a0a0a;background:#7b12121a}.admin-subtab.active{color:#f2dfc0;background:linear-gradient(135deg,#7b1212,#9a1515);font-weight:700;box-shadow:0 2px 10px #7b121259}.admin-subtab.danger-tab{color:#c0392b}.admin-subtab.danger-tab:hover{background:#c0392b1a}.admin-subtab.danger-tab.active{color:#fff;background:linear-gradient(135deg,#c0392b,#e74c3c)}.admin-subpanel{display:none}.admin-subpanel.active{display:block}@media print{*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}@page{margin:12mm 14mm;size:A4 portrait}.no-print,body>*{display:none!important}#previewModal{background:0 0!important;padding:0!important;display:block!important;position:static!important}.modal-inner{width:100%!important;max-width:100%!important;display:block!important}.modal-ctrl,.page-divider{display:none!important}.inv-doc{background:#fff!important;padding:0!important;display:block!important}#invPage1,#invPage2{box-sizing:border-box;background:#fff!important;width:100%!important;margin:0!important;padding:0!important;display:block!important}#invPage1 .inv-ribbon{background:linear-gradient(135deg,#5a0a0a,#7b1212)!important}#invPage1 .inv-ribbon *{color:#f2dfc0!important;background:0 0!important}#invPage1 .inv-ribbon svg polygon,#invPage1 .inv-ribbon svg rect{fill:#f2dfc0!important}#invPage1 .inv-ribbon svg circle{fill:#c9a84c!important}#invPage1>div:nth-child(2){background:#f8f0dd!important}#invPage1>div:nth-child(3){background:linear-gradient(90deg,#7b1212,#c9a84c,#7b1212)!important}#invPage1 .inv-flex-wrap{min-height:220mm;background:#fff!important}#invPage1 .inv-flex-wrap *{background:#fff!important}#invPage1 .inv-flex-wrap thead tr,#invPage1 .inv-flex-wrap tfoot tr:first-child{background:#f5ede0!important}#invPage1 .inv-flex-wrap tfoot tr:nth-child(2){background:#eaf7ee!important}#invPage1 .inv-flex-wrap tfoot tr:last-child{background:#fff0f0!important}#invPage1 .inv-flex-wrap .pay-badge-paid{background:#d4f5e2!important}#invPage1 .inv-flex-wrap .pay-badge-partial{background:#fef0b0!important}#invPage1 .inv-flex-wrap .pay-badge-unpaid{background:#fcd5d5!important}#invPage2{page-break-before:always!important;break-before:page!important}#tcAcceptRow,#tcErrMsg{display:none!important}#tcAcceptedStamp{display:block!important}body.reprint-mode #invPage2,body.reprint-mode .page-divider,#invPage3{display:none!important}}#hotelApp{--gold:#c9983a;--gold2:#e8c96a;--gold3:#f5e6c0;--gold4:#c9983a14;--navy:#2d1b69;--navy2:#3b238a;--navy3:#4a2ea8;--navy4:#5b3bbf;--bg:#f5f3ff;--bg2:#fff;--bg3:#ede8ff;--bg4:#f8f6ff;--border:#d4cdf0;--border2:#b8aee0;--text:#18181b;--text2:#4a4468;--text3:#7b74a0;--green:#166534;--green2:#15803d;--green-bg:#f0fdf4;--green-bd:#86efac;--red:#9b1c1c;--red2:#dc2626;--red-bg:#fef2f2;--red-bd:#fca5a5;--amber:#92400e;--amber2:#d97706;--amber-bg:#fffbeb;--amber-bd:#fcd34d;--blue:#1e3a8a;--blue2:#2563eb;--blue-bg:#eff6ff;--blue-bd:#93c5fd;--purple:#5b21b6;--purple-bg:#f5f3ff;--purple-bd:#c4b5fd;--panel:#fff;--panel-alt:#f8f7f3;--shadow-xs:0 1px 3px #0a16280f;--shadow-sm:0 2px 8px #0a162814;--shadow:0 4px 16px #0a16281a;--shadow-md:0 8px 32px #0a16281f;--shadow-lg:0 16px 48px #0a162829;--shadow-gold:0 4px 20px #c9983a33;--r:10px;--r-lg:14px;--r-xl:18px;--r-2xl:22px;--transition:all .2s cubic-bezier(.4,0,.2,1)}#hotelApp *{box-sizing:border-box;margin:0;padding:0}#hotelApp html{scroll-behavior:smooth}#hotelApp body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:"'DM Sans'",sans-serif}#hotelApp ::-webkit-scrollbar{width:5px;height:5px}#hotelApp ::-webkit-scrollbar-track{background:0 0}#hotelApp ::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}#hotelApp ::-webkit-scrollbar-thumb:hover{background:var(--text3)}#hotelApp .layout{min-height:100vh;display:flex}#hotelApp .sidebar{background:linear-gradient(180deg,var(--navy) 0%,#0b1729 100%);z-index:100;border-right:1px solid #ffffff0a;flex-direction:column;width:230px;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden auto}#hotelApp .sidebar:before{content:"";pointer-events:none;background:radial-gradient(at 0 0,#c9983a1f 0%,#0000 70%);height:200px;position:absolute;top:0;left:0;right:0}#hotelApp .logo-wrap{border-bottom:1px solid #ffffff0f;padding:22px 18px 16px;position:relative}#hotelApp .logo-mark{width:42px;height:42px;color:var(--navy);background:linear-gradient(135deg,#c9983a 0%,#e8c96a 50%,#b8832a 100%);border-radius:12px;justify-content:center;align-items:center;margin-bottom:10px;font-family:"'Playfair Display'",serif;font-size:17px;font-weight:700;display:flex;position:relative;box-shadow:0 4px 14px #c9983a59}#hotelApp .logo-mark:after{content:"";pointer-events:none;background:linear-gradient(135deg,#fff3,#0000);border-radius:11px;position:absolute;inset:1px}#hotelApp .logo-name{color:#fff;letter-spacing:.1px;font-family:"'Playfair Display'",serif;font-size:13px;font-weight:600;line-height:1.3}#hotelApp .logo-tag{color:var(--gold2);letter-spacing:1.2px;text-transform:uppercase;opacity:.8;margin-top:2px;font-size:10px}#hotelApp .sidebar-clock{color:#ffffff4d;font-variant-numeric:tabular-nums;letter-spacing:.5px;border-bottom:1px solid #ffffff0d;padding:9px 18px;font-size:11px}#hotelApp .nav-section{letter-spacing:1.5px;text-transform:uppercase;color:#fff3;padding:14px 12px 4px;font-size:9px;font-weight:700}#hotelApp .nav-item{cursor:pointer;color:#ffffff80;transition:var(--transition);border-radius:9px;align-items:center;gap:10px;margin:1px 8px;padding:9px 14px;font-size:13px;font-weight:500;display:flex;position:relative}#hotelApp .nav-item i{transition:var(--transition);flex-shrink:0;font-size:16px}#hotelApp .nav-item:hover{color:#ffffffd9;background:#ffffff0f}#hotelApp .nav-item:hover i{color:var(--gold2)}#hotelApp .nav-item.active{color:var(--gold2);border-left:2px solid var(--gold);background:linear-gradient(135deg,#c9983a2e,#c9983a14);margin-left:6px;padding-left:12px}#hotelApp .nav-item.active i{color:var(--gold)}#hotelApp .nav-item.active:after{content:"";background:var(--gold);opacity:.5;border-radius:2px 0 0 2px;width:3px;height:50%;position:absolute;top:50%;right:0;transform:translateY(-50%)}#hotelApp .sidebar-bottom{border-top:1px solid #ffffff0f;margin-top:auto;padding:14px}#hotelApp .main{flex-direction:column;flex:1;min-height:100vh;margin-left:230px;display:flex}#hotelApp .topbar{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);z-index:90;height:58px;box-shadow:0 1px 0 var(--border),var(--shadow-xs);background:#ffffffeb;justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:sticky;top:0}#hotelApp .topbar-title{color:var(--navy2);letter-spacing:.1px;font-family:"'Playfair Display'",serif;font-size:17px;font-weight:700}#hotelApp .topbar-sub{color:var(--text3);margin-top:1px;font-size:11px}#hotelApp .topbar-r{align-items:center;gap:10px;display:flex}#hotelApp .topbar-date{color:var(--text2);background:var(--bg3);border:1px solid var(--border);font-variant-numeric:tabular-nums;border-radius:20px;padding:5px 12px;font-size:12px}#hotelApp .pending-pill{background:linear-gradient(135deg,var(--amber-bg),#fefce8);color:var(--amber2);border:1px solid var(--amber-bd);cursor:pointer;border-radius:20px;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:700;animation:2s infinite pulse;display:none}#hotelApp .pending-pill.show{display:flex}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}#hotelApp .content{flex:1;padding:24px}#hotelApp .section{display:none}#hotelApp .section.active{display:block}#hotelApp .metrics{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px;display:grid}#hotelApp .metric{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);transition:var(--transition);padding:20px;position:relative;overflow:hidden}#hotelApp .metric:hover{box-shadow:var(--shadow);transform:translateY(-2px)}#hotelApp .metric:before{content:"";border-radius:var(--r-lg) var(--r-lg) 0 0;height:3px;position:absolute;top:0;left:0;right:0}#hotelApp .metric:after{content:"";border-radius:0 var(--r-lg) 0 80px;opacity:.04;width:80px;height:80px;position:absolute;top:0;right:0}#hotelApp .metric.gold:before{background:linear-gradient(90deg,var(--gold),var(--gold2))}#hotelApp .metric.gold:after{background:var(--gold)}#hotelApp .metric.green:before{background:linear-gradient(90deg,var(--green),var(--green2))}#hotelApp .metric.green:after{background:var(--green)}#hotelApp .metric.blue:before{background:linear-gradient(90deg,var(--blue),var(--blue2))}#hotelApp .metric.blue:after{background:var(--blue)}#hotelApp .metric.amber:before{background:linear-gradient(90deg,var(--amber),var(--amber2))}#hotelApp .metric.amber:after{background:var(--amber)}#hotelApp .metric.purple:before{background:linear-gradient(90deg,var(--purple),#7c3aed)}#hotelApp .metric.purple:after{background:var(--purple)}#hotelApp .metric-icon{border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:12px;font-size:17px;display:flex}#hotelApp .metric.purple .metric-icon{background:var(--purple-bg);color:var(--purple)}#hotelApp .metric-label{color:var(--text3);text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px;font-size:10px;font-weight:700}#hotelApp .metric-value{color:var(--text);font-family:"'Playfair Display'",serif;font-size:26px;font-weight:600;line-height:1}#hotelApp .metric-sub{color:var(--text3);margin-top:5px;font-size:11px;line-height:1.4}#hotelApp .metric-trend{border-radius:20px;align-items:center;gap:3px;margin-top:6px;padding:2px 7px;font-size:11px;font-weight:600;display:inline-flex}#hotelApp .metric-trend.up{background:var(--green-bg);color:var(--green2)}#hotelApp .metric-trend.down{background:var(--red-bg);color:var(--red2)}#hotelApp .grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}#hotelApp .grid-3{grid-template-columns:2fr 1fr;gap:16px;display:grid}#hotelApp .grid-4{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}#hotelApp .panel{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);transition:var(--transition);margin-bottom:14px;padding:20px}#hotelApp .panel-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}#hotelApp .panel-title{color:var(--text);letter-spacing:.1px;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}#hotelApp .panel-title i{color:var(--gold);font-size:15px}#hotelApp .panel-sub{color:var(--text3);margin-top:2px;font-size:11px}#hotelApp .room-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}#hotelApp .room-card{border:1.5px solid var(--border);border-radius:var(--r);cursor:pointer;transition:var(--transition);background:var(--bg2);text-align:center;padding:12px 7px;position:relative;overflow:hidden}#hotelApp .room-card:before{content:"";height:2px;position:absolute;top:0;left:0;right:0}#hotelApp .room-card.vacant{background:linear-gradient(#f0fdf4,#fff);border-color:#86efac}#hotelApp .room-card.vacant:before{background:linear-gradient(90deg,#22c55e,#86efac)}#hotelApp .room-card.occupied{background:linear-gradient(#fff5f5,#fff);border-color:#fca5a5}#hotelApp .room-card.occupied:before{background:linear-gradient(90deg,#ef4444,#fca5a5)}#hotelApp .room-card.reserved{background:linear-gradient(#fffcf0,#fff);border-color:#fcd34d}#hotelApp .room-card.reserved:before{background:linear-gradient(90deg,#f59e0b,#fcd34d)}#hotelApp .room-card.maintenance{background:var(--bg3);border-color:var(--border2)}#hotelApp .room-card.maintenance:before{background:var(--border2)}#hotelApp .room-number{color:var(--navy2);font-family:"'Playfair Display'",serif;font-size:19px;font-weight:700}#hotelApp .room-name-lbl{color:var(--navy2);letter-spacing:.1px;margin-top:3px;font-size:11px;font-weight:700}#hotelApp .room-type-lbl{color:var(--text3);text-transform:uppercase;letter-spacing:.5px;margin-top:1px;font-size:9px}#hotelApp .room-rate-lbl{color:var(--gold);margin-top:2px;font-size:10px;font-weight:600}#hotelApp .room-status-dot{text-transform:uppercase;letter-spacing:.5px;border-radius:10px;margin-top:7px;padding:2px 7px;font-size:9px;font-weight:700;display:inline-flex}#hotelApp .room-card.vacant .room-status-dot{background:var(--green-bg);color:var(--green2)}#hotelApp .room-card.occupied .room-status-dot{background:var(--red-bg);color:var(--red2)}#hotelApp .room-card.reserved .room-status-dot{background:var(--amber-bg);color:var(--amber2)}#hotelApp .room-card.maintenance .room-status-dot{background:var(--bg3);color:var(--text3)}#hotelApp .arr-item{border:1px solid var(--border);border-radius:var(--r);background:var(--bg2);transition:var(--transition);align-items:center;gap:11px;margin-bottom:8px;padding:11px 13px;display:flex}#hotelApp .arr-item:hover{border-color:var(--gold);box-shadow:var(--shadow-gold);transform:translate(2px)}#hotelApp .arr-room{background:linear-gradient(135deg,var(--navy2),var(--navy3));color:var(--gold2);text-align:center;border-radius:9px;flex-shrink:0;min-width:46px;padding:8px 10px;font-family:"'Playfair Display'",serif;font-size:12px;font-weight:700;box-shadow:0 2px 8px #0a162833}#hotelApp .btn{border:1.5px solid var(--border);cursor:pointer;background:var(--bg2);color:var(--text);transition:var(--transition);white-space:nowrap;letter-spacing:.1px;border-radius:8px;align-items:center;gap:6px;padding:8px 15px;font-family:"'DM Sans'",sans-serif;font-size:12px;font-weight:600;display:inline-flex}#hotelApp .btn:hover{background:var(--bg3);box-shadow:var(--shadow-xs);transform:translateY(-1px)}#hotelApp .btn:active{transform:translateY(0)}#hotelApp .btn.primary{background:linear-gradient(135deg,var(--navy2),var(--navy3));color:#fff;border-color:#0000;box-shadow:0 2px 8px #0a162833}#hotelApp .btn.primary:hover{background:linear-gradient(135deg,var(--navy3),var(--navy4));box-shadow:0 4px 16px #0a162840}#hotelApp .btn.gold{background:linear-gradient(135deg,var(--gold),#b8832a,var(--gold2));color:#fff;box-shadow:var(--shadow-gold);background-position:0;background-size:200% 100%;border-color:#0000}#hotelApp .btn.gold:hover{background-position:100%;box-shadow:0 6px 20px #c9983a59}#hotelApp .btn.success{background:var(--green-bg);color:var(--green2);border-color:var(--green-bd)}#hotelApp .btn.success:hover{background:#dcfce7}#hotelApp .btn.danger{background:var(--red-bg);color:var(--red2);border-color:var(--red-bd)}#hotelApp .btn.danger:hover{background:#fee2e2}#hotelApp .btn.amber-btn{background:var(--amber-bg);color:var(--amber2);border-color:var(--amber-bd)}#hotelApp .btn.purple-btn{background:var(--purple-bg);color:var(--purple);border-color:var(--purple-bd)}#hotelApp .btn.sm{border-radius:7px;padding:5px 10px;font-size:11px}#hotelApp .btn.icon-btn{padding:6px 8px}#hotelApp .btn.ghost{color:var(--text2);background:0 0;border-color:#0000}#hotelApp .btn.ghost:hover{background:var(--bg3);border-color:var(--border)}#hotelApp table{border-collapse:collapse;width:100%;font-size:13px}#hotelApp thead tr{background:linear-gradient(180deg,var(--bg3),var(--bg4))}#hotelApp th{text-align:left;color:var(--text3);border-bottom:2px solid var(--border);text-transform:uppercase;letter-spacing:.8px;padding:10px 12px;font-size:10px;font-weight:700}#hotelApp td{border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle;padding:11px 12px}#hotelApp tr:last-child td{border-bottom:none}#hotelApp tbody tr{transition:background .1s}#hotelApp tbody tr:hover td{background:var(--gold4)}#hotelApp .badge{border-radius:20px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}#hotelApp .badge.confirmed{background:var(--blue-bg);color:var(--blue2);border:1px solid var(--blue-bd)}#hotelApp .badge.checked-in{background:var(--green-bg);color:var(--green2);border:1px solid var(--green-bd)}#hotelApp .badge.checked-out{background:var(--bg3);color:var(--text3);border:1px solid var(--border)}#hotelApp .badge.cancelled{background:var(--red-bg);color:var(--red2);border:1px solid var(--red-bd)}#hotelApp .badge.pending-payment{color:var(--amber2);border:1.5px solid var(--amber-bd);background:#fffbeb;animation:2s infinite pulse}#hotelApp input,#hotelApp select,#hotelApp textarea{border:1.5px solid var(--border);background:var(--bg2);color:var(--text);width:100%;transition:var(--transition);border-radius:8px;padding:9px 12px;font-family:"'DM Sans'",sans-serif;font-size:13px}#hotelApp input:focus,#hotelApp select:focus,#hotelApp textarea:focus{border-color:var(--gold);background:#fff;outline:none;box-shadow:0 0 0 3px #c9983a1a}#hotelApp textarea{resize:vertical;min-height:66px}#hotelApp .form-row{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;display:grid}#hotelApp .form-row.three{grid-template-columns:1fr 1fr 1fr}#hotelApp .form-group{flex-direction:column;gap:5px;display:flex}#hotelApp .form-section{background:linear-gradient(180deg,var(--bg3),var(--bg4));border:1px solid var(--border);border-radius:var(--r);margin-bottom:12px;padding:15px}#hotelApp .form-sec-title{color:var(--text3);text-transform:uppercase;letter-spacing:1px;align-items:center;gap:6px;margin-bottom:11px;font-size:10px;font-weight:700;display:flex}#hotelApp .form-sec-title i{color:var(--gold);font-size:13px}#hotelApp .toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}#hotelApp .toolbar input,#hotelApp .toolbar select{flex:1;width:auto;min-width:160px}#hotelApp .modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:200;background:#0a162899;justify-content:center;align-items:flex-start;padding:20px;display:none;position:fixed;inset:0;overflow-y:auto}#hotelApp .modal{background:var(--bg2);border-radius:var(--r-xl);width:100%;max-width:640px;box-shadow:var(--shadow-lg);border:1px solid #fffc;margin:auto;padding:28px;animation:.2s cubic-bezier(.34,1.56,.64,1) modalIn}@keyframes modalIn{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}#hotelApp .modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:16px;display:flex}#hotelApp .modal-title{color:var(--navy2);font-family:"'Playfair Display'",serif;font-size:18px;font-weight:700}#hotelApp .modal-sub{color:var(--text3);margin-top:3px;font-size:12px}#hotelApp .modal-close{background:var(--bg3);border:1px solid var(--border);cursor:pointer;width:30px;height:30px;color:var(--text2);transition:var(--transition);border-radius:8px;justify-content:center;align-items:center;font-size:15px;display:flex}#hotelApp .modal-close:hover{background:var(--red-bg);color:var(--red2);border-color:var(--red-bd)}#hotelApp .modal-actions{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:22px;padding-top:16px;display:flex}#hotelApp .stat-box{background:var(--bg3);text-align:center;border:1px solid var(--border);border-radius:9px;padding:12px 14px}#hotelApp .stat-box-val{color:var(--navy2);font-family:"'Playfair Display'",serif;font-size:22px;font-weight:700}#hotelApp .stat-box-lbl{color:var(--text3);text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:10px}#hotelApp .detail-row{border-bottom:1px solid var(--border);justify-content:space-between;padding:8px 0;font-size:13px;display:flex}#hotelApp .detail-row:last-child{border-bottom:none}#hotelApp .detail-row span:first-child{color:var(--text3);text-transform:uppercase;letter-spacing:.3px;min-width:120px;font-size:11px;font-weight:600}#hotelApp .pl-row{border-bottom:1px solid var(--border);justify-content:space-between;padding:8px 0;font-size:13px;display:flex}#hotelApp .pl-row:last-child{border-bottom:none}#hotelApp .pl-row.total{border-top:2px solid var(--border);border-bottom:none;margin-top:4px;padding-top:12px;font-size:14px;font-weight:700}#hotelApp .bar-chart{align-items:flex-end;gap:6px;height:110px;padding:0 4px;display:flex}#hotelApp .bar-wrap{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}#hotelApp .bar{background:linear-gradient(180deg,var(--gold2),var(--gold));width:100%;min-height:4px;transition:var(--transition);border-radius:5px 5px 0 0}#hotelApp .bar:hover{filter:brightness(1.1)}#hotelApp .bar-lbl{color:var(--text3);text-align:center;text-transform:uppercase;letter-spacing:.3px;font-size:9px}#hotelApp .bar-val{color:var(--text2);font-size:10px;font-weight:700}#hotelApp .money-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 0;display:flex}#hotelApp .money-row:last-child{border-bottom:none}#hotelApp .invoice-preview{border:1px solid var(--border);border-radius:var(--r-lg);color:#222;box-shadow:var(--shadow);background:#fff;padding:32px}#hotelApp .inv-header{border-bottom:3px solid var(--gold);justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:18px;display:flex}#hotelApp .inv-hotel-name{color:var(--navy2);font-family:"'Playfair Display'",serif;font-size:22px;font-weight:700}#hotelApp .inv-tagline{color:var(--gold);letter-spacing:1.8px;text-transform:uppercase;margin-top:3px;font-size:10px}#hotelApp .inv-address{color:#666;margin-top:6px;font-size:11px;line-height:1.7}#hotelApp .inv-badge{background:linear-gradient(135deg,var(--navy2),var(--navy4));color:var(--gold2);letter-spacing:1.5px;border-radius:8px;padding:9px 18px;font-size:13px;font-weight:700}#hotelApp .inv-table{border-collapse:collapse;width:100%;margin:16px 0;font-size:12px}#hotelApp .inv-table th{background:linear-gradient(135deg,var(--navy2),var(--navy3));color:var(--gold2);text-align:left;text-transform:uppercase;letter-spacing:.6px;padding:9px 12px;font-size:10px;font-weight:700}#hotelApp .inv-table td{border-bottom:1px solid #f0ede6;padding:9px 12px}#hotelApp .inv-total{text-align:right;margin-top:14px}#hotelApp .paid-stamp{border:3px solid var(--green2);color:var(--green2);letter-spacing:3px;opacity:.85;border-radius:4px;margin-top:12px;padding:5px 18px;font-size:20px;font-weight:800;display:inline-block;transform:rotate(-8deg)}#hotelApp .unpaid-stamp{border:3px solid var(--red2);color:var(--red2);letter-spacing:3px;opacity:.85;border-radius:4px;margin-top:12px;padding:5px 18px;font-size:20px;font-weight:800;display:inline-block;transform:rotate(-8deg)}#hotelApp .setting-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);transition:var(--transition);margin-bottom:12px;padding:20px}#hotelApp .setting-card:hover{box-shadow:var(--shadow);border-color:var(--border2)}#hotelApp .id-upload-box{border:2px dashed var(--border2);border-radius:var(--r);text-align:center;cursor:pointer;transition:var(--transition);background:var(--bg3);padding:14px;position:relative}#hotelApp .id-upload-box:hover{border-color:var(--gold);background:var(--gold4)}#hotelApp .id-upload-box input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}#hotelApp .id-preview{border:1px solid var(--border);border-radius:8px;max-width:100%;max-height:140px;margin-top:7px;margin-left:auto;margin-right:auto;display:block}#hotelApp .occ-bar-track{background:#ffffff1f;border-radius:10px;height:5px;margin-top:8px;overflow:hidden}#hotelApp .occ-bar-fill{background:linear-gradient(90deg,var(--gold2),var(--gold));border-radius:10px;height:100%;transition:width .5s}#hotelApp .stat-chip{flex-direction:column;align-items:center;gap:1px;display:inline-flex}#hotelApp .stat-chip-val{font-family:"'Playfair Display'",serif;font-size:22px;font-weight:700;line-height:1}#hotelApp .stat-chip-lbl{opacity:.7;text-transform:uppercase;letter-spacing:.7px;font-size:9px}#hotelApp .notif{border-radius:var(--r-lg);z-index:999;opacity:0;pointer-events:none;box-shadow:var(--shadow-lg);border:1px solid #ffffff1a;max-width:320px;padding:14px 20px;font-size:13px;font-weight:500;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:fixed;bottom:24px;right:24px}#hotelApp .notif.show{opacity:1;transform:translateY(-4px)}#hotelApp .notif.success{background:linear-gradient(135deg,var(--navy2),var(--navy3));color:var(--gold2);border-left:3px solid var(--gold)}#hotelApp .notif.error{color:#f5a49a;border-left:3px solid var(--red2);background:linear-gradient(135deg,#1c0a08,#2d0f0a)}#hotelApp .notif.info{background:linear-gradient(135deg,var(--navy2),var(--navy3));color:#fff}#hotelApp .guest-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r-lg);transition:var(--transition);cursor:pointer;padding:18px;position:relative;overflow:hidden}#hotelApp .guest-card:hover{border-color:var(--gold);box-shadow:var(--shadow-gold);transform:translateY(-2px)}#hotelApp .guest-card:before{content:"";background:var(--border);width:3px;height:100%;position:absolute;top:0;left:0}#hotelApp .guest-card.vip:before{background:linear-gradient(180deg,var(--gold),var(--gold2))}#hotelApp .guest-card.regular:before{background:linear-gradient(180deg,var(--blue2),var(--blue))}#hotelApp .guest-card.new:before{background:linear-gradient(180deg,var(--green2),var(--green))}#hotelApp .guest-card.inactive:before{background:var(--border2)}#hotelApp .guest-avatar{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-family:"'Playfair Display'",serif;font-size:17px;font-weight:700;display:flex}#hotelApp .guest-avatar.vip{background:linear-gradient(135deg,var(--gold3),#faf0c0);color:var(--gold)}#hotelApp .guest-avatar.regular{background:var(--blue-bg);color:var(--blue2)}#hotelApp .guest-avatar.new{background:var(--green-bg);color:var(--green2)}#hotelApp .guest-avatar.inactive{background:var(--bg3);color:var(--text3)}#hotelApp .seg-pill{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;align-items:center;gap:3px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}#hotelApp .seg-pill.vip{background:linear-gradient(135deg,var(--gold3),#faf0c0);color:var(--gold);border:1px solid #c9983a4d}#hotelApp .seg-pill.regular{background:var(--blue-bg);color:var(--blue2);border:1px solid var(--blue-bd)}#hotelApp .seg-pill.new{background:var(--green-bg);color:var(--green2);border:1px solid var(--green-bd)}#hotelApp .seg-pill.inactive{background:var(--bg3);color:var(--text3);border:1px solid var(--border)}#hotelApp .crm-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px;display:grid}#hotelApp .crm-filter-bar{flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:16px;display:flex}#hotelApp .seg-btn{border:1.5px solid var(--border);cursor:pointer;background:var(--bg2);color:var(--text2);transition:var(--transition);border-radius:20px;padding:6px 14px;font-size:12px;font-weight:600}#hotelApp .seg-btn:hover{border-color:var(--gold);color:var(--gold)}#hotelApp .seg-btn.active{background:linear-gradient(135deg,var(--navy2),var(--navy3));color:var(--gold2);box-shadow:var(--shadow-sm);border-color:#0000}#hotelApp .wa-btn{color:#fff;cursor:pointer;transition:var(--transition);background:linear-gradient(135deg,#25d366,#128c7e);border:none;border-radius:8px;align-items:center;gap:5px;padding:7px 12px;font-family:"'DM Sans'",sans-serif;font-size:12px;font-weight:600;display:inline-flex;box-shadow:0 2px 8px #25d3664d}#hotelApp .wa-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #25d36666}#hotelApp .pref-tag{background:var(--bg3);border:1px solid var(--border);color:var(--text2);cursor:pointer;transition:var(--transition);border-radius:20px;align-items:center;margin:2px;padding:3px 10px;font-size:11px;display:inline-flex}#hotelApp .pref-tag:hover{border-color:var(--gold)}#hotelApp .pref-tag.active{background:linear-gradient(135deg,var(--navy2),var(--navy3));color:var(--gold2);border-color:#0000}#hotelApp .tl-item{border-bottom:1px solid var(--border);gap:10px;padding:8px 0;font-size:12px;display:flex}#hotelApp .tl-item:last-child{border-bottom:none}#hotelApp .tl-dot{background:linear-gradient(135deg,var(--gold),var(--gold2));border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:4px;box-shadow:0 0 0 2px #c9983a33}#hotelApp .msg-template{background:var(--bg3);border:1.5px solid var(--border);color:var(--text2);cursor:pointer;transition:var(--transition);border-radius:9px;margin-bottom:7px;padding:12px;font-size:12px}#hotelApp .msg-template:hover,#hotelApp .msg-template.active{border-color:var(--gold);background:var(--gold4)}#hotelApp .rem-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r-lg);transition:var(--transition);align-items:flex-start;gap:12px;margin-bottom:9px;padding:15px;display:flex}#hotelApp .rem-card:hover{border-color:var(--gold);box-shadow:var(--shadow-gold)}#hotelApp .rem-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:17px;display:flex}#hotelApp .pricing-row{border-bottom:1px solid var(--border);align-items:center;gap:9px;padding:10px 0;font-size:13px;display:flex}#hotelApp .pricing-row:last-child{border-bottom:none}#hotelApp .pricing-badge{border-radius:20px;align-items:center;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}#hotelApp .pts-bar{background:var(--bg3);border-radius:10px;height:7px;margin-top:4px;overflow:hidden}#hotelApp .pts-fill{background:linear-gradient(90deg,var(--gold2),var(--gold));border-radius:10px;height:100%}#hotelApp .src-bar{align-items:center;gap:8px;padding:5px 0;font-size:12px;display:flex}#hotelApp .src-track{background:var(--bg3);border-radius:10px;flex:1;height:7px;overflow:hidden}#hotelApp .src-fill{background:linear-gradient(90deg,var(--navy3),var(--navy4));border-radius:10px;height:100%}#hotelApp .mkt-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r-lg);transition:var(--transition);cursor:pointer;padding:20px;position:relative;overflow:hidden}#hotelApp .mkt-card:hover{box-shadow:var(--shadow);border-color:var(--gold);transform:translateY(-2px)}#hotelApp .mkt-card:after{content:"";border-radius:var(--r-lg) 0 0 0;opacity:.06;width:60px;height:60px;position:absolute;bottom:0;right:0}#hotelApp .mkt-card.gold:after{background:var(--gold)}#hotelApp .mkt-card.blue:after{background:var(--blue2)}#hotelApp .mkt-card.green:after{background:var(--green2)}#hotelApp .mkt-card.purple:after{background:var(--purple)}#hotelApp .mkt-card.red:after{background:var(--red2)}#hotelApp .mkt-icon{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:14px;font-size:20px;display:flex}#hotelApp .mkt-card.gold .mkt-icon{background:var(--gold4);color:var(--gold)}#hotelApp .mkt-card.blue .mkt-icon{background:var(--blue-bg);color:var(--blue2)}#hotelApp .mkt-card.green .mkt-icon{background:var(--green-bg);color:var(--green2)}#hotelApp .mkt-card.purple .mkt-icon{background:var(--purple-bg);color:var(--purple)}#hotelApp .mkt-card.red .mkt-icon{background:var(--red-bg);color:var(--red2)}#hotelApp .rfm-row{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:9px 0;font-size:13px;display:flex}#hotelApp .rfm-row:last-child{border-bottom:none}#hotelApp .rfm-score{gap:2px;display:flex}#hotelApp .rfm-dot{background:var(--border);border-radius:50%;width:9px;height:9px}#hotelApp .rfm-dot.filled{background:var(--gold)}#hotelApp .festive-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r-lg);cursor:pointer;transition:var(--transition);align-items:center;gap:12px;padding:14px;display:flex}#hotelApp .festive-card:hover{border-color:var(--gold);box-shadow:var(--shadow-gold)}#hotelApp .campaign-chip{background:var(--green-bg);color:var(--green2);border:1px solid var(--green-bd);border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}#hotelApp .mobile-nav{background:linear-gradient(180deg,#0a1628f7,var(--navy));z-index:200;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid #ffffff14;justify-content:space-around;padding:6px 0;position:fixed;bottom:0;left:0;right:0;display:none!important}#hotelApp .mob-item{color:#fff6;cursor:pointer;text-align:center;min-width:52px;transition:var(--transition);letter-spacing:.3px;text-transform:uppercase;border-radius:10px;flex-direction:column;align-items:center;gap:3px;padding:6px 10px;font-size:9px;font-weight:700;display:flex;position:relative}#hotelApp .mob-item i{transition:var(--transition);font-size:20px}#hotelApp .mob-item.active{color:var(--gold2)}#hotelApp .mob-item.active i{filter:drop-shadow(0 0 6px #e8c96a80)}#hotelApp .mob-badge{background:var(--gold);color:var(--navy);border-radius:8px;padding:1px 4px;font-size:8px;font-weight:800;position:absolute;top:3px;right:4px}#hotelApp .hamburger{z-index:300;background:linear-gradient(135deg,var(--navy2),var(--navy3));cursor:pointer;width:36px;height:36px;color:var(--gold2);box-shadow:var(--shadow);border:none;border-radius:8px;justify-content:center;align-items:center;font-size:17px;display:none;position:fixed;top:13px;left:13px}#hotelApp .mob-overlay{z-index:150;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a162899;display:none;position:fixed;inset:0}#hotelApp .mob-overlay.open{display:block}#hotelApp .mob-drawer{background:linear-gradient(180deg,var(--navy) 0%,#0b1729 100%);z-index:160;border-right:1px solid #ffffff0d;flex-direction:column;width:238px;transition:left .25s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;left:-250px;overflow-y:auto}#hotelApp .mob-drawer.open{box-shadow:var(--shadow-lg);left:0}@media (width<=1024px){.sidebar{width:64px}.logo-name,.logo-tag,.sidebar-clock,.nav-section,.nav-item span,.sidebar-bottom div{display:none}.nav-item{justify-content:center;margin:2px 5px;padding:11px 0}.nav-item i{font-size:20px}.logo-wrap{flex-direction:column;justify-content:center;align-items:center;padding:12px 0;display:flex}.main{margin-left:64px}.metrics{grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3{grid-template-columns:1fr}.crm-grid{grid-template-columns:repeat(2,1fr)}.room-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=768px){.sidebar{display:none}.main{margin-left:0;padding-bottom:72px}.mobile-nav,.hamburger{display:flex}.content{padding:13px}.topbar{height:52px;padding:0 52px 0 13px}.topbar-title{font-size:15px}.topbar-sub,.topbar-date{display:none}.metrics{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.metric{padding:14px}.metric-value{font-size:20px}.grid-2,.grid-3{grid-template-columns:1fr;gap:12px}.crm-grid{grid-template-columns:1fr 1fr;gap:10px}.room-grid{grid-template-columns:repeat(3,1fr);gap:6px}.form-row,.form-row.three{grid-template-columns:1fr;gap:8px}.panel{padding:13px;overflow-x:auto}table{min-width:500px}.modal-overlay{align-items:flex-end;padding:0}.modal{border-radius:20px 20px 0 0;max-height:90vh;padding:20px 15px;animation:.25s cubic-bezier(.4,0,.2,1) modalUp;overflow-y:auto}.modal-actions{flex-wrap:wrap}.modal-actions .btn{flex:1;justify-content:center;min-width:110px}.toolbar{gap:5px}.toolbar input,.toolbar select{flex:none;min-width:100%}}@keyframes modalUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (width<=420px){.crm-grid{grid-template-columns:1fr}.room-grid{grid-template-columns:repeat(2,1fr)}}@media print{.sidebar,.topbar,.toolbar,.btn,.modal-overlay,.notif,.mobile-nav,.hamburger,.mob-overlay{display:none!important}.main{margin-left:0;padding-bottom:0}.invoice-preview{box-shadow:none;border:none}}#businessLogin{animation:12s ease-in-out infinite alternate bgShift;background:radial-gradient(at 30% 20%,#7b121299 0%,#0000 50%),radial-gradient(at 70% 80%,#0a1628cc 0%,#0000 50%),linear-gradient(135deg,#2a0404,#5a0a0a 40%,#0a1628)!important}@keyframes bgShift{0%{background-position:0%}to{background-position:100%}}#businessLogin>div{animation:.6s cubic-bezier(.34,1.2,.64,1) both loginFadeIn;box-shadow:0 32px 80px #000000b3,0 0 0 1px #c9a84c26,inset 0 1px #ffffff14!important}@keyframes loginFadeIn{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}#businessLogin button[onclick="doLogin()"]{position:relative;overflow:hidden;transition:all .3s!important}#businessLogin button[onclick="doLogin()"]:after{content:"";background:#ffffff40;width:40%;height:200%;transition:left .4s;position:absolute;top:-50%;left:-60%;transform:rotate(25deg)}#businessLogin button[onclick="doLogin()"]:hover:after{left:130%}#businessLogin button[onclick="doLogin()"]:hover{transform:translateY(-1px)!important;box-shadow:0 6px 24px #c9a84c80!important}#businessSelector div[onclick^=enterBusiness]{transition:all .25s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 8px 32px #0006!important}#businessSelector div[onclick^=enterBusiness]:hover{box-shadow:0 20px 56px #0009,0 0 0 1px #c9a84c99!important}#businessSelector>div:last-child{animation:.5s cubic-bezier(.34,1.1,.64,1) .1s both selectorIn}@keyframes selectorIn{0%{opacity:0;transform:scale(.95)translateY(16px)}to{opacity:1;transform:scale(1)translateY(0)}}.nav-tab.active{box-shadow:0 3px 16px #0006,inset 0 1px #fff3,0 0 12px #c9a84c40!important}.stat-card{animation:.4s both cardIn}.stat-card:first-child{animation-delay:50ms}.stat-card:nth-child(2){animation-delay:.1s}.stat-card:nth-child(3){animation-delay:.15s}.stat-card:nth-child(4){animation-delay:.2s}@keyframes cardIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-card{transition:box-shadow .2s,border-color .2s!important}.form-card:hover{box-shadow:0 4px 20px #0000001a!important}.toast{border-left:3px solid #c9a84c!important;border-radius:12px!important;font-size:13px!important;box-shadow:0 12px 40px #0003!important}.btn-p{position:relative;overflow:hidden;transition:all .25s cubic-bezier(.4,0,.2,1)!important}.btn-p:after{content:"";opacity:0;background:linear-gradient(135deg,#ffffff1a,#0000);transition:opacity .2s;position:absolute;inset:0}.btn-p:hover:after{opacity:1}.btn-p:hover{transform:translateY(-1px)!important;box-shadow:0 6px 20px #7b121266!important}.btn-p:active{transform:translateY(0)!important}#hotelApp .metric{animation:.4s both metricIn}#hotelApp .metric:first-child{animation-delay:50ms}#hotelApp .metric:nth-child(2){animation-delay:.1s}#hotelApp .metric:nth-child(3){animation-delay:.15s}#hotelApp .metric:nth-child(4){animation-delay:.2s}@keyframes metricIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}#hotelApp .nav-item.active{box-shadow:inset 3px 0 12px #c9983a14;border-left:3px solid var(--gold)!important;background:linear-gradient(135deg,#c9983a38,#c9983a1a)!important}#hotelApp .room-card.vacant{background:linear-gradient(#e8fdf0,#f4fef7)!important}#hotelApp .room-card.occupied{background:linear-gradient(#fef0f0,#fff6f6)!important}#hotelApp .room-card.reserved{background:linear-gradient(#fffbec,#fffef7)!important}#hotelApp .topbar{background:#fffdf9f0!important}#hotelApp .panel{animation:.3s both panelIn}@keyframes panelIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}#hotelApp .modal-overlay{-webkit-backdrop-filter:blur(12px)!important}#hotelApp .modal{animation:.25s cubic-bezier(.34,1.1,.64,1) modalSlideUp!important}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}#hotelApp .notif{transition:all .35s cubic-bezier(.34,1.3,.64,1)!important}#hotelApp .arr-item{animation:.3s both arrIn}#hotelApp .arr-item:first-child{animation-delay:50ms}#hotelApp .arr-item:nth-child(2){animation-delay:.1s}#hotelApp .arr-item:nth-child(3){animation-delay:.15s}@keyframes arrIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.itbl tbody tr{transition:background .15s,transform .1s}.itbl tbody tr:hover{transform:translate(2px);background:#fffbf0!important}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#c9a84c66;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#c9a84cb3}input[type=text]:focus,input[type=date]:focus,input[type=number]:focus,input[type=email]:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px #7b121214!important}.crm-col{transition:box-shadow .2s,border-color .2s}.crm-col:hover{border-color:#c9a84c;box-shadow:0 4px 16px #00000014}.badge{letter-spacing:.4px;font-size:10px!important}.badge.paid{box-shadow:0 1px 4px #1a7a4026}.badge.partial{box-shadow:0 1px 4px #9a700026}.badge.unpaid{box-shadow:0 1px 4px #c0392b26}#hotelNav button::-moz-focus-inner{border:0}#hotelApp [id^=htab-]:hover{color:#fff!important;background:#c9a84c24!important}@media (width<=1280px){#hotelApp .hotel-brand-text{display:none!important}#hotelApp [id^=htab-]{padding:0 11px!important}}@media (width<=1060px){#hotelApp .htab-label{display:none!important}#hotelApp [id^=htab-]{padding:0 12px!important}#hotelApp .hotel-btn-label{display:none!important}}#hotelApp .modal-box{background:var(--bg2);border-radius:var(--r-xl);width:100%;max-width:640px;box-shadow:var(--shadow-lg);border:1px solid #fffc;margin:auto;padding:28px;animation:.2s cubic-bezier(.34,1.56,.64,1) modalIn}#hotelApp .modal-overlay.open{display:flex}#hotelApp .form-group{flex-direction:column;gap:5px;margin-bottom:12px;display:flex}#hotelApp .form-group label{color:var(--text2);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}#hotelApp .form-group input,#hotelApp .form-group select,#hotelApp .form-group textarea{border:1.5px solid var(--border);background:var(--bg4);width:100%;color:var(--text);transition:var(--transition);border-radius:8px;outline:none;padding:9px 12px;font-family:inherit;font-size:13px}#hotelApp .form-group input:focus,#hotelApp .form-group select:focus,#hotelApp .form-group textarea:focus{border-color:var(--gold);background:#fff;box-shadow:0 0 0 3px #c9a84c1a}#hotelApp .room-number{color:var(--navy2);margin-bottom:2px;font-family:Playfair Display,serif;font-size:22px;font-weight:800}#hotelApp .room-name-lbl{color:var(--text2);margin-bottom:4px;font-size:11px;font-weight:600}#hotelApp .room-type-lbl{color:var(--text3);text-transform:uppercase;letter-spacing:.5px;font-size:10px}#hotelApp .room-rate-lbl{color:var(--gold2);margin:4px 0;font-size:12px;font-weight:700}#hotelApp .room-status{text-transform:capitalize;margin-top:4px;font-size:10px;font-weight:700}#hotelApp .room-card{border:1.5px solid var(--border);cursor:pointer;border-radius:12px;padding:14px;transition:all .2s;position:relative}#hotelApp .room-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}#hotelApp .arr-item{border:1.5px solid var(--border);background:var(--bg4);border-radius:9px;align-items:center;gap:10px;margin-bottom:6px;padding:10px 14px;display:flex}#hotelApp .arr-room{background:var(--navy);width:38px;height:38px;color:var(--gold);border-radius:9px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:800;line-height:1.2;display:flex}#hotelApp .role-badge.manager{color:#2563eb;background:#2563eb26;border:1px solid #2563eb4d}#hotelApp .role-badge.receptionist{color:#166534;background:#16653426;border:1px solid #1665344d}#hotelApp .role-badge.accountant{color:#5b21b6;background:#5b21b626;border:1px solid #5b21b64d}#hotelApp .metric.blue .metric-icon{background:var(--blue-bg);color:var(--blue2)}#hotelApp .metric.gold .metric-icon{background:var(--gold4);color:var(--gold)}#hotelApp .metric.green .metric-icon{background:var(--green-bg);color:var(--green2)}#hotelApp .metric.amber .metric-icon{background:var(--amber-bg);color:var(--amber2)}
