@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.top-1\/2{top:50%}.left-1\/2{left:50%}.z-10{z-index:10}.z-50{z-index:50}.z-\[1000\]{z-index:1000}.container{width:100%}.mx-auto{margin-inline:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table\!{display:table!important}.table-header-group{display:table-header-group}.table-row-group{display:table-row-group}.h-\[240px\]{height:240px}.h-full{height:100%}.max-h-screen{max-height:100vh}.w-\[240px\]{width:240px}.w-full{width:100%}.flex-shrink-0{flex-shrink:0}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-full{--tw-translate-x:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-75{--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.resize-none{resize:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.object-cover{-o-object-fit:cover;object-fit:cover}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-transparent{color:#0000}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-20{opacity:.2}.opacity-100{opacity:1}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-300{--tw-duration:.3s;transition-duration:.3s}@media(hover:hover){.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}}.focus\:border-transparent:focus{border-color:#0000}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}html,body{scrollbar-gutter:stable;background-color:#fff2f5;min-height:100%;margin:0;padding:0}body{overflow:hidden auto}body:not(.public-page){width:100vw;height:100vh;overflow:hidden}#root{min-height:100%}img,video,canvas{max-width:100%;height:auto}body:not(.public-page) #root{width:100vw;height:100vh;overflow:hidden}.page-fade-in{animation:.6s ease-out forwards fadeIn}.success-note-overlay{z-index:9999;pointer-events:none;position:fixed;top:20px;left:50%;transform:translate(-50%)}.success-note{color:#fff;pointer-events:auto;background:#10b981;border-radius:9999px;align-items:center;gap:.75rem;padding:1rem 2rem;font-weight:700;display:flex;box-shadow:0 10px 15px -3px #10b9814d}.success-icon{font-size:1.25rem}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}body:not(.public-page) ::-webkit-scrollbar{display:none}body{color:#1f2937}body:not(.public-page){--compact-dd-height:34px;--compact-dd-radius:8px;--compact-dd-font:12px;--compact-dd-pad-y:6px;--compact-dd-pad-x:10px}body:not(.public-page) select,body:not(.public-page) .crm-select-input,body:not(.public-page) .inline-shift-select,body:not(.public-page) .type-dropdown,body:not(.public-page) .filter-select,body:not(.public-page) .premium-dropdown-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:var(--compact-dd-height)!important;height:var(--compact-dd-height)!important;max-height:var(--compact-dd-height)!important;padding:var(--compact-dd-pad-y) 28px var(--compact-dd-pad-y) var(--compact-dd-pad-x)!important;font-size:var(--compact-dd-font)!important;border-radius:var(--compact-dd-radius)!important;background-position:calc(100% - 10px)!important;background-size:9px 9px!important;line-height:1.15!important}body:not(.public-page) select option{font-size:12px;line-height:1.2}body:not(.public-page) .gms-filter-menu,body:not(.public-page) .perm-dropdown-list,body:not(.public-page) .filter-dropdown-options,body:not(.public-page) .premium-dropdown-options,body:not(.public-page) .edit-floor-dropdown-options,body:not(.public-page) .custom-type-dropdown-options,body:not(.public-page) .crm-compact-dd-menu,body:not(.public-page) .action-menu-dropdown,body:not(.public-page) .print-format-dropdown,body:not(.public-page) .select-dropdown-options-premium,body:not(.public-page) .responsive-select-menu,body:not(.public-page) .filter-options{border-radius:10px!important;max-height:180px!important;overflow-y:auto!important}body:not(.public-page) .gms-filter-option,body:not(.public-page) .perm-dropdown-item,body:not(.public-page) .filter-dropdown-option,body:not(.public-page) .premium-dropdown-option,body:not(.public-page) .edit-floor-dropdown-option,body:not(.public-page) .crm-compact-dd-option,body:not(.public-page) .action-menu-dropdown .menu-item,body:not(.public-page) .print-format-dropdown .menu-item,body:not(.public-page) .custom-type-dropdown-options .menu-item,body:not(.public-page) .responsive-select-menu .menu-item,body:not(.public-page) .filter-options .menu-item{min-height:30px!important;padding:6px 10px!important;font-size:12px!important;line-height:1.2!important}@media(max-width:768px){body:not(.public-page){--compact-dd-height:32px;--compact-dd-radius:7px;--compact-dd-font:11px;--compact-dd-pad-y:5px;--compact-dd-pad-x:9px}body:not(.public-page) .gms-filter-menu,body:not(.public-page) .perm-dropdown-list,body:not(.public-page) .filter-dropdown-options,body:not(.public-page) .premium-dropdown-options,body:not(.public-page) .edit-floor-dropdown-options,body:not(.public-page) .custom-type-dropdown-options,body:not(.public-page) .crm-compact-dd-menu,body:not(.public-page) .action-menu-dropdown,body:not(.public-page) .print-format-dropdown,body:not(.public-page) .select-dropdown-options-premium,body:not(.public-page) .responsive-select-menu,body:not(.public-page) .filter-options{max-height:160px!important}body:not(.public-page) .gms-filter-option,body:not(.public-page) .perm-dropdown-item,body:not(.public-page) .filter-dropdown-option,body:not(.public-page) .premium-dropdown-option,body:not(.public-page) .edit-floor-dropdown-option,body:not(.public-page) .crm-compact-dd-option,body:not(.public-page) .action-menu-dropdown .menu-item,body:not(.public-page) .print-format-dropdown .menu-item,body:not(.public-page) .custom-type-dropdown-options .menu-item,body:not(.public-page) .responsive-select-menu .menu-item,body:not(.public-page) .filter-options .menu-item{min-height:28px!important;padding:5px 9px!important;font-size:11px!important}}.landing-page{background:#fff2f5}.container{box-sizing:border-box;width:100%;max-width:1360px;margin:auto;padding:0 20px}.navbar{z-index:1000;background:#fff;border-bottom:1px solid #eee;width:100%;position:fixed;top:0}.nav-flex{justify-content:space-between;align-items:center;height:70px;display:flex}.logo{font-size:2rem;font-weight:700}#sidebarNav{flex:1;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.nav-menu{align-items:center;gap:2rem;margin-left:3rem;font-weight:500;list-style:none;display:flex}.nav-secondary{align-items:center;gap:1.25rem;display:flex}.nav-secondary .dropdown-toggle{border-radius:8px;padding:8px 12px}.nav-demo-btn{color:#fff;cursor:pointer;background:#e11d48;border:none;border-radius:6px;justify-content:center;align-items:center;padding:10px 18px;text-decoration:none;display:inline-flex}.nav-demo-btn:hover{background:#be123c}.dropdown{position:relative}.dropdown-toggle{font:inherit;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:4px;padding:12px 14px;display:inline-flex}.dropdown-arrow{width:14px;height:14px;transition:transform .2s}.dropdown.open .dropdown-arrow{transform:rotate(180deg)}.dropdown.open>.dropdown-toggle{background:#f9eaea;border-radius:8px;padding-left:10px;padding-right:22px}.dropdown-panel{z-index:1200;background:#fff;border:1px solid #eee;border-radius:6px;min-width:220px;margin-top:10px;padding:14px;display:none;position:absolute;top:100%;left:0;box-shadow:0 6px 18px #10182814}.dropdown-panel.wide{min-width:520px}.dropdown-panel[aria-hidden=false]{display:block}.panel-list{margin:0;padding:0;list-style:none}.panel-list li,.panel-list.simple li{padding:0}.pricing-li a{color:#111827;border-radius:8px;padding:12px 14px;font-weight:500;text-decoration:none;display:block}.pricing-li a:hover,.pricing-li a.active{color:#be123c;background:#fdecec}.panel-link{color:#111827;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;display:flex}.panel-link .left{align-items:center;gap:12px;display:flex}.panel-link .left span{display:inline-block}.panel-link .svg-icon{color:inherit}.panel-link:hover,.panel-link.active{color:#be123c;background:#fdecec}.panel-link .item-arrow{opacity:0;visibility:hidden;color:#111827;flex:0 0 28px;justify-content:center;align-items:center;width:28px;height:20px;transition:opacity .12s;display:inline-flex}.panel-link:hover .item-arrow,.panel-link.active .item-arrow{opacity:1;visibility:visible}.types-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.types-grid .type-link{color:#111827;background:0 0;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 14px;text-decoration:none;display:flex}.types-grid .type-link .left{align-items:center;gap:12px;display:flex}.types-grid .type-link:hover,.types-grid .type-link.active{color:#be123c;background:#fdecec}.types-grid .type-link .item-arrow{opacity:0;visibility:hidden;color:#111827;flex:0 0 28px;justify-content:center;align-items:center;width:28px;height:20px;transition:opacity .12s;display:inline-flex}.types-grid .type-link:hover .item-arrow,.types-grid .type-link.active .item-arrow{opacity:1;visibility:visible}.types-grid .type-link .left span{white-space:nowrap}.svg-icon{color:#111827;flex:0 0 20px;width:20px;height:20px}.dropdown-panel.align-right{left:auto;right:0}.resources-dropdown .dropdown-panel{min-width:240px;padding:16px 12px}.resources-list .panel-link{margin:4px 0;padding:14px 18px}.dropdown-panel[aria-hidden=false]:before,.dropdown-panel[aria-hidden=false]:after{content:"";width:0;height:0;position:absolute;left:20px}.dropdown-panel[aria-hidden=false]:before{border-bottom:10px solid #eee;border-left:10px solid #0000;border-right:10px solid #0000;top:-11px}.dropdown-panel[aria-hidden=false]:after{border-bottom:9px solid #fff;border-left:9px solid #0000;border-right:9px solid #0000;top:-9px}.dropdown-panel.wide[aria-hidden=false]:before,.dropdown-panel.wide[aria-hidden=false]:after{left:50%;transform:translate(-50%)}.dropdown-panel.align-right[aria-hidden=false]:before,.dropdown-panel.align-right[aria-hidden=false]:after{left:auto;right:20px;transform:none}.hamburger,.close-btn{cursor:pointer;background:0 0;border:none;font-size:24px;line-height:0;display:none}.hamburger{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:8px}.hamburger svg{width:20px;height:20px}.close-btn{color:#111827}.menu-overlay{z-index:1001;background:#00000080;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.menu-overlay.active{display:block}.hero{background:#fff2f5;margin-top:70px;padding-top:6px;padding-bottom:40px;position:relative;overflow:hidden}.hero:before{content:"";z-index:0;opacity:.18;background-image:radial-gradient(circle,#e11d48 3px,#0000 3px),radial-gradient(circle,#c81e3b 2px,#0000 2px);background-position:0 0,25px 25px;background-size:50px 50px,30px 30px;width:200%;height:200%;animation:12s linear infinite dotScroll;position:absolute;top:-50%;left:-50%}.hero:before,.hero:after{display:none}.hero>*{z-index:1;position:relative}@keyframes dotScroll{0%{transform:translate(0)}to{transform:translate(50px,50px)}}@keyframes dotScrollReverse{0%{transform:translate(0)}to{transform:translate(-80px,-80px)}}.hero-flex{justify-content:space-between;align-items:flex-start;gap:40px;display:flex}.hero-text{flex:1;max-width:500px;margin-left:20px;padding-top:6px}.hero-image{flex:1;justify-content:flex-end;margin-top:-20px;margin-right:-10px}.pricing-li{color:#111827;align-items:center;gap:10px;display:flex}.pricing-li a{color:inherit;font-weight:500;text-decoration:none}.hero-text h1{margin-bottom:14px;font-size:2.6rem;font-weight:700;line-height:1.2}.hero-text p{color:#4b5563;margin-bottom:22px;font-size:1rem;line-height:1.6}.cta-btn{color:#fff;cursor:pointer;background:#e11d48;border:none;border-radius:6px;padding:14px 28px;font-size:1rem}.hero-image img{width:420px;max-width:100%;height:auto;margin-top:0;margin-right:-5px}.trusted-section{text-align:center;background:#fff2f5;padding:6px 20px}.trusted-section h2{color:#1f2937;margin-bottom:10px;font-size:32px;font-weight:700}.trusted-section h2 span{color:#e11d48}.logo-slider{width:100%;margin-top:40px;overflow:hidden}.logo-track{width:-moz-max-content;width:max-content;animation:40s linear infinite scroll-left;display:flex}.logo-track img{filter:grayscale();opacity:1;width:140px;height:120px;margin:0 30px;transition:all .3s}.logo-track img:hover{filter:grayscale(0%);opacity:1;transform:scale(1.05)}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}.pos-features{text-align:center;background:#fff2f5;padding:6px 20px 100px}.pos-tag{color:#e53935;letter-spacing:1.2px;margin-bottom:16px;font-size:14px;font-weight:600}.pos-title{color:#1f2937;margin-bottom:20px;font-size:48px;font-weight:700;line-height:1.25}.pos-desc{color:#d81052;max-width:800px;margin:0 auto;font-size:18px;line-height:1.6}h2{text-align:center}.billing-section{background:#fff2f5;padding:6px 20px 100px}.billing-container{grid-template-columns:1.1fr 1fr;align-items:center;gap:80px;max-width:1200px;margin:0 auto;display:grid}.billing-image .image-bg{background:#e6464b;border-radius:24px;padding:40px;position:relative}.billing-image img{width:100%;max-width:420px;display:block}.billing-content h3{color:#1f2937;margin-bottom:20px;font-size:36px;font-weight:700;line-height:1.3}.billing-content h3 span{color:#e53935}.billing-content p{color:#6b7280;margin-bottom:22px;font-size:17px;line-height:1.7}.billing-link{color:#111827;font-size:16px;font-weight:600;text-decoration:none;transition:transform .2s;display:inline-block}.billing-link:hover{transform:translate(4px)}.inventory-section{background:#fff2f5;padding:6px 20px 100px}.inventory-container{grid-template-columns:1.1fr 1fr;align-items:center;gap:80px;max-width:1200px;margin:0 auto;display:grid}.inventory-bg{background:#f1e3e1;border-radius:24px;padding:40px}.inventory-bg img{width:100%;max-width:420px;display:block}.inventory-content h3{color:#1f2937;margin-bottom:20px;font-size:36px;font-weight:700;line-height:1.3}.inventory-content h3 span{color:#e53935}.inventory-content p{color:#6b7280;margin-bottom:22px;font-size:17px;line-height:1.7}.inventory-link{color:#111827;font-size:16px;font-weight:600;text-decoration:none;transition:transform .2s;display:inline-block}.inventory-link:hover{transform:translate(4px)}.reports-section{background:#fff2f5;padding:6px 20px 100px}.reports-container{grid-template-columns:1.1fr 1fr;align-items:center;gap:80px;max-width:1200px;margin:0 auto;display:grid}.reports-bg{background:#e8f5e9;border-radius:24px;padding:40px}.reports-bg img{width:100%;max-width:420px;display:block}.reports-content h3{color:#1f2937;margin-bottom:20px;font-size:36px;font-weight:700;line-height:1.3}.reports-content h3 span{color:#e53935}.reports-content p{color:#6b7280;margin-bottom:22px;font-size:17px;line-height:1.7}.reports-link{color:#111827;font-size:16px;font-weight:600;text-decoration:none;transition:transform .2s;display:inline-block}.reports-link:hover{transform:translate(4px)}.ordering-section{background:#fff2f5;padding:6px 20px 100px}.ordering-container{grid-template-columns:1.1fr 1fr;align-items:center;gap:80px;max-width:1200px;margin:0 auto;display:grid}.ordering-bg{background:#fff3e0;border-radius:24px;padding:40px}.ordering-bg img{width:100%;max-width:420px;display:block}.ordering-content h3{color:#1f2937;margin-bottom:20px;font-size:36px;font-weight:700;line-height:1.3}.ordering-content h3 span{color:#e53935}.ordering-content p{color:#6b7280;margin-bottom:22px;font-size:17px;line-height:1.7}.ordering-link{color:#111827;font-size:16px;font-weight:600;text-decoration:none;transition:transform .2s;display:inline-block}.ordering-link:hover{transform:translate(4px)}.marketplace-section{text-align:center;background:#fff2f5;padding:6px 20px 80px}.marketplace-tag{color:#e53935;letter-spacing:1.2px;margin-bottom:16px;font-size:14px;font-weight:600}.marketplace-title{color:#1f2937;margin-bottom:50px;font-size:42px;font-weight:700;line-height:1.3}.marketplace-container{text-align:left;grid-template-columns:1fr 1.2fr;align-items:center;gap:60px;max-width:1200px;margin:0 auto;display:grid}.marketplace-menu ul{padding:0;list-style:none}.marketplace-menu li{color:#6b7280;cursor:pointer;border-radius:8px;padding:18px 20px;font-size:18px;font-weight:500;transition:all .3s}.marketplace-menu li.active{color:#e11d48;background:#fdecec}.marketplace-menu li.active p{color:#6b7280;margin-top:12px;font-size:14px;font-weight:400;display:block}.marketplace-menu li p{display:none}.marketplace-menu li a{color:#e11d48;margin-top:12px;font-size:14px;font-weight:600;text-decoration:none;display:inline-block}.marketplace-visual .visual-bg{background:#f3f4f6;border-radius:16px;padding:30px}.marketplace-visual img{width:100%;display:block}.integrations-section{background:#fff2f5;padding:6px 20px 80px}.integrations-top{grid-template-columns:1fr 1fr;align-items:center;gap:60px;max-width:1200px;margin:0 auto 60px;display:grid}.integrations-tag{color:#e53935;letter-spacing:1.2px;margin-bottom:16px;font-size:14px;font-weight:600}.integrations-title{color:#1f2937;margin-bottom:20px;font-size:42px;font-weight:700;line-height:1.3}.integrations-desc{color:#6b7280;margin-bottom:24px;font-size:17px;line-height:1.7}.integrations-btn{color:#111827;font-size:16px;font-weight:600;text-decoration:none;transition:transform .2s;display:inline-block}.integrations-btn:hover{transform:translate(4px)}.integrations-visual img{width:100%;max-width:400px;margin:0 auto;display:block}.integrations-grid{grid-template-columns:repeat(10,1fr);gap:16px;max-width:1200px;margin:0 auto;display:grid}.integration-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:center;align-items:center;padding:20px;transition:all .3s;display:flex}.integration-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.integration-card img{width:100%;max-width:80px;height:auto}.integration-text{color:#6b7280;text-align:center;background:#f9fafb;border-radius:12px;justify-content:center;align-items:center;padding:20px;font-size:13px;font-weight:600;display:flex}.outlet-section{text-align:center;background:#fff2f5;padding:6px 20px 80px}.outlet-tag{color:#e53935;letter-spacing:1.2px;margin-bottom:16px;font-size:14px;font-weight:600}.outlet-title{color:#1f2937;margin-bottom:16px;font-size:42px;font-weight:700;line-height:1.3}.outlet-subtitle{color:#6b7280;max-width:700px;margin:0 auto 50px;font-size:17px;line-height:1.7}.outlet-grid{grid-template-columns:repeat(5,1fr);gap:24px;max-width:1000px;margin:0 auto;display:grid}.outlet-card{text-align:center;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px 16px;transition:all .3s}.outlet-card:hover{border-color:#e11d48;transform:translateY(-4px);box-shadow:0 4px 12px #0000001a}.outlet-card img{width:80px;height:80px;margin:0 auto 16px;display:block}.outlet-card p{color:#1f2937;font-size:14px;font-weight:600;line-height:1.4}.testimonial-section{background:#fff2f5;padding:6px 20px 80px}.testimonial-section .container{max-width:1200px;margin:0 auto}.testimonial-slider{max-width:1000px;margin:0 auto;position:relative}.testimonial-slide{opacity:0;transition:opacity .5s;display:none}.testimonial-slide.active{opacity:1;display:block}.testimonial-card{background:#fff;border-radius:16px;grid-template-columns:200px 1fr;align-items:center;gap:40px;padding:40px;display:grid;box-shadow:0 4px 20px #00000014}.testimonial-image img{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:180px;height:180px}.testimonial-quote{color:#374151;margin-bottom:20px;font-size:16px;line-height:1.8}.testimonial-author{color:#1f2937;margin-bottom:4px;font-size:18px;font-weight:700}.testimonial-role{color:#6b7280;margin-bottom:16px;font-size:14px}.testimonial-brand-logo img{width:100px;height:auto}.testimonial-dots{justify-content:center;gap:12px;margin-top:30px;display:flex}.testimonial-dots .dot{cursor:pointer;background:#d1d5db;border-radius:50%;width:12px;height:12px;transition:all .3s}.testimonial-dots .dot.active{background:#e11d48;border-radius:6px;width:32px}.stats-grid-horizontal{grid-template-columns:repeat(3,1fr);gap:40px;max-width:1000px;margin:60px auto 0;display:grid}.stat-card-horizontal{text-align:center}.stat-icon-svg{width:80px;height:80px;margin:0 auto 20px}.stat-number{color:#1f2937;margin-bottom:8px;font-size:48px;font-weight:700}.stat-label{color:#6b7280;font-size:16px}.ratings-section{background:#fff2f5;padding:6px 20px}.ratings-grid{grid-template-columns:repeat(3,1fr);gap:30px;max-width:1200px;margin:0 auto;display:grid}.rating-card{text-align:center;background:#fff;border-radius:12px;padding:40px 30px;box-shadow:0 2px 8px #0000000f}.rating-text{color:#374151;margin-bottom:24px;font-size:16px;line-height:1.6}.rating-logo{width:120px;height:auto;margin:0 auto;display:block}.demo-section{background:#fff2f5;padding:6px 20px 80px}.demo-container{grid-template-columns:1fr 1fr;align-items:center;gap:80px;max-width:1200px;margin:0 auto;display:grid}.demo-form h2{color:#1f2937;text-align:left;margin-bottom:12px;font-size:36px;font-weight:700}.demo-subtitle{color:#6b7280;margin-bottom:32px;font-size:16px}.form-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:20px;display:grid}.form-group{flex-direction:column;display:flex}.form-group label{color:#374151;margin-bottom:8px;font-size:14px;font-weight:600}.form-group input{border:1px solid #d1d5db;border-radius:8px;padding:12px 16px;font-size:15px;transition:border-color .2s}.form-group input:focus{border-color:#e11d48;outline:none}.submit-btn{color:#fff;cursor:pointer;background:#e11d48;border:none;border-radius:8px;margin-top:12px;padding:14px 32px;font-size:16px;font-weight:600;transition:background .2s}.submit-btn:hover{background:#be123c}.demo-illustration img{width:100%;max-width:500px;margin:0 auto;display:block}.footer{color:#d1d5db;background:#1f2937;padding:6px 20px 30px}.footer-top{grid-template-columns:repeat(5,1fr);gap:40px;max-width:1200px;margin:0 auto 40px;display:grid}.footer-col h4{color:#fff;margin-bottom:20px;font-size:16px;font-weight:600}.footer-col ul{padding:0;list-style:none}.footer-col ul li{margin-bottom:12px}.footer-col ul li a{color:#d1d5db;font-size:14px;text-decoration:none;transition:color .2s}.footer-col ul li a:hover{color:#fff}.footer-btn{color:#fff;background:#e11d48;border-radius:8px;margin-top:20px;padding:12px 24px;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s;display:inline-block}.footer-btn:hover{background:#be123c}.footer-company p{color:#d1d5db;font-size:14px;line-height:1.8}.footer-middle{border-top:1px solid #374151;border-bottom:1px solid #374151;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto 30px;padding:30px 0;display:flex}.footer-logo img{width:150px;height:auto}.footer-social{gap:24px;display:flex}.footer-social a{color:#d1d5db;font-size:14px;text-decoration:none;transition:color .2s}.footer-social a:hover{color:#fff}.footer-contact{flex-direction:column;gap:8px;display:flex}.footer-contact a{color:#d1d5db;font-size:14px;text-decoration:none;transition:color .2s}.footer-contact a:hover{color:#fff}.footer-bottom{text-align:center;max-width:1200px;margin:0 auto}.footer-bottom p{color:#9ca3af;font-size:13px}.footer-bottom a{color:#9ca3af;text-decoration:none;transition:color .2s}.footer-bottom a:hover{color:#fff}@media(max-width:900px){.hamburger{display:inline-flex}#sidebarNav{z-index:1002;background:#fff;flex-direction:column;width:320px;max-width:85vw;height:100vh;padding:6px 0 32px;transition:right .35s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:-100%;overflow-y:auto;box-shadow:-10px 0 40px #00000026}#sidebarNav.active{right:0}.close-btn{background:#f3f4f6;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:28px;display:flex;position:absolute;top:20px;right:20px}.nav-menu{flex-direction:column;width:100%;margin:0;padding:0;display:flex}.hero-flex{text-align:center;flex-direction:column}.hero-text h1{font-size:1.8rem}.billing-container,.inventory-container,.reports-container,.ordering-container,.marketplace-container,.integrations-top,.demo-container{grid-template-columns:1fr;gap:40px}.outlet-grid{grid-template-columns:repeat(2,1fr)}.stats-grid-horizontal,.ratings-grid{grid-template-columns:1fr}.footer-top{grid-template-columns:repeat(2,1fr)}.footer-middle{flex-direction:column;gap:24px}.integrations-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:576px){.pos-title{font-size:28px}.outlet-grid{grid-template-columns:1fr}.testimonial-card{text-align:center;grid-template-columns:1fr}.footer-top{grid-template-columns:1fr}.integrations-grid{grid-template-columns:repeat(2,1fr)}}html,body{width:100%;min-height:100vh;overflow-x:hidden}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}.admin-layout .container{width:100%;max-width:none;margin:0;padding:0}.admin-layout .main-content>*,.admin-layout .layout-content>*{box-sizing:border-box;width:100%}.admin-layout .page-wrapper,.admin-layout .section-wrapper,.admin-layout .content-wrapper{width:100%;max-width:none;margin-left:0;margin-right:0;padding-left:0;padding-right:0}.admin-layout h2{margin-top:0}.admin-layout .layout-content{overflow:hidden}.admin-layout .layout-content>:first-child,.admin-layout .main-content{margin-top:0}.admin-layout .layout-content>*,.admin-layout .reservation-management-container,.admin-layout .room-service-container,.admin-layout .housekeeping-view-container,.admin-layout .bookings-section,.admin-layout .add-booking-container,.admin-layout .gms-wrapper,.admin-layout .dashboard-home,.admin-layout .my-profile-container,.admin-layout .rooms-page,.admin-layout .rooms-section,.admin-layout .dashboard-content,.admin-layout .admin-profile-section{margin-top:0!important;padding-top:0!important}.admin-layout .reservation-management-container,.admin-layout .room-setup-container,.admin-layout .dashboard-home{box-sizing:border-box;width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:12px!important;padding-right:12px!important}.admin-layout .reservation-page-layout .layout-main-card,.admin-layout .rooms-page-layout .layout-main-card,.admin-layout .dashboard-page-layout .layout-main-card{padding-left:0!important;padding-right:0!important}@media(min-width:1400px){.admin-layout .reservation-management-container,.admin-layout .room-setup-container,.admin-layout .dashboard-home{padding-left:18px!important;padding-right:18px!important}}input,input[type=text],input[type=number],input[type=email],input[type=password],select,textarea{color:#000!important;-webkit-text-fill-color:#000!important;opacity:1!important}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af!important;-webkit-text-fill-color:#9ca3af!important;opacity:.6!important}input::placeholder,textarea::placeholder{color:#9ca3af!important;-webkit-text-fill-color:#9ca3af!important;opacity:.6!important}input:-webkit-autofill{-webkit-text-fill-color:#000!important;color:#000!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}input:-webkit-autofill:hover{-webkit-text-fill-color:#000!important;color:#000!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}input:-webkit-autofill:focus{-webkit-text-fill-color:#000!important;color:#000!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}input:-webkit-autofill:active{-webkit-text-fill-color:#000!important;color:#000!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}select:-webkit-autofill{-webkit-text-fill-color:#000!important;color:#000!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}select:-webkit-autofill:hover{-webkit-text-fill-color:#000!important;color:#000!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}select:-webkit-autofill:focus{-webkit-text-fill-color:#000!important;color:#000!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}select:-webkit-autofill:active{-webkit-text-fill-color:#000!important;color:#000!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}select option,select optgroup{color:#000!important;background-color:#fff!important}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}.topbar{width:100%;padding:10px 0;text-align:center;font-size:14px;font-weight:500;background:#e11d48;color:#fff;z-index:1001}.topbar strong{color:#fbc02d}.landing-navbar{position:sticky;top:0;background:#fff;border-bottom:2px solid #f3f4f6;z-index:1000}.landing-navbar .nav-flex{display:flex;align-items:center;justify-content:space-between;height:80px;padding:0;max-width:1360px;margin:0 auto;width:100%}.logo-link{display:flex;align-items:center;background:#fff;padding:4px 0;border-radius:8px}.navbar-logo{height:55px;width:auto;filter:saturate(1.8) contrast(1.1) brightness(1.05);transition:transform .3s ease}.desktop-nav{display:flex;align-items:center;flex:1;justify-content:flex-end;margin-left:1.25rem;min-width:0;gap:clamp(12px,2vw,28px)}nav#sidebarNav{display:none}@media(min-width:901px){.landing-navbar .hamburger{display:none}.landing-navbar .desktop-nav{display:flex}.desktop-nav .nav-menu{position:static;transform:none}nav#sidebarNav{display:none!important}}.nav-menu{display:flex;list-style:none;margin:0;padding:0;align-items:center;gap:clamp(12px,1.8vw,24px)}.nav-item{list-style:none}.nav-link{display:block;padding:.5rem .2rem;margin:0;color:#4b5563;font-weight:800;font-size:clamp(1rem,1.4vw,1.22rem);letter-spacing:.02rem;position:relative;white-space:nowrap;transition:color .3s ease}.nav-link:hover,.nav-link.active{color:#e11d48}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:3px;background:#e11d48;transform:scaleX(0);transform-origin:right;transition:transform .3s ease}.nav-link:hover:after,.nav-link.active:after{transform:scaleX(1);transform-origin:left}.nav-secondary{display:flex;align-items:center;flex-shrink:0;margin-left:auto}.demo-btn{background:#e11d48;color:#fff;padding:.6rem 1.25rem;border-radius:6px;text-decoration:none;font-weight:600;font-size:.94rem;transition:.2s;box-shadow:0 2px 8px #e11d4840;margin-left:0;margin-right:0;white-space:nowrap}.demo-btn:hover{background:#be123c}.hamburger{display:none;background:none;border:none;cursor:pointer}.hamburger svg{width:26px;height:26px}.close-btn{display:none;position:absolute;top:20px;right:20px;font-size:28px;border:none;background:none;cursor:pointer}.sidebar-close-btn{display:none;position:absolute;top:16px;right:16px;background:none;border:none;cursor:pointer;color:#4b5563;padding:4px;border-radius:6px;transition:background .2s,color .2s;z-index:10}.sidebar-close-btn:hover{background:#fef2f2;color:#e11d48}.menu-overlay{position:fixed;inset:0;background:transparent;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:1001}.menu-overlay.active{opacity:1;pointer-events:auto}@media(min-width:901px)and (max-width:1100px){.landing-navbar .nav-flex{height:72px}.navbar-logo{height:44px}.desktop-nav{margin-left:.8rem;gap:12px}.nav-menu{gap:14px}.nav-link{font-size:.98rem}.demo-btn{padding:.55rem .9rem;font-size:.86rem}}@media(min-width:901px)and (max-width:1024px){.navbar-logo{height:38px}.nav-menu{gap:10px}.nav-link{font-size:.9rem;letter-spacing:.01rem;padding:.45rem .05rem}.demo-btn{padding:.5rem .7rem;font-size:.8rem}}@media(max-width:900px){.hamburger{display:inline-flex;align-items:center;justify-content:center}.desktop-nav{display:none}.landing-navbar .nav-flex{height:64px}.navbar-logo{height:40px}nav#sidebarNav{display:flex;position:fixed;top:46px;right:12px;left:auto;transform:translate(calc(100% + 20px));width:min(360px,calc(100vw - 24px));max-width:min(360px,calc(100vw - 24px));height:auto;max-height:calc(100dvh - 24px);background:linear-gradient(180deg,#fff,#fff8fa);z-index:1002;transition:transform .3s cubic-bezier(.22,1,.36,1);padding:10px 16px 14px;flex-direction:column;align-items:stretch;justify-content:flex-start;border-radius:20px;border:1px solid #f2d7df;box-shadow:0 20px 48px #0f172a33;overflow-y:auto;-webkit-overflow-scrolling:touch}nav#sidebarNav.active{transform:translate(0)}.sidebar-close-btn{display:block;position:absolute;top:6px;right:8px;background:#f8fafc;border:1px solid #e2e8f0;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center}nav#sidebarNav .nav-menu{flex-direction:column;gap:0;width:100%;margin:0;padding:0 38px 0 0}nav#sidebarNav .nav-item{width:100%;border-bottom:1px solid #f1f5f9}nav#sidebarNav .nav-link{width:100%;padding:.72rem .8rem;font-size:1.02rem;border-radius:12px;color:#475569;border:1px solid transparent;margin:0}nav#sidebarNav .nav-link:hover,nav#sidebarNav .nav-link.active{background:#fef2f2;color:#e11d48;border-color:#fecdd3}nav#sidebarNav .nav-link:after{bottom:-1px;height:2px}nav#sidebarNav .nav-secondary{margin-top:10px;display:flex;justify-content:center;width:100%;position:static;padding-top:0;background:transparent}nav#sidebarNav .demo-btn{display:block;text-align:center;padding:.82rem 1rem;margin-left:0;margin-right:0;width:100%;border-radius:10px;font-weight:700;box-shadow:0 10px 22px #e11d4847}}@media(max-width:480px){.topbar{font-size:11px;padding:7px 10px}.navbar-logo{height:35px}.landing-navbar .nav-flex{height:58px;padding:0 14px}.nav-link{font-size:1rem}}.landing-hero{padding:80px 0;margin-top:0;background:linear-gradient(135deg,#fff,#fde7ec 60%,#f8d7df);position:relative;overflow-x:hidden;overflow-y:visible}.landing-hero .hero-container,.landing-hero .hero-flex{display:flex;align-items:center;justify-content:space-between;gap:40px;max-width:1360px;margin:0 auto;padding:0;width:100%;box-sizing:border-box}.landing-hero .hero-text{flex:1.5;max-width:750px;margin-left:0;padding-left:0}.landing-hero .hero-text h1{font-size:44px;line-height:1.25;font-weight:800;color:#111827;margin-bottom:1rem}.hero-accent{color:#e11d48;font-weight:800}.hero-description{font-size:18px;line-height:1.6;color:#4b5563;margin:20px 0;max-width:580px}.landing-hero .hero-cta{display:inline-block;padding:12px 25px;font-size:16px;font-weight:600;border-radius:8px;background:#e11d48;color:#fff;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px #e11d4863}.landing-hero .hero-cta:hover{background:#e6003d;transform:translateY(-2px);box-shadow:0 6px 20px #e11d4873;color:#fff}.hero-img-container{flex:1;display:flex;justify-content:flex-end;position:relative;margin-right:0;min-width:280px}.hero-banner-img{width:100%;max-width:680px;height:auto;-o-object-fit:contain;object-fit:contain;background:transparent;margin-right:0;transition:all .6s cubic-bezier(.34,1.56,.64,1);cursor:pointer;animation:heroFloating 5s ease-in-out infinite alternate;animation-delay:1.8s}.hero-banner-img:hover{transform:scale(1.05) rotateX(2deg) rotateY(-2deg)!important;filter:drop-shadow(0 20px 40px rgba(225,29,72,.15))}@media(max-width:1200px){.landing-hero .hero-banner-img{max-width:580px}}@media(max-width:992px){.landing-hero{padding:70px 18px}.landing-hero .hero-text h1{font-size:36px}}@media(max-width:768px){.landing-hero{padding:60px 20px}.landing-hero .hero-flex{flex-direction:column;text-align:center;gap:18px}.landing-hero .hero-left{order:1;width:100%;max-width:100%}.landing-hero .hero-right{order:2;width:100%;justify-content:center}.landing-hero .hero-banner-img{max-width:300px;margin-top:10px}.landing-hero .hero-text h1{font-size:28px}.landing-hero .hero-description{font-size:14px}.landing-hero .hero-cta{width:100%;max-width:320px}}.hero-title{overflow:hidden}.line{display:inline-block;opacity:0;transform:translateY(40px);animation:slideUpFade .9s ease forwards}.line-1{animation-delay:.2s}.line-1b{animation-delay:.35s}.line-2{animation-delay:.6s}.hero-animate{opacity:0;transform:translateY(30px);animation:slideUpFade 1s ease forwards;animation-delay:1s}.hero-img-animate{opacity:0;transform:translate(60px);animation:slideRightFade 1s ease forwards;animation-delay:.8s}@keyframes slideUpFade{to{opacity:1;transform:translateY(0)}}@keyframes slideRightFade{0%{opacity:0;transform:translate(100px) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes heroFloating{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(.5deg)}to{transform:translateY(0) rotate(0)}}.hero-accent{animation-name:slideUpFade,popBounce;animation-duration:.9s,.6s;animation-delay:.6s,1.4s;animation-fill-mode:forwards}@keyframes popBounce{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.particles-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.particles-canvas{display:block;width:100%;height:100%}.cursor-sparkle{position:absolute;pointer-events:none;background:#fff;border-radius:50%;animation:sparkleFade .8s forwards;z-index:100}.cursor-sparkle.star{background:transparent;width:10px;height:10px;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);background-color:#e11d4899}@keyframes sparkleFade{0%{opacity:1;transform:translate(-50%,-50%) scale(.5)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.5)}}@media(max-width:768px){.particles-container{display:none}}.floating-dashboard-container{display:flex;justify-content:center;width:100%;margin-top:30px;position:relative;z-index:10;padding:0 10px;margin-left:10px}.floating-dashboard-card{background:#fff;border:3px solid #E11D48;border-radius:16px;box-shadow:0 20px 60px #00000026;overflow:hidden;width:100%;max-width:1400px;max-height:600px;animation:floatUpDown 4s ease-in-out infinite}.dashboard-preview-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;display:block}@keyframes floatUpDown{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}@media(max-width:768px){.floating-dashboard-container{margin-top:-40px}.floating-dashboard-card{width:95%;max-width:none}}.three-col-features{background-color:#f4f6f8;padding:80px 20px 120px;width:100%}.three-col-container{max-width:1350px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;align-items:stretch}.feature-col{display:flex;flex-direction:column;justify-content:flex-start;height:100%;background:#fff;border:2px solid #e63946;border-radius:12px;padding:30px;box-shadow:0 12px #e63946;transform:translateY(-6px);transition:all .2s ease-out;opacity:0;animation:fadeUp .8s ease-out forwards}.feature-col:hover{transform:translateY(-10px);box-shadow:0 16px #e63946}.feature-col:nth-child(1){animation-delay:.1s}.feature-col:nth-child(2){animation-delay:.2s}.feature-col:nth-child(3){animation-delay:.3s}.feature-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.feature-number{flex-shrink:0;width:60px;height:60px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:22px;font-weight:700;background-color:#fff;color:#111827;box-shadow:0 4px 12px #00000014;transition:all .3s ease}.feature-number:hover{background-color:#e11d48;color:#fff;transform:scale(1.1);box-shadow:0 8px 20px #e11d4866}.feature-heading{font-size:24px;font-weight:800;color:#000;margin:0;line-height:1.3}.feature-desc{font-size:16px;color:#000;font-weight:600;line-height:1.6;margin-top:0;padding-left:0}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.three-col-container{grid-template-columns:repeat(1,1fr);max-width:600px;gap:60px}.feature-col{align-items:flex-start}}.why-section{position:relative;width:100%;padding:60px 0 100px;overflow:hidden;background:#f8f9fb}.why-section h2{font-size:42px;font-weight:800;text-align:center;margin-bottom:10px;color:#000}.why-section h2 span{color:#e11d48}.why-section p.subtitle{text-align:center;font-size:18px;color:#6b7280;max-width:650px;margin:0 auto 30px}.why-layout{position:relative;width:1200px;max-width:95%;margin:auto auto -64px;min-height:650px}.c-center-wrap{position:absolute;width:650px;height:408px;left:50%;transform:translate(-50%);top:10px;z-index:2;overflow:hidden;border-radius:18px;background:transparent!important;box-shadow:none!important;border:none!important}.c-center-wrap:after{display:none}.features-grid{grid-template-columns:1fr;gap:3rem}.c-center{width:100%;height:auto;display:block;clip-path:inset(0 0 42px 0);transform:translateZ(0);filter:none!important;image-rendering:-webkit-optimize-contrast}.why-card{position:absolute;width:300px;height:auto;background:#fff;border-radius:12px;border:2px solid #e63946;box-shadow:0 12px #e63946;transform:translateY(-6px);padding:0;transition:all .2s ease-out;z-index:5;overflow:hidden}.why-card img{width:100%;height:auto;-o-object-fit:contain;object-fit:contain;display:block}.card-top-right{top:5px;right:-40px;width:290px;margin-top:-100px}.card-bottom-right{top:340px;right:-40px;bottom:auto;height:auto;width:300px}.card-top-left{top:5px;left:-40px;margin-top:-100px}.card-bottom-left{top:340px;left:-40px;bottom:auto}.card-bottom-center{position:absolute;top:396px;bottom:auto;left:50%;transform:translate(-50%);transition:transform .3s ease,opacity .3s ease;width:300px}.why-card.card-bottom-center:hover{transform:translate(-50%) translateY(-10px);box-shadow:0 16px #e63946}.why-card:not(.card-bottom-center):hover{transform:translateY(-10px);box-shadow:0 16px #e63946}.c-center:hover{filter:none!important}@media(max-width:1200px){.c-center-wrap{width:420px;height:272px}.c-center-wrap:after{display:none}.why-card{width:220px}.card-top-left{left:20px}.card-top-right{right:5px}.card-bottom-left{left:5px}.card-bottom-right{right:5px}}@media(max-width:900px){.why-layout{display:flex;flex-direction:column;align-items:center;gap:0;height:auto;min-height:auto}.why-layout>*+*{margin-top:28px}.c-center-wrap{position:relative;top:auto;left:auto;transform:none;width:90%;max-width:400px;height:auto;margin-bottom:0}.c-center{width:100%;clip-path:inset(0 0 28px 0)}.c-center-wrap:after{display:none}.why-card{position:relative;inset:auto!important;transform:translateY(-6px)!important;margin-bottom:24px;width:85%;box-shadow:0 10px #e63946!important;border:2px solid #e63946!important}.why-card:hover{transform:translateY(-8px)!important;box-shadow:0 14px #e63946!important}.card-bottom-center{width:80%}}@media(max-width:600px){.why-section .subtitle,.why-section p.subtitle{text-align:center!important;margin-left:auto!important;margin-right:auto!important;width:100%!important;display:block!important}}.services-section{position:relative;padding:30px 0 100px;overflow:hidden;background:#fff}.services-container{max-width:1200px;margin:0 auto;text-align:center;position:relative;z-index:2}.services-title{font-size:42px;font-weight:800;color:#d61c3c;margin-bottom:12px}.services-subtitle{font-size:18px;color:#555;margin-bottom:40px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;max-width:1100px;margin:0 auto;align-items:start}.services-col{display:flex;flex-direction:column;gap:60px;align-items:center}.service-card{background:#fff!important;border:2px solid #e63946!important;border-radius:16px;padding:15px;width:350px;height:auto;box-shadow:0 12px #e63946!important;transform:translateY(-6px);transition:all .2s ease-out;opacity:1!important;font-weight:700;color:#000}.service-card:hover{transform:translateY(-10px)!important}.service-card img{width:100%;height:auto;display:block;-o-object-fit:contain;object-fit:contain}.service-card.show{opacity:1;transform:translateY(0)}.service-card.show:hover{transform:translateY(-10px);box-shadow:0 16px #e63946!important}@media(max-width:1024px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.services-grid{grid-template-columns:1fr}}.faq-section{padding:0 0 60px;margin-top:-20px;position:relative;background:#fff2f5;opacity:0;transform:translateY(40px);transition:all .8s ease}.faq-section.show{opacity:1;transform:translateY(0)}.faq-container{max-width:1300px;width:98%;margin:0 auto;padding:0 20px}.faq-title{font-size:42px;font-weight:700;text-align:center;margin-bottom:15px;color:#111}.faq-subtitle{text-align:center;color:#666;margin-bottom:30px;font-size:18px}.faq-item{border-radius:18px;margin-bottom:20px;overflow:hidden;transition:all .3s ease;background:transparent}.faq-question{padding:20px 25px;font-size:18px;font-weight:800;cursor:pointer;display:flex;justify-content:space-between;align-items:center;background:#fff;border:2px solid #e63946;border-radius:12px;box-shadow:0 8px #e63946;transform:translateY(-4px);transition:all .2s ease-out;color:#000}.faq-question:hover{transform:translateY(-6px);box-shadow:0 12px #e63946}.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .3s ease;padding:0 25px;color:#555;font-size:16px;line-height:1.6;background:transparent}.faq-item.active .faq-answer{max-height:200px;padding:20px 25px}.faq-icon{display:flex;align-items:center;justify-content:center;background-color:#e11d48;width:32px;height:32px;border-radius:50%;flex-shrink:0}@media(max-width:768px){.faq-title{font-size:32px}.faq-question{font-size:16px;padding:15px 20px}}.testimonial-section{padding:100px 20px;background:radial-gradient(circle at center,#fff,#fff5f8 40%,#ffe6eb);position:relative}.testimonial-container{max-width:1400px;width:95%;margin:auto;text-align:center}.testimonial-title{font-size:40px;font-weight:700;margin-bottom:10px}.testimonial-title span{background:linear-gradient(to right,#e11d48,#e31e24);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.testimonial-subtitle{color:#6b7280;margin-bottom:50px;font-size:18px}.testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px}.testimonial-card{background:#fff;border-radius:20px;padding:32px 28px;box-shadow:0 15px 35px #e11d481a;transition:all .3s ease;display:flex;flex-direction:column;justify-content:space-between;text-align:left}.testimonial-card:hover{transform:translateY(-6px);box-shadow:0 12px 30px #00000014}.testimonial-card .card-header{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:5px;background:transparent;padding:0}.client-info{display:flex;align-items:center;gap:15px}.client-info img{width:60px;height:60px;border-radius:50%;border:3px solid #e11d48}.client-name{font-size:18px;font-weight:600;margin-bottom:2px;white-space:nowrap;color:#111827}.client-info p{margin:0;font-size:14px;color:#6b7280}.stars{color:#e11d48;font-size:18px;margin:0}.testimonial-card p{margin:10px 0 0;padding:0;line-height:1.6;color:#555}.testimonial-card .review-text{margin:0;padding:0;max-width:100%}.why-section{position:relative;width:100%;padding:60px 0 100px;overflow:hidden;background:#fff2f5}.pos-features{padding:60px 20px;text-align:center;background:#fff2f5}.pos-tag{color:#e11d48;font-weight:600;font-size:.9rem;letter-spacing:1px;margin-bottom:1rem}.pos-title{font-size:2.5rem;color:#1f2937;margin-bottom:1rem;font-weight:700}.pos-desc{font-size:1.1rem;color:#6b7280;line-height:1.6}.billing-section,.inventory-section,.reports-section,.ordering-section,.testimonial-section{padding:80px 20px;background:#fff2f5}.billing-container,.inventory-container,.reports-container,.ordering-container{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:4rem}.inventory-container,.ordering-container{flex-direction:row-reverse}.billing-image,.inventory-image,.reports-image,.ordering-image{flex:1}.image-bg,.inventory-bg,.reports-bg,.ordering-bg{background:linear-gradient(135deg,#fef2f4,#fff);border-radius:20px;padding:2rem;box-shadow:0 10px 40px #0000001a}.image-bg img,.inventory-bg img,.reports-bg img,.ordering-bg img{width:100%;height:auto;border-radius:12px}.billing-content,.inventory-content,.reports-content,.ordering-content{flex:1}.billing-content h3,.inventory-content h3,.reports-content h3,.ordering-content h3{font-size:2.5rem;color:#1f2937;margin-bottom:1.5rem;line-height:1.2}.billing-content h3 span,.inventory-content h3 span,.reports-content h3 span,.ordering-content h3 span{color:#e11d48}.billing-content p,.inventory-content p,.reports-content p,.ordering-content p{font-size:1.1rem;color:#6b7280;line-height:1.6;margin-bottom:2rem}.billing-link,.inventory-link,.reports-link,.ordering-link{color:#e11d48;font-weight:600;text-decoration:none;font-size:1.1rem;transition:all .3s;display:inline-flex;align-items:center;gap:.5rem}.billing-link:hover,.inventory-link:hover,.reports-link:hover,.ordering-link:hover{gap:1rem;color:#be123c}.services-section{position:relative;padding:30px 0 100px;overflow:hidden;background:#fff2f5}.features-section.landing-features{padding:80px 20px;background:#fff2f5;text-align:center}.features-heading{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:.75rem;line-height:1.25}.features-subheading{font-size:1rem;color:#4b5563;margin-bottom:3rem;max-width:560px;margin-left:auto;margin-right:auto}.features-grid,.three-col-features{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1200px;margin:0 auto;background-color:#fff2f5;padding:80px 20px 120px;width:100%}.feature-card{background:#fff;border-radius:12px;padding:2.5rem 2rem;box-shadow:0 12px #e63946;border:2px solid #e63946;text-align:center;transform:translateY(-6px);transition:all .2s ease-out;display:flex;flex-direction:column;align-items:center;height:100%;margin-bottom:40px}.feature-card:hover{transform:translateY(-8px);box-shadow:0 16px #e63946}.feature-icon-wrap{width:80px;height:80px;margin:0 auto 1.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.feature-card:hover .feature-icon-wrap{transform:scale(1.1)}.feature-icon{display:flex;align-items:center;justify-content:center}.feature-icon svg{width:40px;height:40px}.feature-title{font-size:1.25rem;font-weight:800;color:#000;margin-bottom:.75rem;letter-spacing:-.01em}.feature-desc{font-size:1rem;color:#000;font-weight:600;line-height:1.6;margin:0;max-width:300px}@media(max-width:900px){.features-grid{grid-template-columns:1fr;gap:3.5rem}.features-heading{font-size:1.5rem}}@media(max-width:768px){.pos-title{font-size:1.8rem}.pos-desc{font-size:1rem}.billing-container,.inventory-container,.reports-container,.ordering-container{flex-direction:column;gap:2rem}.inventory-container,.ordering-container{flex-direction:column}.billing-content h3,.inventory-content h3,.reports-content h3,.ordering-content h3{font-size:1.8rem}.billing-content p,.inventory-content p,.reports-content p,.ordering-content p{font-size:1rem}}.marketplace-section{padding:6px 20px 80px;background:#fff;text-align:center}.marketplace-tag{color:#e11d48;font-weight:600;font-size:.9rem;letter-spacing:1px;margin-bottom:1rem}.marketplace-title{font-size:2.5rem;color:#1f2937;margin-bottom:3rem;font-weight:700}.marketplace-container{max-width:1200px;margin:0 auto;display:flex;gap:4rem;align-items:center;text-align:left}.marketplace-menu{flex:1}.marketplace-menu ul{list-style:none;margin:0;padding:0}.marketplace-menu li{padding:1.5rem;border-bottom:1px solid #e5e7eb;cursor:pointer;transition:all .3s;font-size:1.2rem;color:#6b7280}.marketplace-menu li:hover{color:#1f2937;background:#f9fafb}.marketplace-menu li.active{color:#e11d48;font-weight:600;background:#fef2f4;border-left:4px solid #e11d48}.marketplace-menu li p{margin-top:1rem;font-size:1rem;color:#6b7280;line-height:1.6;font-weight:400}.marketplace-menu li a{display:inline-block;margin-top:1rem;color:#e11d48;text-decoration:none;font-weight:600;transition:all .3s}.marketplace-menu li a:hover{color:#be123c}.marketplace-visual{flex:1}.visual-bg{background:linear-gradient(135deg,#fef2f4,#fff);border-radius:20px;padding:2rem;box-shadow:0 10px 40px #0000001a}.visual-bg img{width:100%;height:auto;border-radius:12px}@media(max-width:768px){.marketplace-title{font-size:1.8rem}.marketplace-container{flex-direction:column;gap:2rem}.marketplace-menu li{font-size:1rem}}.integrations-section{padding:6px 20px 80px;background:#f9fafb}.integrations-top{max-width:1200px;margin:0 auto 4rem;display:flex;align-items:center;gap:4rem}.integrations-content{flex:1}.integrations-tag{color:#e11d48;font-weight:600;font-size:.9rem;letter-spacing:1px;margin-bottom:1rem}.integrations-title{font-size:2.5rem;color:#1f2937;margin-bottom:1.5rem;font-weight:700;line-height:1.2}.integrations-desc{font-size:1.1rem;color:#6b7280;line-height:1.6;margin-bottom:2rem}.integrations-btn{display:inline-flex;align-items:center;gap:.5rem;color:#e11d48;font-weight:600;text-decoration:none;font-size:1.1rem;transition:all .3s}.integrations-btn:hover{gap:1rem;color:#be123c}.integrations-visual{flex:1}.integrations-visual img{width:100%;height:auto}.integrations-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.integration-card{background:#fff;border-radius:12px;padding:1.5rem;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #0000000d;transition:all .3s}.integration-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a}.integration-card img{width:100%;height:auto;-o-object-fit:contain;object-fit:contain}.integration-text{background:#fef2f4;border-radius:12px;padding:1.5rem;display:flex;align-items:center;justify-content:center;color:#e11d48;font-weight:600;text-align:center}.integration-text.wide{grid-column:span 2}@media(max-width:768px){.integrations-top{flex-direction:column;text-align:center;gap:2rem}.integrations-title{font-size:1.8rem}.integrations-desc{font-size:1rem}.integrations-grid{grid-template-columns:repeat(2,1fr)}.integration-text.wide{grid-column:span 1}}.outlet-section{padding:80px 20px;background:#fff;text-align:center}.outlet-tag{color:#e11d48;font-weight:600;font-size:.9rem;letter-spacing:1px;margin-bottom:1rem}.outlet-title{font-size:2.5rem;color:#1f2937;margin-bottom:1rem;font-weight:700}.outlet-subtitle{font-size:1.1rem;color:#6b7280;margin-bottom:3rem;line-height:1.6}.outlet-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.outlet-card{background:#f9fafb;border-radius:12px;padding:2rem 1.5rem;transition:all .3s;cursor:pointer}.outlet-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a;background:#fef2f4}.outlet-card a{display:flex;flex-direction:column;align-items:center;gap:1rem;color:#1f2937}.outlet-card img{width:80px;height:80px;-o-object-fit:contain;object-fit:contain}.outlet-card p{font-size:1rem;font-weight:600;text-align:center;white-space:pre-line}@media(max-width:768px){.outlet-title{font-size:1.8rem}.outlet-subtitle{font-size:1rem}.outlet-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}.testimonial-section{padding:80px 20px;background:#f9fafb}.testimonial-slider{max-width:1000px;margin:0 auto 4rem;position:relative}.testimonial-slide{display:none;animation:fadeIn .5s}.testimonial-slide.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.testimonial-card{background:#fff;border:2px solid #e63946;border-radius:20px;padding:3rem;box-shadow:0 12px #e63946;transform:translateY(-6px);display:flex;gap:3rem;align-items:center;transition:all .2s ease-out;opacity:1!important}.testimonial-card:hover{transform:translateY(-10px);box-shadow:0 16px #e63946}.testimonial-image{flex-shrink:0}.testimonial-image img{width:150px;height:150px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:5px solid #fef2f4}.testimonial-content{flex:1}.testimonial-quote{font-size:1.1rem;color:#1f2937;line-height:1.8;margin-bottom:1.5rem;font-style:italic}.testimonial-author{font-size:1.2rem;font-weight:700;color:#1f2937;margin:0}.testimonial-role{font-size:1rem;color:#6b7280;margin:.25rem 0 1.5rem}.testimonial-brand-logo img{height:40px;width:auto;opacity:.6}.testimonial-dots{display:flex;justify-content:center;gap:.75rem;margin-top:2rem}.dot{width:12px;height:12px;border-radius:50%;background:#d1d5db;cursor:pointer;transition:all .3s}.dot.active{background:#e11d48;width:32px;border-radius:6px}.stats-grid-horizontal{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.stat-card-horizontal{background:#fff;border:2px solid #e63946;border-radius:16px;padding:2rem;display:flex;align-items:center;gap:1.5rem;box-shadow:0 8px #e63946;transform:translateY(-4px);transition:all .2s ease-out;opacity:1!important}.stat-card-horizontal:hover{transform:translateY(-8px);box-shadow:0 12px #e63946}.stat-icon-svg{width:80px;height:80px;flex-shrink:0}.stat-icon-svg svg{width:100%;height:100%}.stat-info{flex:1}.stat-number{font-size:2.5rem;font-weight:700;color:#e11d48;margin-bottom:.5rem}.stat-label{font-size:.95rem;color:#6b7280;line-height:1.4}@media(max-width:768px){.testimonial-card{flex-direction:column;text-align:center;padding:2rem}.testimonial-image img{width:100px;height:100px}.testimonial-quote{font-size:1rem}.stats-grid-horizontal{grid-template-columns:1fr;gap:1.5rem}.stat-card-horizontal{padding:1.5rem}.stat-number{font-size:2rem}}.ratings-section{padding:6px 20px 80px;background:#fff}.ratings-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.rating-card{background:#f9fafb;border-radius:16px;padding:2.5rem;text-align:center;transition:all .3s}.rating-card:hover{transform:translateY(-5px);box-shadow:0 10px 40px #0000001a;background:#fef2f4}.rating-text{font-size:1rem;color:#1f2937;margin-bottom:2rem;line-height:1.6;font-weight:500}.rating-logo{height:50px;width:auto;margin-bottom:1.5rem;-o-object-fit:contain;object-fit:contain}.stars-wrapper{display:flex;justify-content:center;gap:.5rem}@media(max-width:768px){.ratings-grid{grid-template-columns:1fr;gap:1.5rem}.rating-card{padding:2rem}}.demo-section{padding:6px 20px 80px;background:linear-gradient(135deg,#fef2f4,#fff)}.demo-container{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:4rem;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 20px 60px #0000001a}.demo-form{flex:1;padding:3rem}.demo-form h2{font-size:2.5rem;color:#1f2937;margin-bottom:1rem;font-weight:700}.demo-subtitle{font-size:1.1rem;color:#6b7280;margin-bottom:2rem}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:1.5rem}.form-group label{font-size:.95rem;color:#1f2937;margin-bottom:.5rem;font-weight:500}.form-group label span{color:#e11d48}.form-group input{padding:.875rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;transition:all .3s}.form-group input:focus{outline:none;border-color:#e11d48;box-shadow:0 0 0 3px #e11d481a}.submit-btn{width:100%;background:#e11d48;color:#fff;padding:1rem 2rem;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s;margin-top:1rem}.submit-btn:hover{background:#be123c;transform:translateY(-2px);box-shadow:0 10px 20px #e11d484d}.demo-illustration{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem}.demo-illustration img{width:100%;max-width:400px;height:auto}@media(max-width:768px){.demo-container{flex-direction:column}.demo-form{padding:2rem}.demo-form h2{font-size:2rem}.form-row{grid-template-columns:1fr;gap:1rem}.demo-illustration{padding:1rem}}.footer-section{background-color:#1a1a2e;color:#ccc;padding:60px 20px 20px;font-size:14px}.footer-container{max-width:1200px;margin:0 auto}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding-bottom:40px;border-bottom:1px solid #333}@media(max-width:768px){.footer-top{grid-template-columns:1fr 1fr}}@media(max-width:480px){.footer-top{grid-template-columns:1fr}}.footer-col h4{color:#fff;font-size:16px;font-weight:600;margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}.footer-col ul{list-style:none;padding:0;margin:0}.footer-col ul li{margin-bottom:10px}.footer-col ul li a,.footer-col a{color:#aaa;text-decoration:none;transition:color .2s ease}.footer-col ul li a:hover,.footer-col a:hover{color:#f4a261}.brand-col .logo-wrapper{margin-bottom:25px;background:#fff;display:inline-flex;padding:14px 28px;border-radius:16px;border:2px solid #e11d48;box-shadow:0 10px #e63946;transform:translateY(-5px);transition:all .3s ease-out}.brand-col .logo-wrapper:hover{transform:translateY(-8px);box-shadow:0 14px #e63946}.footer-logo-img{height:56px;width:auto;-o-object-fit:contain;object-fit:contain;mix-blend-mode:multiply;filter:brightness(1.1) saturate(1.4)}.brand-desc{color:#aaa;line-height:1.6;max-width:280px}.contact-col .contact-info p{margin-bottom:8px;color:#aaa}.contact-col .contact-info a{color:#aaa;text-decoration:none;transition:color .2s ease}.contact-col .contact-info a:hover{color:#f4a261}.social-icons{display:flex;gap:12px;margin-top:16px}.social-icons a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:#2a2a3e;color:#ccc;font-size:16px;transition:background-color .2s ease,color .2s ease;text-decoration:none}.social-icons a:hover{background-color:#f4a261;color:#fff}.footer-bottom{text-align:center;padding-top:24px;color:#777;font-size:13px}.advika-wrapper{position:fixed;bottom:52px;right:40px;z-index:1305;display:flex;flex-direction:column;align-items:flex-end}.chat-container{position:absolute;bottom:15px;right:0;width:360px;max-width:92vw;height:auto;max-height:calc(100dvh - 220px);background:linear-gradient(180deg,#ffe6ee,#ffd5e6);border-radius:28px;box-shadow:0 20px 50px #ff008040,0 8px 25px #ff008026;border:1px solid rgba(255,255,255,.6);backdrop-filter:blur(12px);display:flex;flex-direction:column;overflow:hidden;animation:fadeUp .35s ease}.chat-header{background:#e11d48;color:#fff;padding:16px 20px;font-weight:600;display:flex;justify-content:space-between;align-items:center}.chat-header span{display:flex;align-items:center;gap:8px;text-shadow:0 1px 2px rgba(0,0,0,.1)}.chat-header button{background:none;border:none;color:#fff;font-size:18px;cursor:pointer}.video-section{flex:1;display:flex;align-items:center;justify-content:center;border-radius:0 0 28px 28px;overflow:hidden;background:#000}.video-section video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.chat-body{flex:1;padding:20px;overflow-y:auto;min-height:0}.chat-body::-webkit-scrollbar{width:6px}.chat-body::-webkit-scrollbar-track{background:transparent}.chat-body::-webkit-scrollbar-thumb{background:#ff4f8b4d;border-radius:10px}.bot-message{background:#fff;padding:14px 16px;border-radius:20px 20px 20px 4px;font-size:13px;color:#333;box-shadow:0 4px 10px #0000000d;margin-bottom:20px;width:85%;line-height:1.5}.quick-options button{width:80%;margin-bottom:10px;padding:12px 16px;border-radius:20px;border:none;background:#fffc;color:#555;font-size:13px;font-weight:500;cursor:pointer;transition:all .55s ease;text-align:left;box-shadow:0 2px 5px #0000000d}.quick-options button:hover{background:linear-gradient(135deg,#e11d48,#be123c);color:#fff;transform:translate(4px);box-shadow:0 4px 12px #e11d484d}.chat-input-wrapper{padding:16px}.chat-input{display:flex;gap:8px;background:#fff;padding:6px;border-radius:30px;box-shadow:0 4px 15px #0000000d;align-items:center}.chat-input input{flex:1;padding:10px 14px;border:none;outline:none;font-size:13px;background:transparent;color:#333}.chat-input input::-moz-placeholder{color:#999}.chat-input input::placeholder{color:#999}.chat-input .mic,.chat-input .send{width:38px;height:38px;border-radius:50%;border:none;background:linear-gradient(135deg,#e11d48,#be123c);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:.3s}.chat-input .mic:hover,.chat-input .send:hover{transform:scale(1.05);box-shadow:0 4px 10px #e11d4866}.bot-icon{margin-bottom:20px;width:75px;height:75px;border-radius:50%;background:linear-gradient(135deg,#ffd5e6,#ff9fc0);box-shadow:0 8px 20px #ff008066;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s;border:4px solid white}.bot-icon:hover{transform:scale(1.05) translateY(-5px);box-shadow:0 12px 25px #ff008080}.bot-icon img{width:65px;height:65px;border-radius:50%;-o-object-fit:cover;object-fit:cover}@keyframes fadeUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:768px){.advika-wrapper{right:20px;bottom:16px}.chat-container{width:320px;height:min(480px,calc(100dvh - 150px));max-height:calc(100dvh - 150px)}}@keyframes advika-bounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.login-page-wrapper{min-height:100vh;background:radial-gradient(circle at top right,#ffebf0 0%,transparent 40%),radial-gradient(circle at bottom left,#ffd7df 0%,transparent 50%),linear-gradient(135deg,#fffcfd,#fff0f3);padding:28px 5% 24px;display:flex;align-items:center;justify-content:center;font-family:Poppins,sans-serif;position:relative;overflow:hidden}.login-page-wrapper:before,.login-page-wrapper:after{display:none}.login-container{display:flex;justify-content:space-between;align-items:center;gap:80px;width:100%;max-width:1300px;z-index:2;position:relative}.login-left{flex:1.2;margin-top:0;margin-left:-22px}.login-left h1{font-size:3.5rem;font-weight:800;line-height:1.2;color:#111;margin-bottom:20px;letter-spacing:-.5px}.login-left span{color:#e92750}.subtext{margin-top:15px;font-size:1.15rem;color:#4b5563;max-width:500px;line-height:1.6}.feature{display:flex;align-items:flex-start;gap:15px;margin-top:30px}.feature h4{font-size:1.1rem;font-weight:700;color:#1f2937;margin-bottom:5px}.feature p{font-size:.95rem;color:#6b7280;margin:0;line-height:1.4}.tick{width:26px;height:26px;background:#e92750;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;box-shadow:0 4px 10px #e927504d;flex-shrink:0;margin-top:2px}.login-card{flex:1;max-width:440px;background:#fff;padding:30px;border-radius:12px;margin-top:0;border:3px solid #e63946;box-shadow:10px 10px #e63946;position:relative}@keyframes glowPulse{0%{box-shadow:0 10px 40px #0000000d,0 0 30px #ff6e9166,inset 0 0 0 2px #ffffff80}50%{box-shadow:0 10px 40px #0000000d,0 0 45px #e9275099,inset 0 0 0 2px #ffffff80}to{box-shadow:0 10px 40px #0000000d,0 0 35px #ff4c7580,inset 0 0 0 2px #ffffff80}}.login-card h2{font-size:1.8rem;font-weight:700;color:#111;text-align:center;margin-bottom:2px}.card-sub{font-size:.9rem;color:#666;text-align:center;margin-bottom:20px}.role-switch{display:flex;background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:20px;padding:3px;box-shadow:inset 0 2px 4px #00000005}.role-switch button{flex:1;padding:10px;border:none;background:transparent;cursor:pointer;font-weight:600;font-size:.95rem;border-radius:8px;color:#4b5563;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:6px}.role-icon{font-size:1.1rem}.role-switch .active{background:#e92750;color:#fff;box-shadow:0 4px 10px #e927504d}.input-group{margin-bottom:15px}.input-group label{font-weight:600;font-size:.9rem;color:#1f2937;display:block;margin-bottom:6px}.input-wrapper-new{position:relative;display:flex;align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:10px;transition:border-color .3s,box-shadow .3s;overflow:hidden}.input-icon-new{color:#e92750;font-size:1.1rem;margin-left:12px}.input-wrapper-new input{width:100%;padding:12px;border:none;background:transparent;outline:none;font-size:.95rem;color:#374151;font-family:Poppins,sans-serif}.input-wrapper-new input:-webkit-autofill,.input-wrapper-new input:-webkit-autofill:hover,.input-wrapper-new input:-webkit-autofill:focus,.input-wrapper-new input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px white inset!important;-webkit-text-fill-color:#374151!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.input-wrapper-new input::-moz-placeholder{color:#9ca3af;font-weight:400}.input-wrapper-new input::placeholder{color:#9ca3af;font-weight:400}.eye-btn{background:transparent;border:none;color:#e92750;font-size:1.1rem;margin-right:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;outline:none}.eye-btn:focus{outline:none}.forgot-pass-wrapper{display:flex;justify-content:flex-end;margin-top:-5px;margin-bottom:15px}.forgot-pass-link{font-size:.85rem;color:#e92750;font-weight:600;text-decoration:none;transition:opacity .2s}.forgot-pass-link:hover{text-decoration:underline}.error-msg{color:#e92750;font-size:.85rem;font-weight:500;margin-top:-5px;margin-bottom:10px;background:#ffe6eb;padding:8px;border-radius:6px;border:1px solid #fecaca}.login-btn{width:100%;padding:12px;border:none;border-radius:10px;background:linear-gradient(90deg,#e92750,#ff4c75);color:#fff;font-weight:700;font-size:1.05rem;letter-spacing:.5px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 15px #e927504d;font-family:Poppins,sans-serif}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #e9275066;background:linear-gradient(90deg,#d41840,#e92750)}.login-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.support-text{margin-top:20px;font-size:.9rem;color:#6b7280;text-align:center}.support-text span{color:#e92750;font-weight:600;cursor:pointer;text-decoration:underline;text-decoration-color:transparent;transition:.3s}.support-text span:hover{text-decoration-color:#e92750}@media(max-width:1024px){.login-container{flex-direction:column-reverse;gap:60px}.login-left{text-align:center;display:flex;flex-direction:column;align-items:center;margin-top:0;margin-left:0}.login-card{margin-top:0;width:100%}.subtext{margin:15px auto}.feature{text-align:left;max-width:400px}}@media(max-height:780px){.login-page-wrapper{align-items:flex-start;padding-top:40px;padding-bottom:20px}}@media(max-width:768px){.login-page-wrapper{padding:30px 20px}.login-left h1{font-size:2.5rem}.login-card{padding:30px 20px;border-radius:20px}}:root{--pos-red: #dc3545;--pos-red-hover: #b91c1c;--pos-red-light: #fff5f5;--pos-gray-bg: #f3f4f6;--pos-border: #e5e7eb;--pos-text: #1f2937;--pos-text-light: #6b7280;--pos-green: #10b981;--pos-grid-gap: 10px;--pos-card-height: 198px;--pos-visible-items-height: 614px}.pos-layout-wrapper{display:flex;height:100%;width:100%;background-color:var(--pos-gray-bg);overflow:hidden;font-family:Inter,sans-serif;position:relative}.pos-container{display:flex;width:100%;height:100%}.pos-left-panel{flex:6;display:flex;flex-direction:column;height:100%;min-height:0;padding:10px;border-right:1px solid var(--pos-border);background:#fff}.pos-search-row{display:flex;gap:10px;margin-bottom:10px;flex-shrink:0;flex-wrap:wrap}.pos-cart-toggle-inline{display:none;border:1px solid var(--pos-red);background:#fff;color:var(--pos-red);border-radius:8px;padding:9px 12px;font-size:12px;font-weight:700;cursor:pointer}.pos-mobile-cart-btn,.pos-mobile-overlay{display:none}.pos-search-input{flex:1;min-width:150px;padding:10px 12px;border:1px solid var(--pos-border);border-radius:6px;font-size:14px;background:var(--pos-gray-bg);outline:none}.pos-search-input:focus{border-color:var(--pos-red);box-shadow:0 0 0 2px #dc35451a}.pos-sidebar-toggle{display:none}.pos-toggle-btn{border:1px solid var(--pos-border);background:#fff;color:var(--pos-text);border-radius:6px;padding:7px 10px;font-size:12px;font-weight:700;cursor:pointer}.pos-toggle-btn.active{background:var(--pos-red);border-color:var(--pos-red);color:#fff}.pos-content-area{display:flex;flex:1;min-height:0;overflow:hidden;gap:10px}.pos-grid-zone{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}.pos-category-navbar{display:none}.pos-category-nav-item{border:1px solid var(--pos-border);background:#fff;color:var(--pos-text);border-radius:999px;padding:6px 9px;font-size:11px;font-weight:600;cursor:pointer;white-space:nowrap}.pos-category-nav-item.active{background:var(--pos-red);color:#fff;border-color:var(--pos-red)}.pos-content-area.sidebar-collapsed .pos-category-sidebar{display:none}.pos-content-area.sidebar-collapsed .pos-category-navbar{display:flex;flex-wrap:wrap;gap:6px;padding-bottom:8px}.pos-category-sidebar{width:140px;overflow-y:auto;display:flex;flex-direction:column;padding-right:5px;position:relative}.pos-category-list{flex:1;overflow-y:auto;padding-bottom:60px}.pos-category-item{padding:12px 10px;margin-bottom:8px;background:#fff;border:1px solid var(--pos-border);border-radius:8px;font-size:13px;font-weight:600;color:var(--pos-text);cursor:pointer;text-align:center;transition:all .2s;box-shadow:0 1px 2px #0000000d}.pos-category-item:hover{background:var(--pos-red-light);border-color:var(--pos-red);color:var(--pos-red)}.pos-category-item.active{background:var(--pos-red);color:#fff;border-color:var(--pos-red);box-shadow:0 2px 5px #dc35454d}.pos-sidebar-back-btn{position:absolute;bottom:0;left:0;width:95%;padding:10px;background:#fff;border:1px solid var(--pos-red);color:var(--pos-red);font-weight:700;text-transform:uppercase;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:5px;margin-bottom:5px;font-size:12px}.pos-sidebar-back-btn:hover{background:var(--pos-red-light)}.pos-food-grid-container{flex:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:var(--pos-card-height);gap:var(--pos-grid-gap);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:2px;align-content:start;height:min(100%,var(--pos-visible-items-height));max-height:var(--pos-visible-items-height)}.pos-food-card{background:#fff;border:1px solid #eaeaea;border-radius:10px;display:flex;flex-direction:column;cursor:pointer;position:relative;transition:all .25s ease;overflow:hidden;box-shadow:0 1px 4px #0000000f;height:var(--pos-card-height);min-height:var(--pos-card-height)}.pos-food-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#d0d0d0}.pos-food-card.has-qty{border:2px solid var(--pos-red);box-shadow:0 2px 8px #dc354526}.pos-food-card.out-of-stock{background:#f9fafb!important;border:1px solid #e5e7eb!important;cursor:not-allowed!important;opacity:.6;filter:grayscale(.9);transition:none;pointer-events:none}.pos-food-card.out-of-stock:hover{transform:none;box-shadow:none;border-color:#e5e7eb!important}.pos-card-image-wrapper{position:relative;width:100%;height:108px;overflow:hidden;background:#f8f8f8;flex-shrink:0}.pos-card-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:transform .3s ease}.pos-food-card:hover .pos-card-image{transform:scale(1.04)}.pos-card-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fff5f5,#fee2e2);font-size:28px}.out-of-stock-badge{position:absolute;top:6px;right:6px;background:#4b5563e6;color:#fff;font-size:8px;font-weight:800;padding:3px 7px;border-radius:4px;text-transform:uppercase;letter-spacing:.4px;backdrop-filter:blur(4px);z-index:10}.pos-card-badge{position:absolute;top:6px;right:6px;background:var(--pos-red);color:#fff;font-size:10px;padding:2px 8px;border-radius:12px;font-weight:700;box-shadow:0 2px 6px #dc35454d;z-index:3}.pos-card-body{padding:6px 10px 0;flex:1;display:flex;flex-direction:column;min-height:0}.pos-card-code{font-size:9px;color:#b0b0b0;font-weight:500;margin-bottom:1px;letter-spacing:.2px}.pos-card-name{font-size:13px;font-weight:700;color:var(--pos-text);margin-bottom:2px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;line-clamp:1;overflow:hidden}.pos-card-description{font-size:11px;color:#a0a0a0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;line-clamp:1;overflow:hidden;margin-bottom:0}.pos-card-footer{display:flex;justify-content:space-between;align-items:center;padding:6px 10px 8px;margin-top:auto}.pos-card-qty-available{font-size:11px;font-weight:600;color:#10b981}.pos-food-card.out-of-stock .pos-card-qty-available{color:#ef4444}.pos-card-price{font-size:15px;font-weight:800;color:var(--pos-red);letter-spacing:-.3px}.pos-right-panel{flex:4;display:flex;flex-direction:column;height:100%;background:#fff;padding:0;border-left:1px solid var(--pos-border)}.pos-right-panel.disabled{pointer-events:none;opacity:.55;filter:grayscale(.15)}.pos-mode-bar{display:flex;background:var(--pos-text);padding:0}.pos-mode-btn{flex:1;background:transparent;color:#9ca3af;border:none;padding:10px;font-size:11px;font-weight:600;cursor:pointer;text-transform:uppercase;border-right:1px solid #374151}.pos-mode-btn.active{background:var(--pos-red);color:#fff;box-shadow:inset 0 2px 4px #0000001a}.pos-mode-btn:last-child{border-right:none}.pos-stats-row{display:flex;background:#fef2f2;padding:8px 10px;justify-content:space-between;border-bottom:1px solid #fee2e2}.pos-stat-item{text-align:center}.pos-stat-label{font-size:10px;color:#6b7280;text-transform:uppercase}.pos-stat-value{font-size:14px;font-weight:700;color:var(--pos-red)}.pos-info-action-row{padding:10px;border-bottom:1px solid var(--pos-border)}.pos-room-details{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px;font-weight:700}.pos-action-buttons-group{display:flex;gap:5px}.pos-action-btn{flex:1;padding:6px;font-size:11px;border:1px solid var(--pos-border);background:#fff;border-radius:4px;cursor:pointer}.pos-action-btn.active{background:var(--pos-red);color:#fff;border-color:var(--pos-red)}.pos-order-table-container{flex:1;overflow-y:auto;background:#fff}.pos-order-table{width:100%;border-collapse:collapse}.pos-order-table th{background:#f9fafb;position:sticky;top:0;padding:10px;text-align:left;font-size:11px;color:#6b7280;text-transform:uppercase;border-bottom:1px solid var(--pos-border)}.pos-cart-row td{padding:10px;border-bottom:1px solid #f3f4f6;font-size:13px;vertical-align:middle}.pos-cart-row:hover{background:#fef2f2}.pos-cart-name{font-weight:600}.pos-qty-control{display:flex;align-items:center;justify-content:center;gap:8px;background:#fff;border:1px solid var(--pos-border);border-radius:20px;padding:2px 6px;width:-moz-fit-content;width:fit-content;margin:0 auto}.pos-qty-btn{width:20px;height:20px;border-radius:50%;border:1px solid;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#fff;font-size:14px;line-height:1;padding-bottom:2px}.pos-qty-btn.minus{border-color:var(--pos-red);color:var(--pos-red)}.pos-qty-btn.plus{border-color:var(--pos-green);color:var(--pos-green)}.pos-qty-value{font-weight:700;min-width:16px;text-align:center}.pos-total-section{padding:10px;background:#fff;border-top:1px solid var(--pos-border);box-shadow:0 -2px 10px #0000000d}.pos-total-row{display:flex;justify-content:space-between;margin-bottom:5px;font-size:13px;color:var(--pos-text-light)}.pos-total-row.final{font-size:18px;font-weight:800;color:var(--pos-text);margin:10px 0}.pos-action-bar{display:flex;gap:8px;margin-bottom:8px}.pos-action-btn-small{padding:6px 12px;font-size:11px;font-weight:700;text-transform:uppercase;border-radius:4px;background:#fff;border:1px solid var(--pos-red);color:var(--pos-red);cursor:pointer}.pos-footer-rows{border:1px solid var(--pos-border);border-radius:4px;overflow:hidden}.pos-footer-row{display:flex;height:40px;border-bottom:1px solid var(--pos-border)}.pos-footer-row:last-child{border-bottom:none}.pos-row-label{width:30px;display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl;transform:rotate(180deg);color:#fff;font-size:10px;font-weight:800}.pos-row-label.kot{background:var(--pos-red)}.pos-row-label.bill{background:#1f2937}.pos-row-btns{flex:1;display:flex}.pos-footer-btn{flex:1;background:#fff;border:none;border-right:1px solid var(--pos-border);font-weight:600;font-size:12px;cursor:pointer;color:var(--pos-text);transition:background .1s}.pos-footer-btn:hover{background:#f9fafb}.pos-footer-btn:last-child{border-right:none}.pos-toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:10px}.pos-toast{background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;padding:12px 20px;border-radius:6px;box-shadow:0 8px 22px #15803d47;border:1px solid rgba(255,255,255,.2);font-weight:600;font-size:14px;animation:slideIn .3s ease-out}.pos-toast.success{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 8px 22px #15803d47;border:1px solid rgba(255,255,255,.2)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.customer-modal-tabs .pos-footer-btn{border:1px solid var(--pos-border);border-radius:4px;height:35px}.customer-modal-tabs .pos-footer-btn.active{background:var(--pos-red);color:#fff;border-color:var(--pos-red)}.pos-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:9999}.pos-tender-modal{background:#fff;width:450px;border-radius:12px;box-shadow:0 20px 50px #0000004d;overflow:hidden}.pos-tender-body{padding:20px}.payment-method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:25px}.method-btn{padding:15px 10px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;font-weight:700;color:#4b5563;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:5px;transition:all .2s}.method-btn span{font-size:20px}.method-btn.active{background:snow;border:2px solid var(--pos-red);color:var(--pos-red);box-shadow:0 4px 10px #dc35451a}.tender-total-display{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#fff5f5;border:1px solid #fee2e2;border-radius:10px;margin-bottom:20px}.tender-total-display .label{font-size:15px;font-weight:700;color:#475569}.tender-total-display .value{font-size:28px;font-weight:900;color:var(--pos-red)}.received-input-wrapper{margin-bottom:15px}.received-input-wrapper label{display:block;font-size:12px;font-weight:800;color:#64748b;margin-bottom:8px}.received-input-wrapper .input-group{display:flex;align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;padding:5px 15px}.received-input-wrapper .currency{font-size:20px;font-weight:700;color:#94a3b8;margin-right:10px}.received-input-wrapper input{width:100%;border:none;background:transparent;font-size:24px;font-weight:700;color:#1e293b;outline:none}.return-amount-row{display:flex;justify-content:space-between;margin-bottom:25px;padding:0 5px}.return-amount-row .label{font-weight:700;color:#64748b}.return-amount-row .value{font-size:18px;font-weight:800;color:#1e293b}.tender-utility-btns{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px}.utility-btn{padding:8px;border:1px solid #e2e8f0;background:#fff;border-radius:8px;font-size:12px;font-weight:600;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px}.main-tender-btn{width:100%;padding:16px;background:var(--pos-red);color:#fff;border:none;border-radius:10px;font-size:18px;font-weight:800;cursor:pointer;box-shadow:0 4px 15px #dc35454d;margin-bottom:25px}.room-posting-section{border-top:1px solid #f1f5f9;padding-top:20px}.room-posting-section h4{font-size:13px;color:#1e293b;margin:0 0 10px}.posting-row{display:flex;gap:8px}.posting-btn{padding:10px;border:1px solid #e2e8f0;background:#fff;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center}.posting-btn.room{flex:1}.message-modal{background:#fff;width:400px;border-radius:12px;box-shadow:0 15px 40px #0003}.message-modal-body{padding:20px}.form-field{margin-bottom:20px}.form-field label{display:block;font-size:11px;font-weight:800;color:#64748b;text-transform:uppercase;margin-bottom:6px}.form-field input{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;outline:none}.form-field input:focus{border-color:var(--pos-red)}.template-preview{background:#f8fafc;padding:15px;border-radius:8px;border:1px solid #e2e8f0}.template-preview strong{font-size:11px;color:#94a3b8}.template-preview p{font-size:13px;color:#475569;margin:8px 0 0;line-height:1.5}.error-text{font-size:11px;color:var(--pos-red);margin-top:4px;display:block}.pos-action-btn-tender{flex:2;padding:10px;background:var(--pos-red);color:#fff;border:none;border-radius:4px;font-weight:800;font-size:12px;cursor:pointer;box-shadow:0 2px 6px #dc354533}.pos-modal-content{background:#fff;width:400px;border-radius:8px;box-shadow:0 10px 25px #0003}.pos-note-modal{width:520px;max-width:calc(100vw - 24px);border-radius:24px;overflow:hidden;box-shadow:0 20px 45px #0f172a47;border:1px solid #f1f5f9}.pos-note-modal-header{background:linear-gradient(135deg,#f43f5e,#e11d48);color:#fff;padding:18px 20px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.pos-note-header-left{flex:1}.pos-note-title{margin:0;font-size:1.1rem;font-weight:800}.pos-note-subtitle{margin:4px 0 0;font-size:.8rem;opacity:.95;line-height:1.35}.pos-note-close{margin-left:auto;background:#0000002e;border:none;color:#fff;width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:22px;line-height:1;transition:all .2s ease}.pos-note-close:hover{background:#00000047}.pos-note-body{background:#fff;padding:20px;display:block}.pos-note-textarea{width:100%;min-height:140px;resize:none;background:#f8fafc;font-size:15px;color:#047857;border:2px solid #f1f5f9;border-radius:14px;padding:14px;line-height:1.5;transition:all .25s ease}.pos-note-textarea:focus{border-color:#10b981;box-shadow:0 0 0 4px #10b9811f;background:#fff}.pos-note-textarea::-moz-placeholder{color:#6b7280}.pos-note-textarea::placeholder{color:#6b7280}.pos-note-char-count{font-size:.78rem;color:#94a3b8;margin-top:8px;text-align:right;font-weight:700}.pos-note-footer{padding:14px 20px 18px;gap:12px;background:#f8fafc;border-top:1px solid #eef2f7;display:flex;justify-content:flex-end}.pos-note-btn{height:44px;border-radius:12px;padding:0 18px;font-size:.92rem;font-weight:800;cursor:pointer;border:none;transition:all .2s ease}.pos-note-btn-secondary{background:#fff;border:2px solid #e2e8f0;color:#64748b}.pos-note-btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.pos-note-btn-primary{background:linear-gradient(135deg,#f43f5e,#e11d48);color:#fff;box-shadow:0 10px 24px -8px #e11d4873}.pos-note-btn-primary:hover{transform:translateY(-1px);box-shadow:0 12px 28px -8px #e11d488c}.pos-preview-bill{background:#fff;padding:20px;width:100%}.receipt-table th.r-right{text-align:right}.receipt-total-section{font-size:11px;font-weight:600;margin-top:5px}.grand-total{font-size:14px;font-weight:900;margin-top:10px;text-transform:uppercase}.receipt-footer{text-align:center;margin-top:20px;font-size:10px;font-style:italic}@media print{body *{visibility:hidden}.printable-area,.printable-area *{visibility:visible}.printable-area{position:absolute;left:0;top:0;width:100%;display:block!important}.pos-layout-wrapper,.pos-modal-overlay{display:none!important}}@media(min-width:1025px){.pos-container{display:flex;height:100%}.pos-content-area{display:flex}}@media(max-width:1024px){.pos-container{display:flex;height:100%}.pos-left-panel{flex:1;min-width:0;min-height:0}.pos-content-area{display:grid;grid-template-columns:80px minmax(0,1fr);gap:10px;min-height:0}.pos-category-sidebar{width:80px;min-width:80px;padding-right:0}.pos-category-item{text-align:center;padding:10px 4px;font-size:11px;margin-bottom:6px}.pos-sidebar-back-btn{width:100%;font-size:10px;padding:8px 4px}.pos-food-grid-container{grid-template-columns:repeat(3,minmax(0,1fr));min-height:0;max-height:none;height:100%}.pos-right-panel{position:fixed;top:0;right:0;width:280px;height:100%;background:#fff;z-index:1002;transform:translate(100%);transition:transform .3s ease;box-shadow:-12px 0 28px #00000029;border-left:1px solid var(--pos-border)}.pos-right-panel.active{transform:translate(0)}.pos-cart-toggle-inline{display:inline-flex;align-items:center;justify-content:center}.pos-mobile-overlay{display:block;position:fixed;inset:0;border:none;background:#0f172a59;z-index:1001}}@media(max-width:768px){.pos-layout-wrapper{height:auto;min-height:100%;overflow:visible}.pos-container{flex-direction:column;gap:10px}.pos-left-panel{padding:10px;min-height:0}.pos-content-area{grid-template-columns:1fr;min-height:0}.pos-category-sidebar{width:100%;min-width:0}.pos-category-list{display:flex;gap:10px;overflow-x:auto;padding-bottom:8px}.pos-category-item{flex:0 0 auto;min-width:110px;text-align:center;margin-bottom:0}.pos-sidebar-back-btn{display:none}.pos-food-grid-container{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px;min-height:0;height:auto;max-height:calc(100vh - 230px);overflow-y:auto;-webkit-overflow-scrolling:touch}.pos-right-panel{top:auto;bottom:0;width:100%;height:min(74vh,calc(100vh - 56px));transform:translateY(100%);border-top:2px solid #ddd;border-left:none;box-shadow:0 -12px 28px #0000002e;overflow:hidden;padding-bottom:env(safe-area-inset-bottom);display:grid;grid-template-rows:auto auto auto minmax(130px,1fr) auto}.pos-right-panel.active{transform:translateY(0)}.pos-mobile-cart-btn{display:inline-flex;position:fixed;right:16px;bottom:calc(88px + env(safe-area-inset-bottom));border:none;background:var(--pos-red);color:#fff;padding:10px 15px;border-radius:50px;font-size:12px;font-weight:700;cursor:pointer;z-index:1003;box-shadow:0 8px 20px #dc354559}.pos-mobile-cart-btn.hidden{opacity:0;pointer-events:none;transform:translateY(12px)}.pos-order-table-container{min-height:130px;overflow-y:auto;border-top:1px solid var(--pos-border)}.pos-order-table thead th{position:sticky;top:0;z-index:2;background:#f9fafb}.pos-total-section{position:sticky;bottom:0;background:#fff;z-index:10;padding-bottom:calc(10px + env(safe-area-inset-bottom));max-height:42vh;overflow-y:auto}}@media(max-width:500px){.pos-food-grid-container{grid-template-columns:1fr}}.view-order-container{padding:24px 28px;background-color:#f8fafc;min-height:100vh;font-family:Inter,sans-serif;overflow-x:hidden}.view-order-tabs{display:flex;gap:15px;margin-bottom:24px;align-items:center;background:#fff;padding:8px 12px;border-radius:50px;width:-moz-fit-content;width:fit-content;box-shadow:0 4px 15px #0000000d}.tab-btn{padding:10px 28px;border-radius:50px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:none;background-color:transparent;color:#64748b}.tab-btn.active{background-color:#fff;color:#e31e24;border:1.5px solid #E31E24;box-shadow:0 4px 12px #dc26261f}.tab-btn:hover:not(.active){background:#f1f5f9;color:#475569}.view-order-filters{display:flex;align-items:center;gap:14px;margin-bottom:28px;flex-wrap:wrap}.search-wrapper{position:relative;display:flex;align-items:center;min-width:300px}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#475569;pointer-events:none;font-size:20px;z-index:10}.filter-search-input{padding:12px 16px;border:1.5px solid #e2e8f0;border-radius:12px;font-size:14px;width:100%;min-width:300px;transition:all .2s;background:#fff;color:#475569;font-weight:500}.filter-search-input::-moz-placeholder{color:#94a3b8}.filter-search-input::placeholder{color:#94a3b8}.filter-search-input:focus{border-color:#e31e24;box-shadow:0 0 0 3px #dc262614;outline:none}.filter-pill{padding:8px 24px;border-radius:50px;font-size:14px;font-weight:700;cursor:pointer;border:1.5px solid #ef4444;background-color:#fff;color:#ef4444;transition:all .2s cubic-bezier(.4,0,.2,1)}.filter-pill:hover{background-color:#fef2f2}.filter-pill.active{background-color:#ef4444;color:#fff;box-shadow:0 4px 12px #ef444433}.orders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:8px}.order-card{background:#fff;border-radius:6px;border:1px solid #ef4444;box-shadow:0 1px 4px #0000000a;display:flex;flex-direction:column;transition:all .2s ease;position:relative;overflow:hidden;height:280px}.order-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001a}.order-card.completed{opacity:.85;border-color:#cbd5e1;filter:grayscale(.2)}.card-header{padding:3px 6px;display:flex;justify-content:space-between;align-items:center;background-color:#e31e24;color:#fff;min-height:24px;flex-shrink:0}.header-table{font-size:.75rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70%}.header-time{font-size:.6rem;font-weight:600;opacity:.9}.header-right{display:flex;align-items:center;gap:8px}.card-close-btn{background:transparent;border:none;color:#fff;font-size:1.2rem;line-height:1;padding:0;cursor:pointer;opacity:.8;transition:opacity .2s;display:flex;align-items:center;justify-content:center;width:16px;height:16px}.card-close-btn:hover{opacity:1;background:#fff3;border-radius:50%}.status-strip{padding:0 6px;font-size:.6rem;font-weight:700;display:flex;align-items:center;gap:4px;height:18px;min-height:18px;flex-shrink:0}.status-strip.pending-delay{background-color:#fff1f2;color:#e31e24}.status-strip.preparing-timer{background-color:#fff7ed;color:#ea580c}.status-strip.preparing-delay{background-color:#fee2e2;color:#b91c1c;animation:blink-bg 2s infinite}@keyframes blink-bg{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.card-body{padding:3px 5px;flex-grow:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.item-list{flex:1;display:flex;flex-direction:column;gap:1px;max-height:72px;overflow-y:auto;padding-right:2px}.item-list::-webkit-scrollbar{width:4px}.item-list::-webkit-scrollbar-track{background:transparent}.item-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.item-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.order-item{display:flex;justify-content:space-between;align-items:center;font-size:.7rem;font-weight:500;color:#334155;padding:1px 0;line-height:1.2}.item-name-qty{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:8px}.item-separator{display:none}.item-price{font-weight:600;color:#0f172a;font-size:.7rem}.order-special-note{padding:3px 5px;background:#fffbeb;border-top:1px solid #fcd34d;font-size:.62rem;display:flex;align-items:center;gap:3px;flex-shrink:0;line-height:1.2;overflow:hidden}.special-note-icon{font-size:.7rem;flex-shrink:0}.special-note-text{color:#92400e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-notes-display{margin-top:6px;padding:4px 6px;background-color:#fffbeb;border:1px dashed #fcd34d;border-radius:4px;font-size:.7rem;display:flex;align-items:start;gap:5px;flex-shrink:0;max-height:42px;overflow:hidden}.order-notes-display p{margin:0;padding:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;line-height:1.2}.status-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2px;padding:3px;background-color:#f8fafc;border-top:1px solid #f1f5f9;flex-shrink:0}.status-icon{font-size:.8rem;margin:0}.card-footer{display:flex;gap:3px;padding:3px;background:#fff;border-top:1px solid #e2e8f0;flex-shrink:0}.status-btn{background:#fff;color:#64748b;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #00000008;border:1px solid #e2e8f0;border-radius:4px;padding:4px 0;font-size:.58rem}.status-btn:hover{background:#f1f5f9}.status-btn.disabled{pointer-events:none;opacity:.5}@keyframes glow-orange{0%{box-shadow:0 0 #f9731666;border-color:#fdba74}70%{box-shadow:0 0 0 6px #f9731600;border-color:#f97316}to{box-shadow:0 0 #f9731600;border-color:#fdba74}}.blinking-green{animation:glow-green 1.5s infinite!important;color:#16a34a!important;border:1px solid #86efac!important;background:#f0fdf4!important}@keyframes glow-blue{0%{box-shadow:0 0 #2563eb66;border-color:#93c5fd}70%{box-shadow:0 0 0 6px #2563eb00;border-color:#2563eb}to{box-shadow:0 0 #2563eb00;border-color:#93c5fd}}@keyframes glow-green{0%{box-shadow:0 0 #16a34a66;border-color:#86efac}70%{box-shadow:0 0 0 6px #16a34a00;border-color:#16a34a}to{box-shadow:0 0 #16a34a00;border-color:#86efac}}.status-btn.blinking.pending{animation:glow-orange 1.5s infinite;color:#ea580c;background:#fff7ed}.status-btn.blinking.preparing{animation:glow-blue 1.5s infinite;color:#2563eb;background:#eff6ff}.status-btn.blinking.ready{animation:glow-green 1.5s infinite;color:#16a34a;background:#f0fdf4}.status-icon{font-size:.8rem}.card-footer{display:grid;grid-template-columns:1fr 1.5fr;gap:4px;padding:4px 6px 6px;background-color:#fff}.action-btn{padding:3px 2px;border-radius:4px;font-size:.62rem;font-weight:800;border:1.2px solid transparent;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:center;text-transform:capitalize}.action-btn.send{background-color:#f0fdf4;color:#16a34a;border-color:#bcf2cc}.action-btn.send:hover{background-color:#dcfce7;transform:translateY(-1px)}.action-btn.done{background-color:#ef4444;color:#fff;box-shadow:0 4px 12px #ef444433}.action-btn.done:hover{background-color:#e31e24;transform:translateY(-1px);box-shadow:0 6px 16px #dc26264d}.disabled{pointer-events:none!important;opacity:.35!important;cursor:not-allowed!important}@media(max-width:1600px){.orders-grid{grid-template-columns:repeat(6,1fr)}}@media(max-width:1200px){.orders-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:900px){.orders-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media(max-width:600px){.orders-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr))}.view-order-container{padding:12px}}@media(max-width:992px){.view-order-container{padding:14px}.view-order-tabs{width:100%;border-radius:14px;padding:8px;gap:8px;flex-wrap:wrap}.tab-btn{flex:1 1 calc(50% - 8px);min-width:140px;padding:10px 14px;font-size:13px}.view-order-filters{gap:10px;margin-bottom:16px}.search-wrapper,.filter-search-input{min-width:0;width:100%}.orders-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:10px}}@media(max-width:768px){.orders-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.order-card{height:auto;min-height:318px}.item-list{max-height:120px}.status-actions{gap:4px;padding:5px}.status-btn{font-size:.68rem;padding:6px 2px}.card-footer{gap:6px;padding:6px}.action-btn{font-size:.72rem;min-height:30px;padding:5px 6px}.filter-pill{padding:8px 14px;font-size:12px}}@media(max-width:480px){.orders-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:8px}.tab-btn{flex:1 1 100%;min-width:0}.header-table{max-width:62%}.status-strip{font-size:.64rem}}.order-notes-display{margin-top:12px;padding:10px;background-color:#fefce8;border:1.5px dashed #facc15;border-radius:8px;display:flex;align-items:flex-start;gap:8px;box-shadow:0 2px 4px #00000005;flex-shrink:0}.notes-icon{font-size:1.1rem}.order-notes-display p{margin:0;font-size:.8rem;font-weight:700;color:#854d0e;line-height:1.4;word-break:break-word}.bill-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.bill-history-card{background:#fff;border-radius:12px;border:1.5px solid #ef4444;box-shadow:0 8px 24px #0000000d;overflow:hidden;display:flex;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1)}.bill-history-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a}.bill-card-header{padding:10px 14px;display:flex;justify-content:space-between;align-items:center;background-color:#e31e24;color:#fff}.type-badge{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.025em;background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3)}.order-time{font-size:.75rem;font-weight:600;color:#fff;opacity:.9}.bill-card-body{padding:16px;flex:1}.bill-main-info h3{margin:0;font-size:18px;color:#1e293b;font-weight:700}.guest-name{color:#64748b;font-size:14px;margin-top:4px}.bill-items-summary{display:flex;justify-content:space-between;align-items:center;margin:16px 0;padding:12px;background:#f8fafc;border-radius:8px}.item-count{font-size:13px;color:#475569;font-weight:600}.bill-amount{font-size:18px;color:#0f172a;font-weight:800}.bill-status-badge{font-size:13px;font-weight:600;color:#64748b}.bill-status-badge span{padding:2px 8px;border-radius:4px;font-size:12px}.bill-status-badge span.billed{background:#fef2f2;color:#e31e24;border:1px solid #fecdd3}.bill-status-badge span.closed{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.bill-status-badge span.active,.bill-status-badge span.pending{background:#f8fafc;color:#475569;border:1px solid #e2e8f0}.bill-status-badge span.served{background:#f0fdf4;color:#16a34a;border:1px solid #bcf2cc}.bill-card-actions{display:grid;grid-template-columns:1fr 48px;gap:8px;padding:12px;background:#fff;border-top:1px solid #f1f5f9}.bill-action-btn{padding:10px;border-radius:8px;border:1.5px solid transparent;background:#fff;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s}.bill-action-btn.view{background-color:#fef2f2;color:#e31e24;border-color:#fee2e2}.bill-action-btn.view:hover{background-color:#fee2e2;transform:translateY(-1px)}.bill-action-btn.delete{background-color:#ef4444;color:#fff;box-shadow:0 4px 12px #ef444433}.bill-action-btn.delete:hover{background-color:#e31e24;transform:translateY(-1px);box-shadow:0 6px 16px #dc26264d}@media(max-width:1400px){.bill-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1100px){.bill-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.bill-grid{grid-template-columns:1fr}}.receipt-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:10000;backdrop-filter:blur(4px)}.receipt-modal-container{background:#fff;width:450px;max-height:90vh;border-radius:12px;box-shadow:0 20px 50px #0000004d;overflow-y:auto;padding:40px;position:relative;font-family:Inter,sans-serif;color:#000}.receipt-close-btn{position:absolute;top:15px;right:15px;background:transparent;border:none;font-size:24px;cursor:pointer;color:#64748b;transition:color .2s}.receipt-close-btn:hover{color:#ef4444}.receipt-content{display:flex;flex-direction:column;align-items:center;text-align:center}.receipt-header h1{margin:0;font-size:28px;font-weight:900;letter-spacing:1px}.receipt-header h2{margin:5px 0 15px;font-size:14px;font-weight:600;color:#475569;letter-spacing:2px;text-transform:uppercase}.receipt-address{font-size:13px;color:#475569;line-height:1.5;margin-bottom:20px}.receipt-divider{width:100%;border-top:1.5px dashed #cbd5e1;margin:20px 0}.receipt-info-grid{width:100%;display:flex;flex-direction:column;gap:10px;margin-bottom:25px}.info-row{display:flex;justify-content:space-between;font-size:15px}.info-label{color:#64748b;font-weight:500}.info-value{font-weight:700;color:#1e293b}.receipt-table{width:100%;border-collapse:collapse;margin-bottom:25px}.receipt-table th{text-align:left;font-size:13px;font-weight:800;color:#000;padding-bottom:12px;border-bottom:2px solid #000}.receipt-table td{padding:12px 0;font-size:14px;font-weight:600;border-bottom:1px solid #f1f5f9}.receipt-totals{width:100%;display:flex;flex-direction:column;gap:12px;margin-bottom:30px}.total-row{display:flex;justify-content:space-between;font-size:14px;color:#475569;font-weight:600}.total-row.grand-total{margin-top:8px;padding-top:15px;border-top:2.5px solid #000;border-bottom:2.5px solid #000;padding-bottom:15px;font-size:22px;font-weight:900;color:#000}.receipt-footer{margin-top:20px}.receipt-footer h3{margin:0 0 5px;font-size:16px;font-weight:800}.receipt-footer p{font-size:14px;color:#64748b;margin:0 0 30px}.footer-id-brand{font-size:44px;font-weight:900;letter-spacing:-1px;font-family:Courier New,Courier,monospace}.receipt-modal-actions{display:flex;gap:15px;margin-top:30px;width:100%}.print-btn{flex:1;padding:14px;background:#000;color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:opacity .2s}.print-btn:hover{opacity:.9}@media print{.receipt-modal-overlay{background:#fff;position:static}.receipt-modal-container{width:100%;box-shadow:none;padding:0}.receipt-close-btn,.receipt-modal-actions,.view-order-container{display:none}}.food-menu-container{min-height:100vh;background-color:#f5f5f7}.food-menu-header{display:flex;justify-content:space-between;align-items:center;background-color:#fff;padding:15px 30px;box-shadow:0 2px 4px #0000000d}.header-left{display:flex;align-items:center;gap:12px}.header-left h1{font-size:20px;font-weight:600;color:#1f1f1f;margin:0}.menu-icon{font-size:24px}.header-right{display:flex;align-items:center;gap:20px}.search-box{display:flex;align-items:center;background-color:#f8f8f8;padding:8px 16px;border-radius:8px;gap:8px}.search-box input{border:none;background:transparent;outline:none;width:200px;font-size:14px}.notification-icon{position:relative;cursor:pointer;font-size:20px}.notification-icon .badge{position:absolute;top:-5px;right:-5px;background-color:#ef4444;color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600}.mail-icon{font-size:20px;cursor:pointer}.profile-menu{display:flex;align-items:center;gap:8px;cursor:pointer}.profile-menu img{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.food-menu-content{padding:0 30px 30px}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.content-header h2{font-size:28px;font-weight:600;color:#1f1f1f;margin:0}.header-actions{display:flex;gap:15px}.btn-add-item{background-color:#ef4444;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background-color .2s}.btn-show-menu{background-color:#fff;color:#ef4444;border:2px solid #ef4444;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.btn-show-menu:hover{background-color:#fef2f2}.add-item-form-card{background-color:#fff;border-radius:12px;padding:30px;margin-bottom:25px;box-shadow:0 2px 8px #00000014}.form-header{display:flex;align-items:center;gap:10px;margin-bottom:25px}.form-header h3{font-size:20px;font-weight:600;color:#1f1f1f;margin:0}.form-icon{font-size:24px;color:#ef4444}.form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:20px}.form-group{display:flex;flex-direction:column}.form-group label{font-size:12px;font-weight:600;color:#6b7280;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group select,.form-group textarea{padding:12px 16px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#1f1f1f;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#ef4444}.form-group textarea{resize:vertical;font-family:inherit}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:25px}.btn-cancel{padding:12px 24px;border:1px solid #e5e7eb;background-color:#fff;color:#6b7280;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-cancel:hover{background-color:#f9fafb}.btn-submit{padding:12px 24px;border:none;background-color:#ef4444;color:#fff;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s}.btn-submit:hover{background-color:#e31e24}.items-list-card{background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014}.list-header{background-color:#ef4444;color:#fff;padding:18px 25px;display:flex;justify-content:space-between;align-items:center}.list-title{font-size:14px;font-weight:600;letter-spacing:1px;display:flex;align-items:center;gap:10px}.filter-section{display:flex;align-items:center;gap:12px}.filter-section label{font-size:13px;font-weight:500}.category-filter{padding:8px 16px;border:none;border-radius:6px;font-size:13px;background-color:#fff;color:#1f1f1f;cursor:pointer;min-width:150px}.table-container{overflow-x:auto}.items-table{width:100%;border-collapse:collapse}.items-table thead{background-color:#fef2f2}.items-table th{padding:16px 20px;text-align:left;font-size:13px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.items-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background-color .2s}.items-table tbody tr:hover{background-color:#fef2f2}.items-table td{padding:16px 20px;font-size:14px;color:#1f1f1f}.status-badge{display:inline-block;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600}.status-badge.active{background-color:#d1fae5;color:#065f46}.status-badge.inactive{background-color:#fee2e2;color:#991b1b}.action-buttons{display:flex;gap:8px}.action-btn{width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s}.edit-btn{background-color:#fef2f2}.edit-btn:hover{background-color:#fee2e2}.link-btn{background-color:#f0f9ff}.link-btn:hover{background-color:#dbeafe}.copy-btn{background-color:#f5f3ff}.copy-btn:hover{background-color:#ede9fe}.toggle-btn{background-color:#fef3c7}.toggle-btn:hover{background-color:#fde68a}.delete-btn{background-color:#fef2f2}.delete-btn:hover{background-color:#fee2e2}.pagination{padding:20px 25px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f3f4f6}.showing-text{font-size:13px;color:#6b7280}.pagination-controls{display:flex;gap:8px}.pagination-controls button{padding:8px 16px;border:1px solid #e5e7eb;background-color:#fff;color:#6b7280;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.pagination-controls button:hover:not(:disabled){background-color:#fef2f2;border-color:#ef4444;color:#ef4444}.pagination-controls button.active{background-color:#ef4444;border-color:#ef4444;color:#fff}.pagination-controls button:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:25px 30px;border-bottom:1px solid #f3f4f6}.modal-header h3{font-size:20px;font-weight:600;color:#1f1f1f;margin:0}.modal-close{width:32px;height:32px;border:none;background-color:#f3f4f6;border-radius:6px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.modal-close:hover{background-color:#e5e7eb}.modal-content form{padding:30px}.modal-content .form-group{margin-bottom:20px}.modal-content .form-actions{margin-top:30px;padding-top:20px;border-top:1px solid #f3f4f6}@media(max-width:1024px){.form-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.food-menu-header{flex-direction:column;gap:15px;align-items:flex-start}.header-right{width:100%;justify-content:space-between}.content-header{flex-direction:column;gap:15px;align-items:flex-start}.header-actions{width:100%}.form-row{grid-template-columns:1fr}.list-header{flex-direction:column;gap:15px;align-items:flex-start}.table-container{overflow-x:scroll}.pagination{flex-direction:column;gap:15px;align-items:flex-start}.pagination-controls{width:100%;justify-content:center}}.item-stock-status-container{padding:24px;background-color:#f8f9fa;min-height:100vh;font-family:Inter,sans-serif}.stats-row{display:flex;justify-content:space-between;gap:20px;margin-bottom:30px}.stat-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 10px #0000000d;display:flex;align-items:center;gap:15px;flex:1}.stat-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff}.red-bg{background-color:#ef4444}.green-bg{background-color:#22c55e}.orange-bg{background-color:#f97316}.stat-info h2{margin:0;font-size:28px;font-weight:700;color:#333}.stat-info p{margin:0;color:#64748b;font-size:14px}.actions-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;background:#fff;padding:15px;border-radius:8px;box-shadow:0 1px 3px #0000000d}.search-wrapper{position:relative;width:300px}.search-wrapper input{width:100%;padding:10px 15px 10px 45px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;outline:none;transition:all .2s ease}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#64748b}.btn-add-item{background-color:#ef4444;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s}.btn-add-item:hover{background-color:#e31e24}.stock-table-wrapper{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px #0000000d}.stock-table{width:100%;border-collapse:collapse}.stock-table th,.stock-table td{padding:16px;text-align:left;border-bottom:1px solid #f1f5f9}.stock-table th{background-color:#ef4444;color:#fff;font-weight:600;text-transform:uppercase;font-size:13px;letter-spacing:.5px}.stock-table tr:hover{background-color:#f8fafc}.fw-bold{font-weight:600;color:#1e293b}.status-badge{padding:5px 12px;border-radius:20px;font-size:13px;font-weight:500;display:inline-flex;align-items:center;gap:5px}.status-available{background-color:#dcfce7;color:#166534}.status-low{background-color:#ffedd5;color:#9a3412}.status-out{background-color:#fee2e2;color:#991b1b}.stock-badge{padding:3px 8px;border-radius:4px;font-size:13px;font-weight:600}.stock-badge.in-stock{background-color:#dcfce7;color:#166534}.stock-badge.out-of-stock-text{background-color:#fee2e2;color:#991b1b}.action-buttons{display:flex;gap:10px;align-items:center}.btn-icon.edit{background:#fee2e2;border:none;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#ef4444}.switch{position:relative;display:inline-block;width:40px;height:20px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s}.slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;transition:.4s}input:checked+.slider{background-color:#22c55e}input:checked+.slider:before{transform:translate(20px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.pagination-footer{display:flex;justify-content:flex-end;padding:20px;background:#fff;border-top:1px solid #f1f5f9}.prev-next button{padding:5px 15px;border:1px solid #e2e8f0;background:#fff;border-radius:4px;cursor:pointer}.prev-next button:disabled{opacity:.5;cursor:not-allowed}.page-num{margin:0 10px;background:#ef4444;color:#fff;padding:5px 12px;border-radius:4px}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:25px;border-radius:12px;width:500px;max-width:95%}.modal-content h3{margin-top:0;margin-bottom:20px;color:#1e293b}.form-group label{display:block;margin-bottom:5px;color:#64748b;font-size:14px}.form-group input,.form-group select{width:100%;padding:10px;border:1px solid #cbd5e1;border-radius:6px;outline:none}.row{display:flex;gap:15px}.half,.third{flex:1}.btn-cancel{padding:10px 20px;background:#f1f5f9;border:none;border-radius:6px;cursor:pointer;color:#64748b}.btn-save{padding:10px 20px;background:#ef4444;border:none;border-radius:6px;cursor:pointer;color:#fff}.item-stock-status-page{width:100%}.item-stock-status-page .food-menu-content{width:100%;box-sizing:border-box}.item-stock-status-page .table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.item-stock-status-page .items-table{min-width:900px}.item-stock-status-page .pagination{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.item-stock-status-page .pagination-controls{display:flex;gap:6px;flex-wrap:wrap}@media(max-width:992px){.item-stock-status-page .food-menu-header{padding:10px 12px!important;flex-wrap:wrap;gap:10px}.item-stock-status-page .header-right,.item-stock-status-page .header-right .search-box{width:100%}.item-stock-status-page .food-menu-content{padding:0 12px!important}.item-stock-status-page .list-header{justify-content:flex-start!important}.item-stock-status-page .filter-section{width:100%;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.item-stock-status-page .filter-section .category-filter{min-width:200px;max-width:100%}}@media(max-width:576px){.item-stock-status-page .food-menu-header h1{font-size:1rem!important}.item-stock-status-page .items-table{min-width:820px}.item-stock-status-page .items-table th,.item-stock-status-page .items-table td{white-space:nowrap}.item-stock-status-page .action-buttons{gap:6px}}.item-stock-mobile-list{display:grid;grid-template-columns:1fr;gap:10px;padding:10px}.item-stock-mobile-card{border:1px solid #e5e7eb;border-radius:10px;padding:10px;background:#fff;box-shadow:0 1px 3px #0000000d}.item-stock-mobile-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.item-stock-mobile-index{font-size:12px;font-weight:700;color:#6b7280}.item-stock-mobile-name{font-size:14px;font-weight:700;color:#111827;margin-bottom:8px}.item-stock-mobile-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;font-size:12px;color:#374151}.item-stock-mobile-desc{grid-column:1 / -1}.item-stock-mobile-actions{margin-top:10px;display:flex;gap:8px}.item-stock-mobile-confirm{margin-top:10px;padding:8px;border:1px solid #fecaca;background:#fff1f2;border-radius:8px;font-size:12px;color:#991b1b;font-weight:700}.item-stock-mobile-confirm-actions{margin-top:8px;display:flex;gap:8px}.item-stock-mobile-confirm-actions button{border:none;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:700;cursor:pointer}.item-stock-mobile-confirm-actions button:first-child{background:#dc2626;color:#fff}.item-stock-mobile-confirm-actions button:last-child{background:#fee2e2;color:#7f1d1d}@media(max-width:420px){.item-stock-mobile-grid{grid-template-columns:1fr}}.outlet-status-container{padding:24px;background:#f8fafc;min-height:calc(100vh - 150px);font-family:Inter,sans-serif;box-sizing:border-box;overflow-x:hidden}.outlet-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.outlet-header .title-section h1{font-size:26px;font-weight:800;color:#1e293b;margin:0;letter-spacing:-.5px}.outlet-header .title-section p{color:#64748b;margin:4px 0 0;font-size:14px}.live-indicator{display:flex;align-items:center;gap:8px;background:#fff;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:800;color:#ef4444;box-shadow:0 4px 6px #0000000d;border:1px solid #fee2e2}.live-indicator .dot{width:8px;height:8px;background:#ef4444;border-radius:50%;animation:pulse 1.5s infinite}.status-type-filters{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.status-filter-btn{padding:10px 24px;border-radius:50px;font-size:14px;font-weight:700;cursor:pointer;border:1.5px solid #ef4444;background-color:#fff;color:#ef4444;transition:all .2s cubic-bezier(.4,0,.2,1)}.status-filter-btn:hover{background-color:#fef2f2}.status-filter-btn.active{background-color:#ef4444;color:#fff;box-shadow:0 4px 12px #ef444433}.status-card.highlight-pink{background:#fff1f2;border:1px solid #fecdd3;color:#be123c}.prep-time-metric.highlight-pink{background:#fff1f2;border-left:5px solid #e11d48}.prep-time-metric.highlight-pink .value{color:#9f1239}.no-data-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#fff;border-radius:12px;border:2px dashed #eee;text-align:center;color:#666;margin-top:20px}.placeholder-icon{font-size:3rem;margin-bottom:15px;opacity:.5}.no-data-placeholder h3{margin:0 0 10px;color:#333}.no-data-placeholder p{margin:0;font-size:.95rem}@keyframes pulse{0%{transform:scale(.9);opacity:.7}50%{transform:scale(1.2);opacity:1}to{transform:scale(.9);opacity:.7}}.outlet-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%;max-width:100%}.dashboard-section{background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 15px #00000008;border:1px solid #f1f5f9;width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow:hidden}.dashboard-section.full-width{grid-column:span 2}.section-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.section-header .icon{font-size:24px}.section-header h3{margin:0;font-size:18px;font-weight:700;color:#334155;min-width:0}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;min-width:0;width:100%;max-width:100%}.status-card{padding:20px 15px;border-radius:12px;text-align:center;transition:transform .3s ease;min-width:0;max-width:100%;box-sizing:border-box}.status-card:hover{transform:translateY(-5px)}.status-value{font-size:32px;font-weight:900;margin-bottom:4px;line-height:1}.status-label{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.highlight-blue{background:#eff6ff;color:#2563eb;border:1px solid #dbeafe}.highlight-red{background:#fef2f2;color:#e31e24;border:1px solid #fee2e2}.highlight-green{background:#f0fdf4;color:#16a34a;border:1px solid #dcfce7}.highlight-orange{background:#fff7ed;color:#ea580c;border:1px solid #ffedd5}.highlight-yellow{background:#fefce8;color:#ca8a04;border:1px solid #fef9c3}.occupancy-meter{background:#f8fafc;padding:16px;border-radius:10px}.meter-label{display:flex;justify-content:space-between;margin-bottom:8px;font-size:13px;font-weight:700;color:#475569}.meter-bg{height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.meter-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:4px;transition:width .8s cubic-bezier(.4,0,.2,1)}.prep-time-metric{display:flex;align-items:center;gap:16px;background:#fdf2f8;padding:20px;border-radius:12px;border-left:5px solid #db2777}.prep-time-metric .metric-icon{font-size:32px}.metric-details .label{display:block;font-size:13px;color:#9d174d;font-weight:600}.metric-details .value{font-size:24px;font-weight:800;color:#831843}.indicators-row{display:flex;justify-content:space-around;padding:10px 0;margin-bottom:20px}.indicator-col{text-align:center}.indicator-label{font-size:13px;font-weight:600;color:#64748b;margin-bottom:10px}.indicator-tag{padding:8px 16px;border-radius:8px;font-size:14px;font-weight:700;min-width:100px}.load-low{background:#f0fdf4;color:#16a34a}.load-moderate{background:#fffbeb;color:#d97706}.load-high{background:#fef2f2;color:#e31e24}.staff-normal{background:#f0fdf4;color:#16a34a}.staff-active{background:#fff7ed;color:#ea580c}.staff-busy{background:#fef2f2;color:#e31e24}.risk-minimal{background:#f0fdf4;color:#16a34a}.risk-moderate{background:#fffbeb;color:#d97706}.risk-high{background:#fef2f2;color:#e31e24}.operational-tips{display:flex;align-items:center;gap:12px;background:#f1f5f9;padding:16px 20px;border-radius:10px}.operational-tips p{margin:0;font-size:14px;color:#334155;font-weight:600}.outlet-loading{display:flex;justify-content:center;align-items:center;height:400px;font-size:18px;color:#64748b;font-weight:600}@media(max-width:1100px){.outlet-status-container{padding:14px}.outlet-header{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:18px}.outlet-header .title-section h1{font-size:1.2rem}.outlet-header .title-section p{font-size:.8rem}.status-type-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%}.status-filter-btn{min-width:0;width:100%;padding:8px 10px;font-size:12px;white-space:normal;text-align:center}.outlet-grid{grid-template-columns:1fr}.dashboard-section.full-width{grid-column:span 1}.dashboard-section{padding:14px;border-radius:12px}.stats-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}.section-header{margin-bottom:14px}.section-header h3{font-size:1rem}.stats-row{grid-template-columns:1fr;gap:10px;margin-bottom:14px}.status-card{padding:14px 12px}.status-value{font-size:1.5rem}.prep-time-metric{padding:14px}.metric-details .value{font-size:1.05rem}.indicators-row{flex-direction:column;gap:10px;align-items:stretch}.indicator-col{text-align:left;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;border:1px solid #e2e8f0;border-radius:8px;background:#fff}.indicator-tag{min-width:86px;text-align:center;padding:6px 10px;font-size:12px}.operational-tips{align-items:flex-start;padding:12px}.operational-tips p{font-size:12px}}@media(max-width:600px){.status-type-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.status-card{padding:12px 8px}.status-value{font-size:1.2rem}.status-label{font-size:10px;letter-spacing:.2px}.section-header h3{font-size:.95rem}}@media(max-width:420px){.status-filter-btn{font-size:11px;padding:8px 6px}.stats-row{grid-template-columns:1fr}.status-label{font-size:9px}}.sidebar{width:260px;background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;position:fixed;height:100vh;height:100dvh;left:0;top:0;z-index:100;padding-top:10px;overflow:hidden;padding-bottom:8px}.sidebar.closed{transform:translate(-260px)}.sidebar-logo-container{padding:10px 12px;margin-bottom:5px;display:flex;align-items:center;justify-content:flex-start;gap:6px}.sidebar-logo{height:60px;width:auto;-o-object-fit:contain;object-fit:contain;margin-right:6px;mix-blend-mode:multiply;filter:brightness(1.2) contrast(1.1) saturate(1.8)}.sidebar-close-btn{background:transparent;border:1px solid transparent;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:4px;color:#6b7280;transition:all .2s ease}.sidebar-close-btn:hover{background:#fef2f2;color:#ef4444;border-color:#fecaca}.sidebar-nav{flex:1;min-height:0;padding:10px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}.sidebar-nav::-webkit-scrollbar{display:none}.nav-item{width:100%;display:flex;align-items:center;padding:10px 15px;background:transparent;border:none;cursor:pointer;color:#4b5563;font-size:14px;font-weight:500;text-align:left;gap:10px;border-radius:6px;margin-bottom:2px}.nav-item:hover{background:#f3f4f6;color:#1f2937}.nav-item.active{background:#e31e24;color:#fff;box-shadow:0 2px 4px #e31e244d}.nav-item.active .nav-icon{color:#fff}.nav-icon{font-size:18px;width:20px;display:flex;align-items:center;justify-content:center;color:#6b7280}.nav-dropdown-wrapper{width:100%;margin-bottom:2px}.nav-item .dropdown-arrow{color:currentColor;margin-left:auto}.nav-dropdown-menu{max-height:0;overflow:hidden;background:#fff;padding-left:10px}.nav-dropdown-menu.show{max-height:400px;overflow-y:auto;margin-top:2px;margin-bottom:5px}.nav-dropdown-item{width:100%;display:flex;align-items:center;padding:8px 15px;background:transparent;border:none;cursor:pointer;color:#6b7280;font-size:13px;font-weight:500;text-align:left;gap:10px;border-radius:6px;margin-bottom:1px}.nav-dropdown-item:hover{background:#f3f4f6;color:#1f2937}.nav-dropdown-item.active{background:#fef2f2;color:#e31e24;font-weight:600}.logout-btn{width:calc(100% - 30px);margin:8px auto 10px;display:flex;align-items:center;justify-content:center;padding:12px 20px;background:#e31e24;border:none;border-radius:8px;cursor:pointer;color:#fff;font-size:16px;font-weight:600;gap:12px;box-shadow:0 4px 6px #e31e244d;position:relative;left:auto;right:auto;bottom:auto;z-index:1;flex-shrink:0}@media(max-height:760px){.sidebar-nav{padding-bottom:8px}}.logout-btn:hover{background:#cc1a20;transform:translateY(-2px);box-shadow:0 6px 12px #e31e2466}.logout-btn .nav-icon{color:#fff}.logout-btn .nav-label{flex:initial}@media(max-width:768px){.sidebar{transform:translate(-100%);z-index:1000;width:280px;box-shadow:2px 0 10px #0003}.sidebar.closed{transform:translate(-100%)}.sidebar.open{transform:translate(0)}}.role-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600;transition:all .2s ease;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.role-badge:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.role-icon{font-size:14px;line-height:1}.role-text{font-size:12px;letter-spacing:.3px;text-transform:uppercase}@media(max-width:768px){.role-badge{padding:5px 10px;font-size:11px}.role-icon{font-size:12px}.role-text{font-size:10px}}.top-bar{background:#fff;border-bottom:1px solid #e5e7eb;padding:0 30px;display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;width:100%;z-index:50;height:60px;box-shadow:0 1px 3px #0000000d}:root{--admin-topbar-height: 60px}@media(max-width:1200px){:root{--admin-topbar-height: 52px}.top-bar{height:var(--admin-topbar-height);padding:0 12px}.top-bar-logo-img{height:36px}.top-icon-btn{width:34px;height:34px;border-radius:8px}.top-icon-btn svg{width:17px;height:17px}.profile-avatar{width:32px;height:32px;font-size:12px}}.top-bar.sidebar-open{left:260px;width:calc(100% - 260px)}@media(max-width:1024px){.top-bar.sidebar-open{left:0;width:100%}}.top-bar .top-bar-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.top-bar .top-bar-logo{font-size:18px;font-weight:800;color:#1e293b;margin:0;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:12px;min-width:0}.top-bar .top-bar-logo-img{height:50px;width:auto;-o-object-fit:contain;object-fit:contain;max-width:100%;mix-blend-mode:multiply;filter:brightness(1.2) contrast(1.1) saturate(1.8)}.top-bar .top-bar-right{display:flex;align-items:center;gap:12px;min-width:0}.top-icon-btn{display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;width:40px;height:40px;border-radius:10px;color:#64748b;transition:all .2s;flex-shrink:0}.top-icon-btn:hover{background:#f1f5f9;color:#d32f2f}.icon-with-badge{position:relative}.badge-dot{position:absolute;top:2px;right:2px;width:8px;height:8px;background:#ef4444;border-radius:50%;border:2px solid #fff}.profile-dropdown-wrapper{position:relative;margin-left:10px;flex-shrink:0}.profile-trigger{display:flex;align-items:center;gap:6px;cursor:pointer;min-width:0}.profile-avatar{display:flex;align-items:center;justify-content:center;background:#ef4444;border-radius:50%;width:38px;height:38px;color:#fff;font-weight:700;font-size:15px;box-shadow:0 2px 4px #ef44444d;transition:all .2s ease}.profile-trigger:hover .profile-avatar{background:#e31e24;transform:scale(1.05)}.profile-caret{width:20px;height:20px;color:#6b7280;transition:color .2s ease}.profile-trigger:hover .profile-caret{color:#1f2937}.profile-dropdown{position:absolute;top:50px;right:0;background:#fff;border-radius:8px;box-shadow:0 5px 20px #00000026;min-width:180px;padding:5px;z-index:1000;border:1px solid #e5e7eb;animation:dropdownFade .2s ease}.dropdown-item{width:100%;display:flex;align-items:center;gap:10px;padding:10px 15px;background:transparent;border:none;cursor:pointer;font-size:14px;color:#374151;border-radius:6px;transition:all .2s ease;text-align:left}@media(max-width:992px){.top-bar{padding:0 14px}.top-bar-left{gap:10px}.top-bar-logo-img{height:42px}.top-bar-right{gap:8px}.top-icon-btn{width:36px;height:36px}.profile-avatar{width:34px;height:34px;font-size:13px}.top-bar-right .role-badge{display:none}}@media(max-width:576px){:root{--admin-topbar-height: 50px}.top-bar{height:var(--admin-topbar-height);padding:0 10px}.top-bar-left{gap:8px}.top-bar-logo-img{height:38px}.top-bar-right{gap:6px}.top-icon-btn{width:34px;height:34px;border-radius:8px}.top-icon-btn svg{width:18px;height:18px}.sync-btn{display:none}.profile-dropdown-wrapper{margin-left:2px}.profile-avatar{width:32px;height:32px;font-size:12px}.profile-caret{display:none}}@media(max-width:380px){.top-bar .top-bar-logo{display:none}.top-bar .top-bar-left{gap:6px}}@media(max-width:768px){.top-bar{height:var(--admin-topbar-height);padding:0 12px}.top-bar .top-bar-left{gap:10px}.top-bar .top-bar-logo-img{height:36px;max-width:calc(100vw - 92px)}}.admin-layout{display:flex;height:100vh;width:100vw;background:#f5f5f5;overflow:hidden}.main-content{position:absolute;left:260px;top:var(--admin-topbar-height, 60px);right:0;bottom:0;margin-left:0!important;overflow-y:auto;overflow-x:hidden;transition:none;background:#f5f5f5;scroll-behavior:smooth}.main-content.full-width{left:0;margin-left:0!important}.sidebar-backdrop{display:none}@media(max-width:1200px){.main-content{top:var(--admin-topbar-height, 52px)}}@media(max-width:576px){.main-content{top:var(--admin-topbar-height, 50px)}}.main-content.no-padding .layout-content{padding:0}.layout-content{min-height:100%;width:100%;padding:15px 10px;box-sizing:border-box}.layout-content>*:first-child{margin-top:0!important}.layout-content.no-padding{padding:0}.layout-main-card{background:#f5f6f8;border-radius:12px;padding:15px 10px;min-height:calc(100vh - 110px);box-shadow:0 2px 10px #0000000d;margin-bottom:20px}@media(max-width:1024px){.main-content{left:0;right:0;margin-left:0!important}.main-content.full-width{left:0;margin-left:0!important}}@media(max-width:1200px){.sidebar-backdrop{display:block;position:fixed;inset:0;border:0;background:transparent;padding:0;margin:0;z-index:90;cursor:default}}.food-payment-report{padding:0 20px 20px;background:linear-gradient(to bottom,#fff5f5,#fff);min-height:100vh}.report-header h1{font-size:28px;font-weight:700;color:#2d3748;margin:0 0 20px}.tabs-container{display:flex;gap:10px;margin-bottom:20px}.tab{background:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;color:#6b7280;display:flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 1px 3px #0000001a}.tab:hover{background:#fef2f2}.tab.active{background:#ef4444;color:#fff}.tab-icon{font-size:16px}.date-filter-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:20px}.date-filter-wrapper{display:flex;align-items:center;gap:15px;background:#fff;padding:15px 20px;border-radius:10px;box-shadow:0 2px 8px #00000014}.date-filter-group{display:flex;flex-direction:column;gap:5px}.date-filter-group label{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase}.date-input{padding:8px 16px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;min-width:130px;cursor:pointer}.date-separator{font-size:18px;color:#9ca3af;margin-top:20px}.export-csv-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 2px 8px #10b9814d;transition:all .3s ease}.export-csv-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.trends-section{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000014;margin-bottom:20px}.trends-grid-container{display:flex;flex-direction:column;gap:20px}.trends-dashboard-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden;border:1px solid #e5e7eb}.trends-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e5e7eb}.trends-date{font-size:16px;font-weight:700;color:#1f2937;display:flex;align-items:center;gap:8px}.trends-net-collection{display:flex;align-items:center;gap:10px;background:#fff;padding:6px 12px;border-radius:8px;box-shadow:0 1px 2px #0000000d}.trends-net-collection .label{font-size:13px;font-weight:600;color:#6b7280;text-transform:uppercase}.trends-net-collection .value{font-size:18px;font-weight:700}.trends-net-collection .value.positive{color:#10b981}.trends-net-collection .value.neutral{color:#6b7280}.trends-card-body{padding:20px;display:grid;grid-template-columns:1.2fr 1fr;gap:30px}.trends-section-title{font-size:14px;font-weight:600;color:#4b5563;margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #f3f4f6;padding-bottom:6px;display:inline-block}.payments-group .trends-section-title{border-color:#d1fae5;color:#059669}.refunds-group .trends-section-title{border-color:#fee2e2;color:#e31e24}.trends-metrics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.metric-card{background:#f9fafb;border:1px solid #f3f4f6;border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:4px;transition:all .2s ease}.metric-card:hover{background:#fff;border-color:#e5e7eb;box-shadow:0 2px 4px #0000000d}.metric-card.total{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#a7f3d0}.metric-card.total-refund{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fecaca}.metric-label{font-size:11px;color:#6b7280;font-weight:500;text-transform:uppercase}.metric-value{font-size:15px;font-weight:700;color:#1f2937}.metric-card.refund .metric-value{color:#ef4444}.metric-card.total .metric-value{color:#059669}.metric-card.total-refund .metric-value{color:#b91c1c}.trends-footer{background:#f8fafc;padding:10px 20px;border-top:1px solid #e5e7eb;font-size:13px;color:#6b7280;display:flex;justify-content:flex-end}.transaction-count{display:flex;align-items:center;gap:6px;font-weight:500}.transaction-count .sub-text{font-weight:400;color:#9ca3af;margin-left:4px}@media(max-width:1024px){.trends-card-body{grid-template-columns:1fr;gap:20px}}@media(max-width:640px){.trends-header{flex-direction:column;align-items:flex-start;gap:12px}.trends-net-collection{width:100%;justify-content:space-between}.trends-metrics-grid{grid-template-columns:repeat(2,1fr)}}.transactions-section{background:#fff;border-radius:12px;padding:6px 20px;box-shadow:0 2px 8px #00000014;margin-bottom:20px}.coming-soon{text-align:center;color:#6b7280}.coming-soon h2{font-size:32px;margin:0 0 10px;color:#374151}.coming-soon p{font-size:16px;margin:0}.summary-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px}.summary-card{border-radius:16px;padding:24px;display:flex;gap:20px;box-shadow:0 4px 12px #00000014;transition:transform .3s ease}.summary-card:hover{transform:translateY(-2px)}.pink-card{background:linear-gradient(135deg,#fee2e2,#fef2f2)}.orange-card{background:linear-gradient(135deg,#fed7aa,#fef3c7)}.green-card{background:linear-gradient(135deg,#d1fae5,#ecfdf5)}.card-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;flex-shrink:0}.pink-icon{background:linear-gradient(135deg,#ef4444,#e31e24);color:#fff}.orange-icon{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.green-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.card-content h3{font-size:16px;font-weight:600;color:#374151;margin:0 0 8px}.amount{font-size:32px;font-weight:700;color:#1f2937;margin-bottom:4px}.description{font-size:14px;color:#6b7280;margin-bottom:4px}.count{font-size:14px;font-weight:600;color:#4b5563}.statistics-section{margin-bottom:30px}.statistics-section h2{font-size:22px;font-weight:700;color:#2d3748;margin:0 0 15px}.statistics-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.stat-card{border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014}.pink-stat{background:linear-gradient(135deg,#fee2e2,#fef2f2)}.orange-stat{background:linear-gradient(135deg,#fed7aa,#fef3c7)}.green-stat{background:linear-gradient(135deg,#d1fae5,#ecfdf5)}.stat-label{font-size:14px;font-weight:600;color:#6b7280;margin-bottom:12px}.stat-value{font-size:36px;font-weight:700;color:#1f2937;display:flex;align-items:center;gap:10px}.stat-icon{font-size:32px}.stat-value-row{display:flex;justify-content:space-between;align-items:center}.stat-amount{font-size:28px;font-weight:700;color:#1f2937}.stat-amount-secondary{font-size:24px;font-weight:600;color:#10b981}.transaction-summary-section{margin-bottom:30px}.transaction-summary-section h2{font-size:22px;font-weight:700;color:#2d3748;margin:0 0 15px}.transaction-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.transaction-card{border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000014}.pink-transaction{background:linear-gradient(135deg,#fee2e2,#fef2f2)}.orange-transaction{background:linear-gradient(135deg,#fed7aa,#fef3c7)}.transaction-header{display:flex;align-items:center;gap:12px;margin-bottom:15px}.transaction-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px}.transaction-title{font-size:16px;font-weight:600;color:#374151}.transaction-body{background:#fff;border-radius:8px;padding:20px;text-align:center}.transaction-body p{margin:0;color:#6b7280;font-size:14px}.payment-methods-section{margin-bottom:30px}.payment-methods-section h2{font-size:22px;font-weight:700;color:#2d3748;margin:0 0 15px}.payment-methods-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.payment-method-card{border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014}.green-method,.pink-method{background:#fff}.method-header{padding:15px 20px;font-size:15px;font-weight:600;color:#374151;background:#f9fafb;border-bottom:1px solid #e5e7eb}.method-body{padding:20px}.no-data-box{border-radius:8px;padding:30px;text-align:center}.green-method .no-data-box{background:linear-gradient(135deg,#d1fae5,#ecfdf5);border-left:4px solid #10b981}.pink-method .no-data-box{background:linear-gradient(135deg,#fee2e2,#fef2f2);border-left:4px solid #ef4444}.no-data-box p{margin:0;color:#6b7280;font-size:14px;font-weight:500}.transactions-section{display:flex;flex-direction:column;gap:24px;margin-bottom:30px}.transactions-summary-strip{display:flex;gap:20px;flex-wrap:wrap}.summary-strip-card{flex:1;min-width:220px;background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;align-items:center;gap:16px;border:1px solid #e5e7eb;transition:transform .2s ease}.summary-strip-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.strip-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px}.strip-icon.blue-icon{background:#eff6ff;color:#3b82f6}.strip-icon.green-icon{background:#ecfdf5;color:#10b981}.strip-icon.purple-icon{background:#f3e8ff;color:#a855f7}.strip-info{display:flex;flex-direction:column}.strip-label{font-size:13px;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.strip-value{font-size:22px;font-weight:700;color:#1f2937}.transactions-table-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;overflow:hidden;border:1px solid #e5e7eb;padding:0}.transactions-table{width:100%;border-collapse:collapse}.transactions-table thead{background:#f8fafc;border-bottom:2px solid #e5e7eb}.transactions-table th{padding:16px 20px;text-align:left;font-size:13px;font-weight:600;color:#4b5563;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.transactions-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .2s ease}.transactions-table tbody tr:hover{background:#f9fafb}.transactions-table tbody tr:last-child{border-bottom:none}.transactions-table td{padding:16px 20px;font-size:14px;color:#374151;white-space:nowrap;vertical-align:middle}.transaction-id-cell{font-family:Courier New,monospace;font-weight:600;color:#4f46e5!important;background:#eef2ff;padding:4px 8px!important;border-radius:4px;font-size:12px!important;display:inline-block;margin:12px 16px}.transactions-table td:first-child{font-family:monospace;font-weight:600;color:#2563eb}.date-time-cell{color:#6b7280;font-size:13px}.payment-type{color:#059669;font-weight:600;background:#ecfdf5;padding:4px 10px;border-radius:99px;font-size:12px;display:inline-block}.refund-type{color:#e31e24;font-weight:600;background:#fef2f2;padding:4px 10px;border-radius:99px;font-size:12px;display:inline-block}.positive-value{color:#059669;font-weight:700}.negative-value{color:#e31e24;font-weight:700}.mode-cell{font-weight:500;color:#4b5563}.status-badge{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;text-transform:capitalize;display:inline-block}.status-badge.success,.status-badge.completed,.status-badge.paid{background:#dcfce7;color:#166534}.status-badge.pending{background:#fef9c3;color:#854d0e}.status-badge.failed{background:#fee2e2;color:#991b1b}.notes-cell{color:#9ca3af;font-style:italic;font-size:13px;max-width:250px;overflow:hidden;text-overflow:ellipsis}.empty-state-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;min-height:400px;background:#fff}.empty-state-icon{font-size:64px;margin-bottom:24px;opacity:.8}.empty-state-title{font-size:20px;font-weight:700;color:#1f2937;margin:0 0 10px}.empty-state-text{font-size:15px;color:#6b7280;max-width:350px;line-height:1.6}@media(max-width:1024px){.transactions-table-container{overflow-x:auto}.transactions-table{min-width:1000px}}@media(max-width:768px){.transactions-summary-strip{flex-direction:column}.summary-strip-card{width:100%}.tabs-container{flex-wrap:wrap}.date-filter-section,.date-filter-wrapper{flex-direction:column;align-items:stretch}.date-separator{display:none}}.drawer-backdrop{position:fixed;inset:0;background:#0f172a66;z-index:9998;backdrop-filter:blur(4px)}.drawer-container,.drawer-container *{box-sizing:border-box}.drawer-container{position:fixed;top:16px;right:16px;height:calc(100vh - 32px);width:380px;max-width:90vw;background:#fff;box-shadow:-10px 10px 40px #00000026;z-index:9999;display:flex;flex-direction:column;border-radius:32px;overflow:hidden;border:1px solid #f1f5f9}.drawer-container.premium{box-shadow:-20px 20px 60px #0f172a33;width:381px}.drawer-container.premium .drawer-content{width:381px;max-width:100%}.drawer-header{display:flex;justify-content:flex-start;align-items:center;gap:12px;padding:20px 18px;background:linear-gradient(135deg,#f43f5e,#e11d48);color:#fff;border-bottom:none}.drawer-header-icon-wrap{width:36px;height:36px;border-radius:10px;background:#fff3;display:inline-flex;align-items:center;justify-content:center;backdrop-filter:blur(4px);flex-shrink:0}.drawer-header-icon{font-size:16px;line-height:1}.drawer-header-text{min-width:0;display:flex;flex-direction:column;gap:2px}.drawer-title{font-size:16px;font-weight:800;color:#fff;margin:0;line-height:1.2}.drawer-subtitle{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;opacity:.92}.drawer-close-btn{margin-left:auto;background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;font-weight:600;transition:all .2s ease}.drawer-close-btn:hover{background:#ffffff4d;color:#fff;transform:rotate(90deg)}.drawer-content{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:0;position:relative;background:#fff}@media(max-width:768px){.drawer-container{top:12px;right:12px;height:calc(100dvh - 24px)!important;max-height:calc(100vh - 24px);width:381px!important;max-width:calc(100vw - 24px);border:1px solid #f1f5f9;border-radius:32px}.drawer-header{position:relative;justify-content:center;min-height:58px;padding:10px 14px;gap:0}.drawer-header-icon-wrap{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:9px}.drawer-header-icon{font-size:14px}.drawer-header-text{width:100%;align-items:center;text-align:center;padding:0 48px}.drawer-title{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer-subtitle{font-size:9px;letter-spacing:.05em}.drawer-close-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);margin-left:0;width:30px;height:30px;border-radius:999px}}.toast-overlay{position:fixed;inset:0;background:#00000080;z-index:99998;animation:fadeInOverlay .3s ease-out,fadeOutOverlay .3s ease-out 2.7s forwards;backdrop-filter:blur(4px)}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes fadeOutOverlay{0%{opacity:1}to{opacity:0}}.toast-notification{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:99999;min-width:320px;max-width:400px;padding:24px 32px;border-radius:16px;box-shadow:0 20px 60px #0000004d;animation:popIn .5s cubic-bezier(.68,-.55,.265,1.55),fadeOut .3s ease-out 2.7s forwards;backdrop-filter:blur(10px)}@keyframes popIn{0%{transform:translate(-50%,-50%) scale(0);opacity:0}50%{transform:translate(-50%,-50%) scale(1.1)}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes fadeOut{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}.toast-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.toast-content{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.toast-icon{flex-shrink:0;width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#ffffff40;border-radius:50%;animation:scaleIn .4s ease-out .2s backwards,pulse 1s ease-in-out .6s infinite}@keyframes scaleIn{0%{transform:scale(0) rotate(-180deg)}to{transform:scale(1) rotate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.toast-icon svg{width:36px;height:36px;color:#fff}.toast-message{font-size:20px;font-weight:700;line-height:1.3;letter-spacing:.5px;text-transform:uppercase}@media(max-width:640px){.toast-notification{min-width:280px;max-width:90%;padding:20px 24px}.toast-icon{width:56px;height:56px}.toast-icon svg{width:32px;height:32px}.toast-message{font-size:18px}}.add-payment-overlay{position:fixed;inset:0;background:#0f172a66;display:flex;align-items:stretch;justify-content:flex-end;z-index:10000;backdrop-filter:blur(6px);animation:fadeIn .4s ease-out}.add-payment-modal{background:#fff;width:380px;max-width:90vw;box-shadow:-15px 0 45px #00000026;display:flex;flex-direction:column;height:calc(100% - 32px);margin:16px;position:relative;border-radius:32px;overflow:hidden;animation:slideInRight .5s cubic-bezier(.19,1,.22,1)}.premium-payment-header{background:linear-gradient(135deg,#f43f5e,#e11d48);padding:20px 18px;color:#fff;display:flex;align-items:center;gap:12px}.header-text span{font-size:10px;opacity:.9;text-transform:uppercase}.add-payment-body{padding:24px;padding-left:16px!important;padding-right:32px!important;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:24px;flex:1;width:100%!important;box-sizing:border-box!important;scrollbar-gutter:stable}.add-payment-form-premium{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden}.payment-summary-card{background:#fff;border:1px solid #e5eaf1;border-radius:14px;padding:14px;box-shadow:0 2px 8px #0f172a0a;width:100%;box-sizing:border-box}.summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;border-bottom:1px solid #eef2f7;padding-bottom:10px;gap:10px}.ref-tag{font-size:11px;font-weight:800;color:#64748b;letter-spacing:.02em}.ref-number{font-size:14px;font-weight:800;color:#334155;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right;flex-shrink:1}.summary-details{display:flex;flex-direction:column;gap:10px}.folio-guest-list{display:flex;flex-direction:column;gap:2px;border:1px solid #edf1f7;border-radius:12px;overflow:hidden;background:#fff}.folio-guest-item{border:none;background:#fff;width:100%;text-align:left;padding:10px 12px;display:flex;align-items:flex-start;gap:10px;cursor:pointer;transition:background .2s ease}.folio-guest-item+.folio-guest-item{border-top:1px solid #eef2f7}.folio-guest-item:hover{background:#f8fafc}.folio-guest-item.active{background:#fff}.folio-radio-dot{width:16px;height:16px;border:2px solid #cbd5e1;border-radius:999px;margin-top:3px;flex-shrink:0;position:relative}.folio-guest-item.active .folio-radio-dot{border-color:#e11d48}.folio-guest-item.active .folio-radio-dot:after{content:"";position:absolute;top:3px;left:3px;width:6px;height:6px;border-radius:999px;background:#e11d48}.folio-guest-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.folio-guest-name{font-size:15px;line-height:1.2;font-weight:800;color:#334155}.folio-guest-balance{font-size:13px;font-weight:800;color:#059669}.summary-main{display:flex;gap:16px;padding-top:4px}.summary-column{flex:1;display:flex;flex-direction:column;gap:10px}.summary-item{display:flex;flex-direction:column;gap:2px}.summary-item label{font-size:9px;font-weight:800;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.summary-item span{font-size:13px;font-weight:800;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.detail-col label{display:block;font-size:11px;color:#94a3b8;margin-bottom:3px;text-transform:uppercase;font-weight:800}.detail-col p{font-size:15px;font-weight:800;color:#1f2937;margin:0;max-width:100%;line-height:1.3}.truncate-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-col-group{display:flex;justify-content:space-between;align-items:flex-end;padding-top:10px;border-top:1px solid #eef2f7}.detail-sub-col label{font-size:11px;color:#94a3b8;display:block;text-transform:uppercase;font-weight:800}.detail-sub-col p{font-size:17px;font-weight:800;color:#1f2937;margin:0;line-height:1.2}.balance-text-bold{color:#059669!important;font-size:19px!important;font-weight:900!important}.new-balance-preview{background:#fdf2f8;border-radius:14px;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;border:1px solid #fce7f3;margin-right:2px}.preview-label{font-size:11px;font-weight:700;color:#be185d}.preview-amount{font-size:16px;font-weight:900;color:#9d174d}.preview-amount.fully-paid{color:#059669}.payment-field-group{display:flex;flex-direction:column;gap:4px;width:100%}.field-label-premium{font-size:11px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.05em;padding-left:2px}.payment-field-group input,.payment-field-group textarea,.payment-field-group select{width:100%;box-sizing:border-box;padding:10px 14px;border:2px solid #f1f5f9;border-radius:10px;font-size:13px;font-weight:600}.payment-method-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.method-btn-premium{padding:12px 14px;border:2px solid #f1f5f9;border-radius:16px;background:#fff;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 2px 4px #00000005}.method-btn-premium:hover{border-color:#e2e8f0;background:#f8fafc;transform:translateY(-1px)}.method-btn-premium.active{border-color:#f43f5e;background:#fff1f2;box-shadow:0 4px 12px #f43f5e1a}.method-btn-premium:active{transform:scale(.96)}.method-icon{font-size:22px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.05))}.method-label{font-size:13px;font-weight:800;color:#475569;letter-spacing:.01em}.method-btn-premium.active .method-label{color:#e11d48}.method-selection-indicator{position:absolute;top:-5px;right:-5px;width:20px;height:20px;background:#f43f5e;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 6px #f43f5e66;border:2px solid white;transform:scale(0);transition:transform .4s cubic-bezier(.175,.885,.32,1.275);z-index:5}.method-btn-premium.active .method-selection-indicator{transform:scale(1)}.method-selection-indicator svg{width:12px;height:12px;stroke:#fff}.amount-input-container{position:relative;display:flex;align-items:center;background:#f8fafc;border:2px solid #f1f5f9;border-radius:14px;transition:all .3s ease;height:54px}.amount-input-container:focus-within{border-color:#f43f5e;background:#fff;box-shadow:0 0 0 4px #f43f5e14}.currency-indicator{padding-left:16px;font-size:18px;font-weight:900;color:#94a3b8;line-height:1}.amount-input-field{flex:1;background:transparent!important;border:none!important;padding:0 12px!important;font-size:20px!important;font-weight:900!important;color:#0f172a!important;height:100%!important;outline:none!important;box-shadow:none!important}.pay-full-action-btn{margin-right:8px;padding:8px 14px;background:#e11d48;border:none;border-radius:10px;font-size:10px;font-weight:900;color:#fff;cursor:pointer;transition:all .2s;white-space:nowrap}.pay-full-action-btn:hover{background:#be123c;transform:translateY(-1px);box-shadow:0 4px 6px -1px #e11d4833}.premium-textarea{width:100%;min-height:80px;padding:12px 14px!important;border:2px solid #f1f5f9!important;border-radius:14px!important;font-size:14px!important;background:#f8fafc!important;transition:all .3s ease!important;resize:none}.premium-textarea:focus{border-color:#f43f5e!important;background:#fff!important;outline:none!important;box-shadow:0 0 0 4px #f43f5e14!important}.payment-modal-footer{padding:20px 32px 20px 16px;border-top:1px solid #f1f5f9;display:flex;flex-direction:row!important;gap:12px;background:#f8fafc;flex-shrink:0;box-sizing:border-box;width:100%}.payment-modal-footer>*{min-width:0}.btn-secondary{flex:1;min-width:0;max-width:100%;height:48px;border-radius:12px;border:2px solid #e2e8f0;background:#fff;color:#64748b;font-weight:800;cursor:pointer;font-size:13px;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-primary{flex:1.5;min-width:0;max-width:100%;height:48px;border-radius:12px;border:none;background:linear-gradient(135deg,#f43f5e,#e11d48);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;font-size:14px;text-transform:uppercase;letter-spacing:.02em;box-shadow:0 8px 20px -5px #e11d4859;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 25px -5px #e11d4880}.btn-primary svg{flex-shrink:0;filter:drop-shadow(0 0 2px rgba(255,255,255,.4))}.btn-secondary:active{transform:translateY(0);background:#f8fafc}@media(max-width:768px){.add-payment-overlay{align-items:flex-start;justify-content:flex-end;padding:12px}.add-payment-modal{width:100%;max-width:min(380px,calc(100vw - 24px));margin:0;height:calc(100dvh - 24px);max-height:calc(100vh - 24px);border-radius:28px}.add-payment-body{padding:16px!important;gap:16px;min-height:0}.payment-modal-footer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px 12px calc(12px + env(safe-area-inset-bottom))}.btn-secondary,.btn-primary{width:100%;max-width:100%;flex:1!important;height:44px;font-size:11px;padding:0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.payment-modal-footer .btn-primary{flex:1!important}.btn-primary svg{width:14px;height:14px}}@media(max-width:420px){.payment-modal-footer{grid-template-columns:1fr;gap:6px;padding:10px 10px calc(10px + env(safe-area-inset-bottom))}.btn-secondary,.btn-primary{height:40px;font-size:10px;letter-spacing:0;padding:0 8px}.btn-primary svg{display:none}}@keyframes slideInRight{0%{transform:translate(100%) scale(.95);opacity:0}to{transform:translate(0) scale(1);opacity:1}}@keyframes slideInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.action-form{width:100%}.form-group{margin-bottom:14px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.form-label{display:block;font-size:13px;font-weight:600;color:#111827;margin-bottom:6px;text-transform:uppercase;letter-spacing:.3px}.form-label.required:after{content:" *";color:#e31e24}.form-input,.form-select,.form-textarea{width:100%;padding:8px 12px;font-size:14px;color:#1f2937;background:#fff;border:1px solid #d1d5db;border-radius:6px;transition:all .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#e31e24;box-shadow:0 0 0 3px #dc26261a}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background:#f3f4f6;cursor:not-allowed;opacity:.6}.form-textarea{resize:vertical;min-height:60px;font-family:inherit}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#E31E24}.checkbox-text-important{font-weight:500;color:#374151}.form-actions{display:flex;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid #e5e7eb}.btn-primary,.btn-secondary,.btn-success,.btn-warning,.btn-danger{flex:1;padding:10px 18px;font-size:14px;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.btn-primary{background:#e31e24;color:#fff;border-color:#e31e24}.btn-primary:hover:not(:disabled){background:#b91c1c;border-color:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.btn-secondary{background:#fff;color:#e31e24;border-color:#e31e24}.btn-secondary:hover:not(:disabled){background:#fef2f2;transform:translateY(-1px)}.btn-success{background:#16a34a;color:#fff;border-color:#16a34a}.btn-success:hover:not(:disabled){background:#15803d;border-color:#15803d;transform:translateY(-1px);box-shadow:0 4px 12px #16a34a4d}.btn-warning{background:#ca8a04;color:#fff;border-color:#ca8a04}.btn-warning:hover:not(:disabled){background:#a16207;border-color:#a16207;transform:translateY(-1px);box-shadow:0 4px 12px #ca8a044d}.btn-danger{background:#e31e24;color:#fff;border-color:#e31e24}.btn-danger:hover:not(:disabled){background:#991b1b;border-color:#991b1b;transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.btn-primary:disabled,.btn-secondary:disabled,.btn-success:disabled,.btn-warning:disabled,.btn-danger:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.booking-info-card{background:linear-gradient(135deg,#fef2f2,#fff);border:2px solid #fecaca;border-radius:10px;padding:16px;margin-bottom:20px}.booking-info-card p{margin:6px 0;font-size:14px;color:#374151}.booking-info-card strong{color:#e31e24}.remaining-amount{color:#e31e24!important;font-weight:600;font-size:15px!important}.summary-card{background:#fff;border:2px solid #fecaca;border-radius:10px;padding:16px;margin:20px 0}.summary-card h4{margin:0 0 12px;color:#e31e24;font-size:16px}.summary-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f3f4f6;font-size:14px}.summary-row.positive{color:#16a34a}.summary-row.negative{color:#e31e24}.summary-total{margin-top:8px;padding-top:12px;border-top:2px solid #fecaca!important;font-size:16px}.warning-banner,.danger-banner{padding:14px 16px;border-radius:8px;margin-bottom:20px;border-left:4px solid}.warning-banner{background:#fef3c7;border-left-color:#f59e0b}.warning-banner strong{color:#92400e;display:block;margin-bottom:4px}.warning-banner p{color:#78350f;margin:0;font-size:13px}.danger-banner{background:#fee2e2;border-left-color:#e31e24}.danger-banner strong{color:#991b1b;display:block;margin-bottom:4px}.danger-banner p{color:#7f1d1d;margin:0;font-size:13px}.info-display{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:12px;margin:16px 0}.info-display p{margin:4px 0;font-size:14px;color:#374151}.loading-text{color:#6b7280;font-style:italic;padding:10px}.error-text{color:#e31e24;font-weight:500;padding:10px}.warning-text{background:#fef3c7;border:1px solid #fbbf24;border-radius:6px;padding:12px;margin:16px 0;color:#78350f;font-size:13px}.warning-text ul{margin:8px 0 0 20px;padding:0}.warning-text li{margin:4px 0}.exchange-preview{background:#fff;border:2px solid #fecaca;border-radius:10px;padding:16px;margin:20px 0}.exchange-arrow{text-align:center;font-size:18px;font-weight:700;color:#e31e24;margin:12px 0}.exchange-result{display:flex;gap:16px;align-items:center}.exchange-item{flex:1;background:#fef2f2;padding:12px;border-radius:8px;text-align:center;font-size:13px;color:#374151}.exchange-divider{width:2px;height:40px;background:#fecaca}.visitors-toggle{margin-bottom:20px}.visitors-list{max-height:300px;overflow-y:auto;margin-bottom:20px;padding:10px;background:#f9fafb;border-radius:8px}.visitor-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:12px;margin-bottom:10px}.visitor-card p{margin:4px 0;font-size:13px;color:#374151}.visitor-time{color:#6b7280;font-size:12px!important;margin-top:8px!important}.form-section-title{color:#e31e24;font-size:17px;font-weight:600;margin:20px 0 16px;padding-bottom:10px;border-bottom:2px solid #fecaca}@media(max-width:768px){.form-row{grid-template-columns:1fr;gap:0}.form-actions{flex-direction:column}.btn-primary,.btn-secondary,.btn-success,.btn-warning,.btn-danger{width:100%}.exchange-result{flex-direction:column}.exchange-divider{width:100%;height:2px}}.add-visitor-shell{height:100%;display:flex;flex-direction:column;min-height:0}.add-visitor-form{flex:1;padding:16px;display:grid;grid-template-rows:minmax(0,1fr) auto auto;gap:14px;min-height:0;overflow:hidden}.add-visitor-card{min-height:0;overflow-y:auto;border:1px solid #e5eaf1;border-radius:14px;background:#fff;box-shadow:0 2px 8px #0f172a0a;overscroll-behavior:contain}.visitor-field-group{padding:14px;border-bottom:1px solid #eef2f7}.visitor-field-group:last-child{border-bottom:none}.visitor-label{display:block;font-size:13px;font-weight:800;color:#334155;margin-bottom:8px}.visitor-input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid #e2e8f0;background:#f8fafc;font-size:13px;font-weight:600;color:#0f172a;outline:none;box-sizing:border-box}.visitor-input:focus{border-color:#f43f5e;background:#fff;box-shadow:0 0 0 3px #f43f5e14}.visitor-mobile-row{display:grid;grid-template-columns:auto 1fr;gap:8px}.visitor-country-code{min-width:72px;padding:12px 10px;border-radius:10px;border:1px solid #e2e8f0;background:#f8fafc;font-size:13px;font-weight:700;color:#0f172a;display:inline-flex;align-items:center;justify-content:center;gap:4px}.visitor-country-arrow{font-size:10px;color:#64748b}.visitor-select-wrap{position:relative}.visitor-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;padding-right:34px}.visitor-select-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.visitor-footer-note{padding-top:10px;border-top:1px solid #eef2f7;font-size:12px;color:#64748b;display:flex;justify-content:space-between;gap:8px}.visitor-note-id{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.visitor-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.visitor-btn{flex:1;min-width:0;height:46px;border-radius:12px;font-size:14px;font-weight:800;cursor:pointer}.visitor-btn-cancel{border:2px solid #e2e8f0;background:#fff;color:#475569}.visitor-btn-save{border:none;background:linear-gradient(135deg,#f43f5e,#e11d48);color:#fff;box-shadow:0 8px 20px -5px #e11d4859}@media(max-width:480px){.add-visitor-form{padding:12px;gap:12px}.visitor-field-group{padding:12px}.visitor-footer-note{flex-wrap:wrap}}.customers-page{padding:0 25px 15px;background:#f8fafc;min-height:100vh}.customers-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.customers-header h1{font-size:32px;font-weight:700;background:linear-gradient(135deg,#ef4444,#e31e24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.refresh-btn{background:linear-gradient(135deg,#ef4444,#e31e24);border:none;color:#fff;font-size:24px;width:50px;height:50px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 12px #ef44444d}.refresh-btn:hover{transform:rotate(180deg) scale(1.1);box-shadow:0 6px 16px #ef444466}.refresh-btn:active{transform:rotate(180deg) scale(.95)}.customers-navbar{display:flex;align-items:center;gap:16px;margin-bottom:25px;background:#fff;padding:14px 18px;border-radius:12px;box-shadow:0 2px 12px #0000000f;border:1px solid #f3f4f6;flex-wrap:nowrap;overflow-x:auto}.customers-tabs{display:flex;gap:10px}.customers-tab{background:transparent;border:none;padding:12px 24px;border-radius:10px;cursor:pointer;transition:all .3s ease;font-size:15px;font-weight:600;color:#9ca3af;white-space:nowrap}.customers-tab:hover{color:#6b7280;background:#f9fafb}.customers-tab.active{background:linear-gradient(135deg,#ef4444,#e31e24);color:#fff;box-shadow:0 2px 8px #ef44444d}.customers-filters{display:flex;align-items:center;gap:12px;flex:1}.search-filter{position:relative;flex:1;min-width:160px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:16px;color:#9ca3af;z-index:1}.customers-search-input{width:100%;padding:10px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#fff;transition:all .2s cubic-bezier(.4,0,.2,1);box-sizing:border-box}.customers-search-input:focus{outline:none;border-color:#ef4444;background:#fff;box-shadow:0 0 0 3px #ef44441a}.customers-search-input::-moz-placeholder{color:#9ca3af;font-size:13px}.customers-search-input::placeholder{color:#9ca3af;font-size:13px}.date-filter{position:relative;display:flex;align-items:center}.calendar-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:18px;z-index:2;cursor:pointer;pointer-events:all;color:#6b7280;transition:all .2s ease}.calendar-icon:hover{color:#ef4444;transform:translateY(-50%) scale(1.1)}.date-input{padding:10px 40px 10px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:13px;background:#f9fafb;cursor:pointer;transition:all .2s ease;color:#6b7280;min-width:130px;width:100%}.date-input:focus{outline:none;border-color:#ef4444;background:#fff;box-shadow:0 0 0 3px #ef44441a}.date-input::-webkit-calendar-picker-indicator{position:absolute;right:12px;cursor:pointer;opacity:0;width:20px;height:20px}.sort-select{padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:13px;background:#f9fafb;cursor:pointer;font-weight:500;color:#6b7280;transition:all .2s ease;min-width:120px}.sort-select:focus{outline:none;border-color:#ef4444;background:#fff;box-shadow:0 0 0 3px #ef44441a}.result-count{padding:11px 20px;background:linear-gradient(135deg,#ef4444,#e31e24);color:#fff;border:none;border-radius:8px;font-weight:700;font-size:16px;cursor:pointer;transition:all .3s ease;min-width:55px;text-align:center;box-shadow:0 2px 6px #ef44444d}.result-count:hover{transform:scale(1.08);box-shadow:0 4px 14px #ef444473}.no-customers-alert{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:2px solid #fecaca;border-left:5px solid #ef4444;padding:18px 24px;border-radius:12px;margin-bottom:20px}.alert-icon{color:#ef4444;font-size:20px;font-weight:700}.alert-text{color:#991b1b;font-weight:600;font-size:14px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 20px;background:#fff;border-radius:16px;margin-top:20px;box-shadow:0 4px 16px #00000014}.loader{width:50px;height:50px;border:4px solid #f3f4f6;border-top:4px solid #ef4444;border-radius:50%;animation:spin 1s linear infinite}.loading-state p{margin-top:20px;color:#6b7280;font-size:16px;font-weight:500}.inline-customer-card{margin-bottom:16px;background:linear-gradient(120deg,#fff,#fff6f6);border:1px solid #fecaca;border-left:6px solid #E31E24;border-radius:16px;box-shadow:0 8px 24px #e31e241f;padding:18px 20px}.selected-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.selected-card-kicker{margin:0 0 4px;color:#e31e24;font-size:12px;font-weight:700;letter-spacing:.7px;text-transform:uppercase}.selected-card-head h3{margin:0;font-size:24px;color:#7f1d1d;font-weight:800}.selected-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.selected-card-item{background:#fff;border:1px solid #fee2e2;border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:6px;min-width:0}.selected-card-item span{color:#b91c1c;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.selected-card-item strong{color:#1f2937;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customers-table tbody tr.inline-details-row{border-bottom:1px solid #f3d8d8}.customers-table tbody tr.inline-details-row:hover{background:transparent;transform:none}.inline-details-row td{padding:0 18px 16px;background:#fff7f7}.inline-card-head{padding-top:2px}.customer-detail-loading{margin:12px 0 2px;font-size:12px;color:#b91c1c;font-weight:700}.selected-section{margin-top:14px}.selected-section-title{margin:0 0 8px;color:#991b1b;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.6px}.reservation-history-list{display:flex;flex-direction:column;gap:8px}.reservation-history-item{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#fff;border:1px solid #fecaca;border-radius:10px;padding:9px 11px}.reservation-history-main{display:flex;flex-direction:column;gap:2px;min-width:0}.reservation-history-main strong{color:#1f2937;font-size:13px}.reservation-history-main span{color:#6b7280;font-size:12px}.reservation-history-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.reservation-history-meta>span{color:#7f1d1d;font-size:12px;font-weight:700}.history-chip{display:inline-flex;align-items:center;justify-content:center;min-width:68px;border-radius:999px;padding:4px 10px;font-size:10px;font-weight:800;letter-spacing:.4px}.history-chip.chip-current{background:#dcfce7;color:#166534}.history-chip.chip-past{background:#fee2e2;color:#991b1b}.customer-serial{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;border-radius:999px;background:#fff1f2;color:#b91c1c;font-size:12px;font-weight:800;border:1px solid #fecdd3}.customers-table-container{background:#fff;border-radius:16px;overflow:visible;box-shadow:0 4px 16px #00000014;border:1px solid #f3f4f6}.customers-table{width:100%;border-collapse:collapse}.customers-table th:nth-child(1),.customers-table td:nth-child(1){min-width:56px}.customers-table th:nth-child(2),.customers-table td:nth-child(2){min-width:190px}.customers-table th:nth-child(3),.customers-table td:nth-child(3){min-width:120px}.customers-table th:nth-child(4),.customers-table td:nth-child(4){min-width:150px}.customers-table th:nth-child(5),.customers-table td:nth-child(5){min-width:120px}.customers-table th:nth-child(6),.customers-table td:nth-child(6){min-width:130px}.customers-table thead{background:linear-gradient(135deg,#ef4444,#e31e24);color:#fff}.customers-table th{padding:18px 20px;text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px}.customers-table tbody tr{border-bottom:1px solid #f3f4f6;transition:all .2s ease}.customers-table tbody tr:hover{background:linear-gradient(90deg,#fef2f2,#fafafa);transform:scale(1.001)}.customers-table tbody tr.customer-row-active{background:linear-gradient(90deg,#fee2e2,#fff7f7)}.customers-table tbody tr:last-child{border-bottom:none}.customers-table td{padding:18px 20px;font-size:14px;color:#374151}.guest-details{display:flex;flex-direction:column;gap:4px}.guest-name{font-weight:700;color:#1f2937;font-size:15px}.guest-email{font-size:12px;color:#6b7280}.guest-phone{font-size:12px;color:#9ca3af;font-family:Courier New,monospace}.room-number{font-weight:700;color:#ef4444;background:#ffe4e6;padding:8px 16px;border-radius:8px;font-size:14px;display:inline-block}.stay-duration{display:flex;flex-direction:column;gap:4px}.duration-text{font-weight:600;color:#1f2937;font-size:14px}.duration-dates{font-size:11px;color:#9ca3af}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase}.status-badge.checked-in{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#b91c1c}.status-badge.checked-out{background:linear-gradient(135deg,#fca5a5,#f87171);color:#7f1d1d}.customer-actions{display:flex;gap:8px;align-items:center;position:relative}.delete-inline-warning{position:absolute;bottom:calc(100% + 8px);right:0;display:inline-flex;flex-direction:column;align-items:flex-start;gap:8px;padding:8px 10px;border-radius:10px;border:1px solid #fecaca;background:#fff1f2;color:#991b1b;font-size:12px;font-weight:700;box-shadow:0 8px 16px #ef44442e;z-index:9999}.delete-inline-actions{display:inline-flex;gap:6px}.delete-inline-yes,.delete-inline-no{border:none;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:700;cursor:pointer}.delete-inline-yes{background:#dc2626;color:#fff}.delete-inline-yes:hover{background:#b91c1c}.delete-inline-no{background:#fee2e2;color:#7f1d1d}.delete-inline-no:hover{background:#fecaca}.action-btn{padding:8px 12px;border:2px solid transparent;border-radius:8px;font-size:20px;cursor:pointer;transition:all .3s ease;min-width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:#fff;box-shadow:0 2px 8px #0000001a}.action-btn:hover{transform:translateY(-3px);box-shadow:0 8px 16px #ef444440}.view-btn{border-color:#fca5a5;color:#b91c1c;background:#fff5f5}.view-btn:hover{background:linear-gradient(135deg,#ef4444,#e31e24);color:#fff;border-color:#e31e24}.checkout-btn{border-color:#f87171;color:#b91c1c;background:#fff1f2}.checkout-btn:hover{background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fff;border-color:#b91c1c}.delete-btn{border-color:#b91c1c;color:#7f1d1d;background:#fee2e2}.delete-btn:hover{background:linear-gradient(135deg,#b91c1c,#7f1d1d);color:#fff;border-color:#7f1d1d}.customer-print-btn{border-color:#fca5a5;color:#9f1239;background:#fff1f2}.customer-print-btn:hover{background:linear-gradient(135deg,#ef4444,#e31e24);color:#fff;border-color:#e31e24}.customer-print-menu-backdrop{position:fixed;inset:0;z-index:2100;background:transparent}.customer-print-menu{position:fixed;width:230px;display:flex;flex-direction:column;gap:4px;padding:10px;border-radius:16px;border:1px solid #e5e7eb;background:#fff;box-shadow:0 16px 28px #0f172a2e;z-index:2200}.customer-print-menu-item{width:100%;border:none;background:#fff;color:#1f2937;border-radius:12px;padding:10px 12px;cursor:pointer;display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;text-align:left}.customer-print-menu-item:hover{background:#fef2f2;color:#b91c1c}.customer-print-menu-icon{width:26px;height:26px;border-radius:8px;background:#f3f4f6;display:inline-flex;align-items:center;justify-content:center;font-size:14px}@media(max-width:1200px){.customers-navbar{flex-direction:column;align-items:stretch}.customers-tabs{justify-content:center}.customers-filters{flex-wrap:wrap}.selected-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.customers-page{padding:10px 15px}.reservation-history-item{align-items:flex-start;flex-direction:column}.reservation-history-meta{justify-content:flex-start}.customers-header h1{font-size:24px}.inline-customer-card{padding:16px}.selected-card-head{flex-direction:column;align-items:flex-start}.selected-card-head h3{font-size:20px}.selected-card-grid{grid-template-columns:1fr}.customers-navbar{flex-direction:column;padding:15px;gap:15px}.customers-tabs{flex-direction:row;gap:8px;justify-content:center}.customers-tab{padding:10px 16px;font-size:14px;flex:1}.customers-filters{flex-direction:column;align-items:stretch;gap:10px}.search-filter{min-width:100%}.date-filter,.date-input,.sort-select{width:100%}.result-count{text-align:center;width:100%}.customers-table{font-size:12px;min-width:760px}.customers-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.customers-table th,.customers-table td{padding:12px 10px}.customers-table th{font-size:10px}.guest-name{font-size:13px}.guest-email,.guest-phone{font-size:11px}.customer-actions{flex-wrap:wrap;gap:6px}.action-btn{padding:8px 10px;min-width:36px;height:36px;font-size:16px}}@media(max-width:480px){.customers-table-container{overflow-x:auto}.customers-table{min-width:760px}.inline-details-row td{padding:0 10px 12px}.action-btn{font-size:14px;min-width:32px;height:32px}}.dashboard-home{padding:0;max-width:100%;margin:0;height:auto;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;scroll-behavior:smooth;background:#fff}.main-content:not(.full-width) .stat-card-checkin .stat-icon,.main-content:not(.full-width) .stat-card-checkout .stat-icon,.main-content:not(.full-width) .stat-card-upcoming .stat-icon,.main-content:not(.full-width) .stat-card-current-guests .stat-icon{width:40px!important;height:40px!important;font-size:20px!important;margin-left:8px!important;right:10px!important;top:10px!important}.dashboard-home .dashboard-outer{border:none;border-radius:0;padding:0;box-sizing:border-box;background:#fff}.statistics-section{margin-bottom:0;flex-shrink:0}.statistics-section .section-title{font-size:20px!important;background:#c80815!important;color:#fff!important;font-weight:700!important;margin-top:0!important;margin-bottom:0!important;padding:15px 25px!important;border-radius:0!important;text-transform:uppercase!important;letter-spacing:1.5px!important;display:block!important;width:100%!important;text-align:left!important;box-shadow:0 4px 12px #e31e2433!important;border:none!important;box-sizing:border-box!important}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-bottom:0}.stats-grid-three{grid-template-columns:repeat(3,1fr)}.stat-card{padding:25px 20px;border-radius:14px;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:140px;box-shadow:0 2px 8px #00000014;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.stat-card .stat-icon{position:absolute;top:15px;right:15px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;z-index:1}.stat-card .stat-content{margin-top:10px;width:100%;padding-right:76px;position:relative;z-index:2}.stat-card-total{background:#e31e24!important}.stat-card-total .stat-icon{background:#ffffff40;color:#fff}.stat-card-total .stat-label{color:#fff!important;font-size:16px;font-weight:700;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.stat-card-total .stat-value{color:#fff!important;font-size:42px;font-weight:700}.stat-card-occupied{background:#ffedd5!important}.stat-card-occupied .stat-icon{background:#8b5c2e26;border-radius:12px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#78350f}.stat-card-occupied .stat-label{color:#78350f!important;font-size:16px;font-weight:700;margin-bottom:8px;text-transform:capitalize}.stat-card-occupied .stat-value{color:#78350f!important;font-size:42px;font-weight:700}.stat-card-booked{background:#fce7f3!important}.stat-card-booked .stat-icon{background:#be185d33;border-radius:12px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#9f1239}.stat-card-booked .stat-label{color:#9f1239!important;font-size:16px;font-weight:700;margin-bottom:8px;text-transform:capitalize}.stat-card-booked .stat-value{color:#831843!important;font-size:42px;font-weight:700}.stat-card-available{background:#d1fae5!important}.stat-card-available .stat-icon{background:#10b98140;border-radius:12px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#047857}.stat-card-available .stat-label{color:#065f46!important;font-size:16px;font-weight:700;margin-bottom:8px;text-transform:capitalize}.stat-card-available .stat-value{color:#064e3b!important;font-size:42px;font-weight:700}.stat-card-current-guests{background:#fee2e2!important}.stat-card-current-guests .stat-icon{background:#ef444440;border-radius:12px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#e31e24}.stat-card-current-guests .stat-label{color:#991b1b!important;font-size:16px;font-weight:700;margin-bottom:8px;text-transform:capitalize}.stat-card-current-guests .stat-value{color:#7f1d1d!important;font-size:42px;font-weight:700}.stat-card-checkin{background:#fff7ed!important}.stat-card-checkin .stat-icon{background:#ea580c33;border-radius:12px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#ea580c}.stat-card-checkin .stat-label{color:#c2410c!important;font-size:16px;font-weight:700;margin-bottom:8px;text-transform:capitalize}.stat-card-checkin .stat-value{color:#9a3412!important;font-size:42px;font-weight:700}.stat-card-checkout{background:#f3f4f6!important}.stat-card-checkout .stat-icon{background:#6b728033;border-radius:12px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#6b7280}.stat-card-checkout .stat-label{color:#4b5563!important;font-size:16px;font-weight:700;margin-bottom:8px;text-transform:capitalize}.stat-card-checkout .stat-value{color:#374151!important;font-size:42px;font-weight:700}.stat-card-upcoming{background:#dbeafe!important}.stat-card-upcoming .stat-icon{background:#3b82f640;border-radius:12px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#2563eb}.stat-card-upcoming .stat-label{color:#1e40af!important;font-size:16px;font-weight:700;margin-bottom:8px;text-transform:capitalize}.stat-card-upcoming .stat-value{color:#1e3a8a!important;font-size:42px;font-weight:700}.stat-content{flex:1;display:flex;flex-direction:column;justify-content:center}.stat-label{display:block!important;visibility:visible!important;opacity:1!important;line-height:1.25;word-break:break-word}.stat-value{display:block!important;visibility:visible!important;opacity:1!important}.charts-container{display:grid;grid-template-columns:repeat(2,1fr);gap:0;margin-top:0;flex:0 0 auto;min-height:auto;margin-bottom:0}.chart-card{background:#fff;border-radius:0;padding:25px;box-shadow:none;display:flex;flex-direction:column;position:relative;z-index:1;min-height:350px;border:1px solid #f1f5f9}.chart-title{font-size:16px;color:#374151;font-weight:600;margin-bottom:20px;flex-shrink:0}.circular-chart-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;flex:1;padding:10px 0}.circular-chart{position:relative;width:200px;height:200px;flex-shrink:0}.chart-center-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.chart-percentage{font-size:44px;font-weight:700;color:#e31e24;line-height:1}.chart-label{font-size:14px;color:#6b7280;margin-top:5px}.chart-legend{display:flex;gap:30px;justify-content:center;flex-shrink:0;margin-top:2px}.legend-item{display:flex;align-items:center;gap:10px}.legend-icon{display:none}.legend-color{width:16px;height:16px;border-radius:4px;flex-shrink:0}.legend-occupied{background:#e31e24}.legend-booked{background:#f59e0b}.legend-available-chart{background:#10b981}.legend-label{font-size:14px;color:#1f2937;font-weight:500}.distribution-chart-container{display:flex;flex-direction:column;justify-content:center;gap:25px;flex:1}.horizontal-bar{display:flex;height:65px;border-radius:10px;overflow:hidden;box-shadow:0 2px 6px #0000001a;flex-shrink:0}.bar-segment{display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .3s ease;position:relative}.bar-occupied{background:linear-gradient(135deg,#e31e24,#cc1a20)}.bar-booked{background:linear-gradient(135deg,#f59e0b,#d97706)}.bar-available{background:linear-gradient(135deg,#10b981,#059669)}.bar-value{font-size:24px;font-weight:700;color:#fff;line-height:1}.bar-label{font-size:13px;color:#ffffffe6;margin-top:4px;font-weight:500}.distribution-legend{display:flex;justify-content:center;gap:35px;flex-shrink:0}.legend-row{display:flex;gap:35px}@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:15px}.stats-grid-three{grid-template-columns:repeat(2,1fr)}.charts-container{grid-template-columns:1fr}}@media(max-width:768px){.dashboard-home{padding:0;height:auto}.stats-grid,.stats-grid-three{grid-template-columns:1fr;gap:15px}.stat-card{padding:20px 18px}.stat-card .stat-icon{width:55px!important;height:55px!important;font-size:28px!important}.stat-card .stat-content{padding-right:66px}.stat-card .stat-label{font-size:14px!important}.stat-card .stat-value{font-size:36px!important}.charts-container{gap:0;margin-bottom:0}.chart-card{padding:20px}.circular-chart{width:180px;height:180px}.circular-chart svg{width:180px;height:180px}.chart-percentage{font-size:40px}.horizontal-bar{height:60px}.bar-value{font-size:22px}}@media(max-width:480px){.dashboard-home{padding:0}.stat-card{padding:18px 15px;gap:15px}.stat-card .stat-icon{width:50px!important;height:50px!important;font-size:26px!important}.stat-card .stat-content{padding-right:58px}.stat-card .stat-label{font-size:13px!important}.stat-card .stat-value{font-size:32px!important}.chart-card{padding:18px}.circular-chart{width:160px;height:160px}.circular-chart svg{width:160px;height:160px}.chart-percentage{font-size:36px}.chart-label{font-size:13px}.horizontal-bar{height:55px}.bar-value{font-size:20px}.bar-label{font-size:12px}}.dashboard-separator,.separator-line,.separator-text{display:none}.zotaki-dashboard-wrapper{background:#fff;padding:0;border-radius:0;margin-top:0;clear:both;position:static}@media(max-width:1024px){.zotaki-dashboard-wrapper{margin-top:0}}@media(max-width:768px){.zotaki-dashboard-wrapper{margin-top:0}}.advanced-dashboard-section{margin-top:0;padding-top:0;border-top:none}.greeting-header{display:none;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e5e7eb}.greeting-header h1{font-size:32px;color:#1f2937;font-weight:700;margin:0}.donut-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-bottom:0;margin-top:0;padding-top:0}.donut-stat-card{background:#fff;border-radius:0;padding:25px;box-shadow:none;transition:transform .3s ease,box-shadow .3s ease;border:1px solid #f3f4f6;position:relative;z-index:2}.donut-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.donut-card-header h3{font-size:16px;color:#374151;font-weight:600;margin-bottom:15px}.donut-chart-wrapper{position:relative;display:flex;justify-content:center;align-items:center;margin-bottom:15px;overflow:hidden;padding:5px}.donut-chart-wrapper svg{display:block}.donut-center-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:42px;font-weight:700;color:#1f2937;pointer-events:none}.donut-legend{display:flex;flex-direction:column;gap:8px}.donut-legend-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#6b7280}.donut-legend-item .dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.arrival-card{background:linear-gradient(135deg,#fffbeb,#fff7ed,#fff)}.departure-card{background:linear-gradient(135deg,#fef2f2,#fff7ed,#fff)}.guest-house-card{background:linear-gradient(135deg,#fef2f2,#fdf2f8,#fff)}.room-status-card{background:linear-gradient(135deg,#eff6ff,#dbeafe,#fff)}.middle-section-grid{display:grid;grid-template-columns:2fr 1fr;gap:0;margin-bottom:0}.occupancy-gauges-card{background:#fff;border-radius:0;padding:30px;box-shadow:none;border:1px solid #f3f4f6}.gauge-card-header h3{font-size:20px;color:#ef4444;font-weight:700;margin-bottom:25px}.gauges-container{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:15px}.gauge-item{display:flex;flex-direction:column;align-items:center}.gauge-chart{margin-bottom:10px}.gauge-footer{text-align:center;width:100%}.gauge-label{font-size:16px;font-weight:600;color:#1f2937;margin-bottom:8px}.gauge-stats{display:flex;flex-direction:column;gap:4px;align-items:center}.gauge-stat{display:flex;align-items:center;gap:6px;font-size:12px;color:#6b7280}.gauge-stat .dot{width:8px;height:8px;border-radius:50%}.upcoming-reservations-card{background:#fff;border-radius:0;padding:30px;box-shadow:none;border:1px solid #f3f4f6}.reservations-header h3{font-size:20px;color:#1f2937;font-weight:700;margin-bottom:25px}.reservations-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px}.reservation-item{background:#f9fafb;border-radius:16px;padding:20px 15px;text-align:center;position:relative;transition:transform .2s ease}.reservation-item:hover{transform:scale(1.02)}.reservation-label{font-size:14px;color:#6b7280;margin-bottom:10px;font-weight:500}.reservation-value{font-size:36px;font-weight:700;color:#1f2937;margin-bottom:8px}.reservation-icon{font-size:20px;opacity:.5}.today-item{background:linear-gradient(135deg,#fef2f2,#fffbeb)}.tomorrow-item{background:linear-gradient(135deg,#fffbeb,#fef3c7)}.week-item{background:linear-gradient(135deg,#fef2f2,#fecaca)}.total-item{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.payment-methods{display:flex;flex-wrap:wrap;gap:12px;padding-top:15px;border-top:1px solid #e5e7eb}.payment-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#6b7280}.payment-item .dot{width:8px;height:8px;border-radius:50%}.revenue-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.revenue-card{background:#fff;border-radius:0;padding:25px;box-shadow:none;transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden;border:1px solid #f3f4f6}.revenue-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.revenue-header h4{font-size:14px;color:#6b7280;font-weight:600;margin-bottom:12px}.revenue-amount{font-size:32px;font-weight:700;color:#1f2937;margin-bottom:8px}.revenue-amount .currency{font-size:18px;color:#6b7280;font-weight:500}.revenue-footer{font-size:13px;color:#6b7280}.receipts-breakdown{display:flex;gap:10px;flex-wrap:wrap;margin-top:5px}.receipts-breakdown span{font-size:12px;padding:4px 8px;background:#f3f4f6;border-radius:6px}.revenue-icon{position:absolute;bottom:15px;right:15px;font-size:14px;color:#9ca3af;opacity:.5}@media(max-width:1400px){.donut-stats-grid{grid-template-columns:repeat(2,1fr)}.middle-section-grid{grid-template-columns:1fr}.revenue-cards-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.donut-stats-grid,.gauges-container,.revenue-cards-grid,.reservations-grid,.revenue-stats-grid,.analytics-charts-row{grid-template-columns:1fr}}.revenue-analytics-section{margin-top:0;width:100%}.revenue-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-bottom:0}.revenue-stat-card{background:#fff;border-radius:0;padding:25px;box-shadow:none;border:1px solid #f3f4f6}.revenue-stat-card h3{font-size:15px;font-weight:600;color:#6b7280;margin-bottom:15px}.total-revenue-card h3,.breakup-card h3{color:#e31e24}.avg-rate-card h3,.receipts-card h3{color:#1f2937}.revenue-main-value{font-size:32px;font-weight:700;color:#1f2937;margin-bottom:10px}.revenue-sub-text{font-size:13px;color:#6b7280;margin-bottom:12px}.revenue-percentage{margin-top:10px}.percentage-badge{background:#f3f4f6;padding:6px 12px;border-radius:8px;font-size:13px;color:#6b7280;font-weight:600}.percentage-badge.up{background:#dcfce7;color:#15803d}.percentage-badge.down,.revenue-percentage.negative .percentage-badge{background:#fee2e2;color:#e31e24}.breakup-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}.breakup-item{display:flex;flex-direction:column;gap:4px;position:relative}.breakup-label{font-size:12px;color:#6b7280}.breakup-value{font-size:16px;font-weight:600;color:#1f2937}.breakup-icon{position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:18px}.receipts-breakdown{display:flex;flex-direction:column;gap:12px;margin-top:20px}.receipt-item{display:flex;justify-content:space-between;align-items:center;font-size:14px}.receipt-label{color:#6b7280;font-weight:500}.receipt-value{color:#1f2937;font-weight:700}.payment-icons{display:flex;gap:10px;margin-top:25px}.payment-icons .dot{width:12px;height:12px;border-radius:50%}.receipts-detail{margin-top:15px}.receipt-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;color:#4b5563}.receipt-amount{font-weight:600;color:#1f2937}.receipt-legend{display:flex;gap:12px;margin-top:15px;flex-wrap:wrap;font-size:11px;color:#6b7280}.receipt-legend .dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:4px}.analytics-charts-row{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.chart-card-analytics{background:#fff;border-radius:16px;padding:25px;box-shadow:0 4px 12px #0000000f;border:1px solid #f3f4f6}.chart-card-analytics h3{font-size:17px;font-weight:700;color:#e31e24;margin-bottom:20px}.availability-chart h3{color:#1f2937}.chart-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.date-range{font-size:12px;color:#6b7280}.next-days{color:#e31e24;font-weight:600;margin-left:5px}.bar-chart-container{width:100%;height:300px}.bar-chart-container svg{width:100%;height:100%}.dashboard-home,.dashboard-home .dashboard-outer{padding:8px;background:#fff}.statistics-section{margin-bottom:10px}.statistics-section .section-title{margin-bottom:10px!important;border-radius:8px!important}.stats-grid,.charts-container,.donut-stats-grid,.middle-section-grid,.revenue-stats-grid,.revenue-cards-grid,.analytics-charts-row{gap:10px}.charts-container{margin-bottom:10px}.zotaki-dashboard-wrapper{margin-top:10px;padding:10px;border-radius:12px}.advanced-dashboard-section{margin-top:10px;padding-top:10px;border-top:1px solid #f1f5f9}.chart-card,.donut-stat-card,.occupancy-gauges-card,.upcoming-reservations-card,.revenue-card,.revenue-stat-card,.chart-card-analytics{border-radius:12px;box-shadow:0 1px 4px #0f172a0f}@media(max-width:768px){.dashboard-home,.dashboard-home .dashboard-outer{padding:6px}.statistics-section .section-title{margin-bottom:6px!important}.stats-grid,.charts-container,.donut-stats-grid,.middle-section-grid,.revenue-stats-grid,.revenue-cards-grid,.analytics-charts-row{gap:6px}.zotaki-dashboard-wrapper{margin-top:6px;padding:6px}}@media(max-width:1200px){.stats-grid,.stats-grid-three,.donut-stats-grid,.revenue-cards-grid,.revenue-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:992px){.stats-grid,.stats-grid-three,.donut-stats-grid,.revenue-cards-grid,.revenue-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.charts-container,.middle-section-grid,.analytics-charts-row{grid-template-columns:1fr}.occupancy-gauges-card,.upcoming-reservations-card,.chart-card,.revenue-card,.revenue-stat-card,.chart-card-analytics,.donut-stat-card{padding:20px}}@media(max-width:768px){.statistics-section .section-title{font-size:18px!important;padding:12px 14px!important;letter-spacing:.8px!important}.gauges-container,.reservations-grid,.breakup-grid{grid-template-columns:1fr}.chart-legend,.distribution-legend,.legend-row{flex-wrap:wrap;gap:10px;justify-content:flex-start}.stat-card{min-height:128px;width:100%}.bar-value{font-size:20px}}@media(max-width:576px){.stats-grid,.stats-grid-three,.donut-stats-grid,.revenue-cards-grid,.revenue-stats-grid,.analytics-charts-row,.charts-container,.middle-section-grid{grid-template-columns:1fr}.dashboard-home,.dashboard-home .dashboard-outer,.zotaki-dashboard-wrapper{padding:4px}.statistics-section .section-title{font-size:16px!important;padding:10px 12px!important;line-height:1.3}.stat-card .stat-label{font-size:12px!important}.stat-card .stat-value,.revenue-main-value,.revenue-amount,.reservation-value{font-size:clamp(24px,8vw,30px)!important}}.my-profile-container{padding:14px;width:100%;background-color:#f9f9f9;min-height:calc(100vh - 60px);box-sizing:border-box}.profile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid #e5e5e5}.profile-header .header-content{flex:1}.profile-header .header-title{font-size:28px;font-weight:700;color:#1a1a1a;margin:0 0 5px}.profile-header .header-subtitle{font-size:14px;color:#666;margin:0}.profile-header .breadcrumb{font-size:13px;color:#999;white-space:nowrap}.profile-header .breadcrumb-active{color:#e74c3c;font-weight:600}.profile-content{display:flex;flex-direction:column;gap:14px;margin-bottom:14px}.profile-card{background:#fff;border-radius:10px;box-shadow:0 1px 3px #00000014;border:1px solid #f0f0f0;overflow:hidden;transition:box-shadow .2s ease}.profile-card:hover{box-shadow:0 2px 8px #0000001a}.profile-card .card-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:linear-gradient(135deg,#fff,#fafafa);border-bottom:1px solid #f0f0f0}.profile-card .card-header h2{font-size:16px;font-weight:600;color:#1a1a1a;margin:0}.profile-card .edit-btn{background:none;border:none;color:#e74c3c;font-size:13px;font-weight:500;cursor:pointer;padding:6px 12px;border-radius:4px;transition:all .2s ease}.profile-card .edit-btn:hover{background-color:#ffe6e1;color:#c0392b}.profile-card .edit-btn.active{background-color:#e74c3c;color:#fff}.profile-overview{display:flex;gap:24px;padding:16px;align-items:flex-start}.avatar-section{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:120px}.avatar-container{width:108px;height:108px;border-radius:50%;background:linear-gradient(135deg,#e74c3c,#c0392b);display:flex;align-items:center;justify-content:center;font-size:38px;font-weight:700;color:#fff;box-shadow:0 4px 12px #e74c3c33;overflow:hidden}.avatar-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar-initials{font-size:34px;font-weight:700;color:#fff}.upload-photo-btn{background-color:#e74c3c;color:#fff;border:none;padding:7px 12px;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.upload-photo-btn:hover{background-color:#c0392b;transform:translateY(-1px);box-shadow:0 2px 8px #e74c3c33}.profile-info{flex:1;display:flex;flex-direction:column;gap:10px}.info-row{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;border-bottom:1px solid #f5f5f5;gap:10px}.info-label{font-size:13px;font-weight:500;color:#888;text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:14px;font-weight:500;color:#1a1a1a;text-align:right;word-break:break-word}.role-badge{display:inline-block;background-color:#ffe6e1;color:#e74c3c;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:600}.form-content{padding:16px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.form-grid-single{display:grid;grid-template-columns:1fr;gap:18px}.form-group{display:flex;flex-direction:column;gap:5px}.form-label{font-size:13px;font-weight:600;color:#1a1a1a;text-transform:uppercase;letter-spacing:.3px}.required{color:#e74c3c}.form-input{padding:10px 12px;border:1px solid #d5d5d5;border-radius:4px;font-size:14px;font-family:inherit;transition:all .2s ease;background-color:#fff}.form-input:focus{outline:none;border-color:#e74c3c;background-color:#fffbf9;box-shadow:0 0 0 3px #e74c3c0d}.form-input:disabled,.form-input.disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed;border-color:#e5e5e5}.helper-text{font-size:12px;color:#999;line-height:1.35}.security-actions{display:flex;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid #f5f5f5}.activity-content{padding:16px;display:flex;flex-direction:column;gap:12px}.activity-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f5f5f5}.activity-row:last-child{border-bottom:none}.activity-label{font-size:13px;font-weight:500;color:#888;text-transform:uppercase;letter-spacing:.3px}.activity-value{font-size:14px;color:#555}.alert{padding:10px 12px;border-radius:4px;font-size:13px;margin-bottom:16px;display:flex;align-items:center;gap:10px}.alert-error{background-color:#ffebee;color:#c0392b;border:1px solid #ffcdd2}.alert-success{background-color:#e8f5e9;color:#27ae60;border:1px solid #c8e6c9}.action-buttons-sticky{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:1000;width:auto;min-width:400px}.sticky-content{background:#ffffffe6;backdrop-filter:blur(10px);border:1px solid rgba(231,76,60,.2);border-radius:100px;padding:10px 24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 10px 30px #0000001a,0 0 20px #e74c3c0d}.pending-indicator{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#444}.dot{width:8px;height:8px;background-color:#e74c3c;border-radius:50%;animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #e74c3cb3}70%{transform:scale(1);box-shadow:0 0 0 6px #e74c3c00}to{transform:scale(.95);box-shadow:0 0 #e74c3c00}}.button-group{display:flex;gap:12px}.btn-glow{position:relative;overflow:hidden}.btn-glow:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(transparent,rgba(255,255,255,.2),transparent);transform:rotate(45deg);animation:btn-glow 4s infinite}@keyframes btn-glow{0%{left:-150%}20%{left:150%}to{left:150%}}.spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite;display:inline-block}@media(max-width:768px){.action-buttons-sticky{width:calc(100% - 32px);min-width:0;bottom:16px}.sticky-content{padding:10px 16px;flex-direction:column;gap:10px;border-radius:12px}.button-group{width:100%}.button-group .btn{flex:1}}.btn{padding:9px 18px;border:none;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.btn-primary{background-color:#e74c3c;color:#fff}.btn-primary:hover{background-color:#c0392b;box-shadow:0 2px 8px #e74c3c4d;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:#f5f5f5;color:#1a1a1a;border:1px solid #d5d5d5}.btn-secondary:hover{background-color:#efefef;border-color:#ccc}@media(max-width:768px){.my-profile-container{padding:10px}.profile-header{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:12px;padding-bottom:10px}.profile-overview{flex-direction:column;gap:12px;align-items:stretch;padding:12px}.avatar-section{width:100%;min-width:0;align-items:center}.profile-info{width:100%;gap:8px}.info-row{display:grid;grid-template-columns:minmax(88px,1fr) minmax(0,1.4fr);align-items:center;-moz-column-gap:10px;column-gap:10px}.info-value{text-align:left}.form-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column-reverse}.btn{width:100%}.info-row,.activity-row{gap:4px}}@media(max-width:480px){.my-profile-container{padding:8px}.profile-header .header-title{font-size:20px}.avatar-container{width:92px;height:92px;font-size:34px}.avatar-initials{font-size:28px}.profile-card .card-header,.form-content,.activity-content{padding:12px}.info-row{grid-template-columns:1fr}.info-label{font-size:11px}.info-value{font-size:13px}}.hotel-info-content{padding:24px}.hotel-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.info-card{display:flex;align-items:flex-start;gap:16px;padding:16px;background:linear-gradient(135deg,#fafafa,#fff);border:1px solid #f0f0f0;border-radius:8px;transition:all .2s ease}.info-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014;border-color:#e74c3c}.info-icon{font-size:28px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ffe6e1,#ffebe6);border-radius:10px;flex-shrink:0}.info-details{display:flex;flex-direction:column;gap:4px;flex:1}.info-details .info-label{font-size:12px;font-weight:500;color:#888;text-transform:uppercase;letter-spacing:.5px}.info-details .info-value{font-size:15px;font-weight:600;color:#1a1a1a;word-break:break-word}.subscription-badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.subscription-badge.basic{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1565c0}.subscription-badge.premium{background:linear-gradient(135deg,#fff3e0,#ffe0b2);color:#e65100}.status-badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.active{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.status-badge.inactive{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.loading-state,.no-hotel-info{padding:40px 24px;text-align:center;color:#666}.loading-state p,.no-hotel-info p{margin:0;font-size:14px}@media(max-width:768px){.hotel-info-grid{grid-template-columns:1fr}}.reservation-management-container{width:100%;max-width:1400px;margin:0 auto;padding:2rem 60px 2.5rem}.reservation-header{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2.5rem;width:100%}.header-title{width:100%}.header-title h2{margin:0 0 .5rem;letter-spacing:-.02em;display:flex;align-items:center;gap:.75rem;line-height:1.2}.header-title p{font-size:.85rem;color:#666;margin:0;margin-left:2.5rem;font-weight:400;letter-spacing:.2px;line-height:1.5}.header-actions{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;justify-content:flex-end;width:100%}.header-actions .btn{padding:.75rem 1.5rem;font-size:.8rem;font-weight:700;border-radius:.5rem;transition:all .3s ease;width:auto!important;flex:none!important;min-width:0}.header-actions .btn-primary{display:flex;align-items:center;gap:.5rem}.delete-warning-note-reservation{margin-bottom:1rem;padding:.75rem .9rem;border-radius:.75rem;border:1px solid #fecaca;background:#fff1f2;color:#991b1b;font-size:.82rem;font-weight:700;box-shadow:0 4px 12px #ef44441a}.search-container{margin:1.5rem 0 2rem;width:100%;max-width:450px;animation:fadeIn .4s ease-out}.search-wrapper{position:relative;display:flex;align-items:center}.search-ref-input{width:100%;padding:12px 16px 12px 48px!important;border-radius:12px!important;border:1px solid #e2e8f0!important;background-color:#f8fafc!important;font-size:.95rem!important;color:#1e293b!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d!important}.search-ref-input:focus{background-color:#fff!important;border-color:#ef4444!important;box-shadow:0 10px 15px -3px #ef44441a,0 4px 6px -4px #ef44441a!important;transform:translateY(-1px)}.spinner-mini{width:18px;height:18px;border:2px solid #e2e8f0;border-top:2px solid #ef4444;border-radius:50%;animation:spin .8s linear infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.reservation-management-container .tabs-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;border-bottom:2px solid #e5e7eb}.reservation-management-container .reservation-tabs{display:flex;gap:.25rem;margin-bottom:0;border-bottom:none;overflow-x:auto;padding-bottom:0;-webkit-overflow-scrolling:touch;flex:1}.reservation-management-container .tab-btn{padding:1.125rem 1.5rem;background:none;border:none;font-size:.8rem;font-weight:700;color:#888;cursor:pointer;border-bottom:3px solid transparent;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;letter-spacing:.4px;text-transform:capitalize;position:relative}.reservation-management-container .tab-btn:hover{color:#dc3545;background-color:#dc354505}.reservation-management-container .tab-btn.active{color:#dc3545;border-bottom-color:#dc3545;font-weight:800;background-color:#dc35450a}.reservation-management-container .view-toggle-container{display:flex;justify-content:flex-end;margin-bottom:.5rem;margin-top:0;flex-shrink:0}.reservation-management-container .view-toggle{display:flex;gap:5px;background:#f3f4f6;padding:4px;border-radius:8px}.reservation-management-container .view-toggle-btn{background:transparent;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;color:#6b7280}.reservation-management-container .view-toggle-btn:hover{background:#dc35451a;color:#dc3545}.reservation-management-container .view-toggle-btn.active{background:#dc3545;color:#fff}.reservation-management-container .view-toggle-btn svg{width:20px;height:20px}.reservation-content-layout{display:flex;gap:1.5rem;align-items:flex-start}.reservation-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem;width:100%;transition:all .3s ease}.reservation-cards-grid.with-details{width:calc(100% - 400px);grid-template-columns:1fr 1fr;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.reservation-cards-list{display:flex;flex-direction:column;gap:1rem;width:100%;transition:all .3s ease}.reservation-cards-list.with-details{width:calc(100% - 400px)}.reservation-cards-list .reservation-card{display:grid;grid-template-columns:minmax(140px,1fr) minmax(110px,.9fr) minmax(120px,.9fr) minmax(220px,1.25fr) minmax(160px,1fr) minmax(145px,.9fr);gap:14px;align-items:center;padding:18px 24px;min-height:auto;border-radius:10px;border-left:4px solid transparent;transition:all .2s ease;position:relative}.reservation-cards-list .reservation-card>*{min-width:0}.reservation-cards-list .reservation-card:hover{transform:translate(4px);box-shadow:0 4px 12px #0000001a}.reservation-cards-list .reservation-card.selected{border-left-color:#dc3545;background:#dc354505}.reservation-cards-list .reservation-card:not(:last-child):after{content:"";position:absolute;bottom:-8px;left:24px;right:24px;height:1px;background:linear-gradient(to right,transparent,#e5e7eb,transparent)}.reservation-cards-list .reservation-card .res-card-header{display:flex;flex-direction:column;gap:6px;margin-bottom:0;padding:0;border:none}.reservation-cards-list .reservation-card .res-card-header .guest-name{font-size:15px;font-weight:700;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reservation-cards-list .reservation-card .res-card-header .status-text{font-size:11px;padding:3px 8px;border-radius:4px;width:-moz-fit-content;width:fit-content}.reservation-cards-list .reservation-card .res-card-ref{display:none}.reservation-cards-list .reservation-card .res-card-dates{display:flex;flex-direction:column;gap:4px;margin-bottom:0}.reservation-cards-list .reservation-card .res-card-dates .date{font-size:13px;font-weight:600}.reservation-cards-list .reservation-card .res-card-dates .arrow{display:none}.reservation-cards-list .reservation-card .res-card-dates .nights{font-size:11px;color:#64748b;margin-top:0}.reservation-cards-list .reservation-card .res-card-dates-nights{display:flex;flex-direction:column;gap:4px}.reservation-cards-list .reservation-card .res-card-dates-nights .dates{display:flex;flex-direction:column;gap:2px}.reservation-cards-list .reservation-card .res-card-dates-nights .nights-badge{font-size:11px;padding:2px 6px;width:-moz-fit-content;width:fit-content}.reservation-cards-list .reservation-card .res-card-rooms,.reservation-cards-list .reservation-card .res-card-rooms-v2{display:flex;flex-direction:column;gap:4px;margin-bottom:0;align-items:flex-start}.reservation-cards-list .reservation-card .res-card-rooms>span,.reservation-cards-list .reservation-card .res-card-rooms-v2>span{font-size:13px}.reservation-cards-list .reservation-card .res-card-rooms-v2 .rooms-left{width:100%}.reservation-cards-list .reservation-card .res-card-rooms-v2 .room-count-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reservation-cards-list .reservation-card .res-card-rooms-v2 .room-number-badge{max-width:100%;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reservation-cards-list .reservation-card .res-card-rooms .room-number-label{margin-left:0!important;font-size:11px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reservation-cards-list .reservation-card .multi-room-summary{font-size:12px;padding:6px 10px}.reservation-cards-list .reservation-card .multi-room-badge{display:none}.res-card-amount-summary{margin:6px 0;padding:8px 12px;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0}.amount-summary-header{font-size:10px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:2px 0;font-size:13px;color:#334155}.summary-row .label{color:#64748b;font-weight:500}.summary-row .value{font-weight:700;color:#1e293b}.summary-row.total-row{margin-top:2px;padding-top:4px;border-top:1px solid #e2e8f0}.summary-row.bold .value{font-weight:800;font-size:15px}.summary-row.text-green .value{color:#059669}.summary-row.text-red .value{color:#e31e24}.reservation-cards-list .reservation-card .res-card-contact{display:flex;flex-direction:column;gap:4px;margin-bottom:0;padding:0;border:none}.reservation-cards-list .reservation-card .res-card-contact .contact-row{display:grid;grid-template-columns:auto 1fr;align-items:center;font-size:12px;gap:6px}.reservation-cards-list .reservation-card .res-card-contact .icon{font-size:12px}.reservation-cards-list .reservation-card .res-card-contact .email-text{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.reservation-cards-list .reservation-card .res-card-footer{margin-top:0;padding:0;border:none;display:flex;justify-content:center;align-items:center}.reservation-cards-list .reservation-card .btn-main-action{width:auto;min-width:140px;max-width:180px;font-size:12px;padding:8px 12px;letter-spacing:.5px;white-space:nowrap}.reservation-cards-list .reservation-card .room-breakdown-container{grid-column:1 / -1;margin-top:8px}.reservation-cards-list .reservation-card .room-breakdown-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.reservation-cards-list .reservation-card .room-breakdown-row{padding:8px;font-size:12px}.no-data-message{grid-column:1 / -1;text-align:center;padding:4rem 2rem;background-color:#fff;border-radius:.6rem;border:1px solid #e5e7eb}.no-data-message p{color:#999;font-size:.85rem;margin:0}.reservation-card{background-color:#fff;border:1.5px solid #fecaca;border-radius:12px;padding:.8rem .9rem;box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #0000000d;display:flex;flex-direction:column;gap:.4rem;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative}.reservation-card:hover{transform:translateY(-4px);box-shadow:0 12px 20px #00000014;border-color:#d1d5db}.reservation-card.selected{border-color:#dc3545;border-left-color:#dc3545;background-color:#fffbfc;box-shadow:0 0 0 2px #dc35451a}.res-card-header{display:flex;justify-content:space-between;align-items:flex-start}.guest-name{margin:0;font-size:1rem;font-weight:700;color:#111827;line-height:1.2;transition:color .2s ease}.res-card-header{cursor:pointer;padding:.5rem;margin:-.5rem;border-radius:.5rem;transition:background-color .2s ease}.res-card-header:hover{background-color:#fef2f2}.res-card-header:hover .guest-name{color:#e31e24}.status-text{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.status-text.reserved{color:#374151}.status-text.in_house{color:#059669}.status-text.checked_out{color:#6b7280}.res-card-ref{font-size:.8rem;color:#9ca3af;font-weight:600;margin-top:-.4rem}.res-card-dates{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:700;color:#1f2937;margin-top:.1rem}.res-card-dates .arrow{color:#d1d5db;font-weight:400}.res-card-dates .nights{margin-left:auto;font-size:.8rem;color:#9ca3af;font-weight:600}.res-card-rooms-v2{display:flex;align-items:center;justify-content:space-between;font-size:.85rem;font-weight:700;color:#1e293b;margin:2px 0}.rooms-left{display:flex;align-items:center;gap:8px}.icon-v2-sm{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:6px}.icon-v2-sm.room{background:#eef2ff;color:#4f46e5}.room-number-badge{background:#f5f3ff;color:#5b21b6;border:1px solid #ddd6fe;padding:2px 8px;border-radius:6px;font-size:13px;font-weight:800}.res-card-financials{display:flex;justify-content:space-between;border-top:1px solid #f3f4f6;border-bottom:1px solid #f3f4f6;padding:.6rem 0;margin-top:.15rem}.fin-col{display:flex;flex-direction:column;gap:.35rem}.fin-col label{font-size:.7rem;text-transform:uppercase;color:#9ca3af;font-weight:700;letter-spacing:.5px}.amount{font-size:1rem;font-weight:800;color:#374151}.amount.text-green{color:#10b981}.amount.text-red{color:#ef4444}.fin-col label.text-green{color:#10b981}.fin-col label.text-red{color:#ef4444}.res-card-contact{display:flex;flex-direction:column;gap:4px;margin:1px 0}.contact-row{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#475569}.icon-v2{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:50%}.icon-v2.phone{background:#fdf2f8;color:#db2777}.icon-v2.email{background:#eef2ff;color:#4f46e5}.email-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.res-card-footer{display:flex;align-items:center;gap:.5rem;margin-top:.25rem}.btn-main-action{flex:1;border:none;border-radius:8px;padding:8px;font-weight:800;font-size:13px;text-transform:uppercase;color:#fff;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);letter-spacing:.8px;width:100%}.btn-main-action.btn-check-in,.btn-main-action.btn-check-out{background-color:#e31e24}.btn-main-action.btn-check-in:hover,.btn-main-action.btn-check-out:hover{background-color:#b91c1c;transform:scale(1.01);box-shadow:0 4px 12px #dc262633}.btn-main-action.btn-invoice{background-color:#e31e24}.btn-main-action.btn-invoice:hover{background-color:#b91c1c;transform:scale(1.01);box-shadow:0 4px 12px #dc262633}.more-options-wrapper{position:relative;display:flex;align-items:center}.details-menu-btn{background:transparent!important;color:#9ca3af!important;width:36px!important;height:36px!important;border-radius:50%!important;font-size:1.5rem!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;border:none!important;cursor:pointer;transition:all .2s}.details-menu-btn:hover{color:#374151!important;background-color:#f3f4f6!important}@media(max-width:768px){.reservation-management-container .tabs-toolbar{flex-direction:column;align-items:stretch;gap:.75rem}.reservation-management-container .reservation-tabs{width:100%}.reservation-cards-grid{grid-template-columns:1fr}.reservation-management-container .view-toggle-container{justify-content:center;margin-top:0;margin-bottom:.75rem}.reservation-management-container .view-toggle{width:100%;max-width:300px}.reservation-cards-list .reservation-card{grid-template-columns:1fr;gap:12px;padding:16px}.reservation-cards-list .reservation-card .res-card-header,.reservation-cards-list .reservation-card .res-card-dates,.reservation-cards-list .reservation-card .res-card-dates-nights,.reservation-cards-list .reservation-card .res-card-rooms,.reservation-cards-list .reservation-card .multi-room-summary{grid-column:1}.reservation-cards-list .reservation-card .res-card-financials{grid-column:1;flex-direction:row;justify-content:space-between;padding:12px;background:#00000005;border-radius:6px}.reservation-cards-list .reservation-card .res-card-contact{grid-column:1}.reservation-cards-list .reservation-card .res-card-contact .email-text{max-width:100%}.reservation-cards-list .reservation-card .res-card-footer{grid-column:1;justify-content:stretch}.reservation-cards-list .reservation-card .btn-main-action{width:100%}.reservation-cards-list .reservation-card .multi-room-badge{display:flex}.reservation-cards-list .reservation-card .room-breakdown-list{grid-template-columns:1fr}}.amend-stay-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:flex-start;justify-content:flex-end;z-index:1000}.amend-stay-modal{background:#fff;border-radius:0;width:380px;min-width:380px;height:100vh;overflow-y:auto;box-shadow:-4px 0 20px #00000026;animation:slideInFromRight .3s ease-out}.amend-stay-header{background:#dc3545;color:#fff;padding:1.25rem 1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dc3545}.amend-stay-header h3{margin:0;font-size:1.1rem;font-weight:700;color:#fff}.close-modal-btn{background:none;border:none;color:#fff;font-size:1.4rem;cursor:pointer;padding:.25rem .5rem;line-height:1;transition:all .2s ease}.close-modal-btn:hover{color:#f8d7da;transform:rotate(90deg)}.amend-stay-content{padding:1.5rem;background:#fff}.amend-date-row{margin-bottom:1.5rem}.amend-date-row label{display:block;font-size:.8rem;font-weight:600;color:#4b5563;margin-bottom:.6rem}.date-time-inputs-full{display:flex;gap:.75rem;width:100%}.date-input{flex:1;padding:.7rem .85rem;border:1px solid #d1d5db;border-radius:.4rem;font-size:.85rem;color:#1f2937;font-weight:500;background:#fff;transition:all .2s ease}.time-with-period{flex:1;display:flex;position:relative;border:1px solid #d1d5db;border-radius:.4rem;overflow:hidden;background:#fff;transition:all .2s ease;align-items:center;justify-content:flex-start}.time-with-period:focus-within{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.time-input-12{padding:.7rem .3rem .7rem .85rem;border:none;font-size:.85rem;color:#1f2937;font-weight:500;background:transparent;outline:none;order:2;text-align:left}.period-select-inline{padding:.7rem .85rem .7rem .3rem;border:none;font-size:.85rem;color:#6b7280;font-weight:600;background:transparent;cursor:pointer;outline:none;min-width:auto;appearance:none;-webkit-appearance:none;-moz-appearance:none;order:1}.period-select-inline:hover{color:#1f2937}.date-input:focus{outline:none;border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.next-reservation-section{margin-top:2rem;padding-top:1.5rem;border-top:2px solid #e5e7eb}.next-reservation-section h4{margin:0 0 1.25rem;font-size:.95rem;font-weight:700;color:#1a1a1a}.next-res-field{margin-bottom:1rem}.next-res-field:last-child{margin-bottom:0}.next-res-field label{display:block;font-size:.8rem;font-weight:600;color:#6b7280;margin-bottom:.5rem}.text-input{width:100%;padding:.7rem .85rem;border:1px solid #e5e7eb;border-radius:.4rem;font-size:.85rem;color:#9ca3af;background-color:#f9fafb;transition:all .2s ease}.text-input:disabled{cursor:not-allowed;opacity:.6}.amend-stay-actions{margin-top:1.5rem;display:flex;justify-content:center}.btn-add-amend{padding:.75rem 2.5rem;background:#10b981;color:#fff;border:none;border-radius:.4rem;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #10b98133}.btn-add-amend:hover{background:#059669;box-shadow:0 4px 8px #10b9814d;transform:translateY(-1px)}.btn-add-amend:active{transform:translateY(0);box-shadow:0 2px 4px #10b98133}.status-badge{padding:.4rem .8rem;border-radius:.3rem;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.res-id-compact{font-size:.8rem;color:#bbb;margin:0;font-weight:600;letter-spacing:.2px}.dates-row{display:flex;align-items:center;gap:.5rem;font-size:.8rem}.dates-row .date{color:#333;font-weight:700;font-variant-numeric:tabular-nums}.dates-row .arrow{color:#ddd;font-weight:400}.dates-row .nights{color:#888;font-size:.75rem;margin-left:auto;font-weight:700}.rooms-row{font-size:.8rem;color:#333;font-weight:700;margin:0;letter-spacing:-.01em}.billing-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1rem 0;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0}.billing-item{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center}.billing-label{font-size:.75rem;color:#888;font-weight:700;text-transform:uppercase;margin-bottom:.4rem;letter-spacing:.3px}.billing-label-green{color:#10b981;font-weight:800}.billing-label-red{color:#c82333;font-weight:800}.billing-value{font-size:.9rem;color:#333;font-weight:800;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.billing-value.billing-green{color:#10b981}.billing-value.billing-red{color:#c82333}.contact-row{display:flex;gap:1.25rem;font-size:.8rem}.contact-item{display:flex;align-items:center;gap:.45rem;flex:1;min-width:0}.contact-icon{font-size:.8rem;flex-shrink:0}.contact-value{color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600;letter-spacing:.1px}.compact-actions{display:flex;gap:.7rem;align-items:center;margin-top:.25rem}.btn-primary-action{flex:1;background-color:#dc3545;color:#fff;border:none;padding:.7rem 1.125rem;border-radius:.5rem;font-size:.8rem;font-weight:800;text-transform:uppercase;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:.4px;box-shadow:0 2px 6px #dc354533}.btn-primary-action:hover{background-color:#c82333;transform:translateY(-1px);box-shadow:0 4px 10px #dc35454d}.btn-menu{background:none;border:none;color:#ccc;font-size:1.3rem;padding:.45rem .75rem;cursor:pointer;transition:all .2s ease;flex-shrink:0}.btn-menu:hover{color:#666}.menu-container{position:relative}.menu-dropdown{position:absolute;right:0;top:100%;background-color:#fff;border:1px solid #e5e7eb;border-radius:.4rem;box-shadow:0 4px 12px #00000026;min-width:140px;z-index:100;overflow:hidden;margin-top:.5rem}.menu-item{display:block;width:100%;padding:.7rem 1rem;border:none;background:none;text-align:left;font-size:.8rem;font-weight:600;color:#333;cursor:pointer;transition:all .2s ease;white-space:nowrap}.menu-item:hover{background-color:#f5f5f5}.menu-item.menu-edit{border-bottom:1px solid #f0f0f0;color:#dc3545}.menu-item.menu-cancel{border-bottom:1px solid #f0f0f0;color:#ffc107}.menu-item.menu-delete{color:#c82333}.reservation-form-view{width:100%;max-width:100%;margin:0 auto;padding:0;overflow:visible}.form-container{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem;margin-bottom:1.5rem;align-items:flex-start;width:100%}.reservation-header{width:100%}.reservation-form-top-nav{display:flex;align-items:center;padding:10px 0;margin-bottom:2rem;width:100%;margin-left:0}.reservation-management-container .reservation-form-top-nav{padding-left:6px;padding-right:6px;box-sizing:border-box}.reservation-header.form-view-header-compact{gap:.35rem;margin-bottom:.6rem}.reservation-header.form-view-header-compact .reservation-form-top-nav{margin-bottom:.35rem;padding-top:4px;padding-bottom:2px}.reservation-back-btn{display:inline-flex;align-items:center;gap:12px;padding:10px 20px;background:#fff;border:none;border-radius:100px;color:#334155;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #00000014;width:-moz-fit-content;width:fit-content;text-decoration:none;line-height:1;white-space:nowrap}.reservation-management-container .reservation-back-btn{margin-left:0;max-width:100%}.reservation-back-btn span{display:inline-block}.reservation-back-btn:hover{color:#1e293b;background-color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #0000001f}.reservation-back-btn svg{width:20px;height:20px;stroke-width:3;color:#1cbbe1;transition:transform .3s ease}.reservation-back-btn:hover svg{transform:translate(-4px)}.form-main{flex:1;display:flex;flex-direction:column;gap:0;width:100%;min-width:0}.locked-input{background-color:#f1f5f9!important;color:#475569!important;cursor:not-allowed!important;border-color:#cbd5e1!important;font-weight:700!important}.form-main h1{font-size:1.35rem;font-weight:800;color:#1a1a1a;margin:0 0 .25rem;letter-spacing:-.02em;padding:0}.form-section{background-color:#fff;border:1px solid #e8e8e8;border-radius:.55rem;padding:1.15rem 1.4rem;margin-bottom:1.15rem;box-shadow:0 1px 4px #0000000d}.section-title{font-size:.88rem;font-weight:700;color:#1a1a1a;margin:0 0 .9rem;padding-bottom:.65rem;border-bottom:1.5px solid #f3f3f3;display:flex;align-items:center;gap:.45rem;letter-spacing:.2px;text-transform:uppercase}.form-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}@media(max-width:768px){.form-grid-2{grid-template-columns:1fr}}.form-row{display:flex;flex-direction:column;gap:.3rem}.form-row.checkbox-row{flex-direction:row;align-items:center;justify-content:flex-start;gap:.75rem}.form-row label{font-size:.75rem;font-weight:600;color:#333;letter-spacing:.25px;text-transform:uppercase}.checkbox-label{display:flex;align-items:center;gap:.75rem;font-weight:500;margin:0;cursor:pointer;text-transform:none;letter-spacing:0;font-size:.85rem}.checkbox-label input{cursor:pointer;margin:0}.form-row input,.form-row select,.form-row textarea{padding:.52rem .8rem;border:1px solid #ddd;border-radius:.4rem;font-size:.8rem;color:#333;transition:all .25s cubic-bezier(.4,0,.2,1);font-family:inherit;background-color:#fff;letter-spacing:.1px;width:100%;box-sizing:border-box}.form-row input:focus,.form-row select:focus{outline:none;border-color:#dc3545;box-shadow:0 0 0 4px #dc354526}.form-row input:disabled,.form-row select:disabled,.form-row input[readonly]{background-color:#f1f5f9;color:#64748b;cursor:not-allowed;border-color:#e2e8f0;pointer-events:auto}.form-row input[readonly]:focus{box-shadow:none;border-color:#e2e8f0}.rooms-list{display:flex;flex-direction:column;gap:.8rem;margin-bottom:.8rem}.room-row{background-color:#fafafa;border:1px solid #e8e8e8;border-radius:.4rem;padding:.85rem 1rem;transition:all .25s cubic-bezier(.4,0,.2,1)}.room-row .room-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.9rem;padding-bottom:.75rem;border-bottom:1.5px solid #e8e8e8}.room-row h4{font-size:.8rem;font-weight:700;color:#333;margin:0}.room-fields{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem}@media(max-width:1024px){.room-fields{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.room-fields{grid-template-columns:1fr}}.room-row select{width:100%;padding:.6rem .75rem;border:1px solid #e8e8e8;border-radius:6px;font-size:.85rem;background-color:#fff;color:#333;transition:all .2s ease;cursor:pointer}.room-row select:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 2px #ef44441a}.room-row select:disabled{background-color:#f1f5f9;cursor:not-allowed;color:#94a3b8}.loading-select{position:relative;opacity:.7;background-image:linear-gradient(45deg,transparent 50%,#94a3b8 50%),linear-gradient(135deg,#94a3b8 50%,transparent 50%);background-position:calc(100% - 20px) calc(1em + 2px),calc(100% - 15px) calc(1em + 2px);background-size:5px 5px,5px 5px;background-repeat:no-repeat;animation:pulse 1.5s infinite ease-in-out}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.total-field{background-color:#f8fafc;font-weight:800;color:#ef4444;border-color:#f1f5f9;cursor:not-allowed}.guest-selection{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.6rem;padding:1.2rem;display:flex;flex-direction:column;gap:1rem;margin-top:.5rem}.guest-selection-footer{display:flex;justify-content:center;align-items:center;padding:1.25rem;border:2px dashed #e2e8f0;border-radius:.6rem;background-color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;margin-top:.5rem}.guest-selection-footer:hover{border-color:#dc3545;background-color:#fff1f2;transform:translateY(-2px)}.guest-selection-footer .btn{box-shadow:none;margin:0}.select-create-guest-btn{display:block!important;width:100%!important;max-width:none!important;min-width:0!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere;word-break:break-word;text-transform:none!important;font-size:.74rem!important;line-height:1.2!important;letter-spacing:.15px!important;padding:.72rem .75rem!important;text-align:center!important;box-sizing:border-box}.no-guest-selected{text-align:center;padding:1rem 0}.selected-guest-card{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;padding:.85rem 1.15rem;transition:all .25s ease;width:100%}.selected-guest-card:hover{border-color:#cbd5e1;transform:translate(4px);box-shadow:0 4px 12px #00000008}.guest-name{font-size:.95rem;font-weight:700;color:#1e293b;margin:0}.guest-primary-badge{display:inline-block;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;background:#4f46e5;color:#fff;border-radius:3px;padding:.1rem .4rem;margin-bottom:.3rem}.btn-remove-guest{background:none;border:1px solid #e5e7eb;border-radius:50%;width:24px;height:24px;font-size:.75rem;line-height:1;color:#9ca3af;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s,color .2s}.btn-remove-guest:hover{background:#fee2e2;color:#e31e24;border-color:#fca5a5}.guest-info{flex:1}.guest-details{font-size:.75rem;color:#666;margin:.25rem 0 0}.no-guest-selected{text-align:center;padding:.85rem 1rem}.no-guest-selected p{color:#999;margin:0 0 .85rem;font-size:.8rem}.billing-summary-panel{background-color:#fff;border:1px solid #e8e8e8;border-radius:.5rem;box-shadow:0 1px 3px #0000000d;position:sticky;top:1.2rem;height:-moz-fit-content;height:fit-content}.billing-summary-panel .panel-header{padding:.9rem 1.1rem;border-bottom:1px solid #f3f3f3;background-color:#fafafa}.billing-summary-panel h3{font-size:.88rem;font-weight:700;color:#1a1a1a;margin:0;letter-spacing:.1px}.billing-summary-panel .panel-body{padding:.9rem 1.1rem}.summary-items{margin-bottom:1rem}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:.4rem 0;font-size:.75rem}.summary-row .label{color:#666;font-weight:550;letter-spacing:.2px}.summary-row .value{color:#333;font-weight:750;text-align:right}.summary-row.discount .value{color:#10b981;font-weight:800}.summary-row.total{font-size:.85rem;padding:.8rem .75rem;background:linear-gradient(135deg,#f9f9f9,#fafafa);border-radius:.4rem;margin:.5rem 0;border:1px solid #f0f0f0}.summary-row.total .label{font-weight:800}.summary-divider{height:1px;background:linear-gradient(90deg,#e8e8e8 0%,transparent 50%,#e8e8e8 100%);margin:.6rem 0}.payment-details{border-top:1px solid #f3f3f3;padding-top:.9rem}.payment-details h4{font-size:.75rem;font-weight:700;color:#333;margin:0 0 .6rem;letter-spacing:.25px;text-transform:uppercase}.payment-select,.paid-amount-input{width:100%;padding:.52rem .8rem;border:1px solid #ddd;border-radius:.4rem;font-size:.8rem;color:#333;margin-bottom:.6rem;transition:all .25s cubic-bezier(.4,0,.2,1);background-color:#fff}.payment-select:focus,.paid-amount-input:focus{outline:none;border-color:#dc3545;box-shadow:0 0 0 4px #dc354526}.paid-amount-group{margin-bottom:.75rem}.paid-amount-group label{display:block;font-size:.75rem;font-weight:600;color:#333;margin-bottom:.4rem;letter-spacing:.25px;text-transform:uppercase}.tax-exempt-checkbox{display:flex;align-items:center;gap:.6rem;font-size:.75rem;font-weight:550;cursor:pointer;margin-top:.6rem}.tax-exempt-checkbox input{cursor:pointer;margin:0}.form-actions{display:flex;gap:1rem;justify-content:flex-end;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#fafafa,#fff);border-top:1px solid #e8e8e8;margin-top:1.5rem;flex-wrap:wrap;border-radius:0 0 .55rem .55rem}.form-actions .btn{min-width:110px}.btn{padding:.7rem 1.4rem;border:none;border-radius:.45rem;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:.3px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap;box-shadow:0 2px 6px #00000014;text-transform:uppercase}.btn:active{transform:translateY(1px);box-shadow:0 2px 4px #0000001a}.btn-primary:hover{background-color:#c82333;transform:translateY(-2px);box-shadow:0 6px 16px #dc354559}.btn-success{background-color:#10b981;color:#fff}.btn-success:hover{background-color:#059669;transform:translateY(-2px);box-shadow:0 6px 16px #10b98159}.btn-secondary:hover{background-color:#5a6268;transform:translateY(-2px);box-shadow:0 6px 16px #6c757d59}.btn-outline:hover{background-color:#f5f5f5;border-color:#dc3545;color:#dc3545;box-shadow:0 2px 8px #dc35451a}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#c82333}.btn-sm{padding:.5rem .875rem;font-size:.75rem}.btn-add-room{width:-moz-fit-content;width:fit-content;margin-top:1rem}.guest-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.guest-modal-content{background-color:#fff;border-radius:.6rem;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.guest-modal-content .modal-header{padding:1.5rem;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.guest-modal-content .modal-header h2{font-size:1.25rem;font-weight:700;color:#1a1a1a;margin:0}.modal-close{background:none;border:none;font-size:1.5rem;color:#999;cursor:pointer;padding:0;transition:color .2s ease}.modal-close:hover{color:#333}.guest-modal-content .modal-body{padding:1.5rem}.guests-list{max-height:400px;overflow-y:auto;margin-bottom:1.5rem}.guest-item{padding:1rem;border:1px solid #e5e7eb;border-radius:.4rem;margin-bottom:.75rem;cursor:pointer;transition:all .2s ease;display:flex;justify-content:space-between;align-items:center}.guest-item:hover{background-color:#f9f9f9;border-color:#dc3545}.guest-item-main{flex:1}.guest-item .guest-name{font-size:.8rem;font-weight:700;color:#333;margin:0 0 .25rem}.guest-item .guest-phone{font-size:.8rem;color:#666;margin:0}.guest-item .guest-email{font-size:.8rem;color:#999;margin:.25rem 0 0}.guest-item-meta{text-align:right}.booking-count{display:block;font-size:.75rem;color:#999;margin-bottom:.25rem}.no-results{text-align:center;color:#999;padding:2rem 1rem;font-size:.75rem}.guest-form{display:flex;flex-direction:column;gap:1rem}.form-actions-modal{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.invoice-modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem;animation:fadeIn .3s ease-out}.invoice-modal-content{background-color:#fff;border-radius:.8rem;width:100%;max-width:900px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #00000040;display:flex;flex-direction:column;animation:slideUp .3s ease-out}@media(max-width:1024px){.form-container{grid-template-columns:1fr;gap:1rem}.billing-summary-panel{position:static;top:auto}.form-section{padding:1rem}.reservation-back-btn{padding:9px 16px;font-size:.9rem}}@media(max-width:768px){.reservation-management-container{padding:.75rem}.reservation-cards-grid{grid-template-columns:1fr}.header-actions,.header-actions .btn{width:100%}.form-actions{flex-direction:column;gap:.65rem}.form-actions .btn{width:100%;margin-right:0!important}.form-main h1{font-size:1.15rem}.section-title{font-size:.8rem;line-height:1.35}}@media(max-width:576px){.reservation-management-container{padding:.55rem}.form-container{margin-bottom:1rem}.form-section{padding:.8rem .75rem;border-radius:.5rem}.form-row label{font-size:.68rem}.form-row input,.form-row select,.form-row textarea{font-size:.78rem;padding:.5rem .65rem}.reservation-back-btn{width:100%;justify-content:center}}.reservation-details-panel{width:450px;min-width:450px;background:#fff;border:1px solid #e5e7eb;border-radius:.6rem;box-shadow:0 1px 3px #00000014;display:flex;flex-direction:column;height:-moz-fit-content;height:fit-content;max-height:650px;position:sticky;top:-80px;overflow:hidden;animation:slideInFromRight .3s ease-out}@keyframes slideInFromRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.details-header{border-bottom:1px solid #e5e7eb;background:#f9fafb;position:relative;z-index:20;overflow:visible}.close-details-btn-top{position:absolute;top:.75rem;right:.75rem;background:none;border:none;font-size:1.3rem;color:#666;cursor:pointer;padding:.25rem .5rem;transition:all .2s ease;z-index:10}.close-details-btn-top:hover{color:#dc3545;transform:rotate(90deg)}.details-guest-info{padding:.75rem 1.25rem 1rem;border-bottom:1px solid #e5e7eb}.guest-info-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.guest-info-row:last-child{margin-bottom:0}.guest-icon,.phone-icon{font-size:1rem}.guest-name-header{font-size:.9rem;font-weight:700;color:#1a1a1a}.phone-number{font-size:.85rem;font-weight:600;color:#4b5563}.details-header-top{display:flex;justify-content:flex-start;align-items:center;padding:1rem 1.25rem}.header-tabs{display:flex;gap:.5rem;width:100%;position:relative;overflow:visible;flex-wrap:wrap}.print-menu-wrap{position:relative;display:inline-flex;z-index:300}.print-menu-trigger{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;background:linear-gradient(135deg,#e31e24,#b91c1c);color:#fff;border:none;border-radius:8px;font-weight:700;font-size:12px;cursor:pointer;box-shadow:0 2px 8px #dc26264d;white-space:nowrap}.print-menu-trigger.active{box-shadow:0 0 0 2px #dc262633,0 4px 12px #dc26264d}.print-menu-icon{flex-shrink:0}.print-menu-arrow{font-size:10px;transition:transform .2s ease}.print-menu-arrow.open{transform:rotate(180deg)}.print-menu-dropdown{position:absolute;right:0;top:calc(100% + 6px);background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;border:1px solid #e5e7eb;z-index:3500;min-width:188px;max-height:none;overflow:visible;padding:6px}.print-menu-item{display:flex;align-items:center;gap:9px;width:100%;padding:8px 10px;border:none;background:transparent;cursor:pointer;border-radius:8px;font-size:12px;font-weight:600;color:#374151;text-align:left}.print-menu-item:hover{background:#fef2f2}.print-menu-item-icon{width:24px;height:24px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}.print-menu-item-label{line-height:1.2}.tab-option{padding:.5rem 1rem;border:1px solid #e5e7eb;background:#fff;border-radius:.3rem;font-size:.75rem;font-weight:600;color:#666;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.3rem}.dropdown-arrow{font-size:.6rem}.tab-more-options{position:relative}.more-options-wrapper,.more-options-wrapper-stay{position:relative;display:inline-block}.more-options-wrapper-stay .more-options-trigger{padding:.5rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:.4rem;color:#666;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.3rem;width:auto;height:auto;letter-spacing:normal}.more-options-wrapper-stay .more-options-trigger:hover{background:#dc3545;color:#fff;border-color:#dc3545;transform:none}.more-options-wrapper-stay .more-options-dropdown{position:absolute;top:calc(100% + .5rem);left:0;min-width:220px;z-index:99999}.more-options-dropdown{position:absolute;top:calc(100% + .25rem);left:0;background:#fff;border:1px solid #e5e7eb;border-radius:.4rem;box-shadow:0 4px 12px #00000026;z-index:100;min-width:180px;overflow:hidden}.dropdown-item{display:block;width:100%;padding:.75rem 1rem;border:none;background:#fff;text-align:left;font-size:.8rem;font-weight:500;color:#374151;cursor:pointer;transition:all .15s ease;border-bottom:1px solid #f3f4f6}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:#f9fafb;color:#1f2937}.dropdown-item-danger{color:#dc3545;font-weight:600}.dropdown-item-danger:hover{background:#fee;color:#dc3545}.tab-option:hover{background:#f3f4f6}.tab-option.active{background:#dc3545;color:#fff;border-color:#dc3545}.tab-option.tab-print{background:#fff;color:#666;border-color:#e5e7eb}.reservation-details-panel .more-options-menu-container{z-index:320}.reservation-details-panel .more-options-btn{min-width:116px;padding:8px 10px;font-size:12px;border-radius:8px}.reservation-details-panel .more-options-dropdown{min-width:190px;max-height:none;overflow:visible;z-index:3400}.reservation-details-panel .more-options-item{padding:9px 12px}.reservation-details-panel .more-options-item .option-label{font-size:12px}@media(max-width:768px){.details-header-top{padding:.6rem .75rem}.header-tabs{gap:.4rem}.header-tabs>*{flex:1 1 calc(33.333% - .35rem);min-width:0}.tab-option,.reservation-details-panel .more-options-btn,.print-menu-trigger{min-height:34px;padding:6px 8px;font-size:11px;justify-content:center;border-radius:7px}.reservation-details-panel .more-options-btn{min-width:0}.print-menu-wrap{position:relative;z-index:700}.reservation-details-panel .more-options-menu-container{z-index:700}.print-menu-dropdown{position:absolute;top:calc(100% + 6px);right:0;left:auto;width:min(220px,92vw);max-height:none;overflow:visible;border-radius:12px;z-index:720}.reservation-details-panel .more-options-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:auto;width:min(220px,92vw);max-height:none;overflow:visible;border-radius:12px;z-index:720}.print-menu-item,.reservation-details-panel .more-options-item{padding:10px 12px;font-size:12px}}.close-details-btn{background:none;border:none;font-size:1.2rem;color:#666;cursor:pointer;padding:.25rem .5rem;transition:all .2s ease}.close-details-btn:hover{color:#dc3545;transform:rotate(90deg)}.details-content{overflow-y:auto;padding:0;flex:1;max-height:500px}.details-table{width:100%;border-collapse:collapse}.details-table tbody tr{border-bottom:1px solid #e5e7eb}.details-table tbody tr:last-child{border-bottom:none}.details-label{padding:1rem 1.25rem;font-size:.8rem;color:#6b7280;font-weight:500;text-align:left;vertical-align:middle;width:50%}.details-value{padding:1rem 1.25rem;font-size:.8rem;color:#1f2937;font-weight:600;text-align:right;vertical-align:middle;width:50%}.details-value-highlight{color:#dc3545;font-weight:700;font-size:.85rem}.status-badge-small{padding:.25rem .6rem;border-radius:.25rem;font-size:.7rem;font-weight:700;text-transform:uppercase;display:inline-block}.status-badge-small.reserved{background:#fef3c7;color:#92400e}.status-badge-small.in_house{background:#dcfce7;color:#166534}.status-badge-small.checked_out{background:#e5e7eb;color:#374151}.reservation-card-compact.selected{border:2px solid #dc3545;box-shadow:0 6px 16px #dc354533}.edit-reservation-view .reservation-back-btn{margin-bottom:20px}.edit-reservation-content{background:#fff;border-radius:0;box-shadow:0 1px 3px #0000001a}.reservation-management-container{max-width:100%;padding:2rem 60px 2.5rem}.edit-reservation-view .reservation-management-container{padding:24px 40px;background:#f8fafc}input:disabled,select:disabled{cursor:not-allowed!important;background-color:#f3f4f6!important}.multi-room-card{border-top:4px solid #3b82f6!important}.multi-room-badge{background:#fff7ed;color:#c2410c;font-size:.7rem;font-weight:800;padding:.4rem .8rem;border-radius:6px;display:inline-flex;align-items:center;gap:.4rem;margin-bottom:.75rem;letter-spacing:.5px;border:1px solid #ffedd5;width:-moz-fit-content;width:fit-content}.multi-room-badge .dot{color:#f97316}.res-card-dates-nights{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.res-card-dates-nights .dates{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:700;color:#1f2937}.res-card-dates-nights .nights-badge{background:#f3f4f6;color:#6b7280;font-size:.75rem;font-weight:700;padding:.2rem .6rem;border-radius:4px}.multi-room-summary{display:flex;justify-content:space-between;align-items:center;background:#f8fafc;padding:.75rem 1rem;border-radius:8px;cursor:pointer;transition:all .2s ease;border:1px solid #f1f5f9}.multi-room-summary:hover{background:#f1f5f9;border-color:#e2e8f0}.multi-room-summary .room-count{font-size:.85rem;font-weight:700;color:#334155;display:flex;align-items:center;gap:.5rem}.multi-room-summary .expand-icon{font-size:.7rem;color:#94a3b8;transition:transform .3s ease}.multi-room-summary .expand-icon.rotated{transform:rotate(180deg)}.room-breakdown-container{overflow:hidden}.room-breakdown-list{padding:.75rem .25rem;display:flex;flex-direction:column;gap:.6rem;max-height:115px;overflow-y:auto}.room-breakdown-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:#fff;border-left:3px solid #e2e8f0;font-size:.8rem}.room-breakdown-row .room-info{display:flex;flex-direction:column}.room-breakdown-row .r-num{font-weight:800;color:#1e293b}.room-breakdown-row .r-type{font-size:.7rem;color:#64748b;font-weight:600}.room-breakdown-row .room-pricing{display:flex;flex-direction:column;text-align:right}.room-breakdown-row .r-rate{font-size:.7rem;color:#94a3b8}.room-breakdown-row .r-subtotal{font-weight:800;color:#0f172a}.res-card-financials.multi{margin-top:1rem;background:#fffcfc;border:1px dashed #fee2e2;border-radius:8px;padding:.75rem}.res-card-contact.compact{border-top:none;margin-top:.5rem;padding-top:0}.booking-history-container{margin-top:2rem;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000d;border:1px solid #f0f2f5;overflow:hidden;width:100%}.history-header-btn{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;background:none;border:none;cursor:pointer;transition:background-color .2s ease}.history-header-btn:hover{background-color:#f8fafc}.header-title-group{display:flex;align-items:center;gap:1rem}.header-icon-circle{width:36px;height:36px;background-color:#f1f5f9;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.header-text{font-size:1.15rem;font-weight:700;color:#1e293b}.chevron-icon{font-size:.8rem;color:#64748b;transition:transform .3s ease}.chevron-icon.expanded{transform:rotate(180deg)}.history-table-wrapper{padding:0 1.5rem 1.5rem}.history-table{width:100%;border-collapse:separate;border-spacing:0}.history-table th{text-align:left;padding:.75rem 1rem;font-size:.85rem;font-weight:600;color:#64748b;border-bottom:2px solid #f1f5f9}.history-row{transition:background-color .2s ease}.history-row:hover{background-color:#f8fafc}.history-table td{padding:1rem;font-size:.95rem;font-weight:500;color:#1e293b;border-bottom:1px solid #f1f5f9}.history-table .res-id{color:#64748b;font-weight:600}.reservation-management-container .header-title h2{font-size:clamp(1.35rem,2.2vw,2rem)!important;line-height:1.25!important;display:block!important;white-space:normal;word-break:normal;overflow-wrap:normal}.reservation-management-container .header-title p{margin-left:0;max-width:760px}.reservation-management-container>.reservation-header{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:1.5rem;width:100%}.reservation-management-container .header-title{display:block!important;width:100%;min-width:0;text-align:left!important;margin-left:0!important;margin-right:auto!important}.reservation-management-container .header-title>*{display:block}.reservation-management-container .header-title h2,.reservation-management-container .header-title p,.reservation-management-container .search-container{text-align:left!important;margin-left:0!important;margin-right:auto!important;justify-self:start;align-self:flex-start}.reservation-management-container .search-container{width:100%;max-width:620px}.reservation-management-container .search-ref-input{min-width:0;font-size:.9rem!important}.reservation-content-layout,.reservation-cards-grid,.reservation-cards-list{min-width:0}@media(max-width:1200px){.reservation-management-container{padding:1.25rem 24px 2rem}.reservation-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reservation-cards-grid.with-details,.reservation-cards-list.with-details{width:100%}.reservation-details-panel{width:100%;min-width:0;max-height:none;position:static;top:auto}.reservation-content-layout{flex-direction:column}.reservation-cards-list .reservation-card{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 12px;padding:14px}.reservation-cards-list .reservation-card .res-card-financials,.reservation-cards-list .reservation-card .room-breakdown-container,.reservation-cards-list .reservation-card .res-card-contact,.reservation-cards-list .reservation-card .res-card-footer{grid-column:1 / -1}.reservation-cards-list .reservation-card .res-card-footer{justify-content:flex-start}}@media(max-width:992px){.reservation-management-container{padding:1rem 14px 1.5rem}.reservation-header{gap:1rem;margin-bottom:1.25rem}.header-actions{justify-content:flex-start;width:100%;gap:.6rem}.header-actions .btn{width:auto!important;min-width:160px;padding:.7rem 1rem}.reservation-management-container .tabs-toolbar{gap:.75rem;margin-bottom:1rem}.reservation-management-container .tab-btn{padding:.85rem .9rem;font-size:.72rem}.reservation-management-container .view-toggle-container{justify-content:flex-start}.reservation-cards-grid{grid-template-columns:1fr}.reservation-cards-list .reservation-card{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.reservation-management-container .header-title h2{font-size:1.18rem!important}.reservation-management-container .header-title p{font-size:.78rem;line-height:1.45;max-width:100%}.reservation-management-container .search-container{max-width:100%;margin:.9rem 0 .8rem}.reservation-management-container .search-ref-input{padding:10px 12px 10px 38px!important;font-size:.82rem!important}.reservation-management-container .tabs-toolbar{flex-direction:column;align-items:stretch}.reservation-management-container .reservation-tabs{width:100%;overflow-x:auto;padding-bottom:4px}.reservation-management-container .reservation-tabs::-webkit-scrollbar{height:4px}.reservation-management-container .view-toggle-container{justify-content:center;width:100%}.reservation-management-container .view-toggle{width:100%;max-width:220px}.reservation-cards-list .reservation-card{grid-template-columns:1fr}}@media(max-width:576px){.header-actions{display:grid;grid-template-columns:1fr}.header-actions .btn{width:100%!important;min-width:0;font-size:.72rem;padding:.68rem .9rem}.reservation-management-container .tab-btn{font-size:.68rem;padding:.75rem}.reservation-management-container .tabs-toolbar{border-bottom:none}.reservation-management-container .reservation-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;overflow:visible;padding-bottom:0}.reservation-management-container .tab-btn{width:100%;min-height:44px;white-space:normal;text-align:center;line-height:1.2;border:1px solid #e5e7eb;border-radius:10px;border-bottom-width:1px;background:#fff}.reservation-management-container .tab-btn.active{border-color:#dc3545;background:#dc354514}.reservation-management-container .search-ref-input::-moz-placeholder{font-size:.74rem}.reservation-management-container .search-ref-input::placeholder{font-size:.74rem}}.history-table .room-type{color:#1e293b;font-weight:600}.history-table .dates{color:#64748b}.history-table .amount{font-weight:700}.history-table .amount.paid{color:#15803d}.reservation-content-layout{display:flex!important;flex-direction:row!important;align-items:flex-start!important;gap:1rem;width:100%;min-width:0}.reservation-cards-grid.with-details,.reservation-cards-list.with-details{width:calc(100% - 430px)!important;min-width:620px}.reservation-details-panel{width:420px!important;min-width:420px!important;position:sticky!important;top:0!important;max-height:calc(100vh - 110px)}@media(max-width:1200px){.reservation-content-layout{flex-direction:row!important;overflow-x:auto;padding-bottom:6px}.reservation-cards-grid.with-details,.reservation-cards-list.with-details{width:calc(100% - 390px)!important;min-width:560px}.reservation-details-panel{width:380px!important;min-width:380px!important;position:sticky!important;top:0!important;max-height:calc(100vh - 110px)}}@media(max-width:768px){.reservation-cards-grid.with-details,.reservation-cards-list.with-details{min-width:500px}.reservation-details-panel{width:340px!important;min-width:340px!important}}.history-table .amount.overdue{color:#e31e24}.history-table .text-right{text-align:right}.row-action{text-align:right;width:40px}.arrow-right{color:#cbd5e1;font-size:1.5rem;line-height:1}@media(max-width:768px){.reservation-details-panel,.reservation-details-panel .details-header,.reservation-details-panel .details-header-top,.reservation-details-panel .header-tabs{overflow:visible!important}.reservation-details-panel .header-tabs{display:flex!important;flex-wrap:nowrap!important;gap:6px!important;align-items:stretch}.reservation-details-panel .header-tabs>*{flex:1 1 0!important;min-width:0!important;width:auto!important}.reservation-details-panel .tab-option,.reservation-details-panel .print-menu-trigger,.reservation-details-panel .more-options-btn{min-width:0!important;width:100%!important;white-space:normal!important}.reservation-details-panel .print-menu-wrap,.reservation-details-panel .more-options-menu-container{position:relative!important;width:100%!important;z-index:14020!important}.reservation-details-panel .print-menu-dropdown,.reservation-details-panel .more-options-dropdown{position:absolute!important;top:calc(100% + 6px)!important;bottom:auto!important;max-height:none!important;overflow:visible!important;z-index:14030!important;box-shadow:0 16px 36px #0f172a3d!important}.reservation-details-panel .print-menu-dropdown{right:0!important;left:auto!important;width:min(230px,92vw)!important}.reservation-details-panel .more-options-dropdown{left:0!important;right:auto!important;width:min(230px,92vw)!important}}@media(max-width:768px){.reservation-details-panel,.details-header,.details-header-top,.details-content{overflow-x:hidden!important}.header-tabs{width:100%!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;overflow-x:hidden!important}.header-tabs>*{min-width:0!important;width:100%!important}.header-tabs .tab-option,.header-tabs .print-menu-trigger,.header-tabs .more-options-btn,.reservation-details-panel .more-options-btn{width:100%!important;min-width:0!important;white-space:normal!important}.print-menu-wrap,.reservation-details-panel .more-options-menu-container{min-width:0!important;width:100%!important}.print-menu-dropdown,.reservation-details-panel .more-options-dropdown{max-height:none!important;overflow:visible!important}}.details-sheet-backdrop{display:none}@keyframes detailsSheetUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:768px){.reservation-content-layout{overflow:visible!important}.reservation-cards-grid.with-details,.reservation-cards-list.with-details{width:100%!important;min-width:0!important}.details-sheet-backdrop{display:block;position:fixed;inset:0;background:#0f172a73;z-index:2998}.reservation-details-panel{position:fixed!important;inset:8px 0 0!important;width:100%!important;min-width:0!important;max-height:none!important;height:auto!important;border-radius:16px 16px 0 0!important;z-index:2999!important;animation:detailsSheetUp .28s ease-out!important;box-shadow:0 -12px 32px #0f172a47!important;overflow:hidden}.reservation-details-panel .details-content{flex:1;max-height:none!important;height:calc(100vh - 210px);overflow-y:auto;-webkit-overflow-scrolling:touch}}@media(max-width:768px){.reservation-details-panel{background:#fff;overflow:visible!important}.reservation-details-panel:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:54px;height:5px;border-radius:999px;background:#d1d5db;z-index:5}.details-header{padding-top:14px;background:#f8fafc;overflow:visible;z-index:13000}.details-guest-info{padding:12px 14px 10px}.close-details-btn-top{top:14px;right:12px;width:32px;height:32px;border-radius:8px;border:1px solid #cbd5e1;background:#fff;font-size:18px;display:inline-flex;align-items:center;justify-content:center}.details-header-top{position:sticky;top:0;z-index:25;background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:10px 12px;overflow:visible;isolation:isolate;z-index:13010}.header-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;overflow:visible}.header-tabs>*{min-width:0}.tab-option,.reservation-details-panel .more-options-btn,.print-menu-trigger{min-height:42px;padding:8px;border-radius:10px;font-size:13px;font-weight:700;line-height:1.1;justify-content:center;text-align:center}.details-table td{padding:12px 14px;font-size:13px}.details-value{word-break:break-word}.print-menu-dropdown,.reservation-details-panel .more-options-dropdown{z-index:13030!important;box-shadow:0 14px 34px #0f172a38}.print-menu-wrap,.reservation-details-panel .more-options-menu-container{position:relative;z-index:13020!important}.reservation-details-panel .details-content{position:relative;z-index:1}}.history-row:hover .arrow-right{color:#4f46e5}.create-guest-form{background:transparent;border-radius:0;padding:.25rem 1.5rem 1.5rem}.form-header-section{margin-top:0;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid #f0f0f0}.form-title{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}.form-subtitle{font-size:.85rem;color:#6b7280;margin:0}.back-button-container{margin-bottom:1rem}.btn-back-guest{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-back-guest:hover{background:#f9fafb;border-color:#dc3545;color:#dc3545;transform:translate(-2px)}.form-section-tabs{display:flex;gap:.75rem;margin-bottom:2rem;overflow-x:auto;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.section-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;color:#6b7280;transition:all .3s ease;white-space:nowrap}.section-tab:hover{background:#f3f4f6;border-color:#d1d5db}.section-tab.active{background:#dc3545;border-color:#dc3545;color:#fff;box-shadow:0 2px 4px #dc354533}.tab-icon{font-size:1rem}.tab-label{font-weight:500}.form-section{animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section-title{font-size:1.1rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}.section-subtitle{font-size:.8rem;color:#9ca3af;margin:0 0 1.5rem}.form-group{margin-bottom:1.5rem}.label-wrapper{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.form-group label{display:block;font-size:.85rem;font-weight:600;color:#1f2937;margin-bottom:0}.required-mark{color:#dc3545;font-weight:700}.optional-mark{font-size:.75rem;color:#9ca3af;font-weight:400}.char-count{font-size:.7rem;color:#9ca3af;font-weight:400}.form-group input[type=text],.form-group input[type=email],.form-group input[type=tel],.form-group input[type=date],.form-group select{width:100%;padding:.5rem .75rem;border:1px solid #e5e7eb;border-radius:6px;font-size:.85rem;font-family:inherit;background:#f9fafb;color:#1f2937;transition:all .2s ease;height:36px;min-height:36px;max-height:36px;box-sizing:border-box;line-height:1.2;vertical-align:middle}.form-group input[type=text]:hover,.form-group input[type=email]:hover,.form-group input[type=tel]:hover,.form-group input[type=date]:hover,.form-group select:hover{border-color:#c7d2fe}.form-group input[type=text]:focus,.form-group input[type=email]:focus,.form-group input[type=tel]:focus,.form-group input[type=date]:focus,.form-group select:focus{outline:none;border-color:#6366f1;background:#fff;box-shadow:0 0 0 2px #6366f11a}.form-row-3 .form-group input[type=text],.id-type-input,.id-number-input{height:36px!important;min-height:36px!important;max-height:36px!important;padding:.5rem .75rem!important;line-height:1.2!important;box-sizing:border-box!important}.form-group input[type=date]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:36px!important;min-height:36px!important;max-height:36px!important;padding:.5rem .75rem!important;line-height:1.2!important;box-sizing:border-box!important}.form-group input[type=date]::-webkit-calendar-picker-indicator{margin:0;padding:0}.form-group input[type=date]::-webkit-inner-spin-button,.form-group input[type=date]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.upload-box{width:100%;padding:.75rem 1rem;border:2px dashed #d1d5db;border-radius:6px;background:#f9fafb;color:#6b7280;font-size:.85rem;text-align:center;cursor:pointer;transition:all .3s ease;min-height:44px;display:flex;align-items:center;justify-content:center}.upload-box:hover{border-color:#6366f1;background:#eef2ff;color:#4f46e5}.upload-box.uploaded{border:2px solid #22c55e;background:#f0fdf4;color:#16a34a;border-style:solid}.upload-box.uploaded:hover{border-color:#16a34a;background:#dcfce7}.form-group input:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.form-group input.input-error,.form-group select.input-error{border-color:#dc3545!important;background-color:#fef2f2;box-shadow:0 0 0 4px #dc35451a!important}.form-group input.input-error:focus,.form-group select.input-error:focus{border-color:#dc3545!important;box-shadow:0 0 0 4px #dc354533!important}.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.form-row-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:1.5rem}.file-input-wrapper{position:relative;display:flex;align-items:center;justify-content:center;border:2px dashed #d1d5db;border-radius:6px;padding:1.5rem;background:#f9fafb;cursor:pointer;transition:all .3s ease}.file-input-wrapper:hover{border-color:#10b981;background:#f0fdf4}.file-input-wrapper input{display:none}.file-label{font-size:.85rem;color:#6b7280;text-align:center;pointer-events:none}.file-input-wrapper:hover .file-label{color:#10b981}.form-error-text{display:flex;align-items:center;gap:.25rem;font-size:.7rem;color:#ef4444;margin-top:.25rem;font-weight:500}.form-error-icon{font-size:.7rem}.form-success-text{display:flex;align-items:center;gap:.25rem;font-size:.7rem;color:#10b981;margin-top:.25rem;font-weight:500}.form-success-icon{font-size:.7rem}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.error-alert{padding:1rem;background:#fee2e2;border:1px solid #fecaca;border-left:4px solid #dc3545;border-radius:6px;color:#991b1b;font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:.75rem}.error-alert:before{content:"⚠️";font-size:1.1rem;flex-shrink:0}.success-alert{padding:1rem;background:#dcfce7;border:1px solid #86efac;border-left:4px solid #10b981;border-radius:6px;color:#166534;font-size:.9rem;font-weight:500;text-align:center;animation:slideIn .3s ease;display:flex;align-items:center;gap:.75rem;justify-content:center}.success-alert:before{content:"✅";font-size:1.1rem}.kyc-info-box{display:flex;gap:1rem;padding:1rem;background:#fef3c7;border:1px solid #fcd34d;border-radius:6px;margin-top:1.5rem;font-size:.85rem}.info-icon{font-size:1.2rem;flex-shrink:0}.info-content{flex:1}.info-content p{margin:0;color:#92400e}.history-toggle-btn{background:none;border:none;color:#dc3545;font-size:.9rem;font-weight:500;cursor:pointer;padding:0;display:flex;align-items:center;gap:.5rem;transition:color .3s ease}.history-toggle-btn:hover{color:#a41e25}.history-section{overflow-x:auto}.history-table{width:100%;border-collapse:collapse;font-size:.85rem}.history-table thead{background:#f9fafb}.history-table th{padding:.75rem;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb}.history-table td{padding:.75rem;border-bottom:1px solid #e5e7eb;color:#6b7280}.history-table .amount{font-weight:600;color:#dc3545}.history-table tbody tr:hover{background:#f9fafb}.form-actions-guest{display:flex;gap:1rem;margin-top:.5rem;padding-top:1rem;border-top:1px solid #e5e7eb;justify-content:flex-end}.btn-cancel,.btn-submit{padding:.75rem 1.75rem;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-cancel{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.btn-cancel:hover{background:#e5e7eb;border-color:#9ca3af}.btn-submit{background:#dc3545;color:#fff;border:1px solid #dc3545}.btn-submit:hover{background:#a41e25;border-color:#a41e25;box-shadow:0 4px 6px #dc354533}@media(max-width:768px){.create-guest-form{padding:1.5rem;max-height:90vh}.form-section-tabs{gap:.5rem;margin-bottom:1.5rem;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;white-space:nowrap;-webkit-overflow-scrolling:touch}.section-tab{padding:.55rem .8rem;font-size:.76rem;flex:0 0 auto;min-width:-moz-max-content;min-width:max-content}.tab-label{display:inline-block;font-size:.74rem;line-height:1.1;letter-spacing:.1px}.tab-icon{display:none}.form-row-2,.form-row-3{grid-template-columns:1fr;gap:1rem}.form-actions-guest{gap:.75rem;flex-direction:column}.btn-cancel,.btn-submit{width:100%;padding:.75rem}.history-table{font-size:.8rem}.history-table th,.history-table td{padding:.5rem}.file-input-wrapper{padding:1rem}}.guest-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.guest-modal-content{background:#fff;border-radius:8px;box-shadow:0 20px 25px #00000026;width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.guest-modal-content .modal-header{padding:.875rem 1.25rem;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:#f9fafb}.guest-modal-content .modal-header h2{margin:0;font-size:1.25rem;color:#1f2937;font-weight:600}.guest-modal-content .modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .3s ease}.guest-modal-content .modal-close:hover{background:#e5e7eb;color:#1f2937}.guest-modal-content .modal-body{flex:1;overflow-y:auto;padding:0;min-height:0}.guest-modal-content .modal-body h2,.guest-modal-content .modal-body h3,.guest-modal-content .modal-body>*:first-child{margin-top:0}.guest-selection-view{display:flex;flex-direction:column;height:100%;padding:0 1.25rem 1.25rem}.guest-search-box{display:flex;align-items:center;gap:.75rem;padding:0;height:auto;border:none;border-radius:0;background:transparent;margin:1rem 1.25rem;width:auto;box-sizing:border-box;transition:all .2s ease}.guest-search-box:focus-within{box-shadow:none;outline:none}.guest-search-icon{font-size:1rem;flex-shrink:0}.guest-search-input{flex:1;width:100%;border:1px solid #e5e7eb!important;border-radius:8px!important;background:#fff!important;padding:.7rem .85rem!important;outline:none;font-size:.9rem;color:#1f2937}.guest-search-input:focus{border-color:#dc3545!important}.guest-search-input::-moz-placeholder{color:#9ca3af}.guest-search-input::placeholder{color:#9ca3af}.guests-list{flex:1;overflow-y:auto;margin-bottom:1rem}.guest-pagination{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin:.25rem 0 .75rem}.guest-page-btn{min-width:92px;height:34px;border:1px solid #fecaca;background:#fff1f2;color:#be123c;border-radius:8px;font-size:.82rem;font-weight:700;cursor:pointer;transition:all .2s ease}.guest-page-btn:hover:not(:disabled){background:#ffe4e6}.guest-page-btn:disabled{opacity:.5;cursor:not-allowed}.guest-page-info{flex:1;text-align:center;font-size:.82rem;color:#475569;font-weight:700}.guest-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:.75rem;transition:all .3s ease;background:#fff}.guest-item:hover{background:#fff5f5;border-color:#dc3545;box-shadow:0 2px 4px #dc35451a}.guest-item-main{display:flex;align-items:center;gap:1rem;flex:1;cursor:pointer}.guest-item-avatar{width:40px;height:40px;border-radius:50%;background:#dc3545;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;flex-shrink:0}.guest-item-info{flex:1;min-width:0}.guest-name{margin:0;font-size:.95rem;font-weight:600;color:#1f2937;word-break:break-word}.guest-phone,.guest-email{margin:.25rem 0 0;font-size:.8rem;color:#6b7280}.guest-item-actions{display:flex;gap:.5rem;flex-shrink:0;flex-wrap:nowrap;margin-left:.5rem;padding-right:.15rem}.guest-action-btn{min-width:72px;height:32px;border:none;border-radius:20px;cursor:pointer;font-size:.85rem;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0 12px;white-space:nowrap;line-height:1}.guest-edit-btn{background:#eef2ff;color:#4f46e5;border:1px solid #c7d2fe}.guest-edit-btn:hover{background:#4f46e5;color:#fff}.guest-delete-btn{background:#fef2f2;color:#ef4444;border:1px solid #fecaca}.guest-delete-btn:hover{background:#ef4444;color:#fff}.no-results{text-align:center;padding:2rem 1rem;color:#6b7280}.no-results-icon{font-size:2.5rem;margin:0 0 .5rem}.no-results-icon+p{margin:0 0 .5rem;font-size:1rem;font-weight:500;color:#374151}.no-results-hint{margin:0;font-size:.85rem;color:#9ca3af}.modal-actions{margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb;display:flex;gap:.5rem}.btn-create-new{flex:1;padding:.75rem 1rem;background:#dc3545;color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-create-new:hover{background:#a41e25;box-shadow:0 4px 6px #dc354533}.btn-confirm-selection{flex:1;padding:.75rem 1rem;background:#4f46e5;color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-confirm-selection:hover:not(:disabled){background:#3730a3;box-shadow:0 4px 6px #4f46e540}.btn-confirm-selection:disabled{background:#c4c4c4;cursor:not-allowed}.guest-item-selected{background:#eef2ff!important;border-color:#a5b4fc!important}.guest-multiselect-checkbox{width:18px;height:18px;margin-right:.5rem;accent-color:#4f46e5;cursor:pointer;flex-shrink:0}@media(max-width:768px){.guest-modal-overlay{align-items:flex-start;padding:.5rem}.guest-modal-content{width:100%;max-width:100%;max-height:calc(100vh - 1rem);border-radius:12px}.guest-modal-content .modal-header{padding:.85rem .9rem;position:sticky;top:0;z-index:2}.guest-modal-content .modal-header h2{font-size:1rem}.guest-modal-content .modal-body{padding:0}.guest-search-box{margin:.75rem .85rem;padding:0;height:auto}.guest-search-input{font-size:.82rem;padding:.65rem .75rem!important}.guest-selection-view{padding:0 .85rem .85rem}.guest-item{padding:.65rem;gap:.6rem;flex-direction:column;align-items:stretch}.guest-item-main{gap:.65rem}.guest-item-avatar{width:34px;height:34px;font-size:.82rem}.guest-name{font-size:.84rem}.guest-phone,.guest-email{font-size:.72rem;line-height:1.35;word-break:break-word}.guest-item-actions{width:100%;justify-content:flex-end}.guest-action-btn{min-width:64px;height:30px;font-size:.75rem;padding:0 10px}.booking-badge{font-size:.7rem;padding:.2rem .5rem}.modal-actions{margin-top:.65rem;padding-top:.75rem;position:sticky;bottom:0;background:#fff;z-index:2}.btn-create-new,.btn-confirm-selection{min-height:40px;font-size:.8rem;padding:.65rem .75rem}}@media(max-width:420px){.guest-modal-overlay{padding:.35rem}.guest-modal-content{max-height:calc(100vh - .7rem);border-radius:10px}.guest-modal-content .modal-header{padding:.7rem .75rem}.guest-modal-content .modal-header h2{font-size:.92rem}.guest-search-box{margin:.6rem .7rem;height:auto}.guest-selection-view{padding:0 .7rem .7rem}.guest-item{padding:.55rem}.guest-phone,.guest-email{font-size:.68rem}.modal-actions{gap:.45rem}.btn-create-new,.btn-confirm-selection{font-size:.74rem;min-height:38px}}.billing-payment-dual-container{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1.5rem;padding:0 1rem}.premium-card-v2{background:#fff;border-radius:12px;border:1px solid #e8ecf1;overflow:hidden;display:flex;flex-direction:column}.card-header-v2{background:#fafafa;padding:1rem 1.5rem;border-bottom:1px solid #f0f0f0}.header-icon-title{display:flex;align-items:center;gap:.75rem}.header-icon-wrap{font-size:1.25rem}.header-icon-title h3{margin:0;font-size:.95rem;font-weight:800;color:#334155;letter-spacing:.05em;text-transform:uppercase}.card-body-v2{padding:1.5rem;display:flex;gap:1.5rem}.card-body-left,.card-body-right{flex:1;display:flex;flex-direction:column;gap:1rem}.summary-item-v2{display:flex;flex-direction:column;gap:.25rem}.summary-item-v2.align-right{align-items:flex-end}.summary-item-v2 .label{font-size:.85rem;font-weight:600;color:#94a3b8;line-height:1.3;word-break:break-word}.summary-item-v2 .value{font-size:1.1rem;font-weight:800;color:#1e293b}.total-amount-box-v2{margin-top:auto;background-color:#e6f9f0;border:1px solid #d1f2e1;border-radius:12px;padding:1rem 1.25rem;display:flex;justify-content:space-between;align-items:center}.total-label-v2{color:#065f46;font-weight:800;font-size:.9rem;letter-spacing:.02em}.total-value-v2{color:#059669;font-weight:900;font-size:1.75rem}.payment-form-group-v2{display:flex;flex-direction:column;gap:.5rem}.discount-toggle-v2{display:inline-flex;width:-moz-fit-content;width:fit-content;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;background:#fff}.discount-toggle-btn-v2{min-width:38px;height:32px;border:none;background:#fff;color:#64748b;font-weight:800;cursor:pointer}.discount-toggle-btn-v2.active{background:#e11d48;color:#fff}.input-label-v2{font-size:.8rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.req-star{color:#e11d48;font-weight:900;margin-left:.25rem}.premium-select-v2,.premium-input-v2{width:100%;padding:.8rem 1rem;border:1px solid #e2e8f0;border-radius:8px;background:#fdfdfd;font-size:.95rem;font-weight:600;color:#1e293b;outline:none;transition:all .2s}.premium-select-v2:focus,.premium-input-v2:focus{border-color:#94a3b8;background:#fff}.premium-input-wrapper-v2{position:relative;display:flex;align-items:center}.discount-input-wrap-v2 .premium-input-v2{padding-left:2rem}.currency-prefix-v2,.percent-prefix-v2{position:absolute;left:.75rem;z-index:2;color:#64748b;font-weight:800;font-size:.95rem}.currency-symbol-v2{position:absolute;left:1rem;font-weight:700;color:#1e293b;font-size:1.1rem}.premium-input-v2{font-size:1.1rem;font-weight:700}.payment-progress-container-v2{display:flex;flex-direction:column;gap:.5rem}.progress-bar-bg-v2{height:6px;background:#f1f5f9;border-radius:3px;overflow:hidden}.progress-bar-fill-v2{height:100%;background:#cbd5e1;transition:width .3s ease}.progress-label-v2{font-size:.8rem;font-weight:700;color:#94a3b8;text-align:right}.toggle-group-v2{display:flex;flex-direction:column;gap:.5rem}.premium-checkbox-row{display:flex;align-items:center;gap:.75rem}.premium-checkbox-row input[type=checkbox]{width:16px;height:16px;cursor:pointer}.premium-checkbox-row label{font-size:.85rem;font-weight:600;color:#64748b;cursor:pointer}.due-box-v2{margin-top:auto;padding:.75rem 1.25rem;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:.5rem;text-align:center}.due-box-v2.has-due{background-color:#fff1f2;border:1px solid #fee2e2;color:#e11d48}.due-box-v2.is-clear{background-color:#f0fdf4;border:1px solid #dcfce7;color:#166534}.due-icon{font-size:.9rem}.due-label{font-size:.9rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.discount-applied-note-v2{margin:0 1.5rem 1.25rem;background:#ecfdf5;border:1px solid #d1fae5;color:#047857;border-radius:8px;padding:.6rem .9rem;font-size:.8rem;font-weight:700;text-align:center}@media(max-width:991px){.billing-payment-dual-container{grid-template-columns:1fr}}@media(max-width:768px){.billing-payment-dual-container{padding:0 .5rem;gap:1rem}.card-header-v2{padding:.85rem 1rem}.card-body-v2{flex-direction:column;gap:1rem;padding:1rem}.card-body-left,.card-body-right{width:100%;gap:.75rem}.summary-item-v2.align-right{align-items:flex-start}.summary-item-v2 .value{font-size:1.35rem}.total-amount-box-v2{margin-top:0;padding:.85rem 1rem;width:100%}.total-value-v2{font-size:1.95rem;line-height:1}}.invoice-view{width:100%;background-color:#fff;border-radius:.55rem;overflow:hidden}.invoice-modal{border:1px solid #e8e8e8;box-shadow:0 1px 4px #0000000d;display:flex;flex-direction:column;max-height:90vh}.invoice-page{min-height:100vh}.invoice-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 1.5rem;border-bottom:1px solid #e8e8e8;background:linear-gradient(135deg,#fafafa,#fff)}.invoice-modal-header h2{font-size:1.2rem;font-weight:700;color:#1a1a1a;margin:0}.invoice-close-btn{background:none;border:none;font-size:1.5rem;color:#999;cursor:pointer;padding:0;transition:color .2s ease}.invoice-close-btn:hover{color:#333}.invoice-container{padding:2rem}.invoice-modal .invoice-container{flex:1;min-height:0;overflow-y:auto}.invoice-header{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-bottom:2rem;align-items:flex-start}.invoice-hotel-info h1{font-size:1.5rem;font-weight:800;color:#dc3545;margin:0 0 .5rem;letter-spacing:-.01em}.invoice-logo{max-height:64px;max-width:200px;-o-object-fit:contain;object-fit:contain;display:block;margin-bottom:.6rem;mix-blend-mode:multiply;background:transparent}.invoice-hotel-address,.invoice-hotel-contact,.invoice-hotel-gst{font-size:.85rem;color:#666;margin:.3rem 0;line-height:1.5}.invoice-meta{display:flex;flex-direction:column;gap:1rem;text-align:right}.invoice-meta-item{display:flex;flex-direction:column;gap:.3rem}.invoice-meta-item .label{font-size:.75rem;color:#999;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.invoice-meta-item .value{font-size:.95rem;font-weight:700;color:#1a1a1a}.invoice-status{display:inline-block;padding:.4rem .8rem;border-radius:.3rem;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.invoice-status.final{background-color:#d4edda;color:#155724}.invoice-status.draft{background-color:#fff3cd;color:#856404}.invoice-divider{border:none;border-top:1px solid #e8e8e8;margin:1.5rem 0}.invoice-section{margin-bottom:1.5rem}.invoice-section-title{font-size:.88rem;font-weight:700;color:#1a1a1a;margin:0 0 1rem;padding-bottom:.75rem;border-bottom:1.5px solid #f3f3f3;text-transform:uppercase;letter-spacing:.3px}.invoice-two-column{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.invoice-column p{font-size:.85rem;color:#333;margin:.5rem 0;line-height:1.6}.invoice-column strong{color:#1a1a1a;font-weight:700}.invoice-charges-table{background-color:#fafafa;border:1px solid #e8e8e8;border-radius:.4rem;overflow:hidden}.charges-row{display:flex;justify-content:space-between;align-items:center;padding:.9rem 1.2rem;border-bottom:1px solid #e8e8e8;font-size:.85rem}.charges-row:last-child{border-bottom:none}.charge-label{color:#666;font-weight:600;letter-spacing:.2px}.charge-value{color:#1a1a1a;font-weight:700;font-variant-numeric:tabular-nums}.charges-row.discount{background-color:#f0fdf4}.charges-row.discount .charge-value{color:#10b981;font-weight:800}.charges-row.subtotal{background-color:#f9f9f9;font-weight:600;border-top:2px solid #e8e8e8;border-bottom:2px solid #e8e8e8}.charges-row.total{background-color:#fff5f5;font-size:.95rem;font-weight:800}.charges-row.total .charge-label{color:#dc3545;font-weight:800;text-transform:uppercase}.charges-row.total .charge-value{color:#dc3545;font-size:1.1rem}.invoice-payment{background-color:#fafafa;border:1px solid #e8e8e8;border-radius:.4rem;overflow:hidden}.payment-row{display:flex;justify-content:space-between;align-items:center;padding:.85rem 1.2rem;border-bottom:1px solid #e8e8e8;font-size:.85rem}.payment-row:last-child{border-bottom:none}.payment-label{color:#666;font-weight:600;letter-spacing:.2px}.payment-value{color:#1a1a1a;font-weight:700;font-variant-numeric:tabular-nums}.payment-value.paid{color:#10b981;font-weight:800}.payment-value.due{color:#dc3545;font-weight:800}.payment-row.balance{background-color:#f5f5f5;font-weight:600}.invoice-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e8e8e8;text-align:center}.invoice-footer-qr{width:126px;height:126px;-o-object-fit:contain;object-fit:contain;display:block;margin:0 auto .6rem}.invoice-footer-prefix{font-size:.78rem;color:#555;margin:0 0 .45rem;font-weight:700}.invoice-footer-text{font-size:.8rem;color:#999;margin:0 0 .5rem;font-style:italic}.invoice-footer-terms{font-size:.75rem;color:#bbb;margin:0;line-height:1.5}.invoice-actions{display:flex;gap:1rem;justify-content:flex-end;padding:1.2rem 1.5rem;background:linear-gradient(135deg,#fafafa,#fff);border-top:1px solid #e8e8e8;flex-wrap:wrap}.invoice-actions .btn{padding:.7rem 1.4rem;border:none;border-radius:.45rem;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .3s ease;letter-spacing:.3px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap;box-shadow:0 2px 6px #00000014;text-transform:uppercase}.btn-primary{background-color:#dc3545;color:#fff}.btn-primary:hover:not(:disabled){background-color:#c82333;transform:translateY(-2px);box-shadow:0 6px 16px #dc354559}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#5a6268;transform:translateY(-2px);box-shadow:0 6px 16px #6c757d59}.btn-outline{background-color:transparent;border:1.5px solid #ddd;color:#333;box-shadow:none}.btn-outline:hover:not(:disabled){background-color:#f5f5f5;border-color:#dc3545;color:#dc3545;box-shadow:0 2px 8px #dc35451a}.btn:disabled{opacity:.6;cursor:not-allowed}@media print{.invoice-modal-header,.invoice-actions,.invoice-close-btn{display:none!important}.invoice-container{padding:1.5rem}.invoice-view{box-shadow:none;border:none}body{background:#fff}}@media(max-width:768px){.invoice-container{padding:1.5rem 1rem}.invoice-header{grid-template-columns:1fr;gap:1rem}.invoice-meta{text-align:left}.invoice-two-column{grid-template-columns:1fr;gap:1rem}.invoice-actions{flex-direction:column}.invoice-actions .btn{width:100%}}.edit-modal-overlay{position:fixed;inset:0;background:#00000073;backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:24px;overflow-y:auto}.edit-modal-card{background:#f5f5f5;border-radius:12px;box-shadow:0 24px 48px #00000040;width:95%;max-width:1600px;max-height:95vh;overflow:hidden;display:flex;flex-direction:column;position:relative;animation:modalSlideIn .25s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.96) translateY(-12px)}to{opacity:1;transform:scale(1) translateY(0)}}.edit-modal-close{position:absolute;top:12px;right:12px;width:28px;height:28px;background:#ffffffe6;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#666;transition:all .2s ease;z-index:10;font-weight:300}.edit-modal-close:hover{background:#fff;color:#333;box-shadow:0 2px 4px #0000001a}.edit-modal-header{padding:12px 20px 10px;border-bottom:1px solid #ddd;background:#fff}.guest-info-header{display:flex;align-items:center;gap:12px}.guest-avatar-circle{width:42px;height:42px;background:linear-gradient(135deg,#5b6fc7,#7b87d8);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:#fff;flex-shrink:0;box-shadow:0 2px 6px #5b6fc740}.guest-name-section{display:flex;flex-direction:column;gap:2px}.guest-name-modal{margin:0;font-size:1rem;font-weight:600;color:#222;line-height:1.3;letter-spacing:-.01em}.guest-phone-modal{margin:0;font-size:.7rem;color:#666;font-weight:400;display:flex;align-items:center;gap:4px}.booking-summary-modal{display:flex;justify-content:space-between;align-items:center;padding:8px 20px;background:#fafafa;border-bottom:1px solid #ddd}.summary-info-row{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-start}.summary-col{display:flex;flex-direction:column;gap:2px}.summary-label-modal{font-size:.55rem;color:#777;font-weight:600;text-transform:uppercase;letter-spacing:.3px;line-height:1.2}.summary-value-modal{font-size:.7rem;color:#222;font-weight:500;line-height:1.3}.status-badge-modal{padding:2px 7px;border-radius:3px;font-size:.6rem;font-weight:700;text-transform:uppercase;display:inline-block;letter-spacing:.3px;line-height:1.3}.status-badge-modal.reserved{background:#fff4e6;color:#b87503;border:1px solid #ffd99e}.status-badge-modal.in_house{background:#e8f5e9;color:#2e7d32;border:1px solid #a5d6a7}.status-badge-modal.checked_out{background:#f5f5f5;color:#616161;border:1px solid #e0e0e0}.check-in-action{flex-shrink:0}.btn-check-in-modal{padding:6px 14px;background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;border:none;border-radius:5px;font-size:.75rem;font-weight:600;cursor:pointer;box-shadow:0 2px 4px #16a34a40;transition:all .2s ease;letter-spacing:.3px;text-transform:capitalize;line-height:1.3;white-space:nowrap}.btn-check-in-modal:hover{background:#15803d;box-shadow:0 2px 6px #16a34a59}.btn-check-in-modal.disabled{background:#94a3b8;cursor:not-allowed;box-shadow:none;opacity:.7}.btn-check-in-modal.disabled:hover{background:#94a3b8;box-shadow:none}.inline-checkin-confirm{margin-top:8px;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;padding:8px 10px;min-width:260px}.inline-checkin-confirm p{margin:0;font-size:.74rem;color:#7c2d12;font-weight:600}.inline-checkin-confirm-actions{margin-top:8px;display:flex;gap:8px}.inline-confirm-btn{border:1px solid #e5e7eb;border-radius:6px;padding:5px 10px;font-size:.72rem;font-weight:700;cursor:pointer;background:#fff}.inline-confirm-btn.yes{color:#166534;border-color:#86efac;background:#f0fdf4}.inline-confirm-btn.no{color:#991b1b;border-color:#fecaca;background:#fef2f2}.inline-action-message{margin-top:8px;font-size:.74rem;font-weight:700;padding:6px 8px;border-radius:6px}.inline-action-message.success{color:#166534;background:#f0fdf4;border:1px solid #86efac}.inline-action-message.error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.modal-tabs-section{border-bottom:1px solid #ddd;background:#fff}.modal-tabs-section .reservation-tabs-container{padding:0 28px;margin-bottom:0;border-bottom:1px solid #ddd}.modal-tabs-section .reservation-tab-btn{padding:8px 14px;font-size:.7rem;font-weight:500;color:#666;border-bottom:2px solid transparent;margin-bottom:-1px}.modal-tabs-section .reservation-tab-btn:hover{color:#333;background-color:#fafafa}.modal-tabs-section .reservation-tab-btn.active{color:#c62828;border-bottom-color:#c62828;font-weight:600}.modal-content-area{flex:1;overflow-y:auto;background:#fff}.modal-content-area .folio-operations-container{border:none;box-shadow:none;min-height:auto;background:#fff}.modal-content-area .room-folio-sidebar{width:260px;padding:18px 14px;background:#fafafa;border-right:1px solid #ddd}.modal-content-area .folio-sidebar-title{font-size:.625rem;font-weight:700;color:#666;letter-spacing:.8px;margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid #ddd}.modal-content-area .room-folio-item{padding:12px 14px;border:1.5px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s ease;margin-bottom:8px}.modal-content-area .room-folio-item:hover{background:#fef2f2;border-color:#fca5a5}.modal-content-area .room-folio-item.active{background:#fef2f2;border:1.5px solid #ef4444;border-left:4px solid #E31E24;box-shadow:0 2px 8px #ef44441f}.modal-content-area .room-number{font-size:.8125rem;font-weight:600;margin:0;color:#333}.modal-content-area .room-folio-item.active .room-number{color:#b91c1c;font-weight:700}.modal-content-area .folio-main-content{padding:18px 22px}.modal-content-area .folio-action-buttons{gap:10px;margin-bottom:18px}.modal-content-area .folio-action-btn{padding:9px 18px;font-size:.8125rem;font-weight:600;border-radius:4px;background:#fff;color:#333;border:1px solid #ddd;box-shadow:0 1px 2px #0000000d}.modal-content-area .folio-action-btn:hover{background:#fafafa;border-color:#bbb;box-shadow:0 2px 4px #00000014}.modal-content-area .btn-apply-discount{border-color:#ffc107;color:#f57c00;background:#fffbf0}.modal-content-area .btn-apply-discount:hover{background:#fff8e1;border-color:#ffb300}.modal-content-area .btn-folio-ops{border-color:#999;background:#fff}.modal-content-area .folio-filters{padding:11px 14px;background:#fafafa;border:1px solid #ddd;border-radius:4px;margin-bottom:14px}.modal-content-area .filter-checkbox{font-size:.8125rem;color:#333;font-weight:500;gap:7px}.modal-content-area .filter-checkbox input[type=checkbox]{width:15px;height:15px}.modal-content-area .icon-btn{width:30px;height:30px;border:1px solid #ddd;border-radius:4px;font-size:.8125rem}.modal-content-area .folio-table-container{border:1px solid #ddd;margin-bottom:14px}.modal-content-area .folio-charges-table thead{background:#fafafa;border-bottom:1px solid #ddd}.modal-content-area .folio-charges-table th{padding:11px 14px;font-size:.625rem;font-weight:700;color:#666;letter-spacing:.6px}.modal-content-area .folio-charges-table td{padding:12px 14px;font-size:.8125rem;color:#333;border-bottom:1px solid #f0f0f0}.modal-content-area .folio-charges-table td:first-child,.modal-content-area .folio-charges-table th:first-child{text-align:center;width:42px}.modal-content-area .folio-charges-table input[type=checkbox]{width:15px;height:15px;cursor:pointer;accent-color:#ef4444}.modal-content-area .amount-cell{font-weight:600;color:#222;text-align:right}.modal-content-area .folio-summary-section{padding:18px 22px;background:#fff;border:1px solid #ddd;border-left:none;border-right:none;border-bottom:none}.modal-content-area .summary-grid{gap:40px;max-width:100%}.modal-content-area .summary-row,.modal-content-area .summary-row-right{padding:7px 0;border-bottom:1px solid #f0f0f0}.modal-content-area .summary-row:last-child,.modal-content-area .summary-row-right:last-child{border-bottom:none;padding-top:11px;border-top:1px solid #ddd}.modal-content-area .summary-label-text{font-size:.8125rem;color:#666;font-weight:500}.modal-content-area .summary-amount,.modal-content-area .summary-amount-right{font-size:.875rem;color:#222;font-weight:600}.modal-content-area .summary-amount.grand-total{color:#28a745;font-size:1rem;font-weight:700}.modal-content-area .summary-amount.remaining,.modal-content-area .summary-amount-right{color:#d32f2f;font-weight:700}.modal-content-area .summary-amount-right.paid{color:#28a745;font-weight:700}.tab-placeholder-modal{padding:40px 28px;text-align:center}.tab-placeholder-modal h3{margin:0 0 10px;color:#222;font-size:1.125rem;font-weight:600}.tab-placeholder-modal p{margin:0;color:#666;font-size:.8125rem;font-weight:400}@media(max-width:768px){.edit-modal-card{width:95%;max-height:95vh}.summary-info-row{gap:14px}.booking-summary-modal{flex-direction:column;align-items:flex-start;gap:14px}.modal-content-area .room-folio-sidebar{width:220px}}.booking-details-container{padding:24px;background-color:#fff}.guest-profile-section-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.guest-profile-section-header .details-section-title{margin-bottom:0;border-bottom:none;padding-bottom:0}.guest-count-badge{display:inline-flex;align-items:center;background:#eef2ff;color:#4f46e5;font-size:.72rem;font-weight:600;border-radius:20px;padding:2px 10px;letter-spacing:.03em}.guest-profile-card{border:1px solid #e5e7eb;border-radius:8px;padding:16px 20px;margin-bottom:14px;background:#fafafa}.guest-profile-card-header{display:flex;align-items:center;gap:10px;margin-bottom:14px}.guest-profile-avatar{width:36px;height:36px;border-radius:50%;background:#4f46e5;color:#fff;font-size:1rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.guest-profile-label{font-size:.8rem;font-weight:600;color:#4f46e5;text-transform:uppercase;letter-spacing:.05em}.details-section{margin-bottom:24px;padding:20px;border:1px solid #e0e0e0;border-radius:8px;background-color:#f9fafb}.details-section:last-child{margin-bottom:0}.details-section-title{font-size:1rem;font-weight:600;color:#374151;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.details-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.guest-profile-card .details-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:900px){.guest-profile-card .details-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.guest-profile-card .details-grid{grid-template-columns:1fr}}.detail-item{display:flex;flex-direction:column;gap:4px;min-width:0}.detail-item-full{grid-column:1 / -1}.detail-label{font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.detail-value{display:block;max-width:100%;font-size:.9rem;font-weight:500;color:#111827;white-space:normal;word-break:break-word;overflow-wrap:anywhere}.details-table-container{overflow-x:auto}.details-table{width:100%;border-collapse:collapse;font-size:.875rem}.details-table th,.details-table td{padding:12px;text-align:left;border-bottom:1px solid #e5e7eb}@media(max-width:1024px){.edit-modal-overlay{padding:10px;align-items:flex-start}.edit-modal-card{width:100%;max-width:100%;max-height:calc(100vh - 20px);border-radius:10px;@media(max-width:768px){.guest-profile-card{padding:12px;overflow:hidden}.guest-profile-card .details-grid{grid-template-columns:1fr;gap:10px}}}.edit-modal-header{padding:10px 12px 8px}.booking-summary-modal{padding:8px 12px;gap:8px;align-items:stretch}.summary-info-row{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;gap:10px;padding-bottom:4px}.summary-col{min-width:90px;flex:0 0 auto}.modal-tabs-section .reservation-tabs-container{padding:0 10px;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;scrollbar-width:thin}.modal-tabs-section .reservation-tab-btn{font-size:.72rem;padding:8px 10px;white-space:nowrap;flex:0 0 auto}.modal-content-area .folio-operations-container{display:flex;flex-direction:column;min-height:auto}.modal-content-area .room-folio-sidebar{width:100%;border-right:none;border-bottom:1px solid #ddd;padding:10px}.modal-content-area .room-folio-list{display:flex;flex-direction:row;gap:8px;overflow-x:auto;overflow-y:hidden;padding-bottom:4px}.modal-content-area .room-folio-item{min-width:140px;margin-bottom:0;flex:0 0 auto}.modal-content-area .folio-main-content{padding:12px}.modal-content-area .folio-action-buttons{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;justify-content:flex-start;gap:8px;padding-bottom:4px}.modal-content-area .folio-action-btn{white-space:nowrap;flex:0 0 auto;padding:8px 12px;font-size:.76rem}.modal-content-area .btn-print-folio{margin-left:0}.modal-content-area .folio-table-container{overflow-x:auto}.modal-content-area .folio-charges-table{min-width:720px}.modal-content-area .folio-summary-section{padding:12px}.modal-content-area .summary-grid{display:grid;grid-template-columns:1fr;gap:10px}}@media(max-width:576px){.edit-modal-overlay{padding:10px;align-items:flex-start}.edit-modal-card{width:100%;max-width:100%;border-radius:12px;max-height:calc(100vh - 20px);min-height:auto}.edit-modal-close{top:8px;right:8px;width:26px;height:26px;font-size:.95rem}.guest-avatar-circle{width:34px;height:34px;font-size:1rem}.guest-name-modal{font-size:.9rem;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.guest-phone-modal{font-size:.66rem}.btn-check-in-modal{width:100%;padding:8px 12px}.inline-checkin-confirm{min-width:0;width:100%}.booking-details-container,.guest-details-container,.room-charges-container,.audit-trail-container,.details-section{padding:12px}.details-grid,.guest-profile-card .details-grid{grid-template-columns:1fr;gap:10px}}.details-table th{background-color:#f3f4f6;font-weight:600;color:#374151}.details-table td{color:#4b5563}.details-table .text-right{text-align:right}.edit-modal-card .billing-summary-grid{display:flex;flex-direction:column;gap:8px;max-width:400px;margin-left:auto}.billing-row{display:flex;justify-content:space-between;padding:4px 0}.billing-label{font-size:.875rem;color:#4b5563}.billing-value{font-size:.875rem;font-weight:500;color:#111827}.billing-value.discount{color:#e31e24}.billing-row.total-row{margin-top:8px;padding-top:8px;border-top:1px solid #e5e7eb;font-weight:600}.billing-row.total-row .billing-value{font-size:1rem;color:#059669}.billing-row.balance-row{margin-top:8px;padding-top:8px;border-top:2px solid #e5e7eb;font-weight:700}.billing-row.balance-row .billing-value{font-size:1rem;color:#e31e24}.audit-timeline{position:relative;padding-left:20px;border-left:2px solid #e5e7eb;margin-left:10px}.audit-item{margin-bottom:24px;position:relative}.audit-item:last-child{margin-bottom:0}.audit-item:before{content:"";position:absolute;left:-26px;top:4px;width:10px;height:10px;background-color:#ef4444;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 2px #e5e7eb}.audit-time{font-size:.75rem;color:#6b7280;margin-bottom:4px}.audit-content{background-color:#f9fafb;padding:12px;border-radius:6px;border:1px solid #e5e7eb}.audit-action{display:flex;align-items:center;gap:8px;margin-bottom:4px}.audit-user{font-size:.75rem;font-weight:500;color:#4b5563}.audit-description{font-size:.875rem;color:#374151}.audit-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}.audit-summary-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px 12px}.audit-summary-wide{grid-column:span 1}.audit-summary-label{font-size:.68rem;color:#6b7280;text-transform:uppercase;letter-spacing:.04em;font-weight:700}.audit-summary-value{font-size:1.1rem;font-weight:800;color:#111827;margin-top:2px}.audit-actor-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.audit-actor-chip{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;font-weight:600;color:#334155;background:#eef2ff;border:1px solid #c7d2fe;padding:3px 8px;border-radius:999px}.audit-type-wrap{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.audit-type-chip{font-size:.68rem;color:#7c2d12;background:#fff7ed;border:1px solid #fed7aa;border-radius:999px;padding:3px 8px;font-weight:700}@media(max-width:900px){.audit-summary-grid{grid-template-columns:1fr}}.empty-state{text-align:center;padding:24px;color:#6b7280;font-style:italic}.reservation-header-edit{background:#fff;border-radius:0;box-shadow:0 2px 4px #0000000f;margin-bottom:0;padding:24px 32px;border-bottom:3px solid #f1f5f9}.guest-header-section{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #e2e8f0}.guest-avatar-section{display:flex;align-items:center;gap:16px}.guest-avatar-icon{width:56px;height:56px;background:linear-gradient(135deg,#4f46e5,#6366f1);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.75rem;color:#fff;flex-shrink:0;box-shadow:0 2px 8px #4f46e533}.guest-info-section{display:flex;flex-direction:column;gap:4px}.guest-name-title{margin:0;font-size:1.375rem;font-weight:600;color:#0f172a;line-height:1.3;letter-spacing:-.02em}.guest-phone-text{margin:0;font-size:.875rem;color:#64748b;font-weight:500;display:flex;align-items:center;gap:6px}.booking-summary-row{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr)) auto;gap:24px;align-items:start;padding:0;background:transparent;border-radius:0;position:relative}.summary-item{display:flex;flex-direction:column;gap:6px;min-width:0}.summary-label{font-size:.6875rem;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.8px;white-space:nowrap;line-height:1}.summary-value{font-size:.875rem;color:#0f172a;font-weight:600;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-badge-header{padding:4px 10px;border-radius:4px;font-size:.6875rem;font-weight:700;text-transform:uppercase;display:inline-block;letter-spacing:.5px;line-height:1.4}.status-badge-header.reserved{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.status-badge-header.in_house{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.status-badge-header.checked_out{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.header-action-section{display:flex;align-items:flex-start;justify-content:flex-end}.btn-check-in-header{padding:10px 24px;background:#16a34a;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:capitalize;letter-spacing:.3px;line-height:1.4;white-space:nowrap;box-shadow:0 1px 2px #0000000d}.btn-check-in-header:hover{background:#15803d;transform:translateY(-1px);box-shadow:0 4px 6px -1px #16a34a4d,0 2px 4px -1px #16a34a33}.btn-check-in-header:active{transform:translateY(0);box-shadow:0 1px 2px #0000000d}.reservation-tabs-container{display:flex;gap:0;margin-bottom:0;border-bottom:2px solid #e2e8f0;background:#fff;border-radius:0;padding:0 32px;box-shadow:0 1px 2px #0000000a}.reservation-tab-btn{padding:14px 24px;background:none;border:none;font-size:.875rem;font-weight:500;color:#64748b;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease;white-space:nowrap;position:relative;margin-bottom:-2px;letter-spacing:.01em}.reservation-tab-btn:hover{color:#0f172a;background-color:#f8fafc}.reservation-tab-btn.active{color:#e31e24;border-bottom-color:#e31e24;font-weight:600;background-color:transparent}.reservation-tab-btn:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:#e31e24;transform:scaleX(0);transition:transform .2s ease}.reservation-tab-btn.active:before{transform:scaleX(1)}.folio-operations-container{display:flex;gap:0;background:#fff;border-radius:0;min-height:calc(100vh - 400px);box-shadow:none;border:1px solid #e2e8f0;border-top:none;position:relative}.room-folio-sidebar{width:280px;border-right:1px solid #e5e7eb;padding:0;background:#f9fafb;flex-shrink:0}.folio-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.folio-sidebar-title{font-size:15px;font-weight:800;color:#1f2937;text-transform:uppercase;letter-spacing:1.2px;margin:0;padding:0;line-height:1}.sidebar-add-btn{width:32px;height:32px;padding:0;background:#fff;color:#1f2937;border:2px solid #d1d5db;border-radius:6px;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;line-height:1}.sidebar-add-btn:hover{background:#f9fafb;border-color:#ef4444;color:#ef4444;transform:scale(1.05)}.room-folio-list{display:flex;flex-direction:column;gap:8px;padding:12px}.room-folio-item{padding:16px 18px;background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:left;position:relative}.room-folio-item:hover{background:#fef2f2;border-color:#ef4444;box-shadow:0 2px 8px #ef444426;transform:translateY(-1px)}.room-folio-item.active{background:#fee2e2;border:2px solid #ef4444;border-left:4px solid #E31E24;padding-left:16px;box-shadow:0 2px 12px #ef444433}.room-number{font-size:16px;font-weight:700;color:#1f2937;margin-bottom:0;line-height:1.4;letter-spacing:-.01em}.room-folio-item.active .room-number{color:#1f2937;font-weight:800}.folio-main-content{flex:1;padding:10px;display:flex;flex-direction:column;background:#fff}.folio-action-buttons{display:flex;gap:6px;margin-bottom:8px;flex-wrap:nowrap;align-items:center}.folio-routing-section{margin:0;padding:12px 0;background:#fff}.routing-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.routing-back-btn{background:transparent;border:none;color:#374151;font-size:20px;cursor:pointer;padding:2px 6px;display:flex;align-items:center;justify-content:center;transition:all .2s;border-radius:4px}.routing-back-btn:hover{background:#f3f4f6;color:#1f2937}.routing-header-title{margin:0;font-size:14px;font-weight:600;color:#1f2937}.routing-options{display:flex;flex-direction:column;gap:10px}.routing-option-text{font-size:12px;font-weight:400;color:#374151;line-height:1.4}.routing-option-button{padding:10px 16px;background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:13px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s;text-align:left;width:auto;display:inline-block}.routing-option-button:hover{background:#f9fafb;border-color:#9ca3af;box-shadow:0 2px 6px #0000001a}.routing-option-button:active{transform:translateY(1px)}.routing-option-text.routing-clickable{cursor:pointer;transition:color .2s}.routing-option-text.routing-clickable:hover{color:#1f2937;text-decoration:underline}.folio-action-btn{height:38px;padding:0 20px;background:#fff;color:#1f2937;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;line-height:1;box-shadow:0 1px 3px #0000001a}.folio-action-btn:hover{background:#f9fafb;border-color:#9ca3af;transform:translateY(-1px);box-shadow:0 4px 8px #0000001f}.folio-action-btn:active{transform:translateY(0);box-shadow:0 1px 3px #0000001a}.btn-apply-discount{background:#fef3c7;border:1px solid #f59e0b;color:#92400e}.btn-apply-discount:hover{background:#fde68a;border-color:#d97706}.folio-filters{display:flex;align-items:center;margin-bottom:12px;padding:0;background:transparent;border:none}.filter-group{display:flex;gap:20px}.filter-checkbox{display:flex;align-items:center;gap:6px;font-size:13px;color:#374151;font-weight:400;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.filter-checkbox input[type=checkbox]{width:15px;height:15px;cursor:pointer;accent-color:#ef4444;margin:0}.filter-icons{display:flex;gap:8px}.icon-btn{width:28px;height:28px;background:#fff;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;font-size:14px}.icon-btn:hover{background:#f9fafb;border-color:#9ca3af;transform:none}.folio-table-container{flex:1;overflow-x:auto;margin-bottom:10px;border:none;border-radius:0;background:#fff}.folio-charges-table{width:100%;border-collapse:collapse;background:#fff}.folio-charges-table thead{background:#f8f9fa;border-bottom:none}.folio-charges-table th{padding:0 10px;height:32px;text-align:left;font-size:11px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.3px;line-height:32px;white-space:nowrap;border-bottom:1px solid #e5e7eb;position:sticky;top:0;background:#f8f9fa;z-index:10}.folio-charges-table th:first-child{width:40px;text-align:center;padding-left:12px;padding-right:12px}.folio-charges-table th:nth-child(5),.folio-charges-table th:nth-child(6){text-align:right}.folio-charges-table tbody tr{border-bottom:1px solid #eee;transition:none}.folio-charges-table tbody tr:hover{background:transparent}.folio-charges-table tbody tr:last-child{border-bottom:1px solid #eee}.folio-charges-table td{padding:0 10px;height:32px;font-size:12px;color:#111827;vertical-align:middle;line-height:32px}.folio-charges-table td:first-child{text-align:center;padding-left:12px;padding-right:12px}.folio-charges-table td:nth-child(3){font-weight:500}.amount-cell{text-align:right;font-weight:600;font-variant-numeric:tabular-nums}.folio-charges-table td:nth-child(4){color:#6b7280}.amount-cell{font-weight:600;color:#111827;text-align:right}.folio-charges-table td:last-child{text-align:right;color:#6b7280;font-size:13px}.folio-charges-table input[type=checkbox]{width:15px;height:15px;cursor:pointer;accent-color:#ef4444;margin:0;vertical-align:middle}.folio-summary-section{padding:10px 0 0;background:transparent;border-radius:0;border:none}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:none}.summary-left,.summary-right{display:flex;flex-direction:column;gap:0}.summary-row,.summary-row-right{display:flex;justify-content:space-between;align-items:center;height:30px;padding:0;border-bottom:1px solid #f3f4f6}.summary-row:last-child,.summary-row-right:last-child{border-bottom:none;border-top:1px solid #e5e7eb;margin-top:6px;padding-top:6px}.summary-label-text{font-size:12px;color:#374151;font-weight:400;letter-spacing:0}.summary-amount,.summary-amount-right{font-size:12px;color:#111827;font-weight:600;font-variant-numeric:tabular-nums}.summary-row:last-child .summary-label-text,.summary-row-right:last-child .summary-label-text{font-weight:600;color:#111827}.summary-amount.grand-total{color:#16a34a;font-size:13px;font-weight:700}.summary-amount.remaining{color:#e31e24;font-weight:700}.summary-amount.discount-amount,.summary-amount-right.discount-amount{color:#f59e0b;font-weight:600}.summary-amount-right{color:#111827;font-weight:600}.summary-row-right:nth-child(3) .summary-amount-right{color:#e31e24;font-weight:700}.summary-amount-right.paid{color:#16a34a;font-weight:700}.edit-reservation-view{width:100%;background:#f8fafc;min-height:100vh}.edit-reservation-content{background:#fff;border-radius:0;padding:0}.tab-content-placeholder{padding:48px 32px;text-align:center;background:#fff;border:1px solid #e2e8f0;border-top:none}.tab-content-placeholder h3{margin:0 0 12px;color:#0f172a;font-size:1.25rem;font-weight:600}.tab-content-placeholder p{margin:0;color:#64748b;font-size:.875rem;font-weight:500}.action-menu-btn{background:transparent;border:none;font-size:18px;font-weight:700;cursor:pointer;padding:2px 6px;border-radius:4px;transition:background .2s ease;color:#6b7280}.action-menu-btn:hover{background:#f3f4f6;color:#111827}.action-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 8px 24px #00000024,0 2px 8px #00000014;min-width:148px;overflow:hidden;animation:dropdownFadeIn .12s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.action-dropdown button{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;border:none;background:#fff;text-align:left;font-size:13px;font-weight:500;color:#374151;cursor:pointer;transition:background .12s ease}.action-dropdown button:hover{background:#f5f7fa}.action-dropdown button:not(:last-child){border-bottom:1px solid #f1f5f9}.action-dropdown button:last-child{color:#e31e24;font-weight:500}.action-dropdown button:last-child:hover{background:#fef2f2}.btn-print-folio{margin-left:0;background:#fff!important;color:#374151!important;border:1.5px solid #d1d5db!important;font-weight:500;flex-shrink:0}.btn-print-folio:hover{background:#f9fafb!important;border-color:#9ca3af!important;color:#111827!important}.btn-print-folio:disabled{opacity:.45;cursor:not-allowed}.payment-badge{color:#16a34a;font-weight:600}.payment-amount{color:#16a34a!important;font-weight:600}.edit-transaction-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000}.edit-transaction-modal{background:#fff;border-radius:8px;padding:24px;width:90%;max-width:500px;box-shadow:0 10px 25px #0003}.edit-transaction-modal h3{margin:0 0 20px;font-size:1.25rem;color:#111827;border-bottom:2px solid #e5e7eb;padding-bottom:12px}.edit-form{display:flex;flex-direction:column;gap:16px}.edit-field{display:flex;flex-direction:column;gap:6px}.edit-field label{font-size:13px;font-weight:600;color:#374151}.edit-field input,.edit-field textarea{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-family:inherit;transition:border-color .2s ease}.edit-field input:focus,.edit-field textarea:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.edit-field textarea{resize:vertical;min-height:80px}.edit-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.btn-cancel,.btn-save{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-cancel{background:#f3f4f6;color:#374151}.btn-cancel:hover{background:#e5e7eb}.btn-save{background:#ef4444;color:#fff}.btn-save:hover{background:#e31e24}.modern-select-wrapper{position:relative;width:100%;display:flex}.premium-dropdown-select{width:100%;padding:12px 40px 12px 14px;background:#f8fafc;border:2px solid #f1f5f9;border-radius:14px;font-size:14px;font-weight:700;color:#1e293b;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:all .3s ease;outline:none;text-align:left}.premium-dropdown-select:focus,.premium-dropdown-select:hover{border-color:#f43f5e;background:#fff;box-shadow:0 0 0 4px #f43f5e14}.select-arrow{position:absolute;right:14px;top:50%;transform:translateY(-50%);pointer-events:none;color:#94a3b8}.btn-primary{background:linear-gradient(135deg,#f43f5e,#e11d48);box-shadow:0 8px 20px -5px #e11d4859}.custom-type-entry{display:flex;gap:8px;padding:12px;background:#fef2f2;border:1.5px solid #fecaca;border-radius:14px;margin-top:-6px}.custom-type-entry input{flex:1;padding:8px 12px;border-radius:10px;border:1.5px solid #fca5a5;font-size:13px;outline:none}.custom-type-entry button{background:#e11d48;color:#fff;border:none;padding:0 16px;border-radius:10px;font-weight:800;cursor:pointer}.disc-toggle{display:flex;background:#fff;border-radius:10px;overflow:hidden;border:2px solid #f1f5f9;min-width:80px}.disc-toggle button{padding:6px 14px;min-width:36px;border:none;background:transparent;font-size:13px;font-weight:800;cursor:pointer;color:#475569;display:flex;align-items:center;justify-content:center;transition:all .2s}.disc-toggle button.active{background:#e11d48;color:#fff}.discount-ui-box{display:block!important;min-height:auto!important;align-items:initial!important;margin-bottom:10px}.discount-ui-label{display:block;min-width:140px;line-height:1.2;margin-bottom:8px}.discount-auto-source{display:block;margin-top:2px;font-size:12px;opacity:.72;white-space:normal;word-break:break-word}.discount-ui-controls{display:flex;align-items:center;gap:8px;width:100%;flex-shrink:0}.discount-ui-controls .disc-val-input{margin-left:auto;min-width:96px}.disc-val-input{width:80px;padding:8px 12px;border:2px solid #f1f5f9;border-radius:12px;font-size:14px;font-weight:800;text-align:center;color:#0f172a;outline:none;transition:all .3s ease}.disc-val-input:focus{border-color:#f43f5e;background:#fff}.new-balance-preview{min-height:56px;padding:12px 16px!important;gap:12px}@media(max-width:520px){.discount-ui-controls{width:100%;justify-content:flex-end}}.discount-ui-box+.payment-field-group{margin-top:8px}.preview-row.net span:last-child{color:#e11d48!important}.gross-net-preview{background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:16px;padding:14px}.preview-row{display:flex;justify-content:space-between;font-size:12px;color:#64748b;font-weight:700;margin-bottom:4px}.preview-row.net{margin-top:8px;padding-top:8px;border-top:1px solid #e2e8f0;font-size:16px;color:#1e293b;font-weight:950;margin-bottom:0}.add-payment-body .payment-field-group input:focus{border-color:#f43f5e;box-shadow:0 0 0 4px #f43f5e14}.discount-scope-panel{display:flex;gap:12px;margin-bottom:20px}.premium-checkbox-card{flex:1;position:relative;cursor:pointer}.premium-checkbox-card input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkbox-custom-content{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 10px;background:#f8fafc;border:2px solid #f1f5f9;border-radius:16px;transition:all .3s ease}.premium-checkbox-card:hover .checkbox-custom-content{border-color:#fecaca;background:snow}.premium-checkbox-card input:checked+.checkbox-custom-content{background:#fff1f2;border-color:#f43f5e;box-shadow:0 4px 12px #f43f5e1f}.custom-check-box{width:20px;height:20px;border:2px solid #cbd5e1;border-radius:6px;position:relative;transition:all .2s;background:#fff}.premium-checkbox-card input:checked+.checkbox-custom-content .custom-check-box{background:#f43f5e;border-color:#f43f5e}.premium-checkbox-card input:checked+.checkbox-custom-content .custom-check-box:after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid white;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}.card-label-text{font-size:11px;font-weight:800;color:#475569;text-transform:uppercase;letter-spacing:.5px}.premium-checkbox-card input:checked+.checkbox-custom-content .card-label-text{color:#e11d48}.field-info-text{font-size:11px;color:#94a3b8;font-weight:600;margin-top:6px;padding-left:4px}.payment-summary-card{background:linear-gradient(to bottom right,#fff,#f8fafc);border:1.5px solid #f1f5f9;border-radius:16px;padding:16px;margin-bottom:24px;box-shadow:0 4px 12px #00000008}.summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.ref-tag{font-size:10px;font-weight:800;color:#94a3b8;background:#f1f5f9;padding:3px 8px;border-radius:6px;letter-spacing:.5px}.ref-number{font-size:12px;font-weight:700;color:#475569}.summary-details{display:flex;flex-direction:column;gap:12px}.detail-col label,.detail-sub-col label{display:block;font-size:10px;font-weight:700;color:#94a3b8;text-transform:uppercase;margin-bottom:2px}.detail-col p,.detail-sub-col p{margin:0;font-size:13px;font-weight:600;color:#1e293b}.detail-col-group{display:grid;grid-template-columns:1fr 1fr;gap:12px}.truncate-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.premium-compact-checkbox-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.compact-checkbox-card{position:relative;cursor:pointer}.compact-checkbox-card input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.compact-check-content{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#f8fafc;border:1.5px solid #f1f5f9;border-radius:12px;transition:all .2s ease;font-size:11.5px;font-weight:700;color:#475569}.compact-checkbox-card:hover .compact-check-content{border-color:#e2e8f0;background:#fff}.compact-checkbox-card input:checked+.compact-check-content{background:#fff1f2;border-color:#fca5a5;color:#e11d48}.dot-marker{width:6px;height:6px;border-radius:50%;background:#cbd5e1;transition:all .2s}.compact-checkbox-card input:checked+.compact-check-content .dot-marker{background:#f43f5e;transform:scale(1.4);box-shadow:0 0 8px #f43f5e66}.route-grid-section{padding-bottom:8px;border-bottom:1px dashed #e2e8f0}.add-payment-body{padding-top:10px!important}.payment-summary-card{margin-bottom:16px!important}.confirmation-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172a73;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:9999999;padding:20px;animation:fadeInModal .2s ease-out}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}.confirmation-modal-container{background:#fff;border-radius:20px;width:100%;max-width:440px;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;position:relative;animation:zoomInModal .25s cubic-bezier(.34,1.56,.64,1)}@keyframes zoomInModal{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.confirmation-modal-header{padding:1.5rem 2rem;border-bottom:1px solid rgba(0,0,0,.05);display:flex;justify-content:space-between;align-items:center}.header-title-group{display:flex;align-items:center;gap:12px}.modal-icon{font-size:1.5rem;display:flex;align-items:center;justify-content:center}.confirmation-modal-header h3{margin:0;font-size:1.35rem;font-weight:700;color:#1a202c;letter-spacing:-.02em}.confirmation-close-btn{background:#f1f5f9;border:none;font-size:20px;color:#64748b;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.confirmation-close-btn:hover{background:#ef4444;color:#fff}.confirmation-modal-body{padding:24px}.confirmation-modal-body .modal-message{margin:0;font-size:1.05rem;line-height:1.7;color:#4a5568;font-weight:500;white-space:pre-line}.confirmation-modal-footer{padding:0 24px 24px;display:flex;gap:12px;justify-content:flex-end}.confirmation-cancel-btn,.confirmation-confirm-btn{padding:12px 24px;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;border:none;outline:none;min-width:100px}.confirmation-cancel-btn{background:#f1f5f9;color:#475569}.confirmation-cancel-btn:hover:not(:disabled){background:#e2e8f0;color:#0f172a}.confirmation-confirm-btn{padding:.75rem 2rem;border-radius:12px;font-weight:700;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;border:none}.confirmation-confirm-btn.variant-primary{background:linear-gradient(135deg,#4f46e5,#3b82f6);color:#fff;box-shadow:0 4px 15px #4f46e54d}.confirmation-confirm-btn.variant-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4f46e566}.confirmation-confirm-btn.variant-danger{background:linear-gradient(135deg,#ef4444,#e31e24);color:#fff;box-shadow:0 4px 15px #ef44444d}.confirmation-confirm-btn.variant-danger:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.confirmation-confirm-btn.variant-success{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 4px 15px #22c55e4d}.confirmation-confirm-btn.variant-success:hover{transform:translateY(-2px);box-shadow:0 6px 20px #22c55e66}.confirmation-confirm-btn:active:not(:disabled){transform:translateY(0)}.confirmation-confirm-btn.danger{background:#ef4444;box-shadow:0 4px 6px -1px #ef444433}.confirmation-confirm-btn.danger:hover:not(:disabled){background:#e31e24;box-shadow:0 10px 15px -3px #ef44444d}.confirmation-cancel-btn:disabled,.confirmation-confirm-btn:disabled{opacity:.5;cursor:not-allowed}.more-options-menu-container{position:relative;display:inline-block;z-index:50}.more-options-btn{padding:8px 16px;background-color:#e31e24;color:#fff;border:1px solid #b91c1c;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .2s ease;min-width:140px;box-shadow:0 1px 2px #0000000d}.more-options-btn:hover{background-color:#ef4444;border-color:#e31e24}.more-options-btn.active{background-color:#b91c1c;border-color:#991b1b;box-shadow:0 0 0 2px #ef444433}.dropdown-arrow{margin-left:8px;font-size:10px;transition:transform .3s ease}.dropdown-arrow.open{transform:rotate(180deg)}.more-options-dropdown{position:absolute;top:calc(100% + 8px);right:0;background-color:#fff;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid #f3f4f6;min-width:220px;overflow:hidden;z-index:100;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s cubic-bezier(.16,1,.3,1)}.more-options-dropdown.show{opacity:1;visibility:visible;transform:translateY(0)}.more-options-item{display:flex;align-items:center;padding:12px 16px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid #f9fafb;background-color:#fff}.more-options-item:last-child{border-bottom:none}.more-options-item-wrap{position:relative}.more-options-inline-warning{position:absolute;right:10px;bottom:calc(100% + 6px);padding:8px 10px;border-radius:10px;border:1px solid #fecaca;background:#fff1f2;color:#991b1b;font-size:12px;font-weight:700;display:inline-flex;flex-direction:column;align-items:flex-start;gap:8px;box-shadow:0 8px 16px #ef44442e;z-index:9999}.more-options-inline-actions{display:inline-flex;gap:6px}.more-options-inline-yes,.more-options-inline-no{border:none;border-radius:6px;padding:4px 10px;cursor:pointer;font-weight:700;font-size:12px}.more-options-inline-yes{background:#dc2626;color:#fff}.more-options-inline-yes:hover{background:#b91c1c}.more-options-inline-no{background:#fee2e2;color:#7f1d1d}.more-options-inline-no:hover{background:#fecaca}.option-icon{margin-right:12px;font-size:16px;display:flex;align-items:center;width:20px;justify-content:center}.option-label{font-size:14px;font-weight:500}.more-options-item.normal{color:#4b5563}.more-options-item.normal .option-icon{color:#6b7280}.more-options-item.normal:hover{background-color:#fef2f2;color:#e31e24}.more-options-item.normal:hover .option-icon{color:#e31e24}.more-options-item.success{color:#059669}.more-options-item.success .option-icon{color:#10b981}.more-options-item.success:hover{background-color:#ecfdf5;color:#047857}.more-options-item.danger{color:#e31e24}.more-options-item.danger .option-icon{color:#ef4444}.more-options-item.danger:hover{background-color:#fef2f2;color:#b91c1c}@media(max-width:640px){.more-options-dropdown{position:fixed;inset:auto 0 0;width:100%;border-radius:16px 16px 0 0;transform:translateY(100%)}.more-options-dropdown.show{transform:translateY(0)}.reservation-details-panel .more-options-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:auto;bottom:auto;width:min(220px,92vw);border-radius:12px;z-index:720;transform:translateY(-8px)}.reservation-details-panel .more-options-dropdown.show{transform:translateY(0)}.more-options-item{padding:16px 20px}}.housekeeping-view-container{width:100%;max-width:1400px;margin:0 auto;padding:1rem 2rem 2.5rem;background-color:#fafbfc;min-height:calc(100vh - 100px)}.housekeeping-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #f3f4f6}.housekeeping-header .header-title h2{font-size:2rem;font-weight:800;color:#111827;margin:0 0 .35rem;letter-spacing:-.03em;display:flex;align-items:center;gap:.5rem}.housekeeping-header .header-title p{font-size:.9rem;color:#6b7280;margin:0;font-weight:500;letter-spacing:.01em;line-height:1.5}.housekeeping-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.75rem;gap:1.25rem;flex-wrap:wrap}.search-box{position:relative;flex:1;min-width:280px;max-width:420px;border:none;background:none;padding:0;margin:0}.search-input{width:100%;padding:.85rem 1.15rem .85rem 2.75rem;border:2px solid #e5e7eb;border-radius:10px;font-size:.9rem;color:#1f2937;background-color:#fff;transition:all .25s ease;font-weight:500}.search-input::-moz-placeholder{color:#9ca3af;font-weight:400}.search-input::placeholder{color:#9ca3af;font-weight:400}.search-input:focus{outline:none;border-color:#dc3545;background-color:#fffbfb;box-shadow:0 0 0 4px #dc354514}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#6b7280;pointer-events:none;line-height:1}.search-icon svg{width:1.1rem;height:1.1rem;display:block}.view-controls{display:flex;align-items:center;gap:1rem}.view-toggle{display:flex;gap:.5rem;background-color:#f3f4f6;padding:.25rem;border-radius:8px}.view-btn{padding:.5rem .75rem;background-color:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;color:#6b7280}.view-btn:hover{background-color:#e5e7eb;color:#374151}.view-btn.active{background-color:#dc3545;color:#fff}.view-btn svg{display:block}.btn-refresh{padding:.65rem 1.25rem;background-color:#fff;color:#374151;border:2px solid #e5e7eb;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .25s ease;white-space:nowrap}.btn-refresh:hover:not(:disabled){border-color:#dc3545;color:#dc3545;background-color:#fffbfb}.btn-refresh:disabled{opacity:.5;cursor:not-allowed}.btn-add{padding:.75rem 1.5rem;background-color:#dc3545;color:#fff;border:none;border-radius:2rem;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;box-shadow:0 2px 6px #dc354533;display:flex;align-items:center;gap:.5rem}.btn-add:hover{background-color:#c82333;transform:translateY(-1px);box-shadow:0 4px 10px #dc35454d}.housekeeping-table-container{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000a}.housekeeping-table{width:100%;border-collapse:collapse}.housekeeping-table thead{background:linear-gradient(180deg,#f9fafb,#f3f4f6);border-bottom:2px solid #e5e7eb}.housekeeping-table th{padding:1.1rem 1.75rem;text-align:left;font-size:.8rem;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.8px}.housekeeping-table tbody tr{border-bottom:1px solid #f3f4f6;transition:all .2s ease}.housekeeping-table tbody tr:hover{background-color:#fef2f2;box-shadow:inset 0 0 0 1px #dc354514}.housekeeping-table tbody tr:last-child{border-bottom:none}.housekeeping-table td{padding:1.25rem 1.75rem;font-size:.95rem;color:#1f2937;vertical-align:middle;font-weight:500}.room-no{font-weight:700;color:#dc3545;font-size:1.05rem}.status-name{font-weight:500}.color-indicator-wrapper{display:flex;align-items:center}.color-indicator{display:inline-block;width:24px;height:24px;border-radius:4px;border:1px solid #e5e7eb}.status-pill{display:inline-flex;align-items:center;justify-content:center;padding:.45rem 1rem;border-radius:2rem;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;box-shadow:0 1px 3px #00000014}.status-pill.active{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border:1px solid #6ee7b7}.status-pill.inactive{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border:1px solid #fca5a5}.status-pill.dirty{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#e31e24;border:1px solid #fecaca}.status-pill.pending{background:linear-gradient(135deg,#fffbeb,#fef3c7);color:#b45309;border:1px solid #fcd34d}.action-buttons{display:flex;gap:.5rem}.hk-action-buttons{display:inline-flex;gap:.55rem;align-items:center}.hk-action-btn{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid #e5e7eb;background:#fff;color:#6b7280;cursor:pointer;transition:all .2s ease;font-size:.9rem}.hk-action-btn.pending-btn{width:auto;min-width:118px;height:36px;border-radius:10px;border:1px solid #f59e0b;background:#fff7ed;color:#b45309;font-weight:700;padding:0 12px}.hk-action-btn.pending-btn:hover{background:#ffedd5;border-color:#d97706;color:#92400e}.hk-action-btn.pending-btn.is-dimmed,.hk-action-btn.pending-btn:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.15);box-shadow:none}.card-actions-row{display:flex;gap:.6rem;width:100%}.hk-card-action-btn.pending{background:#fff7ed;color:#b45309;border:1px solid #f59e0b}.hk-card-action-btn.pending:hover{background:#ffedd5;color:#92400e}.hk-card-action-btn.pending.is-dimmed,.hk-card-action-btn.pending:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.15);box-shadow:none}.edit-btn:hover{border-color:#3b82f6;color:#3b82f6;background-color:#eff6ff}.delete-btn:hover{border-color:#ef4444;color:#ef4444;background-color:#fef2f2}.no-data{text-align:center;padding:3.5rem 2rem!important;color:#6b7280;font-style:italic;font-size:.95rem;font-weight:500}.housekeeping-grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;padding:.5rem}.grid-card{background-color:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:1.5rem;transition:all .3s ease;display:flex;flex-direction:column;gap:1rem;box-shadow:0 2px 4px #0000000a}.grid-card:hover{border-color:#dc3545;box-shadow:0 4px 12px #dc354526;transform:translateY(-2px)}.card-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:1px solid #f3f4f6}.room-badge{font-size:1.25rem;font-weight:800;color:#111827;letter-spacing:-.02em}.card-status{display:inline-flex;align-items:center;padding:.35rem .85rem;border-radius:2rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.card-status.dirty{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#e31e24;border:1px solid #fecaca}.card-status.pending{background:linear-gradient(135deg,#fffbeb,#fef3c7);color:#b45309;border:1px solid #fcd34d}.card-body{display:flex;flex-direction:column;gap:.75rem;flex:1}.card-info{display:flex;justify-content:space-between;align-items:center}.info-label{font-size:.85rem;color:#6b7280;font-weight:600}.info-value{font-size:.85rem;color:#111827;font-weight:600}.card-footer{padding-top:.5rem}.hk-card-action-btn{width:100%;padding:.75rem 1.25rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .25s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 2px 4px #10b98133}.hk-card-action-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 8px #10b9814d}.hk-action-buttons,.hk-action-btn,.hk-card-action-btn{pointer-events:auto!important;position:relative;z-index:2}.grid-loading,.grid-empty{grid-column:1 / -1;text-align:center;padding:3.5rem 2rem;color:#6b7280;font-style:italic;font-size:.95rem;font-weight:500}.housekeeping-mobile-list{display:grid;grid-template-columns:1fr;gap:.75rem}.mobile-list-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:.85rem;display:grid;gap:.65rem;box-shadow:0 1px 3px #0000000d}.mobile-list-card-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.mobile-list-room{font-size:.95rem;font-weight:800;color:#111827}.mobile-list-meta{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.72rem;color:#6b7280;font-weight:600}.mobile-list-actions{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.modal-overlay{position:fixed;inset:0;background-color:#0006;backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:1050;animation:fadeIn .2s ease-out}.modal-content{background-color:#fff;border-radius:12px;width:100%;max-width:450px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:scaleIn .2s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;max-height:90vh}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #f3f4f6}.modal-header h3{margin:0;font-size:1.15rem;font-weight:700;color:#111827}.close-btn{background:transparent;border:none;font-size:1.5rem;color:#9ca3af;cursor:pointer;padding:0;line-height:1;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.close-btn:hover{background-color:#f3f4f6;color:#ef4444}.modal-body{padding:1.5rem;overflow-y:auto}.form-group{margin-bottom:1.25rem}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-size:.85rem;font-weight:600;color:#374151;margin-bottom:.5rem}.form-input,.form-select{width:100%;padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:8px;font-size:.9rem;color:#1f2937;background-color:#fff;transition:border-color .2s,box-shadow .2s}.form-input::-moz-placeholder{color:#9ca3af}.form-input::placeholder{color:#9ca3af}.form-input:focus,.form-select:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.color-picker-row{display:flex;align-items:center;gap:1rem}.color-input-compact{width:50px;height:38px;padding:0;border:none;background:none;cursor:pointer}.color-preview-box{width:38px;height:38px;border-radius:8px;border:1px solid #e5e7eb;background-color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.toggle-group{display:flex;background:#f3f4f6;padding:4px;border-radius:50px;width:-moz-fit-content;width:fit-content}.toggle-btn{padding:6px 16px;border-radius:50px;font-size:.85rem;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;background:transparent;color:#6b7280}.toggle-btn.active{background:#fff;color:#059669;box-shadow:0 2px 4px #0000000d}.toggle-btn.inactive-state{background:#fff;color:#e31e24;box-shadow:0 2px 4px #0000000d}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.25rem 1.5rem;border-top:1px solid #f3f4f6;background-color:#fafafa;border-radius:0 0 12px 12px}.btn-modal{padding:.6rem 1.5rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-modal-cancel{background:#fff;border:1px solid #ef4444;color:#ef4444}.btn-modal-cancel:hover{background:#fef2f2}.btn-modal-save{background:#ef4444;border:1px solid #ef4444;color:#fff}.btn-modal-save:hover{background:#e31e24;border-color:#e31e24;transform:translateY(-1px);box-shadow:0 4px 6px -1px #dc354533}.toast-success{position:fixed;bottom:20px;right:20px;background:#10b981;color:#fff;padding:12px 24px;border-radius:8px;box-shadow:0 4px 6px #0000001a;z-index:2000;display:flex;align-items:center;gap:8px;animation:slideUpFade .3s ease-out}@keyframes slideUpFade{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:768px){.housekeeping-view-container{padding:1rem 1rem 2rem}.housekeeping-controls{flex-direction:column;align-items:stretch;padding:1rem;gap:1rem}.search-box{max-width:100%;min-width:auto}.view-controls{width:100%;justify-content:space-between}.btn-refresh{width:100%;justify-content:center}.housekeeping-grid-container{grid-template-columns:1fr;gap:1rem}.modal-content{width:95%;margin:1rem}.housekeeping-table th,.housekeeping-table td{padding:.85rem 1rem;font-size:.85rem}}.btn-refresh{padding:.85rem 1.75rem;background:linear-gradient(135deg,#fff,#f9fafb);color:#374151;border:2px solid #e5e7eb;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .25s ease;display:flex;align-items:center;gap:.5rem;white-space:nowrap;box-shadow:0 1px 2px #0000000a}.btn-refresh:hover{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-color:#dc3545;color:#dc3545;transform:translateY(-1px);box-shadow:0 4px 8px #dc35451f}.btn-refresh:active{transform:translateY(0);box-shadow:0 1px 2px #0000000a}.btn-refresh:disabled{opacity:.6;cursor:not-allowed;transform:none}.status-pill.dirty{background-color:#fef2f2;color:#ef4444;border:1px solid #fee2e2}.clean-btn{width:auto!important;height:auto!important;padding:.6rem 1.25rem!important;border-radius:8px!important;background:linear-gradient(135deg,#d1fae5,#a7f3d0)!important;color:#065f46!important;border:1px solid #6ee7b7!important;font-weight:700!important;font-size:.85rem!important;display:flex!important;align-items:center!important;gap:.35rem!important;text-transform:uppercase;letter-spacing:.3px;transition:all .25s ease!important;box-shadow:0 2px 4px #065f461f}.clean-btn:hover{background:linear-gradient(135deg,#a7f3d0,#6ee7b7)!important;color:#064e3b!important;transform:translateY(-2px);box-shadow:0 4px 8px #065f4633}.housekeeping-table-container{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.housekeeping-table{min-width:760px}@media(max-width:992px){.housekeeping-view-container{max-width:100%;padding:.9rem .9rem 1.5rem}.housekeeping-header{margin-bottom:1rem;padding-bottom:.75rem}.housekeeping-header .header-title h2{font-size:1.45rem;line-height:1.25;flex-wrap:wrap;margin-bottom:.25rem}.housekeeping-header .header-title p{font-size:.78rem;line-height:1.35;max-width:100%;word-break:break-word}.housekeeping-controls{display:grid;grid-template-columns:1fr;gap:.75rem;align-items:stretch;margin-bottom:1.2rem}.search-box{min-width:0;max-width:100%;width:100%}.search-input{font-size:.82rem;padding:.7rem .9rem .7rem 2.4rem}.search-icon{left:.8rem;font-size:.95rem}.view-controls{width:100%;display:grid;grid-template-columns:1fr;gap:.55rem}.view-toggle{width:100%;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;padding:.3rem}.view-btn{flex:0 0 auto;min-width:42px;min-height:36px}.btn-refresh{width:100%;justify-content:center;padding:.72rem 1rem;font-size:.8rem}.housekeeping-table{min-width:690px}.housekeeping-table th,.housekeeping-table td{padding:.7rem .75rem;font-size:.76rem;white-space:nowrap}.room-no{font-size:.88rem}.status-pill{padding:.35rem .7rem;font-size:.65rem}.hk-action-buttons{display:flex;flex-wrap:wrap;gap:.45rem}.hk-action-btn.pending-btn,.clean-btn{min-height:32px;font-size:.68rem!important;padding:.45rem .72rem!important}}@media(max-width:576px){.housekeeping-view-container{padding:.7rem .65rem 1.25rem}.housekeeping-header .header-title h2{font-size:1.05rem;gap:.3rem}.housekeeping-header .header-title p{font-size:.72rem}.housekeeping-table{min-width:640px}.housekeeping-table th,.housekeeping-table td{font-size:.7rem;padding:.62rem .65rem}.housekeeping-grid-container{grid-template-columns:1fr;gap:.8rem;padding:.2rem}.grid-card{padding:.9rem;gap:.65rem}.room-badge{font-size:1rem}.hk-card-action-btn{font-size:.78rem;padding:.62rem .85rem}.mobile-list-meta{flex-direction:column;align-items:flex-start}.mobile-list-actions{grid-template-columns:1fr}.toast-success{left:10px;right:10px;bottom:10px;font-size:.78rem;padding:10px 12px}}.rs-management-wrapper{padding:32px;background:#f8fafc;min-height:calc(100vh - 64px);font-family:Inter,-apple-system,sans-serif;color:#1e293b}.rs-top-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.rs-header-main-left{display:flex;align-items:center;gap:16px}.rs-back-circle-btn{width:44px;height:44px;border-radius:50%;border:1px solid #e2e8f0;background:#fff;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.rs-back-circle-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.rs-main-title{font-size:24px;font-weight:800;margin:0;letter-spacing:-.02em;color:#1e293b}.rs-active-ops{font-size:13px;font-weight:700;color:#94a3b8;margin-top:4px;letter-spacing:.05em}.rs-header-main-right{display:flex;align-items:center;gap:12px}.rs-orders-count-badge{display:flex;align-items:center;gap:8px;background:#fff7ed;color:#f97316;padding:10px 18px;border-radius:100px;font-size:14px;font-weight:700}.rs-bell-btn{width:44px;height:44px;border-radius:50%;background:#fef2f2;color:#e31e24;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.rs-controls-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.rs-search-container{position:relative;flex:1;max-width:420px;display:flex;align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:14px;padding-left:14px;transition:all .2s}.rs-search-icon{position:static;color:#94a3b8;pointer-events:none;flex-shrink:0}.rs-search-field{width:100%;padding:12px 42px 12px 10px;background:transparent;border:none;font-size:15px;outline:none;transition:color .2s;box-sizing:border-box;color:#1e293b}.rs-search-field::-moz-placeholder{color:#94a3b8;opacity:1}.rs-search-field::placeholder{color:#94a3b8;opacity:1}.rs-search-field:-moz-placeholder{caret-color:transparent}.rs-search-field:placeholder-shown{caret-color:transparent}.rs-search-field:not(:-moz-placeholder){caret-color:#334155}.rs-search-field:not(:placeholder-shown){caret-color:#334155}.rs-search-container:focus-within{border-color:#e31e24;background:#fff;box-shadow:0 0 0 4px #dc262614}.rs-search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:#e2e8f0;border:none;width:24px;height:24px;border-radius:50%;font-size:12px;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.rs-search-clear:hover{background:#fee2e2;color:#ef4444}.rs-filter-pills{display:flex;gap:0;background:#fff;padding:6px;border-radius:16px;border:1px solid #e2e8f0}.rs-pill-btn{padding:10px 24px;border:none;background:transparent;color:#64748b;font-size:14px;font-weight:700;cursor:pointer;border-radius:12px;transition:all .2s}.rs-pill-btn.active{background:#e31e24;color:#fff;box-shadow:0 4px 12px #dc262633}.rs-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.rs-operation-card{background:#fff;border-radius:16px;padding:18px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #0000000f;display:flex;flex-direction:column;gap:12px;transition:transform .2s}.rs-card-header{display:flex;justify-content:space-between;align-items:flex-start}.rs-room-basic-info{display:flex;align-items:center;gap:16px}.rs-room-num-box{font-size:20px;font-weight:900;color:#e31e24}.rs-room-meta{display:flex;align-items:center;gap:12px}.rs-room-type-name{font-size:14px;font-weight:800;color:#94a3b8;text-transform:uppercase;margin:0}.rs-add-order-plus{width:30px;height:30px;background:linear-gradient(135deg,#fff7ed,#ffedd5);color:#f97316;border:1.5px solid #fed7aa;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.rs-add-order-plus:hover{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;border-color:#f97316;transform:scale(1.1);box-shadow:0 4px 12px #f973164d}.rs-order-status-tag{font-size:13px;font-weight:800;color:#1e293b}.rs-status-tracking-container{margin:16px 0}.rs-tracking-header{display:flex;justify-content:space-between;margin-bottom:12px}.rs-tracking-label-main{font-size:11px;font-weight:800;color:#94a3b8;letter-spacing:.05em}.rs-final-stage-badge{font-size:11px;font-weight:800;color:#f97316}.rs-progress-bar-wrap{display:flex;gap:4px}.rs-progress-segment-wrap{flex:1;display:flex;flex-direction:column;gap:8px}.rs-progress-segment{height:8px;background:#f1f5f9;border-radius:4px}.rs-progress-segment.active{background:#10b981}.rs-progress-label{font-size:10px;font-weight:800;color:#fca5a5;text-align:center}.rs-progress-label.active{color:#f97316}.rs-guest-display{display:flex;align-items:center;gap:8px;margin-bottom:8px}.rs-label-small{font-size:11px;font-weight:800;color:#94a3b8}.rs-guest-name-val{font-size:13px;font-weight:800;color:#64748b}.rs-order-details-summary{display:grid;grid-template-columns:1fr 1fr;background:#f8fafc;padding:12px;border-radius:12px}.rs-detail-column{display:flex;flex-direction:column;gap:6px}.rs-detail-val{font-size:15px;font-weight:800;color:#1e293b}.rs-category-tag{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:800;color:#1e293b}.rs-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.rs-time-lapsed{font-size:13px;font-weight:700;color:#94a3b8}.rs-bill-details-btn{padding:10px 20px;background:#e31e24;color:#fff;border:none;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 8px 12px -3px #dc262640;transition:all .2s}.rs-bill-details-btn:hover{transform:translateY(-2px);box-shadow:0 12px 20px -3px #dc262666}.rs-bill-details-btn.pending{background:#6366f1;box-shadow:0 8px 12px -3px #6366f140}.rs-bill-details-btn.pending:hover:not(:disabled){box-shadow:0 12px 20px -3px #6366f166}.rs-bill-details-btn:disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed;box-shadow:none;transform:none}.rs-page-footer{margin-top:48px;text-align:right;font-size:14px;font-weight:700;color:#94a3b8}.rs-container-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;padding:24px}.rs-error-icon{font-size:64px;margin-bottom:24px}.rs-error-btn{margin-top:32px;padding:14px 28px;background:#3b82f6;color:#fff;border:none;border-radius:12px;font-weight:700;cursor:pointer}.rs-status-msg{grid-column:1 / -1;text-align:center;padding:64px;color:#94a3b8;font-weight:700}.rs-tracking-label-wait{font-size:11px;font-weight:800;color:#94a3b8;background:#f1f5f9;padding:4px 12px;border-radius:6px;letter-spacing:.05em}.rs-place-order-footer-btn{padding:10px 20px;background:#fef2f2;color:#e31e24;border:1px solid #fee2e2;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s}.rs-place-order-footer-btn:hover{background:#e31e24;color:#fff;border-color:#e31e24;transform:translateY(-2px)}.rs-room-num-box:hover{color:#ef4444}.rs-progress-segment-wrap:hover .rs-progress-segment:not(.active){background:#dcfce7}.rs-progress-segment-wrap:active{transform:scale(.95)}@media(max-width:1200px){.rs-management-wrapper{padding:18px}.rs-top-header{flex-wrap:wrap;gap:10px;margin-bottom:16px}.rs-header-main-right{margin-left:auto}.rs-controls-bar{flex-direction:column;align-items:stretch;gap:10px;margin-bottom:18px}.rs-search-container{max-width:100%;width:100%}.rs-filter-pills{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;white-space:nowrap;flex-wrap:nowrap}.rs-pill-btn{flex:0 0 auto;padding:9px 18px}.rs-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:992px){.rs-management-wrapper{padding:12px}.rs-main-title{font-size:20px;line-height:1.2;word-break:break-word}.rs-active-ops{font-size:11px}.rs-orders-count-badge{padding:8px 12px;font-size:12px}.rs-bell-btn,.rs-back-circle-btn{width:38px;height:38px}.rs-cards-grid{grid-template-columns:1fr;gap:12px}.rs-order-details-summary{grid-template-columns:1fr;gap:8px}.rs-card-footer{flex-wrap:wrap;gap:8px}.rs-bill-details-btn,.rs-place-order-footer-btn{width:100%;justify-content:center}}@media(max-width:768px){.rs-top-header{align-items:flex-start}.rs-header-main-left{width:100%;align-items:flex-start}.rs-title-section{min-width:0}.rs-header-main-right{width:100%;margin-left:0;justify-content:space-between}.rs-search-field{font-size:14px;padding:11px 40px 11px 10px}.rs-pill-btn{font-size:12px;padding:8px 14px}.rs-room-num-box{font-size:18px}.rs-room-type-name{font-size:12px;line-height:1.3}.rs-guest-name-val,.rs-detail-val,.rs-category-tag{word-break:break-word}.rs-page-footer{margin-top:20px;text-align:left;font-size:12px}}@media(max-width:576px){.rs-management-wrapper{padding:10px}.rs-main-title{font-size:18px}.rs-active-ops{font-size:10px}.rs-orders-count-badge{padding:7px 10px;font-size:11px}.rs-order-status-tag{font-size:11px}.rs-operation-card{padding:12px;border-radius:12px}.rs-progress-label{font-size:9px}.rs-time-lapsed{font-size:11px}}:root{--color-primary: #dc3545;--color-primary-dark: #bb2d3b;--color-success: #10b981;--color-info: #3b82f6;--color-warning: #f59e0b;--color-neutral-50: #f9fafb;--color-neutral-100: #f3f4f6;--color-neutral-200: #e5e7eb;--color-neutral-500: #6b7280;--color-neutral-900: #111827;--color-gray-text: #374151;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .1);--shadow-hover: 0 12px 24px rgba(220, 53, 69, .15);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1)}.gms-wrapper *,.gms-wrapper *:before,.gms-wrapper *:after{box-sizing:border-box}.gms-wrapper{width:100%;min-height:100vh;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,sans-serif;overflow-x:hidden}.gms-header{background:#fff;border-bottom:1px solid var(--color-neutral-200);padding:1rem 2.5rem;box-shadow:var(--shadow-sm)}.gms-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;width:100%}.gms-header-content{display:flex;flex-direction:column;justify-content:flex-start;margin-bottom:0;gap:.25rem}.gms-title{font-size:1.75rem;font-weight:700;color:var(--color-neutral-900);letter-spacing:-.02em;margin-bottom:.25rem}.gms-subtitle{font-size:.875rem;color:var(--color-neutral-500);font-weight:500;letter-spacing:.3px}.gms-refresh-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:var(--color-neutral-100);border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);font-size:1.25rem;cursor:pointer;transition:all var(--transition-base);color:var(--color-neutral-600)}.gms-refresh-btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff;transform:rotate(180deg);box-shadow:var(--shadow-md)}.add-table-btn-gms{width:-moz-max-content!important;width:max-content!important;max-width:180px!important;flex:0 0 auto!important;margin-left:auto!important;white-space:nowrap!important;padding:8px 16px!important;font-size:.85rem!important;border-radius:6px!important}.gms-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.stat-item{display:flex;align-items:center;gap:.875rem;padding:1rem;background:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:default}.stat-item:hover{background:#fff;border-color:#d1d5db;transform:translateY(-1px)}.stat-item.accent-green{border-left:3px solid var(--color-success)}.stat-item.accent-blue{border-left:3px solid var(--color-info)}.stat-item.accent-amber{border-left:3px solid var(--color-warning)}.stat-icon{font-size:1.5rem;line-height:1;flex-shrink:0}.stat-data{display:flex;flex-direction:column;gap:.125rem;min-width:0}.stat-val{font-size:1.25rem;font-weight:700;color:var(--color-neutral-900);letter-spacing:-.01em}.stat-label{font-size:.75rem;color:var(--color-neutral-500);font-weight:600;text-transform:uppercase;letter-spacing:.4px}.gms-toolbar{padding:1.25rem 2.5rem;background:#fff;border-bottom:1px solid var(--color-neutral-200);display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap}.gms-search-wrapper{position:relative;flex:1;min-width:250px;max-width:400px}.gms-search{width:100%;padding:.625rem .875rem .625rem 2.25rem;border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);font-size:.875rem;background:var(--color-neutral-50);color:var(--color-neutral-900);transition:all var(--transition-fast)}.gms-search::-moz-placeholder{color:#d1d5db}.gms-search::placeholder{color:#d1d5db}.gms-search:focus{outline:none;border-color:var(--color-primary);background:#fff;box-shadow:inset 0 0 0 2px #dc35450d}.gms-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);font-size:.875rem;opacity:.5;pointer-events:none}.gms-filters{display:flex;gap:.5rem;flex-wrap:wrap}.gms-filter-dropdown{position:relative;min-width:118px}.gms-filter-trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;min-height:34px;padding:8px 12px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;color:#6b7280;font-size:.85rem;font-weight:600;cursor:pointer;white-space:nowrap;min-width:118px}.gms-filter-arrow{font-size:10px;color:#6b7280;transition:transform .2s ease}.gms-filter-arrow.open{transform:rotate(180deg)}.gms-filter-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:160px;max-width:220px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 12px 24px #0f172a24;z-index:120;max-height:220px;overflow-y:auto;padding:6px}.gms-filter-option{width:100%;border:none;background:transparent;text-align:left;border-radius:8px;padding:7px 10px;font-size:12px;font-weight:600;color:#111827;cursor:pointer}.gms-filter-option:hover,.gms-filter-option.active{background:#fef2f2;color:#be123c}.filter-chip{padding:.5rem 1rem;background:var(--color-neutral-100);border:1px solid var(--color-neutral-200);border-radius:999px;font-size:.8125rem;font-weight:600;color:var(--color-neutral-600);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;text-transform:capitalize;letter-spacing:.2px}.filter-chip:hover{border-color:var(--color-primary);color:var(--color-primary);background:#dc35450a}.filter-chip.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.gms-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;min-height:350px}.empty-illustration{font-size:3.5rem;margin-bottom:1rem;opacity:.6}.empty-text{font-size:.95rem;color:var(--color-neutral-500);font-weight:500}.gms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;padding:1.5rem 2.5rem}.table-item{display:flex;flex-direction:column;background:#fff;border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);overflow:visible;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-sm);position:relative}.table-item:before{content:"";position:absolute;inset:0;border-radius:var(--radius-lg);background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.4) 100%);opacity:0;transition:opacity var(--transition-fast);pointer-events:none}.table-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.table-item:hover:before{opacity:1}.table-item.available{border-top:2px solid var(--color-success)}.table-item.running{border-top:2px solid var(--color-info)}.table-item.billed{border-top:2px solid var(--color-warning)}.table-item.reserved{border-top:2px solid #f59e0b}.table-topbar{display:flex;justify-content:space-between;align-items:center;padding:.75rem .875rem;background:var(--color-neutral-50);border-bottom:1px solid var(--color-neutral-100)}.table-id{font-size:1.25rem;font-weight:700;color:var(--color-neutral-900)}.status-tag{display:inline-block;padding:.25rem .625rem;border-radius:var(--radius-sm);font-size:.65rem;font-weight:700;letter-spacing:.3px;text-transform:uppercase;background:var(--color-neutral-100);color:var(--color-neutral-600)}.status-tag.available{background:#d1fae5;color:#065f46}.status-tag.running{background:#dbeafe;color:#0c4a6e;animation:pulse-running 2s ease-in-out infinite}.status-tag.billed{background:#fef3c7;color:#92400e}.status-tag.reserved{background:#fffbeb;color:#b45309}@keyframes pulse-running{0%,to{opacity:1}50%{opacity:.6}}.table-body{flex:1;padding:.875rem;display:flex;flex-direction:column;gap:.5rem}.capacity-badge{display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--color-neutral-600);font-weight:600;background:var(--color-neutral-100);padding:.375rem .625rem;border-radius:var(--radius-sm);width:-moz-fit-content;width:fit-content}.table-metrics{display:grid;gap:.5rem}.metric{display:flex;justify-content:space-between;align-items:baseline}.metric.full{grid-column:1 / -1}.metric-label{font-size:.7rem;color:var(--color-neutral-500);font-weight:700;letter-spacing:.2px;text-transform:uppercase}.metric-value{font-size:.975rem;font-weight:700;color:var(--color-neutral-900)}.metric:nth-child(1) .metric-value,.metric.full .metric-value{color:var(--color-primary)}.available-badge{text-align:center;padding:.5rem;background:#f0fdf4;border-radius:var(--radius-sm);color:#166534;font-size:.8rem;font-weight:600}.table-action{display:flex;justify-content:space-between;align-items:center;padding:.75rem .875rem;background:var(--color-neutral-50);border-top:1px solid var(--color-neutral-100);cursor:pointer;transition:background-color var(--transition-fast)}.table-action:hover{background-color:var(--color-neutral-100)}.table-action:hover .action-text{color:var(--color-primary);text-decoration:underline}.action-text{font-size:.75rem;color:var(--color-neutral-600);font-weight:600;letter-spacing:.2px}.action-icon{font-size:.875rem;color:var(--color-primary);font-weight:700;transition:transform var(--transition-fast)}.table-item:hover .action-icon{transform:translate(2px)}.menu-container{position:relative;z-index:10}.menu-trigger{cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--color-neutral-500);font-size:1.25rem;transition:background-color var(--transition-fast);z-index:11}.menu-trigger:hover{background-color:var(--color-neutral-100);color:var(--color-neutral-900)}.context-menu{position:absolute;top:100%;right:0;margin-top:4px;background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);width:160px;z-index:20;border:1px solid var(--color-neutral-200);padding:6px 0;animation:fadeIn .1s ease-out}.menu-item{padding:10px 16px;cursor:pointer;font-size:.875rem;color:var(--color-neutral-700);display:flex;align-items:center;gap:10px;transition:all var(--transition-fast);text-decoration:none;background:none}.menu-item:hover{background-color:var(--color-neutral-50);color:var(--color-primary)}.menu-item span{font-size:1rem}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1100;backdrop-filter:blur(2px)}.modal-content{background:#fff;border-radius:var(--radius-lg);width:500px;max-width:90%;padding:24px;box-shadow:var(--shadow-lg);animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--color-neutral-200)}.modal-header h2{font-size:1.25rem;font-weight:700;color:var(--color-neutral-900);margin:0}.close-btn{background:transparent;border:none;font-size:1.5rem;line-height:1;color:var(--color-neutral-400);cursor:pointer;padding:4px;border-radius:var(--radius-sm);transition:color var(--transition-fast)}.close-btn:hover{color:var(--color-neutral-900);background-color:var(--color-neutral-100)}.modal-info{background-color:var(--color-neutral-50);padding:16px;border-radius:var(--radius-md);margin-bottom:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;border:1px solid var(--color-neutral-200)}.info-label{color:var(--color-neutral-500);font-size:.75rem;text-transform:uppercase;font-weight:600;margin-bottom:4px}.info-value{font-size:.95rem;font-weight:600;color:var(--color-neutral-900)}.form-group label{display:block;margin-bottom:8px;color:var(--color-neutral-700);font-weight:500;font-size:.875rem}.form-select,.form-input{width:100%;padding:10px 12px;border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);font-size:.95rem;background-color:#fff;transition:border-color var(--transition-fast)}.form-select:focus,.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #dc35451a}.sub-tables-container{border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);padding:16px;background-color:var(--color-neutral-50)}.sub-table-header span{font-size:.75rem;font-weight:600;color:var(--color-neutral-500);text-transform:uppercase}.sub-table-row:last-child{margin-bottom:0}.sub-table-display{padding:10px;background-color:var(--color-neutral-200);border-radius:var(--radius-md);font-weight:600;color:var(--color-neutral-700);text-align:center;font-size:.9rem}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:24px;border-top:1px solid var(--color-neutral-200)}.btn{padding:10px 20px;border-radius:var(--radius-md);font-weight:600;cursor:pointer;border:none;font-size:.9rem;transition:all var(--transition-fast)}.btn-secondary{background-color:var(--color-neutral-100);color:var(--color-neutral-700)}.btn-secondary:hover{background-color:var(--color-neutral-200);color:var(--color-neutral-900)}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-dark)}.settlement-modal-footer{display:flex;gap:12px;justify-content:flex-end;align-items:stretch;flex-wrap:wrap}.settlement-modal-action-btn{flex:1 1 160px;min-height:42px;display:inline-flex;align-items:center;justify-content:center;text-align:center;white-space:normal;line-height:1.2;padding:10px 12px}.settlement-modal-primary-btn{background-color:#e31e24}.settlement-modal-primary-btn:hover{background-color:#c71b20}.drawer-content{background:#fff!important;width:480px!important;height:100%!important;box-shadow:-10px 0 40px #0003!important;display:flex!important;flex-direction:column!important;animation:drawerSlideInRight-GMS .4s cubic-bezier(.16,1,.3,1)!important;border-radius:0!important;top:0!important;left:auto!important;right:0!important;transform:none!important;position:relative!important}@keyframes drawerSlideInRight-GMS{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header h2{font-size:1.65rem;font-weight:800;color:#1e293b;margin:0!important}.add-table-drawer .form-group{margin-bottom:24px}.add-table-drawer label{font-size:.8rem;font-weight:700;color:#334155;margin-bottom:10px;display:block;letter-spacing:.5px;text-transform:uppercase}.add-table-drawer .form-input,.add-table-drawer .form-select{border:2px solid #e2e8f0!important;border-radius:12px!important;padding:14px 18px!important;font-size:1rem!important}.header-icon-wrap{width:40px;height:40px;background:#fff3;border-radius:12px;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px)}.header-text span{font-size:11px;opacity:.9;text-transform:uppercase;letter-spacing:.5px}.premium-close-btn{margin-left:auto;background:#0000001a;border:none;color:#fff;width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.premium-close-btn:hover{background:#fff3;transform:rotate(90deg)}.add-payment-body{padding:32px 24px;overflow-y:auto;display:flex;flex-direction:column;gap:28px;flex:1}.field-label-premium{font-size:11px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.08em;padding-left:4px}.input-with-icon-premium{display:flex;align-items:center;background:#f8fafc;border:2px solid #f1f5f9;border-radius:16px;transition:all .3s ease;padding:12px 16px;gap:12px}.input-with-icon-premium:focus-within{border-color:#f43f5e;background:#fff;box-shadow:0 0 0 4px #f43f5e14;transform:translateY(-1px)}.premium-input-field{flex:1;border:none!important;background:transparent!important;outline:none!important;font-size:15px!important;font-weight:700!important;color:#1e293b!important;padding:0!important}.premium-input-field::-moz-placeholder{color:#94a3b8;font-weight:500}.premium-input-field::placeholder{color:#94a3b8;font-weight:500}.type-selection-container{display:flex;flex-direction:column;gap:10px}.custom-premium-select{position:relative;width:100%}.select-trigger-premium{display:flex;align-items:center;justify-content:space-between;background:#f8fafc;border:2px solid #f1f5f9;border-radius:16px;padding:12px 16px;cursor:pointer;transition:all .2s}.select-trigger-premium:hover{border-color:#e2e8f0}.select-trigger-premium.active{border-color:#f43f5e;background:#fff}.trigger-content{display:flex;align-items:center;gap:12px;font-weight:700;color:#1e293b;font-size:15px}.select-dropdown-options-premium{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 15px 35px #0000001a;z-index:100;max-height:250px;overflow-y:auto;padding:8px}.select-option-premium{padding:12px 14px;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-weight:600;color:#475569;transition:all .15s}.select-option-premium:hover{background:#f1f5f9;color:#1e293b}.select-option-premium.selected{background:#fff1f2;color:#f43f5e}.add-new-type-action-btn{width:100%;margin-top:4px;padding:10px;border-radius:12px;border:2px dashed #e2e8f0;background:transparent;color:#64748b;font-weight:800;font-size:11px;cursor:pointer;transition:all .2s;text-transform:uppercase}.add-new-type-action-btn:hover{border-color:#f43f5e;color:#f43f5e;background:#fff1f2}.new-type-input-group-premium{display:flex;align-items:center;background:#fff;border:2px solid #f43f5e;border-radius:14px;padding:8px 12px;gap:8px}.action-btn-p{width:28px;height:28px;border-radius:8px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;font-weight:800}.action-btn-p.confirm{background:#f43f5e;color:#fff}.premium-help-card{background:#eff6ff;border:1px solid #dbeafe;border-radius:16px;padding:16px;display:flex;gap:14px;margin-top:10px}.help-content h4{margin:0 0 4px;font-size:13px;font-weight:800;color:#1e40af}.help-content p{margin:0;font-size:12px;color:#3b82f6;line-height:1.5;font-weight:500}.type-delete-small{padding:4px;border-radius:6px;color:#94a3b8;cursor:pointer;transition:all .2s}.type-delete-small:hover{background:#fee2e2;color:#ef4444}.type-delete-wrap{position:relative;display:inline-flex;align-items:center}.type-delete-warning-inline{position:absolute;right:0;bottom:calc(100% + 8px);padding:8px 10px;border-radius:10px;border:1px solid #fecaca;background:#fff1f2;color:#991b1b;font-size:12px;font-weight:700;display:inline-flex;flex-direction:column;align-items:flex-start;gap:8px;box-shadow:0 8px 16px #ef44442e;z-index:9999}.type-delete-warning-actions{display:inline-flex;gap:6px}.type-delete-warning-yes,.type-delete-warning-no{border:none;border-radius:6px;padding:4px 10px;cursor:pointer;font-weight:700;font-size:12px}.type-delete-warning-yes{background:#dc2626;color:#fff}.type-delete-warning-yes:hover{background:#b91c1c}.type-delete-warning-no{background:#fee2e2;color:#7f1d1d}.type-delete-warning-no:hover{background:#fecaca}.table-type-delete-warning{margin-top:10px;padding:10px 12px;border-radius:10px;border:1px solid #fecaca;background:#fff1f2;color:#991b1b;font-size:12px;font-weight:700}.payment-modal-footer{padding:24px;border-top:1px solid #f1f5f9;display:flex;gap:12px;background:#f8fafc}.payment-modal-footer .btn-secondary{flex:1;height:52px;border-radius:16px;border:2px solid #e2e8f0;background:#fff;color:#64748b;font-weight:800;cursor:pointer;font-size:14px;transition:all .2s}.payment-modal-footer .btn-secondary:hover{background:#f1f5f9;color:#1e293b}.payment-modal-footer .btn-primary{flex:1.5;height:52px;border-radius:16px;border:none;background:linear-gradient(135deg,#f43f5e,#e11d48);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;font-size:15px;box-shadow:0 8px 20px -5px #e11d4866;transition:all .3s}.payment-modal-footer .btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 25px -5px #e11d4899}.payment-modal-footer .btn-primary:active{transform:translateY(0)}.gms-page-title{margin:0;font-size:1.8rem;font-weight:800;color:#111827}.gms-subtitle{margin:0;color:#6b7280;font-weight:500}.empty-calendar-icon{margin-bottom:20px}.reserve-table-premium{width:480px!important}.premium-grid-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.premium-time-range{display:flex;align-items:center;gap:8px;background:#f8fafc;padding:4px;border-radius:12px;border:1.5px solid #f1f5f9}.premium-time-range .time-input{border:none!important;background:transparent!important;padding:8px!important;font-size:13px!important;width:100%!important}.premium-time-range .time-sep{font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase}.field-action-btn-premium{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:#fff;border:1.5px solid #e2e8f0;color:#475569;padding:6px 10px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s;z-index:5}.field-action-btn-premium:hover{border-color:#e11d48;color:#e11d48;background:#fff1f2}.error-text-premium{color:#e11d48;font-size:11px;font-weight:600;margin-top:4px;display:block}.hint-text-premium{font-size:11px;color:#94a3b8;margin-top:8px;font-style:italic}.sub-select-premium{width:100%;padding:12px;border-radius:8px;border:1px solid #e5e7eb;font-size:14px;font-weight:600;color:#4b5563;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E") no-repeat right 12px center;background-size:16px;transition:all .2s;cursor:pointer}@media(max-width:900px){.gms-header,.gms-toolbar,.gms-grid{padding-left:1rem;padding-right:1rem}.gms-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.875rem}.gms-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.75rem!important}}@media(max-width:768px){.gms-header-top{flex-direction:column;align-items:stretch;gap:.75rem}.add-table-btn-gms{width:100%!important;max-width:none!important;margin-left:0!important}.gms-page-title{font-size:1.9rem;line-height:1.15;word-break:break-word}.gms-subtitle{font-size:.84rem;line-height:1.4}.gms-toolbar{flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:.875rem!important;margin-bottom:0!important}.gms-time-calendar-wrapper{max-width:none!important;width:100%;flex-wrap:wrap;gap:.625rem!important}.gms-time-calendar-wrapper>div{min-width:0}.gms-time-calendar-wrapper>div:nth-child(1),.gms-time-calendar-wrapper>div:nth-child(2){flex:1 1 100%!important}.gms-time-calendar-wrapper>div:nth-child(3){width:100%;display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:.5rem}.gms-time-calendar-wrapper>div:nth-child(3) button{width:100%}.gms-verify-quick{width:100%}.gms-verify-quick button{width:100%;justify-content:center}.gms-filters{width:100%;display:flex!important;flex-wrap:wrap!important;gap:.5rem!important;align-items:stretch!important}.gms-filter-separator{display:none}.gms-filters button,.gms-filter-dropdown{min-width:0}.gms-filters button{flex:1 1 calc(33.333% - .5rem)}.gms-filter-dropdown{flex:1 1 calc(50% - .5rem)}.gms-filter-trigger{width:100%;min-width:0;justify-content:space-between}.gms-filter-menu{left:0;right:0;min-width:0;max-width:none}.gms-grid{grid-template-columns:1fr}.table-topbar{align-items:flex-start!important;gap:.5rem}.table-topbar>div:first-child{min-width:0;flex-wrap:wrap}.table-id{font-size:1.05rem!important;line-height:1.2}.table-action{flex-wrap:wrap;row-gap:.625rem}.table-action button{width:100%}}@media(max-width:480px){.gms-header,.gms-toolbar,.gms-grid{padding-left:.75rem;padding-right:.75rem}.gms-stats-grid{grid-template-columns:1fr!important}.gms-time-calendar-wrapper>div:nth-child(3){grid-template-columns:1fr}.gms-filters button{flex:1 1 calc(50% - .5rem)}.gms-filter-dropdown{flex:1 1 100%}.settlement-modal-footer{justify-content:stretch}.settlement-modal-action-btn{flex:1 1 100%}}@media(max-width:412px){.gms-page-title{font-size:1.65rem}.gms-subtitle{font-size:.8rem}.gms-header,.gms-toolbar,.gms-grid{padding-left:.625rem;padding-right:.625rem}.gms-stats-grid>div{padding:14px!important}.gms-stats-grid>div>div:first-child{font-size:.76rem!important;line-height:1.25}.gms-stats-grid>div>div:nth-child(2){font-size:1.2rem!important;margin-top:6px!important}.gms-filters button,.gms-filter-dropdown{font-size:.78rem!important;padding:7px 10px!important}.table-item{padding:12px!important}.table-action>div{width:100%}}@media(max-width:360px){.gms-page-title{font-size:1.5rem}.gms-stats-grid>div{padding:12px!important}.gms-time-calendar-wrapper,.gms-filters{gap:.4rem!important}.gms-filters button,.gms-filters select{flex:1 1 100%;font-size:.76rem!important}.table-topbar{flex-direction:column;align-items:flex-start!important}.menu-container{align-self:flex-end}.table-id{font-size:.98rem!important}}.discount-management-page{padding:0 25px 15px;background:#fffafb;min-height:100vh;font-family:Poppins,sans-serif!important}.discount-management-page *{font-family:Poppins,sans-serif!important}.discount-main-layout{display:block}.discount-left-section{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000000d;overflow:hidden;width:100%}.discount-sidebar{position:fixed;top:0;right:-450px;width:400px;height:100vh;background:#fff;z-index:1001;box-shadow:-4px 0 15px #00000026;transition:right .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.sidebar-header{padding:20px 24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:#fff}.sidebar-header h2{font-size:18px;font-weight:600;color:#1f2937;margin:0}.close-sidebar-btn{background:transparent;border:none;font-size:24px;color:#9ca3af;cursor:pointer;padding:0;line-height:1;transition:color .2s}.sidebar-content{flex:1;overflow-y:auto;padding:24px}@keyframes fadeIn{to{opacity:1}}.discount-list-header{padding:20px 25px;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center;background:#fff}.discount-list-header h2{font-size:18px;font-weight:700;color:#1e293b;margin:0;letter-spacing:-.5px}.discount-count{font-size:12px;color:#ef4444;background:#fff1f2;padding:5px 14px;border-radius:20px;font-weight:700;text-transform:uppercase}.discount-table-container{overflow-x:auto}.discount-table{width:100%;border-collapse:collapse}.discount-table thead{background:linear-gradient(135deg,#ef4444,#dc2626)}.discount-table th{padding:18px 25px;text-align:left;font-size:11px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px;border:none}.discount-table tbody tr{border-bottom:1px solid #f1f5f9;transition:all .2s ease}.discount-table tbody tr:hover{background-color:#fff9f9}.discount-table tbody tr.selected-row{background-color:#eff6ff}.discount-table td{padding:18px 25px;font-size:14px;color:#334155}.discount-name-cell{display:flex;align-items:center;gap:8px}.discount-name{font-weight:700;color:#1e293b;font-size:15px}.auto-apply-badge{display:inline-block;background:#10b981;color:#fff;font-size:10px;padding:2px 6px;border-radius:4px;font-weight:600}.type-badge{display:inline-block;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase}.type-badge.percentage{background:#e0f2fe;color:#0369a1}.type-badge.flat{background:#dcfce7;color:#15803d}.discount-value{font-weight:700;color:#ef4444;font-size:15px}.applies-to-tags{display:flex;flex-wrap:wrap;gap:4px}.category-tag{display:inline-block;background:#f1f5f9;color:#475569;font-size:11px;padding:4px 12px;border-radius:20px;font-weight:700;text-transform:uppercase}.status-toggle{display:flex;align-items:center;gap:8px;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;border:none;cursor:pointer;transition:all .2s}.status-toggle.active{background:#dcfce7;color:#15803d}.status-toggle.inactive{background:#fee2e2;color:#b91c1c}.status-indicator{width:8px;height:8px;border-radius:50%;background:currentColor}.actions-cell{position:relative}.action-menu-wrapper{position:relative;display:inline-block}.btn-menu{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;transition:all .2s;font-size:18px}.btn-menu:hover{background:#fff;color:#ef4444;border-color:#ef4444;box-shadow:0 4px 12px #ef444426}.action-menu-dropdown{position:absolute;right:0;top:100%;background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000001a;border:1px solid #f1f5f9;z-index:100;min-width:160px;padding:6px;margin-top:8px;overflow:hidden;animation:slideDown .15s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.menu-item{width:100%;padding:10px 14px;display:flex;align-items:center;gap:10px;border:none;background:none;border-radius:8px;color:#475569;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.menu-item:hover{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.menu-item.remove{color:#dc2626}.menu-item.remove:hover{background:#fff1f2;color:#ef4444}.no-data{padding:40px 20px;text-align:center}.no-data-content{display:flex;flex-direction:column;align-items:center;gap:8px}.no-data-icon{font-size:40px;opacity:.5}.no-data-content p{margin:0;color:#6b7280;font-size:14px}.no-data-hint{font-size:13px!important;color:#9ca3af!important}.discount-right-section{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;height:-moz-fit-content;height:fit-content;position:sticky;top:24px}.discount-form-header{padding:16px 20px;border-bottom:1px solid #e5e7eb}.discount-form-header h2{font-size:16px;font-weight:600;color:#1f2937;margin:0}.discount-form{padding:20px}.form-group{margin-bottom:18px}.form-group label{display:block;font-size:13px;font-weight:500;color:#374151;margin-bottom:6px}.required{color:#ef4444}.label-hint{font-size:12px;color:#9ca3af;font-weight:400;margin-left:4px}.form-group input[type=text],.form-group input[type=number],.form-group select{width:100%;padding:10px 14px!important;border:1px solid #d1d5db;border-radius:6px;font-size:14px!important;color:#1f2937!important;background-color:#fff!important;transition:border-color .2s;font-family:Poppins,sans-serif!important;box-sizing:border-box;line-height:1.2!important;display:block;overflow:visible!important}.form-group textarea{width:100%;padding:12px 14px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#1f2937;background-color:#fff;font-family:inherit;line-height:1.5;min-height:100px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6}.form-group input.error,.form-group select.error{border-color:#ef4444}.error-message{display:block;font-size:12px;color:#ef4444;margin-top:4px}.form-hint{font-size:12px;color:#6b7280;margin-top:4px;margin-bottom:0}.input-with-prefix{position:relative;display:flex;align-items:center}.input-with-prefix input{flex:1;padding-left:32px;padding-right:32px}.input-prefix,.input-suffix{position:absolute;font-size:14px;color:#6b7280;font-weight:500}.input-prefix{left:12px}.input-suffix{right:12px}.checkbox-group{display:flex;flex-direction:column;gap:12px}.checkbox-simple-group{display:flex;flex-direction:column;gap:10px}.checkbox-simple-item{display:flex;align-items:flex-start;gap:12px;cursor:pointer;padding:14px 16px;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s;background:#fff}.checkbox-simple-item:hover{background:#f9fafb;border-color:#d1d5db}.checkbox-simple-item input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#3b82f6;margin-top:3px;flex-shrink:0}.checkbox-simple-content{display:flex;flex-direction:column;gap:4px;flex:1}.checkbox-simple-label{font-size:13px;font-weight:700;color:#e31e24;text-transform:uppercase;letter-spacing:.3px}.checkbox-simple-desc{font-size:11px;color:#9ca3af;font-weight:400}.checkbox-card-group{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.checkbox-card{display:flex;align-items:flex-start;padding:10px 12px;border:2px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:all .2s;background:#fff;position:relative}.checkbox-card:hover{border-color:#3b82f6;background:#f9fafb}.checkbox-card.checked{border-color:#3b82f6;background:#eff6ff}.checkbox-card input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#3b82f6;margin-top:1px;flex-shrink:0}.checkbox-card-content{display:flex;align-items:flex-start;gap:8px;margin-left:8px;flex:1}.checkbox-card-icon{font-size:18px;flex-shrink:0}.checkbox-card-text{display:flex;flex-direction:column;gap:2px}.checkbox-card-label{font-size:13px;font-weight:600;color:#1f2937;line-height:1.3}.checkbox-card-desc{font-size:11px;color:#6b7280;line-height:1.3}@media(max-width:1400px){.checkbox-card-group{grid-template-columns:1fr}}.checkbox-label{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:all .2s}.checkbox-label:hover{background:#f9fafb;border-color:#3b82f6}.checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#3b82f6}.checkbox-label span{font-size:13px;color:#e31e24;font-weight:700;text-transform:uppercase}.checkbox-item-premium{display:flex;align-items:center;justify-content:space-between;gap:10px}.checkbox-label-row{display:flex;align-items:center;gap:8px;flex:1;cursor:pointer}.checkbox-delete-btn{width:22px;height:22px;border-radius:50%;border:1px solid #fda4af;background:#fff1f2;color:#be123c;font-size:12px;font-weight:700;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.checkbox-delete-btn:hover{background:#ffe4e6;border-color:#fb7185}.toggle-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.toggle-label span{font-size:13px;font-weight:500;color:#374151}.toggle-switch{position:relative;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#cbd5e1;transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:#10b981}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.form-actions{display:flex;gap:10px;margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb}.btn-reset,.btn-save{flex:1;padding:10px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-reset{background:#f3f4f6;color:#4b5563}.btn-reset:hover{background:#e5e7eb}.btn-save{background:#3b82f6;color:#fff}.btn-save:hover{background:#2563eb}.checkbox-delete-btn:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.applies-to-dropdown{display:flex;justify-content:space-between;align-items:center;padding:10px 14px!important;border:1px solid #d1d5db;border-radius:6px;background:#fff;cursor:pointer;transition:all .2s;margin-bottom:8px;box-sizing:border-box;overflow:visible!important}.applies-to-dropdown:hover{border-color:#9ca3af;background:#f9fafb}.dropdown-text{font-size:14px!important;color:#1f2937!important;line-height:normal!important}.dropdown-arrow{font-size:10px;color:#9ca3af}.form-group-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.form-group-half{display:flex;flex-direction:column}.form-group-half .toggle-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.form-group-half .form-hint{font-size:11px;color:#9ca3af;margin:4px 0 0;line-height:1.3}.btn-reset,.btn-save{flex:1;padding:8px 14px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.checkbox-grid-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,max-content));gap:8px;margin-top:8px}.checkbox-grid-item{display:flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid #d1d5db;border-radius:4px;background:#fff;cursor:pointer;transition:all .2s ease;white-space:nowrap}.checkbox-grid-item:hover{border-color:#9ca3af;background:#f9fafb}.checkbox-grid-item:has(input[type=checkbox]:checked){background:#d1fae5;border-color:#10b981}.checkbox-grid-item input[type=checkbox]{width:13px;height:13px;cursor:pointer;accent-color:#10b981;flex-shrink:0}.checkbox-grid-item .checkbox-label{font-size:11px;font-weight:500;color:#374151;text-transform:uppercase;letter-spacing:.2px;line-height:1.2}.checkbox-grid-item input[type=checkbox]:checked+.checkbox-label{color:#065f46;font-weight:600}@media(max-width:1200px){.discount-main-layout{grid-template-columns:65% 35%}}@media(max-width:992px){.discount-main-layout{grid-template-columns:1fr}.discount-right-section{position:static}}@media(max-width:768px){.discount-management-page{padding:16px}.discount-table-container{overflow-x:scroll}.discount-table{min-width:800px}.form-actions{flex-direction:column}}.sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:1000;opacity:0;animation:fadeIn .3s forwards}.discount-sidebar{position:fixed;top:0;right:-550px;width:500px;height:100vh;background:#f3f4f6;z-index:1001;box-shadow:-4px 0 25px #00000026;transition:right .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.discount-sidebar.open{right:0}.sidebar-header{padding:24px 30px;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:center;align-items:center;position:relative}.sidebar-header h2{font-size:20px;font-weight:700;color:#1f2937;margin:0;display:flex;align-items:center;gap:8px}.close-sidebar-btn{position:absolute;right:20px;top:50%;transform:translateY(-50%);background:transparent;border:none;font-size:28px;color:#9ca3af;cursor:pointer;line-height:1;transition:color .2s}.close-sidebar-btn:hover{color:#ef4444}.sidebar-content{flex:1;overflow-y:auto;padding:30px}.discount-form{background:#fff;padding:24px;border-radius:12px;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;gap:20px}.discount-form .form-group{margin-bottom:0}.discount-form label{margin-bottom:8px;display:block;font-size:13px;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.5px}.discount-form label .required{color:#ef4444;margin-left:4px}.discount-form input[type=text],.discount-form input[type=number],.discount-form select{width:100%;padding:10px 16px!important;border:1px solid #d1d5db;border-radius:8px;font-size:14px!important;color:#1f2937!important;background:#fff!important;transition:all .2s;display:block;box-sizing:border-box;line-height:1.2!important;font-family:Poppins,sans-serif!important;overflow:visible!important}.discount-form textarea{width:100%;min-height:100px;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#1f2937;background:#fff;line-height:1.5}.discount-type-dropdown{position:relative;width:100%}.discount-type-trigger{display:flex;align-items:center;justify-content:space-between;text-align:left;width:100%;cursor:pointer}.discount-type-arrow{font-size:10px;color:#64748b;transition:transform .2s ease}.discount-type-arrow.open{transform:rotate(180deg)}.discount-type-options{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 8px 18px #0f172a24;z-index:50;overflow:hidden}.discount-type-option{width:100%;border:none;background:#fff;text-align:left;padding:8px 12px;font-size:12px;color:#111827;cursor:pointer;border-bottom:1px solid #f1f5f9}.discount-type-option:last-child{border-bottom:none}.discount-type-option:hover{background:#fff5f5}.discount-form input:focus,.discount-form select:focus,.discount-form textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.discount-form textarea{resize:vertical;min-height:100px}.discount-form .label-hint{font-size:12px;color:#ef4444;font-weight:600;margin-left:6px;text-transform:none}.cashier-report-container{padding:0 24px 24px;background-color:#f8f9fa;min-height:100vh}.cashier-report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.header-actions{display:flex;gap:12px}.cashier-report-title{font-size:28px;font-weight:600;color:#1a1a1a;margin:0}.generate-report-btn{background-color:#ef4444;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s ease}.generate-report-btn:hover:not(:disabled){background-color:#e31e24;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.generate-report-btn:disabled{opacity:.6;cursor:not-allowed}.init-sample-btn{background-color:#3b82f6;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s ease}.init-sample-btn:hover{background-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.error-message{background-color:#fee2e2;border:1px solid #fecaca;border-radius:8px;padding:16px;margin-bottom:24px}.error-message p{color:#e31e24;margin:0;font-size:14px}.no-data-message{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:40px;text-align:center;margin-top:24px}.no-data-message p{color:#6b7280;margin:0 0 20px;font-size:16px}.date-range-section{display:flex;align-items:flex-end;gap:16px;margin-bottom:24px}.date-input-group{display:flex;flex-direction:column;gap:8px}.date-label{font-size:12px;font-weight:600;color:#6b7280;letter-spacing:.5px}.date-input-wrapper{position:relative;width:280px}.date-input{width:100%;padding:12px 40px 12px 16px;border:1px solid #e5e7eb;border-radius:8px;font-size:15px;color:#1a1a1a;background-color:#fff;transition:all .3s ease;font-family:inherit}.date-input::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer}.date-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.calendar-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:18px;pointer-events:none}.date-separator{font-size:20px;color:#9ca3af;margin-bottom:8px}.summary-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:32px}.summary-card{background-color:#fff;border-radius:12px;padding:24px;display:flex;gap:20px;box-shadow:0 1px 3px #0000001a;transition:all .3s ease}.summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.card-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.green-icon{background-color:#10b981;color:#fff}.red-icon{background-color:#ef4444;color:#fff}.orange-icon{background-color:#f59e0b;color:#fff}.card-content{flex:1}.card-title{font-size:14px;font-weight:600;color:#6b7280;margin:0 0 8px}.card-amount{font-size:28px;font-weight:700;color:#1a1a1a;margin:0 0 8px}.card-subtitle{font-size:13px;color:#9ca3af;margin:0 0 4px}.card-count{font-size:13px;font-weight:600;color:#6b7280;margin:0}.summary-overview-section{background-color:#fff;border-radius:12px;padding:24px;margin-bottom:32px;box-shadow:0 1px 3px #0000001a}.section-title{font-size:20px;font-weight:600;color:#1a1a1a;margin:0 0 20px}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:20px}.overview-grid:last-child{margin-bottom:0}.overview-card{background-color:#f9fafb;border-radius:10px;padding:20px;display:flex;gap:16px;border:1px solid #e5e7eb}.overview-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.overview-content{flex:1}.overview-title{font-size:14px;font-weight:600;color:#6b7280;margin:0 0 8px}.overview-amount{font-size:24px;font-weight:700;color:#1a1a1a;margin:0 0 8px}.overview-subtitle{font-size:12px;color:#9ca3af;margin:0 0 4px}.overview-count{font-size:12px;font-weight:600;color:#6b7280;margin:0}.transaction-breakdown-section{background-color:#fff;border-radius:12px;padding:24px;margin-bottom:32px;box-shadow:0 1px 3px #0000001a}.breakdown-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}.breakdown-column{display:flex;flex-direction:column;gap:16px}.breakdown-subtitle{font-size:16px;font-weight:600;color:#1a1a1a;margin:0}.breakdown-items{display:flex;flex-direction:column;gap:12px}.breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.item-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#4b5563}.item-icon{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.item-icon.green{background-color:#d1fae5;color:#10b981}.item-icon.red{background-color:#fee2e2;color:#ef4444}.item-amount{font-size:15px;font-weight:700}.green-text{color:#10b981}.red-text{color:#ef4444}.activity-log-section{background-color:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.activity-log-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.download-csv-btn{background-color:#fff;color:#6b7280;border:1px solid #e5e7eb;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.download-csv-btn:hover:not(:disabled){background-color:#f9fafb;border-color:#d1d5db}.download-csv-btn:disabled{opacity:.5;cursor:not-allowed}.activity-log-table-wrapper{overflow-x:auto;border-radius:8px;border:1px solid #e5e7eb}.activity-log-table{width:100%;border-collapse:collapse;background-color:#fff}.activity-log-table thead{background-color:#f9fafb}.activity-log-table th{padding:12px 16px;text-align:left;font-size:13px;font-weight:600;color:#6b7280;border-bottom:1px solid #e5e7eb}.activity-log-table td{padding:16px;font-size:14px;color:#4b5563;border-bottom:1px solid #f3f4f6}.activity-log-table tbody tr:hover{background-color:#f9fafb}.log-number{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff}.log-number.green{background-color:#10b981}.log-number.red{background-color:#ef4444}.log-number.yellow{background-color:#f59e0b}.reference-cell{display:flex;flex-direction:column;gap:4px}.reference-code{font-size:12px;color:#9ca3af}.notes-cell{display:flex;justify-content:space-between;align-items:center}.arrow-icon{font-size:18px;color:#d1d5db}@media(max-width:1024px){.summary-cards-grid,.breakdown-grid{grid-template-columns:1fr}}@media(max-width:768px){.cashier-report-container{padding:16px}.cashier-report-header{flex-direction:column;align-items:flex-start;gap:16px}.date-range-section{flex-direction:column;align-items:stretch}.date-input-wrapper{width:100%}.date-separator{display:none}.overview-grid{grid-template-columns:1fr}.activity-log-header{flex-direction:column;align-items:flex-start;gap:12px}}.cashier-container{--bg-color: #F5F6F8;--card-bg: #ffffff;--primary-red: #FF4D4F;--primary-red-hover: #ff7875;--secondary-bg: #F0F2F5;--border-color: #e8ecf1;--text-main: #1a1d26;--text-muted: #8c8c8c;--accent-blue: #3b82f6;--accent-green: #10b981;--accent-purple: #8b5cf6;--accent-orange: #f59e0b;--accent-red: #ef4444;--shadow-card: 0 2px 8px rgba(0, 0, 0, .04);--shadow-card-hover: 0 4px 12px rgba(0, 0, 0, .08);--font-family: "Inter", "Poppins", -apple-system, sans-serif;--radius: 12px;--radius-sm: 8px;background-color:var(--bg-color);min-height:100vh;padding:20px clamp(20px,2.8vw,40px);font-family:var(--font-family);color:var(--text-main)}.cashier-container *,.cashier-container *:before,.cashier-container *:after{box-sizing:border-box}.cashier-container .cashier-dashboard{max-width:1520px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.cashier-container .cashier-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0}.cashier-container .cashier-header h1{font-size:24px;font-weight:800;color:var(--text-main);letter-spacing:-.5px;margin:0}.cashier-container .header-actions{display:flex;gap:12px}.cashier-container .btn-track,.cashier-container .btn-new-order{padding:10px 22px;border-radius:24px;border:none;font-weight:700;font-size:13px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease;color:#fff;letter-spacing:.2px;font-family:var(--font-family)}.cashier-container .btn-track{background:linear-gradient(135deg,#7c3aed,#6366f1);box-shadow:0 4px 14px #6366f14d}.cashier-container .btn-new-order{background:linear-gradient(135deg,#059669,#10b981);box-shadow:0 4px 14px #10b9814d}.cashier-container .btn-track:hover,.cashier-container .btn-new-order:hover{filter:brightness(1.08);transform:translateY(-1px)}.cashier-container .stats-wrapper{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.cashier-container .stat-card{background:var(--card-bg);padding:14px 15px;border-radius:var(--radius);border:1px solid var(--border-color);border-left:4px solid transparent;box-shadow:var(--shadow-card);position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;transition:box-shadow .2s ease;min-height:94px}.cashier-container .stat-card:hover{box-shadow:var(--shadow-card-hover)}.cashier-container .stat-card-inner{display:flex;flex-direction:column;z-index:2}.cashier-container .stat-label{font-size:11px;font-weight:700;color:#70829a;letter-spacing:.35px;text-transform:uppercase;margin-bottom:8px;line-height:1.15}.cashier-container .stat-value{font-size:clamp(1.8rem,1.5vw,2rem);font-weight:900;color:var(--text-main);line-height:1;white-space:nowrap}.cashier-container .stat-card.total{border-left-color:var(--accent-blue);color:var(--accent-blue)}.cashier-container .stat-card.cash{border-left-color:var(--accent-green);color:var(--accent-green)}.cashier-container .stat-card.upi{border-left-color:var(--accent-purple);color:var(--accent-purple)}.cashier-container .stat-card.card-pay{border-left-color:var(--accent-orange);color:var(--accent-orange)}.cashier-container .stat-card.pending{border-left-color:var(--accent-red);color:var(--accent-red)}.cashier-container .stat-card .stat-value{color:var(--text-main)}.cashier-container .stat-card.cash .stat-value{color:var(--accent-green)}.cashier-container .stat-card.total .stat-value{color:var(--accent-blue)}.cashier-container .stat-card.pending .stat-value{color:var(--text-main)}.cashier-container .dashboard-content{display:grid;grid-template-columns:260px 1fr 290px;gap:20px;height:calc(100vh - 230px);min-height:500px}.cashier-container .pos-card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow-card);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border-color)}.cashier-container .orders-sidebar{background:#fff;border:none;box-shadow:0 4px 20px #0000000d;border-radius:var(--radius)}.cashier-container .sidebar-header{padding:20px 16px 12px;border-bottom:none;display:flex;flex-direction:column;gap:16px}.cashier-container .search-bar{display:flex;align-items:center;background:#f0f2f5;padding:0 12px;height:38px;min-height:38px;border-radius:20px;border:1px solid transparent;transition:all .2s;box-shadow:inset 0 1px 3px #0000000d;flex:0 0 auto;width:100%;max-width:100%;min-width:0;margin:0}.cashier-container .search-bar:focus-within{background:#fff;border-color:#e8e8e8;box-shadow:0 2px 10px #00000008}.cashier-container .search-bar input{border:none;background:transparent;outline:none;width:100%;min-width:0;margin-left:0;font-size:13px;line-height:1;height:100%;padding:0;font-weight:500;color:var(--text-main);font-family:var(--font-family);text-overflow:ellipsis}.cashier-container .tabs-row{display:flex;gap:8px;margin-bottom:0;flex-wrap:nowrap;overflow-x:scroll;padding:0 0 12px;width:100%;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;-webkit-overflow-scrolling:touch}.cashier-container .tabs-row::-webkit-scrollbar{height:4px}.cashier-container .tabs-row::-webkit-scrollbar-track{background:transparent}.cashier-container .tabs-row::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.cashier-container .tab{padding:8px 16px;border-radius:20px;background:#f0f2f5;border:none;color:#595959;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:var(--font-family);white-space:nowrap;flex-shrink:0}.cashier-container .tab.active{background:var(--primary-red);color:#fff}.cashier-container .orders-list-wrapper{max-height:336px;overflow-y:auto;padding:12px 16px;scrollbar-width:thin}.cashier-container .order-card{padding:12px 16px;border-radius:var(--radius);border:1px solid transparent;margin-bottom:8px;cursor:pointer;transition:all .2s ease;display:flex;justify-content:space-between;align-items:center;background:#f0f2f5;height:72px;flex:none}.cashier-container .order-card.type-room{background:#fff5f5}.cashier-container .order-card.type-dinein{background:#f8fafc}.cashier-container .order-card:hover{transform:translateY(-1px);filter:brightness(.98)}.cashier-container .order-card.active{background:#fff1f0;border:1px solid #ffa39e}.cashier-container .order-item-left{display:flex;flex-direction:column;gap:2px}.cashier-container .order-id{font-size:14px;font-weight:700;color:#262626}.cashier-container .order-card.active .order-id{color:#cf1322}.cashier-container .order-source{font-size:11px;color:var(--text-muted);font-weight:500}.cashier-container .order-kot{font-size:10px;color:#94a3b8;font-weight:600;margin-top:2px}.cashier-container .order-card.active .order-source{color:#ff4d4f}.cashier-container .order-item-right{display:flex;align-items:center}.cashier-container .order-amount{font-size:14px;font-weight:700;color:#262626}.cashier-container .order-card.active .order-amount{color:#cf1322}.cashier-container .no-orders-state{padding:60px 20px;text-align:center;color:#94a3b8;display:flex;flex-direction:column;align-items:center;gap:12px}.cashier-container .no-orders-icon{font-size:40px;opacity:.4;filter:grayscale(1)}.cashier-container .no-orders-state p{font-weight:700;font-size:12px;margin:0;letter-spacing:.2px}.cashier-container .bill-center-panel{display:flex;flex-direction:column;background:#fff}.cashier-container .bill-center-header{padding:18px 24px 0}.cashier-container .bill-center-header h2{font-size:18px;font-weight:800;color:var(--text-main);margin:0}.cashier-container .selected-order-header-modern{padding:16px 24px;display:flex;justify-content:space-between;align-items:center}.cashier-container .guest-profile{display:flex;gap:12px;align-items:center}.cashier-container .avatar{width:44px;height:44px;background:#f1f5f9;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:22px}.cashier-container .guest-meta h3{margin:0;font-size:16px;font-weight:700;color:var(--text-main)}.cashier-container .guest-meta p{margin:2px 0 0;font-size:12px;color:#94a3b8;font-weight:500}.cashier-container .bill-badge{padding:6px 14px;background:#f8fafc;border:1px solid #e8ecf1;border-radius:8px;font-size:12px;font-weight:600;color:#64748b}.cashier-container .bill-badge span{color:#cbd5e1;margin-left:6px}.cashier-container .bill-items-container-modern{flex:1;overflow-y:auto;padding:0 24px}.cashier-container .bill-items-container-modern::-webkit-scrollbar{width:4px}.cashier-container .bill-items-container-modern::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:4px}.cashier-container .empty-bill-state-modern{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#94a3b8}.cashier-container .empty-bill-state-modern .empty-icon{font-size:32px;margin-bottom:12px;opacity:.5}.cashier-container .empty-bill-state-modern p{font-size:13px;font-weight:500}.cashier-container .items-table-modern{width:100%;border-collapse:collapse}.cashier-container .items-table-modern thead,.cashier-container .items-table-modern tbody tr{display:table;width:100%;table-layout:fixed}.cashier-container .items-table-modern tbody{display:block;max-height:224px;overflow-y:auto;scrollbar-width:thin}.cashier-container .items-table-modern tbody::-webkit-scrollbar{width:5px}.cashier-container .items-table-modern tbody::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:8px}.cashier-container .items-table-modern th{padding:12px 0;font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #f1f5f9}.cashier-container .items-table-modern td{padding:16px 0;font-size:14px;font-weight:500;color:#334155;border-bottom:1px solid #f8fafc}.cashier-container .items-table-modern tbody tr:hover{background:#fafbfd}.cashier-container .items-table-modern td:nth-child(2){color:#64748b;font-weight:600}.cashier-container .items-table-modern td:last-child{font-weight:700;color:var(--text-main)}.cashier-container .bill-summary-panel{margin-top:auto;padding:20px 24px;background:#f8fafc;border-top:1px solid #f1f5f9;border-radius:0 0 var(--radius) var(--radius);display:flex;flex-direction:column;gap:10px}.cashier-container .summary-row-modern{display:flex;justify-content:space-between;font-size:14px;font-weight:600;color:#475569}.cashier-container .summary-row-modern span:first-child{color:#64748b}.cashier-container .summary-row-modern.grand-total-highlight{margin-top:6px;padding-top:12px;border-top:1px solid #e2e8f0;font-size:18px;font-weight:800}.cashier-container .summary-row-modern.grand-total-highlight span:last-child{color:var(--primary-red)}.cashier-container .summary-row-modern.grand-total-highlight span:first-child{color:var(--text-main)}.cashier-container .payment-right-panel{padding:20px;display:flex;flex-direction:column;gap:14px;background:#fff}.cashier-container .payment-section-title{margin:0;font-size:14px;font-weight:800;text-transform:uppercase;color:#475569;letter-spacing:.5px}.cashier-container .payment-modes-modern{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cashier-container .mode-btn-modern{flex:1;padding:10px 8px;border-radius:10px;border:1px solid #e8ecf1;background:#fff;font-size:12px;font-weight:700;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;transition:all .2s ease;font-family:var(--font-family)}.cashier-container .mode-btn-modern:hover{background:#f8fafc;border-color:#cbd5e1}.cashier-container .mode-btn-modern.active{background:#fef2f2;border-color:#fca5a5;color:#ef4444;box-shadow:0 2px 8px #ef44441a}.cashier-container .total-indicator-strip{background:#fff5f5;padding:14px 16px;border-radius:var(--radius-sm);display:flex;justify-content:space-between;align-items:center;border:1px solid #fecaca}.cashier-container .total-indicator-strip span:first-child{font-size:13px;font-weight:600;color:#64748b}.cashier-container .big-sum{font-size:20px;font-weight:900;color:var(--primary-red)}.cashier-container .payment-input-modern label{display:block;font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.cashier-container .input-box-wrap{display:flex;align-items:center;background:#f8fafc;border:1px solid #e8ecf1;border-radius:var(--radius-sm);padding:10px 14px;transition:border-color .2s}.cashier-container .input-box-wrap:focus-within{border-color:#94a3b8;background:#fff}.cashier-container .input-box-wrap span{font-weight:800;margin-right:8px;color:#64748b}.cashier-container .input-box-wrap input{border:none;background:transparent;width:100%;outline:none;font-weight:700;font-size:16px;color:var(--text-main);font-family:var(--font-family);padding:0}.cashier-container .input-box-wrap input::-moz-placeholder{color:#cbd5e1}.cashier-container .input-box-wrap input::placeholder{color:#cbd5e1}.cashier-container .return-amount-box-modern{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:700;padding:0 2px}.cashier-container .return-amount-box-modern .label{color:#64748b;font-weight:600}.cashier-container .return-amount-box-modern .value{color:var(--text-main);font-weight:800}.cashier-container .quick-actions-modern{display:flex;gap:6px}.cashier-container .q-btn{flex:1;padding:9px 6px;background:#f8fafc;border:1px solid #e8ecf1;border-radius:8px;font-size:11px;font-weight:600;color:#64748b;cursor:pointer;transition:all .15s ease;text-align:center;font-family:var(--font-family)}.cashier-container .q-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.cashier-container .q-btn:disabled{opacity:.5;cursor:not-allowed}.cashier-container .print-dropdown-wrapper{position:relative;flex:1}.cashier-container .print-btn-main{width:100%;display:flex;align-items:center;justify-content:center;gap:4px}.cashier-container .print-btn-main.print-ready{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#34d399;color:#059669}.cashier-container .print-format-dropdown{position:absolute;bottom:calc(100% + 6px);left:0;right:0;width:220px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 12px 40px #00000026,0 4px 12px #00000014;z-index:100;overflow:hidden;animation:printDropdownSlide .2s ease}@keyframes printDropdownSlide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.cashier-container .print-dropdown-header{padding:10px 14px;font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #f1f5f9;background:#f8fafc}.cashier-container .print-format-option{display:flex;align-items:center;gap:10px;width:100%;padding:11px 14px;border:none;background:transparent;cursor:pointer;font-size:13px;font-weight:600;color:#334155;transition:all .15s ease;font-family:var(--font-family)}.cashier-container .print-format-option:hover{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626}.cashier-container .print-format-option .pf-icon{font-size:18px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border-radius:8px}.cashier-container .print-format-option:hover .pf-icon{background:#fecaca}.cashier-container .print-format-option .pf-label{flex:1;text-align:left}.cashier-container .edit-bill-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.cashier-container .edit-bill-modal{background:#fff;border-radius:16px;width:500px;max-width:92vw;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0003;animation:modalSlide .25s ease}@keyframes modalSlide{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.cashier-container .edit-bill-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #f1f5f9}.cashier-container .edit-bill-header h3{margin:0;font-size:16px;font-weight:700;color:#1e293b}.cashier-container .edit-bill-close{width:32px;height:32px;border:none;background:#f1f5f9;border-radius:8px;font-size:16px;cursor:pointer;color:#64748b;display:flex;align-items:center;justify-content:center;transition:all .15s}.cashier-container .edit-bill-close:hover{background:#fee2e2;color:#dc2626}.cashier-container .edit-bill-body{padding:18px 22px;overflow-y:auto;flex:1}.cashier-container .edit-remove-warning{margin-bottom:10px;padding:10px 12px;border-radius:8px;border:1px solid #fecaca;background:#fff1f2;color:#991b1b;font-size:12px;font-weight:700}.cashier-container .edit-bill-table{width:100%;border-collapse:collapse}.cashier-container .edit-bill-table th{text-align:left;padding:8px 6px;font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.3px;border-bottom:2px solid #e2e8f0}.cashier-container .edit-bill-table td{padding:10px 6px;font-size:13px;color:#334155;border-bottom:1px solid #f1f5f9;vertical-align:middle}.cashier-container .edit-qty-controls{display:flex;align-items:center;gap:8px}.cashier-container .edit-qty-controls button{width:28px;height:28px;border:1px solid #e2e8f0;background:#f8fafc;border-radius:6px;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;color:#475569}.cashier-container .edit-qty-controls button:hover{background:#e2e8f0;border-color:#cbd5e1}.cashier-container .edit-qty-controls span{font-weight:700;min-width:20px;text-align:center}.cashier-container .edit-remove-btn{border:none;background:transparent;cursor:pointer;font-size:16px;padding:4px;border-radius:6px;transition:all .15s}.cashier-container .edit-remove-btn:hover{background:#fee2e2}.cashier-container .edit-remove-wrap{position:relative;display:inline-flex;align-items:center}.cashier-container .edit-remove-warning-inline{position:absolute;right:0;bottom:calc(100% + 8px);padding:8px 10px;border-radius:10px;border:1px solid #fecaca;background:#fff1f2;color:#991b1b;font-size:12px;font-weight:700;display:inline-flex;flex-direction:column;align-items:flex-start;gap:8px;box-shadow:0 8px 16px #ef44442e;z-index:9999}.cashier-container .edit-remove-warning-actions{display:inline-flex;gap:6px}.cashier-container .edit-remove-warning-yes,.cashier-container .edit-remove-warning-no{border:none;border-radius:6px;padding:4px 10px;cursor:pointer;font-weight:700;font-size:12px}.cashier-container .edit-remove-warning-yes{background:#dc2626;color:#fff}.cashier-container .edit-remove-warning-yes:hover{background:#b91c1c}.cashier-container .edit-remove-warning-no{background:#fee2e2;color:#7f1d1d}.cashier-container .edit-remove-warning-no:hover{background:#fecaca}.cashier-container .edit-bill-total{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding:14px 0;border-top:2px solid #1e293b;font-size:16px;font-weight:800;color:#1e293b}.cashier-container .edit-bill-footer{display:flex;gap:10px;padding:16px 22px;border-top:1px solid #f1f5f9}.cashier-container .edit-bill-cancel{flex:1;padding:12px;border:1px solid #e2e8f0;background:#f8fafc;border-radius:10px;font-size:13px;font-weight:600;color:#64748b;cursor:pointer;transition:all .15s;font-family:var(--font-family)}.cashier-container .edit-bill-cancel:hover{background:#f1f5f9;border-color:#cbd5e1}.cashier-container .edit-bill-save{flex:1;padding:12px;border:none;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:10px;font-size:13px;font-weight:700;color:#fff;cursor:pointer;transition:all .15s;font-family:var(--font-family);box-shadow:0 4px 12px #ef444440}.cashier-container .edit-bill-save:hover{box-shadow:0 6px 18px #ef444459;transform:translateY(-1px)}.cashier-container .btn-tender-main{padding:16px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:var(--radius-sm);font-size:16px;font-weight:800;cursor:pointer;box-shadow:0 6px 20px #ef444440;transition:all .2s ease;letter-spacing:.3px;font-family:var(--font-family)}.cashier-container .btn-tender-main:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 25px #ef444459}.cashier-container .btn-tender-main:disabled{opacity:.5;cursor:not-allowed;transform:none}.cashier-container .btn-tender-main.tendered-success{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 20px #05966940;opacity:1;font-size:13px;letter-spacing:.2px}.cashier-container .side-note-toast{position:fixed;top:96px;right:16px;z-index:1200;max-width:340px;background:#16a34a;color:#f0fdf4;border:1px solid #15803d;border-radius:10px;padding:10px 14px;font-size:13px;font-weight:600;line-height:1.4;box-shadow:0 10px 24px #16a34a59;transform:translate(120%);opacity:0;pointer-events:none;transition:transform .28s ease,opacity .28s ease}.cashier-container .side-note-toast.show{transform:translate(0);opacity:1}.cashier-container .modal-overlay-custom{position:fixed;inset:0;background:#0f172a80;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000}.cashier-container .modal-content-custom{background:#fff;border-radius:18px;width:450px;max-width:90%;box-shadow:0 25px 60px -12px #0003;overflow:hidden}.cashier-container .modal-header-custom{padding:18px 24px;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}.cashier-container .modal-header-custom h3{margin:0;font-size:16px;font-weight:700}.cashier-container .close-btn-custom{background:#f1f5f9;border:none;width:32px;height:32px;border-radius:8px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#64748b;transition:all .15s}.cashier-container .close-btn-custom:hover{background:#e2e8f0;color:var(--text-main)}.cashier-container .modal-body-custom{padding:20px 24px 24px}.cashier-container .form-group-custom{margin-bottom:16px}.cashier-container .form-group-custom label{display:block;font-size:12px;font-weight:700;color:#475569;margin-bottom:6px}.cashier-container .form-group-custom input{width:100%;padding:10px 14px;border:1px solid #e8ecf1;border-radius:var(--radius-sm);font-size:14px;font-weight:500;outline:none;transition:border-color .2s;font-family:var(--font-family);box-sizing:border-box}.cashier-container .form-group-custom input:focus{border-color:#94a3b8}.cashier-container .track-search-btn{padding:10px 18px;background:var(--primary-red);color:#fff;border:none;border-radius:var(--radius-sm);font-weight:700;font-size:13px;cursor:pointer;white-space:nowrap;font-family:var(--font-family)}.cashier-container .track-search-btn:disabled{opacity:.6}.cashier-container .food-menu-btn{width:100%;padding:14px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:var(--radius-sm);font-size:15px;font-weight:700;cursor:pointer;margin-top:8px;transition:all .2s;font-family:var(--font-family)}.cashier-container .food-menu-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #ef44444d}.cashier-container .track-card,.track-card{background:#f8fafc;border:1px solid #dbe5ef;border-radius:var(--radius-sm);padding:16px;margin-bottom:12px;transition:border-color .2s ease,box-shadow .2s ease}.cashier-container .track-card.step-1,.track-card.step-1,.track-top-result-card.step-1{border-color:#bfdbfe}.cashier-container .track-card.step-2,.track-card.step-2,.track-top-result-card.step-2{border-color:#fde68a}.cashier-container .track-card.step-3,.track-card.step-3,.track-top-result-card.step-3{border-color:#86efac}.cashier-container .track-card-header,.track-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.cashier-container .track-id,.track-id{font-weight:800;font-size:14px;color:var(--text-main)}.cashier-container .track-amount,.track-amount{font-weight:800;font-size:14px;color:var(--primary-red)}.cashier-container .track-guest,.track-guest{font-size:12px;color:#64748b;margin-bottom:10px}.track-current-status{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;color:#475569;background:#eef2ff;border:1px solid #c7d2fe;border-radius:999px;padding:5px 10px;margin-bottom:12px}.cashier-container .track-status-stepper,.track-status-stepper{display:flex;align-items:center;justify-content:center;gap:2px}.cashier-container .step-item,.step-item{display:flex;flex-direction:column;align-items:center;gap:6px}.cashier-container .step-circle,.step-circle{width:34px;height:34px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#94a3b8;transition:all .22s;border:1px solid #dbe5ef}.cashier-container .step-item.completed .step-circle,.step-item.completed .step-circle{background:#16a34a;border-color:#15803d;color:#fff}.cashier-container .step-item.active .step-circle,.step-item.active .step-circle{background:#2563eb;border-color:#1d4ed8;color:#fff;box-shadow:0 0 0 4px #2563eb2e}.cashier-container .step-label,.step-label{font-size:11px;font-weight:700;color:#94a3b8}.cashier-container .step-item.completed .step-label,.cashier-container .step-item.active .step-label,.step-item.completed .step-label,.step-item.active .step-label{color:var(--text-main)}.cashier-container .step-line,.step-line{width:42px;height:3px;background:#dbe5ef;margin:0 3px 22px;border-radius:99px}.cashier-container .step-line.completed,.step-line.completed{background:var(--accent-green)}.cashier-container .ready-alert,.ready-alert{margin-top:12px;padding:10px;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;text-align:center;font-size:13px;font-weight:700;color:#059669}.cashier-container.fadeIn{animation:cashierFadeIn .35s ease forwards}@keyframes cashierFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1200px){.cashier-container .dashboard-content{grid-template-columns:220px 1fr 260px;gap:14px}}@media(max-width:1024px){.cashier-container .dashboard-content{grid-template-columns:1fr;height:auto}.cashier-container .stats-wrapper{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cashier-container .stat-card{min-height:88px;padding:12px 13px}.cashier-container .stat-label{font-size:10px}.cashier-container .stat-value{font-size:clamp(1.55rem,2.5vw,1.85rem)}}@media(max-width:768px){.cashier-container .stats-wrapper{display:flex;overflow-x:auto;gap:10px;padding-bottom:4px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.cashier-container .stats-wrapper::-webkit-scrollbar{height:6px}.cashier-container .stats-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}.cashier-container .stat-card{flex:0 0 min(78vw,220px);min-width:190px;scroll-snap-align:start;min-height:84px}.cashier-container .cashier-header{flex-direction:column;gap:12px;align-items:flex-start}}.cashier-container .folio-transfer-form{display:flex;flex-direction:column;gap:12px;margin-top:4px}.cashier-container .folio-room-select{width:100%;border:none;background:transparent;outline:none;font-weight:700;font-size:15px;color:var(--text-main);font-family:var(--font-family);cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right center;background-size:16px;padding-right:24px}.cashier-container .input-box-wrap.read-only{background:#f1f5f9}.cashier-container .input-box-wrap.read-only input{color:#64748b;cursor:default}.cashier-container .folio-balance-info{font-size:12px;font-weight:600;color:#64748b;margin:4px 2px}.cashier-container .folio-confirm-banner{background:#eff6ff;border-radius:12px;padding:14px 18px;display:flex;align-items:center;gap:12px;border:1px solid #dbeafe;margin-top:4px}.cashier-container .folio-confirm-banner .info-icon{font-size:18px}.cashier-container .folio-confirm-banner p{margin:0;font-size:13px;font-weight:600;color:#1e40af;line-height:1.4}.cashier-container .btn-tender-main:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.add-payment-modal{background:#fff;width:400px;max-width:90vw;box-shadow:-15px 0 45px #00000026;display:flex;flex-direction:column;height:100vh;margin:0;position:relative;border-radius:24px 0 0 24px;overflow:hidden;animation:slideInRight .5s cubic-bezier(.19,1,.22,1)}.add-payment-body{padding:24px;padding-right:12px!important;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:16px}.track-results-area{flex:0 0 auto;overflow-y:visible;padding-right:10px}.tracked-orders-list{display:flex;flex-direction:column;gap:10px;padding-bottom:10px}.track-top-result-card{background:#f8fafc;border:1px solid #dbeafe;border-radius:12px;padding:14px}.track-summary-banner{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#eef2ff;border:1px solid #c7d2fe;border-radius:12px;padding:12px 14px}.summary-title{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#6366f1;margin-bottom:4px}.summary-main{font-size:13px;font-weight:700;color:#1e293b}.summary-pill{background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800;color:#334155;white-space:nowrap}.summary-pill.step-1{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.summary-pill.step-2{background:#fffbeb;border-color:#fde68a;color:#b45309}.summary-pill.step-3,.summary-pill.step-4{background:#ecfdf5;border-color:#86efac;color:#166534}.form-warning-text{background:#fff7ed;border:1px solid #fed7aa;color:#c2410c;border-radius:10px;padding:9px 11px;font-size:12px;font-weight:700;line-height:1.35}.btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.cashier-container .mobile-bottom-nav,.cashier-container .mobile-fab-pay,.cashier-container .mobile-panel-overlay{display:none}.cashier-container .dashboard-content{grid-template-areas:"orders bill payment"}.cashier-container .orders-sidebar{grid-area:orders}.cashier-container .bill-center-panel{grid-area:bill}.cashier-container .payment-right-panel{grid-area:payment}@media(max-width:1024px)and (min-width:768px){.cashier-container{padding:14px}.cashier-container .cashier-header{flex-direction:row;gap:10px}.cashier-container .stats-wrapper{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cashier-container .dashboard-content{grid-template-columns:minmax(0,1fr) 300px;grid-template-areas:"orders payment" "bill payment";gap:14px;height:auto;min-height:0}.cashier-container .orders-list-wrapper,.cashier-container .items-table-modern tbody{max-height:250px}.cashier-container .payment-modes-modern{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:639px){.cashier-container{padding:6px 6px 86px}.cashier-container .cashier-dashboard{gap:8px}.cashier-container .cashier-header{flex-direction:column;align-items:stretch;gap:8px}.cashier-container .header-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}.cashier-container .btn-track,.cashier-container .btn-new-order{justify-content:center;padding:11px 10px;font-size:12px}.cashier-container .stats-wrapper{display:flex;overflow-x:auto;gap:8px;padding-bottom:4px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.cashier-container .stat-card{min-width:152px;flex-shrink:0;padding:10px 11px}.cashier-container .stat-label{font-size:8px;line-height:1.2}.cashier-container .stat-value{font-size:17px}.cashier-container .dashboard-content{grid-template-columns:1fr;grid-template-areas:"bill" "orders" "payment";gap:6px;height:auto;min-height:0;position:relative}.cashier-container .bill-center-panel{min-height:calc(100vh - 330px);border-radius:10px}.cashier-container .orders-sidebar,.cashier-container .payment-right-panel{display:none}.cashier-container .dashboard-content.show-orders-mobile .orders-sidebar{display:flex;flex-direction:column;position:fixed;inset:auto 0 66px;z-index:40;border-radius:16px 16px 0 0;height:58vh;min-height:58vh;max-height:58vh;overflow:hidden;margin:0 8px;box-shadow:0 8px 30px #0f172a33}.cashier-container .dashboard-content.show-orders-mobile .sidebar-header{padding:10px 10px 6px;gap:8px}.cashier-container .dashboard-content.show-orders-mobile .search-bar{height:38px;min-height:38px;border-radius:20px;padding:0 12px}.cashier-container .dashboard-content.show-orders-mobile .search-bar input{font-size:13px;margin-left:0}.cashier-container .dashboard-content.show-orders-mobile .orders-list-wrapper{padding:8px 10px;max-height:min(360px,calc(58vh - 120px));overflow-y:auto;flex:1 1 auto;min-height:0}.cashier-container .dashboard-content.show-orders-mobile .order-card{height:84px!important;min-height:84px;margin-bottom:6px;padding:8px 10px;border-radius:10px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.cashier-container .dashboard-content.show-orders-mobile .order-item-left{gap:1px}.cashier-container .dashboard-content.show-orders-mobile .order-id{font-size:11px;line-height:1.15}.cashier-container .dashboard-content.show-orders-mobile .order-source{font-size:9px;line-height:1.15}.cashier-container .dashboard-content.show-orders-mobile .order-kot{font-size:8px;margin-top:1px;line-height:1.15}.cashier-container .dashboard-content.show-orders-mobile .order-amount{font-size:12px;white-space:nowrap}.cashier-container .dashboard-content.show-payment-mobile .payment-right-panel{display:flex;position:fixed;left:0;right:0;bottom:56px;z-index:50;border-radius:16px 16px 0 0;box-shadow:0 -10px 30px #0f172a33;max-height:62vh;overflow-y:auto}.cashier-container .mobile-panel-overlay{display:none}.cashier-container .dashboard-content.show-orders-mobile .mobile-panel-overlay,.cashier-container .dashboard-content.show-payment-mobile .mobile-panel-overlay{display:block;position:fixed;inset:0;background:#0f172a59;z-index:35}.cashier-container .selected-order-header-modern,.cashier-container .bill-center-header,.cashier-container .bill-items-container-modern,.cashier-container .bill-summary-panel,.cashier-container .payment-right-panel{padding-left:12px;padding-right:12px}.cashier-container .payment-modes-modern{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.cashier-container .mobile-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:60;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px 10px;background:#f5f6f8f5;backdrop-filter:blur(8px);border-top:1px solid #dbe3ec}.cashier-container .mobile-nav-btn{border:1px solid #e2e8f0;background:#fff;color:#334155;border-radius:12px;padding:10px;font-size:12px;font-weight:700;transition:all .2s ease}.cashier-container .mobile-nav-btn:active{transform:scale(.97)}.cashier-container .mobile-nav-btn.active{border-color:#fca5a5;color:#b91c1c;background:#fff1f2}.cashier-container .mobile-fab-pay{position:fixed;right:16px;bottom:72px;z-index:65;width:52px;height:52px;border-radius:50%;border:none;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:22px;box-shadow:0 10px 18px #dc26264d}.cashier-container .mobile-fab-pay:active{transform:scale(.95)}.cashier-container .add-payment-modal{width:100%;max-width:100%;border-radius:16px 0 0 16px}}@media(max-width:420px){.cashier-container .stats-wrapper{gap:6px}.cashier-container .stat-card{min-width:140px;padding:9px 10px}.cashier-container .stat-value{font-size:16px}}.room-panel-overlay{position:fixed;inset:0;background:#0f172a66;z-index:10000;backdrop-filter:blur(6px)}.room-details-panel{position:fixed;top:0;right:0;width:420px;max-width:90vw;background:#fff;box-shadow:-15px 0 45px #00000026;z-index:10001;display:flex;flex-direction:column;height:calc(100% - 32px);margin:16px;border-radius:32px;overflow:hidden;animation:slideInRight .5s cubic-bezier(.19,1,.22,1)}.panel-header{background:linear-gradient(135deg,#f43f5e,#e11d48);padding:24px 20px;color:#fff;display:flex;align-items:center;gap:12px}.panel-header h2{margin:0;font-size:18px;font-weight:800;color:#fff}.panel-close-btn{margin-left:auto;background:#fff3;border:none;color:#fff;width:36px;height:36px;border-radius:10px;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;transition:all .2s}.panel-close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.panel-body{flex:1;overflow-y:auto;padding:1.5rem;background:#fff}.panel-section{margin-bottom:2rem}.section-title{font-size:.85rem;font-weight:800;color:#1e293b;margin-bottom:1.25rem;padding-bottom:.5rem;border-bottom:2px solid #f1f5f9}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.info-item{display:flex;flex-direction:column;gap:.4rem}.info-item.full-width{grid-column:1 / -1}.info-item label{font-size:.7rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.info-item span{font-size:.95rem;font-weight:600;color:#1e293b}.info-item .price{font-size:1.2rem;color:#dc3545;font-weight:800}.toggle-label{padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:700;display:inline-block;width:-moz-fit-content;width:fit-content}.toggle-label.yes{background:#dcfce7;color:#15803d}.toggle-label.no{background:#fee2e2;color:#b91c1c}.facilities-grid-modern{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.facility-box-modern{background:#f8fafc;border:1px solid #e2e8f0;padding:.85rem 1rem;border-radius:8px;display:flex;align-items:center;gap:.75rem;transition:all .2s ease}.facility-box-modern:hover{background:#fff;box-shadow:0 4px 6px -1px #0000001a;border-color:#cbd5e1;transform:translateY(-2px)}.check-icon{color:#10b981;font-size:1rem;display:flex;align-items:center;justify-content:center}.facility-text{font-size:.85rem;font-weight:700;color:#334155}.no-data{color:#94a3b8;font-size:.85rem;font-style:italic;grid-column:1 / -1;text-align:center;padding:1rem}.panel-actions-footer{padding:20px;background:#f8fafc;border-top:1px solid #f1f5f9;display:flex;flex-direction:column;gap:12px}.panel-action-btn{width:100%;height:52px;border-radius:14px;font-weight:800;font-size:13px;cursor:pointer;transition:all .2s ease;border:none;display:flex;align-items:center;justify-content:center;gap:8px;text-transform:uppercase}.panel-action-btn.edit{background:#fff;color:#e11d48;border:2px solid #e11d48}.panel-action-btn.edit:hover{background:#fff1f2}.panel-action-btn.block{background:#64748b;color:#fff}.panel-action-btn.block:hover:not(:disabled){background:#475569}.panel-action-btn.block:disabled{opacity:.6;cursor:not-allowed}.panel-action-btn.quick-book{background:#e11d48;color:#fff}.panel-action-btn.quick-book:hover:not(:disabled){background:#be123c;box-shadow:0 4px 12px #e11d4833}.panel-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#64748b}.spinner{width:40px;height:40px;border:3px solid #f1f5f9;border-top:3px solid #e11d48;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.panel-error{text-align:center;padding:2rem;color:#ef4444}.panel-error span{font-size:3rem;display:block;margin-bottom:1rem}.panel-error button{margin-top:1rem;background:#dc3545;color:#fff;border:none;padding:8px 20px;border-radius:6px;cursor:pointer}.bookings-schedule-container{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;padding:1.25rem;overflow:hidden}.booking-list{display:flex;flex-direction:column;gap:1rem}.booking-schedule-item{background:#fff;border-radius:8px;padding:1rem;border-left:4px solid #94a3b8;box-shadow:0 1px 3px #0000000d;transition:all .2s ease}.booking-schedule-item:hover{transform:translate(4px);box-shadow:0 4px 6px -1px #0000001a}.booking-schedule-item.current{border-left-color:#ef4444;background:snow}.booking-schedule-item.upcoming{border-left-color:#3b82f6;background:#f0f7ff}.booking-period{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.booking-period .dates{font-size:.85rem;font-weight:800;color:#1e293b}.booking-status-tag{font-size:.65rem;font-weight:900;padding:2px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.current .booking-status-tag{background:#fee2e2;color:#b91c1c}.upcoming .booking-status-tag{background:#dbeafe;color:#1e40af}.guest-mini-info{display:flex;justify-content:space-between;align-items:center}.guest-mini-info .guest-name{font-size:.8rem;font-weight:600;color:#475569}.guest-mini-info .nights{font-size:.75rem;color:#94a3b8;font-weight:500}.no-bookings-placeholder{text-align:center;padding:1.5rem;color:#94a3b8}.no-bookings-placeholder .calendar-icon{font-size:2rem;opacity:.2;margin-bottom:.5rem}.no-bookings-placeholder p{font-size:.8rem;margin:0;font-style:italic}@media(max-width:500px){.room-details-panel{width:100%}}.stay-overview-container{background:#f8f9fa;height:calc(100vh - 60px);display:flex;flex-direction:column;overflow:hidden;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.stay-overview-loading{display:flex;justify-content:center;align-items:center;height:100%;font-size:1.1rem;color:#666}.stay-top-nav{display:flex;align-items:center;padding:8px 15px;background:#fff;border-bottom:1px solid #ddd;gap:20px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.date-selector-wrapper{flex:0 0 auto}.date-picker-input-modern{padding:6px 15px;border:1px solid #ddd;border-radius:20px;font-size:14px;background:#fff;cursor:pointer;box-shadow:0 1px 3px #0000000d}.nav-buttons-group{display:flex;align-items:center;flex:0 0 auto;min-width:-moz-max-content;min-width:max-content}.nav-btn{padding:8px 18px;background:#eff3fb;color:#1f3258;border:none;border-right:1px solid rgba(255,255,255,.3);cursor:pointer;font-size:13.5px;font-weight:700;transition:background .2s,transform .2s}.nav-btn:hover{transform:translateY(-1px)}.nav-btn.active{box-shadow:inset 0 0 0 1px #0000000d}.nav-btn:first-child{border-radius:4px 0 0 4px}.nav-btn-reservation{background:#dae7ff;color:#1d4ed8}.nav-btn-reservation:hover{background:#c6dafd}.nav-btn-view{background:#f8edc6;color:#b45309}.nav-btn-view:hover{background:#f3e1a5}.nav-btn-room-service{background:#ede7fb;color:#6d28d9}.nav-btn-room-service:hover{background:#dfd6f6}.nav-gear-btn{background:#f7dde0;color:#fff;border:none;padding:8px 12px;border-radius:0 4px 4px 0;cursor:pointer;display:flex;align-items:center;color:#b91c1c;font-weight:700}.nav-gear-btn:hover{background:#f2c8ce}.status-filters-bar{display:flex;align-items:center;padding:10px 15px;background:#fff;border-bottom:1px solid #ddd;gap:12px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.status-pill{padding:6px 16px;border-radius:30px;font-size:13.5px;font-weight:700;display:flex;align-items:center;gap:10px;white-space:nowrap;border:1px solid transparent;transition:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:0 1px 3px #0000001a}.count-mini{background:#fff;color:#333;padding:2px 8px;border-radius:6px;font-size:12px;font-weight:800;border:1px solid #ddd}.count-circle{background:#fff;color:#a12c2c;width:22px;height:22px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:12px;font-weight:800}.status-pill.all{background:#f1f3f5;color:#495057;border:1.5px solid #33a382;padding-left:20px;padding-right:20px}.status-pill.vacant{background:#16a34a;color:#fff}.status-pill.in-house{background:#1d4ed8;color:#fff}.status-pill.reserved{background:#d97706;color:#fff}.status-pill.overdue{background:#b91c1c;color:#fff}.status-pill.checkout{background:#6d28d9;color:#fff}.status-pill.dirty{background:#334155;color:#fff}.timeline-nav-group{margin-left:auto;display:flex;gap:4px}.timeline-action-btn{padding:5px 12px;background:#fff;border:1px solid #ddd;font-size:13px;color:#666;cursor:pointer;border-radius:4px}.timeline-grid-wrapper{flex:1;overflow:auto;background:#fff;-webkit-overflow-scrolling:touch}.timeline-table{border-collapse:collapse;width:-moz-max-content;width:max-content;min-width:100%}.timeline-table th,.timeline-table td{border:1px solid #eee;min-width:65px}.sticky-left{position:sticky;left:0;background:#fff;z-index:100;min-width:160px;border-right:2px solid #ddd!important}.date-header_cell{background:#fff;padding:10px 5px;vertical-align:middle}.date-header_content{display:flex;flex-direction:column;align-items:center}.day-name_mini{font-size:11px;color:#777;font-weight:600}.day-num_large{font-size:16px;font-weight:700;margin:2px 0}.month-name_mini{font-size:11px;color:#777;font-weight:600}.category-row{background:#fdfdfd}.category-name_cell{text-align:left;padding-left:15px!important;font-weight:700;font-size:13.5px;color:#222}.warning-icon_red{color:#a12c2c;margin-right:8px;font-size:12px}.category-data_cell{height:50px;padding:4px}.info-box{background:#fff;border:1px solid #eee;border-radius:4px;padding:2px;display:flex;flex-direction:column;align-items:center}.mini-num{font-size:11px;font-weight:700;color:#555}.mini-price{font-size:9px;color:#888;font-weight:600}.room-data-row{height:60px}.room-name_cell{padding:0 15px;background:#fff}.room-name_wrapper{display:flex;justify-content:space-between;align-items:center}.room-id-container{display:flex;align-items:center;gap:8px}.dirty-broom-icon{font-size:14px;filter:grayscale(.5)}.room-number_text{font-weight:600;font-size:14px;color:#555}.room-status-indicator{font-size:12px}.room-status-indicator.available{color:#eee}.room-status-indicator.warning{color:#f2a6a6}.grid-cell{position:relative;padding:0}.booking-strip{position:absolute;top:50%;left:6px;transform:translateY(-50%);height:32px;border-radius:4px;display:flex;align-items:center;padding:0 12px;color:#fff;font-size:12px;font-weight:600;box-shadow:0 1px 3px #0000001a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reserved-stay{background:#d97706}.overdue-stay{background:#b91c1c}.active-stay{background:#1d4ed8}.night-badge{background:#ffffff4d;border-radius:50%;width:18px;height:18px;display:flex;justify-content:center;align-items:center;font-size:10px;margin-left:8px}@media(max-width:992px){.stay-overview-container{height:calc(100vh - 52px)}.stay-top-nav{gap:10px;padding:8px 10px}.date-picker-input-modern{padding:6px 10px;font-size:12px;border-radius:12px;min-width:118px}.nav-btn{padding:7px 12px;font-size:12px}.nav-gear-btn{padding:7px 10px}.status-filters-bar{gap:8px;padding:8px 10px}.status-pill{padding:5px 12px;font-size:12px;gap:8px}.count-circle{width:18px;height:18px;font-size:10px}.count-mini{font-size:10px;padding:1px 6px}.timeline-nav-group{margin-left:8px;flex:0 0 auto}.timeline-action-btn{padding:4px 9px;font-size:11px}.timeline-table th,.timeline-table td{min-width:56px}.sticky-left{min-width:132px}.day-num_large{font-size:14px}.category-name_cell{font-size:12px;padding-left:10px!important}.room-name_cell{padding:0 10px}.room-number_text{font-size:12px}.booking-strip{height:28px;left:4px;font-size:10px;padding:0 8px}}@media(max-width:576px){.stay-overview-container{height:calc(100vh - 50px)}.stay-top-nav{padding:6px 8px;gap:8px}.date-picker-input-modern{min-width:104px;padding:6px 8px;font-size:11px}.nav-btn{padding:6px 10px;font-size:11px}.nav-gear-btn{padding:6px 8px}.status-filters-bar{padding:7px 8px}.status-pill{padding:5px 10px;font-size:11px}.timeline-table th,.timeline-table td{min-width:50px}.sticky-left{min-width:112px}.day-name_mini,.month-name_mini{font-size:9px}.day-num_large{font-size:12px}.category-name_cell{font-size:11px}.mini-price{font-size:8px}.room-number_text{font-size:11px}.booking-strip{height:24px;font-size:9px;left:3px;padding:0 6px}.night-badge{width:14px;height:14px;font-size:8px}}.modal-overlay-stay{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:9999}.modal-content-stay{background:#fff;border-radius:8px;padding:20px 30px;min-width:320px;max-width:95%;box-shadow:0 4px 20px #0000004d}.modal-header-stay{font-size:16px;font-weight:600;margin-bottom:20px;text-align:center;color:#333}.modal-actions-stay{display:flex;gap:15px;justify-content:center}.btn-quick-reservation{background:#3b4a9e;color:#fff;border:none;padding:10px 30px;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:background .3s}.btn-quick-reservation:hover{background:#2d3a7d}.btn-cancel-stay{background:#fff;color:#e74c3c;border:2px solid #e74c3c;padding:10px 30px;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.btn-cancel-stay:hover{background:#e74c3c;color:#fff}.modal-content-quick{background:#fff;border-radius:8px;padding:0;width:95%;max-width:600px;min-width:320px;box-shadow:0 4px 20px #0000004d}.modal-header-quick{background:#f8f9fa;padding:15px 20px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;border-radius:8px 8px 0 0}.modal-header-quick h3{margin:0;font-size:18px;font-weight:600;color:#333}.modal-close-btn{background:none;border:none;font-size:28px;color:#999;cursor:pointer;line-height:1;padding:0;width:30px;height:30px}.modal-close-btn:hover{color:#333}.modal-body-quick{padding:25px}.form-row-quick{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.form-group-quick{display:flex;flex-direction:column}.form-group-quick label{font-size:14px;font-weight:500;color:#555;margin-bottom:8px}.input-datetime-quick,.input-text-quick{padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .3s}.input-datetime-quick:focus,.input-text-quick:focus{outline:none;border-color:#3b4a9e}.modal-footer-quick{padding:15px 25px;border-top:1px solid #e0e0e0;display:flex;gap:15px;justify-content:center}.btn-confirm-quick{background:#28a745;color:#fff;border:none;padding:10px 40px;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:background .3s}.btn-confirm-quick:hover{background:#218838}.btn-cancel-quick{background:#fff;color:#6c757d;border:2px solid #6c757d;padding:10px 40px;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.btn-cancel-quick:hover{background:#6c757d;color:#fff}.grid-cell.available-cell:hover{background:#3b4a9e1a}@media(max-width:768px){.modal-content-stay,.modal-content-quick{width:95%;min-width:auto;padding:0}.modal-body-quick{padding:15px;max-height:70vh;overflow-y:auto}.form-row-quick{grid-template-columns:1fr;gap:15px}.modal-footer-quick,.modal-actions-stay{flex-direction:column;padding:15px;gap:10px}.btn-confirm-quick,.btn-cancel-quick,.btn-quick-reservation,.btn-cancel-stay{width:100%;padding:12px}.modal-header-stay{display:flex;flex-direction:column;gap:5px;padding:15px}}.room-setup-container{padding:0 5px 30px;background-color:#f5f5f5;min-height:100vh;font-family:Inter,sans-serif}.rooms-page-layout .layout-main-card{background-color:#f5f5f5!important;padding-top:5px!important;padding-left:5px!important;padding-right:5px!important}.room-setup-header{margin-bottom:25px}.room-setup-header h2{font-size:20px!important;background:#c80815!important;color:#fff!important;font-weight:700!important;margin-top:0!important;margin-bottom:25px!important;padding:15px 25px!important;border-radius:8px!important;text-transform:uppercase!important;letter-spacing:1.5px!important;display:flex!important;align-items:center!important;gap:10px!important;width:100%!important;text-align:left!important;box-shadow:0 4px 12px #e31e2433!important;border:none!important;box-sizing:border-box!important}.controls-bar{display:flex;align-items:center;gap:10px;margin-bottom:30px;flex-wrap:nowrap}.date-range-picker-wrapper{position:relative;z-index:1;flex-shrink:0;display:flex;flex-direction:column}.date-range-picker{display:flex;align-items:center;background:#fff0f1;border:1px solid #ffcbd1;border-radius:6px;padding:8px 12px;color:#b91c1c;font-weight:700;font-size:14px;min-width:220px;justify-content:space-between;cursor:pointer;transition:none}.date-range-picker:hover{box-shadow:0 2px 8px #dc26261a;border-color:#e31e24}.date-picker-dropdown{position:static;margin-top:8px;background:#fff;border-radius:12px;box-shadow:0 15px 35px #0003;padding:24px;width:min(760px,100%);border:1px solid #e2e8f0;animation:slideUp .2s ease-out;display:flex;flex-direction:column;gap:20px;z-index:1}.calendar-container{display:flex;gap:40px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.calendar-month{flex:1}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:0 10px}.calendar-header h4{margin:0;font-size:16px;font-weight:700;color:#1e293b}.nav-btn{background:none;border:none;cursor:pointer;font-size:18px;color:#64748b;padding:5px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.nav-btn:hover{background:#f1f5f9;color:#1e293b}.days-grid{display:grid;grid-template-columns:repeat(7,1fr);text-align:center}.day-name{font-size:13px;font-weight:600;color:#1e293b;padding:10px 0}.day-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:500;cursor:pointer;position:relative;border-radius:6px;transition:all .1s ease;color:#475569}.day-cell:hover:not(.empty):not(.disabled){background-color:#f8fafc;color:#ef4444}.day-cell.selected-start,.day-cell.selected-end{background:linear-gradient(to bottom right,#ef4444,#b91c1c)!important;color:#fff!important;font-weight:600;z-index:2;border-radius:6px}.day-cell.in-range{background-color:#fff1f2!important;color:#be123c;border-radius:0}.day-cell.selected-start:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.day-cell.selected-end:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.day-cell.disabled{color:#e2e8f0;cursor:not-allowed;text-decoration:none}.calendar-footer{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid #f1f5f9}.selected-info{font-size:14px;color:#64748b}.selected-info b{color:#1e293b}.dp-apply-btn{background:#e31e24;color:#fff;border:none;padding:10px 30px;border-radius:8px;font-weight:700;cursor:pointer;transition:all .2s}.dp-apply-btn:hover{background:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 12px #dc262633}.filter-select{background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:10px 12px;color:#475569;font-size:14px;min-width:110px;cursor:pointer;flex-shrink:0}.add-room-btn{background:#e31e24!important;color:#fff!important;border:none!important;padding:10px 16px!important;border-radius:6px!important;font-weight:600!important;font-size:14px!important;cursor:pointer!important;margin-left:auto!important;box-shadow:0 2px 4px #e31e244d!important;transition:none!important}.add-room-btn:hover{background:#cc1a20!important}.view-toggle{display:flex;gap:5px;background:#f1f5f9;padding:4px;border-radius:6px}.view-toggle-btn{background:transparent;border:none;padding:8px 12px;border-radius:4px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;color:#64748b}.view-toggle-btn:hover{background:#dc26261a;color:#e31e24}.view-toggle-btn.active{background:#e31e24;color:#fff}.view-toggle-btn svg{width:20px;height:20px}.sub-header{display:flex;flex-direction:column;gap:10px;margin-bottom:25px;transition:none!important}.sub-header h3{margin:0;font-size:20px;font-weight:600;color:#1e293b;display:flex;align-items:center;gap:10px}.status-info-bar{background-color:#e2e8f0;padding:12px 20px;border-radius:6px;display:flex;align-items:center;gap:10px;color:#475569;font-size:14px;font-weight:500}.status-dot-green{width:16px;height:16px;background-color:#22c55e;border-radius:50%;display:inline-block;border:2px solid white;box-shadow:0 0 0 1px #22c55e}.delete-warning-note-room{margin:-12px 0 18px;padding:11px 14px;border-radius:8px;border:1px solid #fecaca;background:#fff1f2;color:#991b1b;font-size:13px;font-weight:700}.delete-warning-note-room.success{background:#ffe4e6;border-color:#fda4af;color:#9f1239}.delete-warning-note-room.error{background:#fee2e2;border-color:#ef4444;color:#7f1d1d}.room-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-bottom:40px;overflow:visible}.room-setup-grid-container{overflow:visible}.room-card{background-color:#e2e8f0;border-radius:12px;overflow:visible;position:relative;border-left:6px solid #ccc;display:flex;flex-direction:column;box-shadow:0 2px 4px #0000000d}.room-card-delete-open{z-index:2200}.room-card.status-available{border-left-color:#10b981}.room-card.status-reserved,.room-card.status-booked{border-left-color:#f59e0b}.room-card.status-occupied{border-left-color:#ef4444}.room-card.status-maintenance{border-left-color:#64748b}.room-card-header{padding:12px 16px;display:flex;justify-content:space-between;align-items:center;background-color:#ffffff80;border-bottom:1px solid rgba(0,0,0,.05)}.room-card-header h4{margin:0;color:#b91c1c;font-size:16px;font-weight:700}.card-actions{display:flex;gap:8px;opacity:.6;transition:opacity .2s}.room-card:hover .card-actions{opacity:1}.icon-btn{background:none;border:none;cursor:pointer;font-size:14px;padding:4px;color:#64748b}.icon-btn:hover{color:#1e293b}.room-delete-wrap{position:relative;display:inline-flex}.room-delete-warning{position:absolute;right:0;top:calc(100% + 10px);bottom:auto;min-width:190px;padding:8px 10px;border-radius:10px;border:1px solid #fecaca;background:#fff1f2;color:#991b1b;font-size:12px;font-weight:700;display:inline-flex;flex-direction:column;align-items:flex-start;gap:8px;box-shadow:0 8px 16px #ef44442e;z-index:9999}.room-delete-warning-actions{display:inline-flex;gap:6px}.room-delete-warning-yes,.room-delete-warning-no{border:none;border-radius:6px;padding:4px 10px;cursor:pointer;font-weight:700;font-size:12px}.room-delete-warning-yes{background:#dc2626;color:#fff}.room-delete-warning-yes:hover{background:#b91c1c}.room-delete-warning-no{background:#fee2e2;color:#7f1d1d}.room-delete-warning-no:hover{background:#fecaca}.room-card-body{padding:16px;flex:1;display:flex;flex-direction:column;gap:6px;background-color:transparent}.room-type{font-weight:700;color:#1e293b;font-size:15px}.room-info{color:#64748b;font-size:13px;margin:0}.room-card-footer{padding:12px 16px;display:grid;grid-template-columns:1fr auto;gap:10px;justify-content:space-between;align-items:center;background-color:transparent;margin-top:auto}.status-pill{padding:6px 16px;border-radius:20px;font-size:12px;font-weight:600;color:#fff;justify-self:start;white-space:nowrap}.room-card.status-available .status-pill{background-color:#3d5a53}.room-card.status-reserved .status-pill,.room-card.status-booked .status-pill{background-color:#854d0e}.room-card.status-occupied .status-pill{background-color:#991b1b}.room-card.status-maintenance .status-pill{background-color:#475569}.book-btn{background-color:#155e75;color:#fff;border:none;padding:6px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;justify-self:end;white-space:nowrap}.room-card.status-available .book-btn{background-color:#15803d}.room-card.status-occupied .book-btn{background-color:#155e75}.room-cards-list{display:flex;flex-direction:column;gap:12px;margin-bottom:40px}.room-list-layout{display:grid;grid-template-columns:120px 1fr 1fr 150px 120px 200px;gap:20px;align-items:center;padding:20px 24px}.room-list-number{display:flex;flex-direction:column;gap:4px}.room-list-number h4{margin:0;color:#b91c1c;font-size:16px;font-weight:700}.dirty-badge-small{display:inline-block;background:#e31e24;color:#fff;font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px}.dirty-badge-small.pending{background:#f59e0b;color:#1f2937;animation:pendingBlink .95s ease-in-out infinite}.room-list-type,.room-list-capacity,.room-list-price{display:flex;flex-direction:column;gap:4px}.room-list-type .label,.room-list-capacity .label,.room-list-price .label{font-size:11px;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.room-list-type .value,.room-list-capacity .value,.room-list-price .value{font-size:14px;color:#1e293b;font-weight:600}.room-list-status{display:flex;align-items:center;justify-content:center}.room-list-actions{display:flex;justify-content:flex-end;gap:8px}.legend-container{display:flex;justify-content:center;gap:30px;padding:20px;background-color:transparent;border-top:1px solid #e2e8f0}.legend-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#475569;font-weight:500}.legend-dot{width:12px;height:12px;border-radius:50%}.legend-dot.green{background-color:#22c55e}.legend-dot.yellow{background-color:#eab308}.legend-dot.red{background-color:#ef4444}.legend-dot.blue{background-color:#94a3b8}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;backdrop-filter:blur(2px)}.modal-content{background-color:#fff;padding:24px;border-radius:12px;width:500px;max-width:90%;box-shadow:0 20px 25px -5px #0000001a}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid #e2e8f0;padding-bottom:15px}.modal-header h3{margin:0;font-size:18px}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#94a3b8}.form-group label{display:block;margin-bottom:6px;font-size:14px;font-weight:500}.form-input{width:100%;padding:10px;border:1px solid #cbd5e1;border-radius:6px;font-size:14px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.btn{padding:8px 16px;border-radius:6px;cursor:pointer;border:none;font-weight:600}.btn-primary{background-color:#e31e24;color:#fff}.btn-secondary{background-color:#f1f5f9;color:#475569}@media(max-width:1200px){.controls-bar{flex-wrap:wrap;gap:10px;overflow:visible}.date-range-picker{min-width:190px}.filter-select{min-width:150px;max-width:200px}.room-cards-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.room-list-layout{grid-template-columns:120px 1fr 1fr 130px 120px 170px;gap:14px}.add-room-btn{order:20;margin-left:auto!important;flex:0 0 auto;white-space:nowrap}}@media(max-width:992px){.room-setup-container{padding:0 8px 20px}.room-setup-header h2{font-size:18px!important;padding:12px 16px!important;margin-bottom:16px!important}.controls-bar{flex-wrap:wrap;align-items:center;overflow:visible;padding-bottom:4px}.controls-bar>*{flex:0 0 auto}.date-range-picker-wrapper{flex:1 1 220px;min-width:220px}.date-range-picker{width:auto;min-width:220px}.date-picker-dropdown{width:min(92vw,700px);left:0;padding:16px}.calendar-container{gap:18px}.filter-select{flex:1 1 160px;min-width:160px;max-width:none}.view-toggle{flex:0 0 auto}.add-room-btn{margin-left:auto!important;order:30;flex:0 0 auto;width:auto!important;min-height:auto;padding:8px 14px!important;font-size:13px!important;white-space:nowrap}.status-info-bar{font-size:13px;padding:10px 12px}.room-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.room-list-layout{grid-template-columns:1fr 1fr;gap:12px}.room-list-actions{grid-column:1 / -1;justify-content:flex-start}.legend-container{flex-wrap:wrap;gap:12px 18px;justify-content:flex-start;padding:12px 4px}}@media(max-width:768px){.controls-bar{flex-direction:row;align-items:center;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding-bottom:4px}.date-picker-dropdown{width:min(94vw,560px);padding:14px}.calendar-container{flex-direction:column;gap:14px}.calendar-footer{flex-direction:column;align-items:stretch;gap:10px}.dp-apply-btn{width:100%}.view-toggle{width:auto;justify-content:flex-start;flex:0 0 auto}.view-toggle-btn{flex:0 0 auto}.add-room-btn{width:auto!important;min-height:auto}.room-cards-grid{grid-template-columns:1fr}.room-card-header,.room-card-body,.room-card-footer{padding-left:12px;padding-right:12px}.room-cards-grid .room-card-footer{grid-template-columns:auto auto;justify-content:space-between}.room-cards-grid .status-pill{justify-self:start}.room-cards-grid .book-btn{justify-self:end}.room-list-layout{grid-template-columns:1fr;gap:10px;padding:14px}.room-list-type,.room-list-capacity,.room-list-price{display:grid;grid-template-columns:100px 1fr;gap:8px}.room-list-actions{justify-content:flex-start;flex-wrap:wrap}}@media(max-width:576px){.controls-bar{flex-direction:column;align-items:stretch;flex-wrap:nowrap;overflow:visible;gap:8px;padding-bottom:0}.controls-bar>*{flex:1 1 auto;width:100%;max-width:100%;min-width:0}.room-setup-container{padding:0 6px 14px}.rooms-page-layout .layout-main-card{padding-left:4px!important;padding-right:4px!important}.room-setup-header h2{font-size:16px!important;padding:10px 12px!important;letter-spacing:1px!important}.date-range-picker,.filter-select{font-size:13px;padding:8px 10px}.date-range-picker{min-width:0;width:100%}.filter-select{min-width:0;max-width:100%;width:100%}.view-toggle{width:100%;justify-content:stretch}.view-toggle-btn{flex:1 1 0}.add-room-btn{width:100%!important;padding:10px 12px!important;font-size:13px!important;min-height:auto}.status-pill,.book-btn{font-size:11px;padding:6px 10px}.room-cards-grid .room-card-footer{grid-template-columns:auto auto;gap:8px;align-items:center}.room-cards-grid .status-pill,.room-cards-grid .book-btn{min-width:0}.room-type{font-size:14px}.room-info{font-size:12px}.room-delete-warning{right:-6px;min-width:172px}}.add-payment-overlay{position:fixed;inset:0;background:#0f172a66;display:flex;align-items:stretch;justify-content:flex-end;z-index:10000;backdrop-filter:blur(6px)}.add-payment-modal{background:#fff;width:400px;max-width:90vw;box-shadow:-15px 0 45px #00000026;display:flex;flex-direction:column;height:calc(100% - 32px);margin:16px;position:relative;border-radius:32px;overflow:hidden;animation:slideInRight .5s cubic-bezier(.19,1,.22,1)}.premium-payment-header{background:linear-gradient(135deg,#f43f5e,#e11d48);padding:24px 20px;color:#fff;display:flex;align-items:center;gap:12px}.header-icon-wrap{width:40px;height:40px;background:#fff3;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px}.header-text h3{margin:0;font-size:18px;font-weight:800}.header-text span{font-size:11px;opacity:.9;text-transform:uppercase}.premium-close-btn{margin-left:auto;background:#0000001a;border:none;color:#fff;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px}.add-payment-body{padding:24px;padding-right:12px!important;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:24px}.field-label-premium{font-size:10px;font-weight:800;color:#475569;text-transform:uppercase;letter-spacing:.1em;margin-bottom:2px}.payment-field-group input,.payment-field-group select{width:100%;padding:12px 14px;border:2px solid #f1f5f9;border-radius:12px;font-size:15px;font-weight:700;background-color:#fff;color:#000}.premium-input-wrapper{position:relative;display:flex;align-items:center;background:#fff;border:2px solid #f1f5f9;border-radius:12px;transition:all .2s ease}.premium-input-wrapper:focus-within{border-color:#e11d48;box-shadow:0 0 0 4px #e11d480d}.input-icon-prefix{padding-left:14px;font-size:18px;display:flex;align-items:center;justify-content:center;min-width:40px}.premium-input-wrapper input,.premium-input-wrapper select{flex:1;background:transparent!important;border:none!important;padding:12px 12px 12px 4px!important;font-size:15px!important;font-weight:700!important;color:#000!important;outline:none!important}.premium-input-wrapper select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.room-view-wrapper{position:relative}.room-view-trigger{flex:1;background:transparent;border:none;padding:12px 12px 12px 4px;font-size:15px;font-weight:700;color:#000;outline:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.room-view-arrow{font-size:12px;color:#64748b;transition:transform .2s ease}.room-view-arrow.open{transform:rotate(180deg)}.room-view-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 12px 24px #0f172a24;z-index:1200;overflow:hidden}.room-view-add-row{display:flex;gap:8px;padding:8px;border-top:1px solid #eef2f7}.room-view-add-input{flex:1;border:1px solid #dbe3ed!important;border-radius:8px!important;padding:8px 10px!important;font-size:13px!important;font-weight:600!important}.room-view-add-input:focus{border-color:#e11d48!important;box-shadow:0 0 0 2px #e11d481f}.room-view-add-btn{border:none;border-radius:8px;background:#e11d48;color:#fff;font-size:12px;font-weight:700;padding:0 12px;cursor:pointer}.room-view-options-list{max-height:180px;overflow-y:auto}.room-view-option-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;cursor:pointer;transition:background .15s ease}.room-view-option-row:hover{background:#fff1f2}.room-view-option-row.selected{background:#fee2e2}.room-view-option-text{font-size:14px;font-weight:700;color:#1f2937}.room-view-option-delete{border:none;background:#fee2e2;color:#b91c1c;width:24px;height:24px;border-radius:6px;font-size:16px;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.room-view-option-delete:hover{background:#fecaca}.amount-input-container{position:relative;display:flex;align-items:center;background:#f8fafc;border:2px solid #f1f5f9;border-radius:12px}.currency-indicator{padding-left:14px;font-weight:800;color:#94a3b8}.amount-input-field{flex:1;background:transparent!important;border:none!important;padding:12px!important;font-size:16px!important;font-weight:800!important;outline:none!important}.payment-modal-footer{padding:20px;border-top:1px solid #f1f5f9;display:flex;gap:12px;background:#f8fafc}.payment-modal-footer .btn-secondary,.payment-modal-footer .btn-primary{flex:1;height:46px;font-size:12px;border-radius:12px}@media(max-width:992px){.add-payment-modal{width:min(380px,96vw);margin:8px;height:calc(100% - 16px);border-radius:18px}.payment-modal-footer{padding:12px;gap:8px}.payment-modal-footer .btn-secondary,.payment-modal-footer .btn-primary{flex:1;height:42px;font-size:11px}}.btn-secondary{flex:1;height:54px;border-radius:14px;border:2px solid #e11d48;background:#fff;color:#e11d48;font-weight:800;cursor:pointer;text-transform:uppercase;font-size:14px;transition:all .2s ease}.btn-secondary:hover{background:#fff1f2}.btn-primary{flex:1.5;height:54px;border-radius:14px;border:none;background:#e11d48;color:#fff;font-weight:800;cursor:pointer;text-transform:uppercase;font-size:14px;box-shadow:0 4px 12px #e11d4833;transition:all .2s ease}.btn-primary:hover{background:#be123c;transform:translateY(-1px);box-shadow:0 6px 15px #e11d484d}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.dirty-badge{position:absolute;top:50%;right:50px;background:#ef4444;color:#fff;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700;letter-spacing:.5px;box-shadow:0 2px 4px #0003;z-index:5;pointer-events:none;transform:translateY(-50%);animation:pulse 2s infinite}.dirty-badge.pending{background:#f59e0b;color:#1f2937;animation:pendingBlink .95s ease-in-out infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}@keyframes pendingBlink{0%,to{opacity:1;box-shadow:0 2px 8px #f59e0b73}50%{opacity:.4;box-shadow:0 2px 14px #f59e0bbf}}.crm-container{padding:24px;background-color:#f8f9fa;min-height:100vh;font-family:Inter,sans-serif}.crm-header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.crm-title-group h1{font-size:24px;font-weight:700;color:#1a1a1a;margin:0}.crm-date{font-size:14px;color:#6c757d;margin-top:4px}.crm-header-actions{display:flex;gap:12px;align-items:center}.crm-user-badge{display:flex;flex-direction:column;align-items:flex-end;gap:2px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:10px 14px;min-width:160px}.crm-user-badge-themed{background:#e5ecfa;border:1px solid #c9d8f7;box-shadow:inset 0 1px #ffffff8c}.crm-user-badge-themed .crm-user-role{color:#1d4ed8}.crm-user-badge-themed .crm-user-name{color:#1f2a44}.crm-user-role{font-size:11px;font-weight:700;color:#e63946;letter-spacing:.04em;text-transform:uppercase}.crm-user-name{font-size:16px;font-weight:700;color:#1e293b;line-height:1.2;text-transform:capitalize}.crm-btn{padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;border:none;transition:all .2s;font-size:14px;display:flex;align-items:center;gap:8px}.crm-btn-primary{background-color:#e63946;color:#fff;box-shadow:0 4px 6px #e6394633}.crm-btn-primary:hover{background-color:#d62839;transform:translateY(-1px)}.crm-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:32px}.crm-stat-card{background:#fff;padding:24px;border-radius:16px;box-shadow:0 2px 12px #0000000a;display:flex;align-items:center;gap:20px;transition:transform .2s;min-height:128px}.crm-stat-card:hover{transform:translateY(-2px)}.crm-stat-card-rose{background:#f7dde0;border:1px solid #f0c9cf}.crm-stat-card-amber{background:#f4efe7;border:1px solid #efd9c4}.crm-stat-card-slate{background:#eceef3;border:1px solid #d7dce7}.crm-stat-card-blue{background:#dae7ff;border:1px solid #bdd2f6}.crm-stat-icon-wrapper{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:28px}.crm-stat-icon-rose{background:#f3b9c1;color:#e73143}.crm-stat-icon-amber{background:#f2d5b8;color:#ea580c}.crm-stat-icon-slate{background:#c9ced7;color:#6b7280}.crm-stat-icon-blue{background:#a8c6f7;color:#2563eb}.crm-stat-content{flex:1}.crm-stat-value{font-size:32px;font-weight:700;line-height:1.2;color:#1a1a1a;margin:0}.crm-stat-label{font-size:14px;color:#3f4c63;font-weight:600;margin:4px 0}.crm-stat-subtext{font-size:13px;color:#738199}.crm-action-bar{background:#fff;padding:16px;border-radius:12px;display:flex;gap:16px;margin-bottom:30px;flex-wrap:wrap;align-items:center;justify-content:space-between;box-shadow:0 2px 8px #00000008}.crm-action-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:8px;background:#fff0f1;color:#e63946;font-weight:600;border:none;cursor:pointer;font-size:14px;transition:background .2s;white-space:nowrap}.crm-action-btn:hover{background:#ffe3e5}.crm-table-wrapper{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 16px #0000000a}.crm-table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.crm-table-title{font-size:18px;font-weight:700;color:#1e293b}.crm-filters{display:flex;gap:12px}.crm-filter-select{padding:8px 16px;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;outline:none;font-size:14px;background:#f8fafc}.crm-compact-dd{position:relative;min-width:120px}.crm-compact-dd-trigger{width:100%;min-height:30px;border:1px solid #dbe2ea;border-radius:7px;background:#f8fafc;color:#0f172a;font-size:11px;font-weight:600;padding:4px 8px;display:flex;align-items:center;justify-content:space-between;gap:6px;cursor:pointer;text-align:left;line-height:1.1}.crm-compact-dd-arrow{font-size:9px;color:#64748b;transition:transform .2s ease}.crm-compact-dd-arrow.open{transform:rotate(180deg)}.crm-compact-dd-menu{position:absolute;top:calc(100% + 5px);left:0;right:0;min-width:160px;background:#fff;border:1px solid #dbe2ea;border-radius:9px;box-shadow:0 10px 16px #0f172a26;z-index:70;max-height:140px;overflow-y:auto;padding:4px}.crm-compact-dd-option{width:100%;border:none;background:transparent;text-align:left;border-radius:7px;padding:5px 8px;min-height:28px;font-size:11px;font-weight:600;color:#1e293b;cursor:pointer;line-height:1.15}.crm-compact-dd-option:hover,.crm-compact-dd-option.active{background:#eff6ff;color:#1d4ed8}.crm-filter-select-dd{min-width:120px}.crm-inline-shift-dd{min-width:112px}.crm-inline-shift-dd .crm-compact-dd-menu{min-width:180px}.crm-form-dd .crm-compact-dd-trigger{min-height:34px;font-size:12px;padding:6px 10px;border-radius:8px;border:1px solid #cbd5e1;background:#fff}.crm-form-dd .crm-compact-dd-menu{max-height:150px}.crm-shift-modal-dd{min-width:210px}.crm-shift-modal-dd .crm-compact-dd-trigger{min-height:32px;background:#fff}.crm-table-scroll{width:100%;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.crm-table-scroll::-webkit-scrollbar{height:8px}.crm-table-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.crm-table-scroll::-webkit-scrollbar-track{background:#f8fafc}.crm-staff-table{width:100%;min-width:1060px;border-collapse:separate;border-spacing:0}.crm-staff-table th{text-align:left;padding:16px;color:#64748b;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #f1f5f9}.crm-staff-table td{padding:16px;color:#334155;font-size:14px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.staff-profile-cell{display:flex;align-items:center;gap:12px}.staff-avatar{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover;background:#e2e8f0;border:2px solid white;box-shadow:0 2px 4px #0000000d}.staff-name-text{font-weight:600;color:#1e293b}.status-badge{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;text-align:center;display:inline-block;min-width:90px}.status-present{background:#dcfce7;color:#166534}.status-absent{background:#fee2e2;color:#991b1b}.status-on-leave{background:#fef3c7;color:#92400e}.rating-stars{color:#f59e0b;font-size:16px;display:flex;align-items:center;gap:2px}.rating-value{color:#64748b;font-size:13px;margin-left:6px;font-weight:500}.btn-edit-action{padding:8px 16px;border-radius:6px;font-size:13px;cursor:pointer;border:none;font-weight:600;transition:all .2s;background:#e63946;color:#fff}.btn-edit-action:hover{background:#d62839;transform:translateY(-1px)}.crm-modal-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.crm-modal{background:#fff;border-radius:16px;width:550px;padding:32px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header h2{font-size:24px;font-weight:700;margin:0 0 24px;color:#1e293b}.form-group.full-width{grid-column:1 / -1}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#475569;font-size:14px}.form-input{width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:8px;outline:none;font-size:14px;transition:border-color .2s}.form-input:focus{border-color:#e63946;box-shadow:0 0 0 3px #e639461a}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:32px}.btn-cancel{background:#f1f5f9;color:#64748b;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer}.btn-submit{background:#e63946;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer}.crm-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding-top:20px;border-top:1px solid #f1f5f9;color:#64748b;font-size:14px}.pagination-controls{display:flex;gap:8px;align-items:center}.page-btn{padding:6px 12px;border:1px solid #e2e8f0;background:#fff;border-radius:6px;cursor:pointer;font-size:14px;color:#64748b}.page-btn.active{background:#e63946;color:#fff;border-color:#e63946}.page-btn:disabled{opacity:.5;cursor:not-allowed}.wide-modal{width:800px;max-width:95vw}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e2e8f0;padding-bottom:16px;margin-bottom:24px;position:relative}.modal-header h2{margin:0}.close-btn{background:none;border:none;font-size:28px;color:#94a3b8;cursor:pointer;padding:0;line-height:1}.crm-modal .close-btn{position:static!important;top:auto!important;right:auto!important}.modal-subtitle{color:#64748b;margin-bottom:20px}.crm-list-scroll{max-height:400px;overflow-y:auto;border:1px solid #e2e8f0;border-radius:8px}.crm-list-item{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #f1f5f9}.crm-list-item:last-child{border-bottom:none}.staff-info{display:flex;flex-direction:column}.staff-name{font-weight:600;color:#1e293b}.staff-role{font-size:13px;color:#64748b}.crm-btn-group{display:flex;gap:8px}.crm-toggle-btn{padding:6px 16px;border-radius:6px;border:1px solid #e2e8f0;background:#fff;color:#64748b;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s}.crm-toggle-btn:hover{background:#f8fafc}.crm-toggle-btn.active.present{background:#dcfce7;color:#166534;border-color:#dcfce7}.crm-toggle-btn.active.absent{background:#fee2e2;color:#991b1b;border-color:#fee2e2}.crm-toggle-btn.active.on-leave{background:#fef3c7;color:#92400e;border-color:#fef3c7}.crm-select-input{padding:8px 12px;border-radius:6px;border:1px solid #e2e8f0;outline:none;color:#1e293b}.payroll-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px}.summary-box{background:linear-gradient(145deg,#f8fafc,#eef2ff);padding:18px;border-radius:12px;border:1px solid #e2e8f0;min-height:90px;box-shadow:0 6px 14px #0f172a0f;transition:transform .18s ease,box-shadow .18s ease}.summary-box:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0f172a1a}.summary-box h3{font-size:14px;color:#64748b;margin:0 0 8px}.summary-box span{font-size:24px;font-weight:700;color:#1e293b}.mini-table th:last-child,.mini-table td:last-child{min-width:132px;white-space:nowrap}.mini-table table{width:100%;border-collapse:collapse}.mini-table th{text-align:left;padding:12px;background:#f8fafc;color:#64748b;font-weight:600;font-size:13px}.mini-table td{padding:12px;border-bottom:1px solid #e2e8f0;font-size:14px;color:#1e293b}.action-btn.small{padding:8px 14px;font-size:12px;background:linear-gradient(135deg,#ef4444,#e31e24);border:1px solid rgba(227,30,36,.35);border-radius:8px;cursor:pointer;color:#fff;font-weight:700;white-space:nowrap;min-width:98px;box-shadow:0 4px 10px #e31e2438}.action-btn.small:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px)}.rating-control{display:flex;align-items:center;gap:16px}.rating-control input[type=range]{width:150px}.rating-control .rating-value{font-weight:700;color:#1e293b;min-width:40px}.permissions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;max-height:250px;overflow-y:auto;border:1px solid #e2e8f0;border-radius:8px;padding:12px;background:#f8fafc}.permission-checkbox{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:6px;cursor:pointer;font-size:13px;color:#334155;transition:background .15s}.permission-checkbox:hover{background:#e2e8f0}.permission-checkbox input[type=checkbox]{accent-color:#e63946;width:16px;height:16px;cursor:pointer}.permission-checkbox span{-webkit-user-select:none;-moz-user-select:none;user-select:none}.permission-tags{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.permission-tag{display:inline-block;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600;background:#e0f2fe;color:#0369a1;white-space:nowrap}.permission-tag.more-tag{background:#f0fdf4;color:#15803d;cursor:pointer}.no-permission{color:#94a3b8;font-size:13px;font-style:italic}.crm-search-box{display:flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc}.crm-search-input{border:none;outline:none;background:transparent;font-size:14px;color:#334155;width:180px}.crm-search-input::-moz-placeholder{color:#94a3b8}.crm-search-input::placeholder{color:#94a3b8}.perm-dropdown-wrapper{position:relative}.perm-dropdown-trigger{width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:8px;font-size:14px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;background:#fff;transition:border-color .2s}.perm-dropdown-trigger:hover{border-color:#e63946}.perm-dropdown-text{color:#334155}.perm-dropdown-arrow{font-size:10px;color:#94a3b8;transition:transform .2s}.perm-dropdown-arrow.open{transform:rotate(180deg)}.perm-dropdown-list{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 25px #0000001f;z-index:100;max-height:300px;overflow-y:auto;margin-top:4px}.perm-dropdown-actions{display:flex;gap:6px;padding:8px 12px;border-bottom:1px solid #e2e8f0;background:#f8fafc;position:sticky;top:0;z-index:1}.perm-dropdown-actions button{padding:4px 10px;font-size:11px;border:1px solid #e2e8f0;border-radius:4px;background:#fff;color:#64748b;cursor:pointer;font-weight:600;transition:all .15s}.perm-dropdown-actions button:hover{background:#e63946;color:#fff;border-color:#e63946}.perm-dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;font-size:13px;color:#334155;transition:background .15s;border-bottom:1px solid #f8fafc}.perm-dropdown-item:hover{background:#f1f5f9}.perm-dropdown-item.selected{background:#fef2f2;color:#e63946;font-weight:600}.perm-dropdown-item input[type=checkbox]{accent-color:#e63946;width:16px;height:16px;cursor:pointer;flex-shrink:0}.selected-perms-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.selected-perm-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;background:#e0f2fe;color:#0369a1}.selected-perm-tag button{background:none;border:none;color:#0369a1;cursor:pointer;font-size:14px;padding:0;margin-left:2px;line-height:1;font-weight:700}.selected-perm-tag button:hover{color:#e63946}.perm-view-modal{width:95vw;max-width:1200px;max-height:90vh}.perm-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;max-height:65vh;overflow-y:auto;padding:4px}.perm-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px;transition:all .2s;display:flex;flex-direction:column;gap:10px}.perm-card:hover{border-color:#e63946;box-shadow:0 4px 12px #e6394614;transform:translateY(-2px)}.perm-card-header{display:flex;align-items:center;gap:8px}.perm-card-icon{font-size:18px}.perm-card-title{font-size:14px;font-weight:700;color:#1e293b;margin:0;line-height:1.3}.perm-card-count{display:inline-block;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:700;width:-moz-fit-content;width:fit-content}.perm-card-count.has-staff{background:#fee2e2;color:#e31e24}.perm-card-count.no-staff{background:#dcfce7;color:#166534}.perm-card-staff-list{display:flex;flex-direction:column;gap:6px;min-height:30px}.perm-staff-item{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#334155;padding:2px 0}.perm-staff-name{font-weight:500}.perm-staff-dot{color:#22c55e;font-size:10px}.perm-no-staff{color:#94a3b8;font-size:12px;font-style:italic;padding:8px;text-align:center;background:#fff;border-radius:6px;border:1px dashed #e2e8f0}.crm-toast{position:fixed;top:20px;right:20px;padding:12px 20px;border-radius:8px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;z-index:9999;animation:slideIn .3s ease;box-shadow:0 4px 12px #00000026}.crm-toast.success{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.crm-toast.error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.toast-close{background:none;border:none;font-size:18px;cursor:pointer;color:inherit;padding:0;margin-left:8px}@keyframes slideIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.form-section{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #f1f5f9}.form-section:last-of-type{border-bottom:none}.form-section-title{font-size:15px;font-weight:700;color:#1e293b;margin:0 0 16px;display:flex;align-items:center;gap:8px}.form-section-desc{color:#64748b;font-size:13px;margin:-8px 0 12px}.form-hint{color:#94a3b8;font-size:12px;margin-top:4px}.modal-error{background:#fee2e2;color:#991b1b;padding:10px 14px;border-radius:8px;font-size:13px;margin-bottom:16px;border:1px solid #fecaca}.btn-mini{padding:5px 12px;font-size:12px;background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-weight:600;transition:all .15s}.btn-mini:hover{background:#e63946;color:#fff;border-color:#e63946}.add-staff-action-btn{background:#e63946!important;color:#fff!important}.add-staff-action-btn:hover{background:#d62839!important}.inline-shift-select{padding:6px 10px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;color:#1e293b;background:#f8fafc;cursor:pointer;outline:none;transition:border-color .2s}.inline-shift-select:hover,.inline-shift-select:focus{border-color:#e63946}.inline-attendance{display:flex;align-items:center;gap:4px}.att-btn{width:28px;height:28px;border-radius:50%;border:1px solid #e2e8f0;background:#fff;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;transition:all .15s}.att-btn:hover{transform:scale(1.1)}.att-btn.active.present{background:#dcfce7;border-color:#22c55e;color:#166534}.att-btn.active.absent{background:#fee2e2;border-color:#ef4444;color:#991b1b}.att-btn.active.on-leave{background:#fef3c7;border-color:#f59e0b;color:#92400e}.att-label{font-size:11px;font-weight:600;margin-left:4px}.att-label.present{color:#166534}.att-label.absent{color:#991b1b}.att-label.on-leave{color:#92400e}.attendance-locked{display:flex;flex-direction:column;gap:2px}.shift-lock-hint{font-size:10px;color:#94a3b8}.salary-cell{cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:6px;transition:background .15s}.salary-cell:hover{background:#f1f5f9}.salary-edit-icon{color:#94a3b8;opacity:0;transition:opacity .15s}.salary-cell:hover .salary-edit-icon{opacity:1}.performance-stars-interactive{display:flex;align-items:center;gap:2px}.star-btn{cursor:pointer;font-size:18px;transition:transform .15s;line-height:1}.star-btn:hover{transform:scale(1.2)}.star-btn.filled{color:#f59e0b}.star-btn.empty{color:#e2e8f0}.rating-number{font-size:12px;color:#64748b;margin-left:6px;font-weight:600}.role-badge{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;text-transform:capitalize;display:inline-block}.role-staff{background:#f1f5f9;color:#475569}.role-waiter{background:#dbeafe;color:#1e40af}.role-manager{background:#fce7f3;color:#9d174d}.role-receptionist{background:#f3e8ff;color:#7c3aed}.role-chef{background:#ffedd5;color:#c2410c}.role-housekeeping{background:#dcfce7;color:#166534}.role-admin{background:#fee2e2;color:#e31e24}.action-buttons{display:flex;align-items:center;gap:6px;position:relative}.crm-delete-inline-warning{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;padding:8px 10px;border-radius:10px;border:1px solid #fda4af;background:#fff;color:#991b1b;font-size:12px;font-weight:700;display:inline-flex;flex-direction:column;align-items:flex-start;gap:8px;box-shadow:0 8px 16px #ef44442e;z-index:20}.crm-delete-inline-actions{display:inline-flex;gap:6px}.crm-delete-inline-yes,.crm-delete-inline-no{border:none;border-radius:6px;padding:4px 10px;cursor:pointer;font-weight:700;font-size:12px}.crm-delete-inline-yes{background:#dc2626;color:#fff}.crm-delete-inline-yes:hover{background:#b91c1c}.crm-delete-inline-no{background:#fee2e2;color:#7f1d1d}.crm-delete-inline-no:hover{background:#fecaca}.btn-delete-action{padding:6px 10px;border-radius:6px;border:1px solid #fee2e2;background:#fff;color:#ef4444;cursor:pointer;font-size:13px;transition:all .2s;display:flex;align-items:center}.btn-delete-action:hover{background:#fee2e2}.staff-name-block{display:flex;flex-direction:column}.staff-email-text{font-size:11px;color:#94a3b8}.salary-modal{width:450px;max-width:90vw}.salary-edit-content{padding:8px 0}.salary-current{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8fafc;border-radius:8px;margin-bottom:20px;font-size:14px}.salary-current strong{font-size:20px;color:#1e293b}.salary-input-large{font-size:20px!important;font-weight:700;text-align:center}.delete-modal{width:400px;max-width:90vw}.delete-content{text-align:center;padding:16px 0}.delete-icon{font-size:48px;margin-bottom:12px}.delete-content h3{font-size:20px;font-weight:700;color:#1e293b;margin:0 0 8px}.delete-content p{color:#64748b;font-size:14px;margin-bottom:24px}.btn-delete-confirm{padding:12px 24px;border-radius:8px;border:none;background:#ef4444;color:#fff;font-weight:600;cursor:pointer;font-size:14px}.btn-delete-confirm:hover{background:#e31e24}.shift-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.shift-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:16px;text-align:center;position:relative}.shift-card.current{border-color:#22c55e;background:#f0fdf4}.shift-card h4{margin:0 0 4px;font-size:16px;color:#1e293b}.shift-time{font-size:12px;color:#64748b;margin:0 0 8px}.shift-count{font-weight:700;color:#334155;font-size:14px}.current-badge{display:inline-block;padding:2px 8px;background:#22c55e;color:#fff;font-size:10px;font-weight:700;border-radius:4px;margin-top:8px;letter-spacing:.5px}.attendance-info-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.current-shift-badge{padding:4px 12px;background:#fef2f2;border-radius:6px;font-size:13px;color:#e63946}.modal-hint{background:#fef3c7;color:#92400e;padding:10px 14px;border-radius:8px;font-size:13px;margin-bottom:16px;border:1px solid #fde68a}.locked-row{opacity:.5}.locked-label{display:flex;flex-direction:column;gap:4px;align-items:flex-end}.lock-text{font-size:11px;color:#94a3b8}.star-rating-modal{display:flex;gap:4px}.star-interactive{font-size:24px;cursor:pointer;color:#e2e8f0;transition:all .15s}.star-interactive.filled{color:#f59e0b}.star-interactive:hover{transform:scale(1.2);color:#f59e0b}.perf-range{width:120px;accent-color:#e63946}.rating-value-big{font-weight:700;font-size:16px;color:#1e293b;min-width:45px;text-align:right}.permission-tags-full{display:flex;flex-wrap:wrap;gap:4px}.staff-avatar-small{width:28px;height:28px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.perm-count{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;background:#e63946;color:#fff;border-radius:50%;font-size:12px;font-weight:700}.action-icon-btn{width:36px;height:36px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.action-icon-btn.tick-btn{color:#94a3b8;border-color:#e2e8f0}.action-icon-btn.tick-btn:hover,.action-icon-btn.tick-btn.active-present{background:#dcfce7;border-color:#22c55e;color:#166534}.action-icon-btn.edit-btn{color:#3b82f6;border-color:#dbeafe}.action-icon-btn.edit-btn:hover{background:#dbeafe;border-color:#3b82f6;color:#1d4ed8}.action-icon-btn.delete-btn{color:#ef4444;border-color:#fee2e2}.action-icon-btn.delete-btn:hover{background:#fee2e2;border-color:#ef4444;color:#e31e24}.custom-perm-input-row{display:flex;align-items:center;gap:6px;padding:8px 12px;border-top:1px solid #e2e8f0;background:#fefce8}.custom-perm-input{flex:1;padding:6px 10px!important;font-size:13px!important;border-radius:6px!important}.add-perm-btn{background:#e63946!important;color:#fff!important;border-color:#e63946!important}.add-perm-plus-btn{display:flex;align-items:center;gap:6px;padding:10px 14px;border:none;background:none;color:#e63946;cursor:pointer;font-size:13px;font-weight:600;width:100%;border-top:1px solid #e2e8f0;transition:background .15s}.add-perm-plus-btn:hover{background:#fef2f2}.perm-view-add-row{display:flex;gap:10px;margin-bottom:16px;align-items:center}.perm-view-add-input{flex:1;padding:10px 14px!important;font-size:14px!important}.perm-view-add-btn{display:flex;align-items:center;gap:6px;padding:10px 20px;background:#e63946;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;white-space:nowrap;transition:background .2s}.perm-view-add-btn:hover{background:#d62839}.role-input-wrapper{display:flex;flex-direction:column;gap:6px}.custom-role-input-row{display:flex;align-items:center;gap:6px}.custom-role-input{flex:1;padding:6px 10px!important;font-size:13px!important;border-radius:6px!important}.add-role-plus-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border:1px dashed #e63946;background:#fff;color:#e63946;cursor:pointer;font-size:12px;font-weight:600;border-radius:6px;transition:all .15s;width:-moz-fit-content;width:fit-content}.add-role-plus-btn:hover{background:#fef2f2}.perm-dropdown-close{background:#fee2e2;color:#ef4444;border:1px solid #fecaca;width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;margin-left:auto;font-weight:700;transition:all .2s}.perm-dropdown-close:hover{background:#ef4444!important;color:#fff!important;border-color:#ef4444!important;transform:scale(1.1)}.modal-header .close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;transition:all .2s;background:#f1f5f9}.modal-header .close-btn:hover{background:#fee2e2;color:#ef4444;transform:rotate(90deg)}.delete-modal .modal-header{margin-bottom:0;border-bottom:1px solid #fee2e2}@media(max-width:992px){.crm-header-section{flex-direction:column;align-items:flex-start;gap:12px}.crm-header-actions{width:100%;justify-content:flex-end}.crm-user-badge{align-items:flex-start;min-width:0;width:100%}.crm-action-bar{justify-content:flex-start;gap:10px}.crm-action-btn{font-size:13px;padding:9px 14px}.crm-table-header{flex-direction:column;align-items:flex-start;gap:12px}.crm-filters{width:100%;flex-wrap:wrap}.crm-search-box{flex:1;min-width:220px}.crm-search-input{width:100%}}@media(max-width:640px){.crm-container{padding:14px}.crm-compact-dd-trigger{min-height:28px;font-size:10px;padding:4px 7px}.crm-compact-dd-menu{max-height:126px;min-width:140px}.crm-compact-dd-option{min-height:25px;padding:4px 7px;font-size:10px}.crm-form-dd .crm-compact-dd-trigger{min-height:30px;font-size:11px;padding:5px 8px}.crm-table-wrapper{padding:14px}.crm-staff-table{min-width:980px}.crm-filters{flex-direction:column;gap:10px}.crm-search-box,.crm-filter-select{width:100%;min-width:0}.crm-stats-grid{grid-template-columns:1fr;gap:12px}.crm-stat-card{padding:16px;min-height:0}.payroll-summary{flex-direction:column;gap:10px}.summary-box{min-height:0}}.room-facility-type-container{padding:0 20px 20px;background-color:#f9fafb;min-height:100%}.room-facility-type-header{background-color:#f83a4d;color:#fff;padding:15px 20px;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;align-items:center;margin-bottom:0}.room-facility-type-header h2{margin:0;font-size:20px;font-weight:600}.add-facility-btn{background-color:#fff;color:#f83a4d;border:none;padding:8px 16px;border-radius:4px;font-weight:600;cursor:pointer;transition:background-color .2s}.add-facility-btn:hover{background-color:#f3f4f6}.facility-type-table-container{background-color:#fff;box-shadow:0 4px 6px #0000000d;border-radius:0 0 8px 8px;overflow:hidden}.facility-table-wrapper{width:100%;overflow-x:auto}.facility-type-table{width:100%;border-collapse:collapse}.facility-type-table thead tr{background-color:#e31e24;color:#fff;text-transform:uppercase;font-size:13px;letter-spacing:.05em;border-bottom:1px solid #dc2626}.facility-type-table th{padding:16px 20px;text-align:left;font-size:12px;font-weight:700}.facility-type-table td{padding:16px 20px;border-bottom:1px solid #f3f4f6;color:#4b5563;font-size:14px;vertical-align:middle}.facility-type-table tbody tr:hover{background-color:#f9fafb}.icon-button{width:32px;height:32px;border-radius:4px;border:1px solid #e5e7eb;background-color:#fff;color:#6b7280;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.icon-button:hover{background-color:#f3f4f6;color:#374151;border-color:#d1d5db}.table-footer{padding:15px 20px;color:#6b7280;font-size:14px;border-top:1px solid #f3f4f6}.facility-name{display:flex;align-items:center;gap:8px;font-weight:500;color:#1f2937}.facility-tags-wrap{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.facility-tag{background-color:#fee2e2;color:#991b1b;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:500;display:inline-block;line-height:1.4}.text-muted{color:#9ca3af;font-style:italic;font-size:13px}.add-facility-premium{width:440px!important}.add-facility-premium .btn-secondary{flex:1;height:48px;border-radius:12px;border:2px solid #e2e8f0;background:#fff;color:#64748b;font-weight:800;cursor:pointer;font-size:13px;text-transform:uppercase;transition:all .2s}.add-facility-premium .btn-secondary:hover{background:#f1f5f9;border-color:#cbd5e1}.add-facility-premium .btn-primary{flex:1.5;height:48px;border-radius:12px;border:none;background:linear-gradient(135deg,#f43f5e,#e11d48);color:#fff;font-weight:800;cursor:pointer;font-size:13px;text-transform:uppercase;box-shadow:0 4px 12px #e11d484d;transition:all .2s}.add-facility-premium .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 15px #e11d4866}.add-facility-premium .btn-primary:active{transform:translateY(0)}@media(min-width:769px)and (max-width:1024px){.facility-type-table th,.facility-type-table td{padding:10px 12px;font-size:13px}.facility-tag{padding:5px 9px;font-size:12px}}@media(max-width:768px){.room-facility-type-container{padding:0 12px 14px}.room-facility-type-header{flex-direction:column;align-items:flex-start;gap:10px;padding:14px;margin-bottom:0}.add-facility-btn{width:100%;margin-top:0}.facility-table-wrapper{overflow-x:visible}.facility-type-table thead{display:none}.facility-type-table,.facility-type-table tbody,.facility-type-table tr,.facility-type-table td{display:block;width:100%}.facility-type-table tbody{padding:10px}.facility-type-table tr{background:#fff;margin-bottom:12px;border-radius:12px;padding:12px;box-shadow:0 2px 10px #0000001a;border:1px solid #f1f5f9}.facility-type-table td{display:flex;justify-content:space-between;align-items:flex-start;padding:8px 0;border-bottom:1px solid #eee;text-align:right}.facility-type-table td:last-child{border-bottom:none}.facility-type-table td:before{content:attr(data-label);font-weight:700;color:#555;text-align:left;margin-right:10px}.facility-tags-wrap{justify-content:flex-end;max-width:60%}.facility-tag{padding:4px 9px;font-size:11px}.facility-actions-cell .action-btns{justify-content:flex-end!important}.facility-actions-cell .inline-delete-wrap{position:static}.facility-actions-cell .inline-delete-confirm{right:0;left:auto;min-width:190px}}.meal-type-container{padding:0 20px 20px;background-color:#f9fafb;min-height:100%}.meal-type-header{background-color:#f83a4d;color:#fff;padding:15px 20px;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;align-items:center;margin-bottom:0}.meal-type-header h2{margin:0;font-size:20px;font-weight:600}.add-meal-btn{background-color:#fff;color:#f83a4d;border:none;padding:8px 16px;border-radius:4px;font-weight:600;cursor:pointer;transition:background-color .2s}.add-meal-btn:hover{background-color:#f3f4f6}.meal-type-table-container{background-color:#fff;box-shadow:0 4px 6px #0000000d;border-radius:0 0 8px 8px;overflow:hidden}.meal-table-wrapper{width:100%;overflow-x:auto}.meal-type-table{width:100%;border-collapse:collapse}.meal-type-table thead tr{background-color:#e31e24;color:#fff}.meal-type-table th{padding:12px 20px;text-align:left;font-size:14px;font-weight:600;position:sticky;top:0;z-index:2}.meal-type-table td{padding:12px 20px;border-bottom:1px solid #f3f4f6;color:#4b5563;font-size:14px}.meal-type-table tbody tr:hover{background-color:#f9fafb}.meal-badges{display:flex;flex-wrap:wrap;gap:6px}.meal-badge{padding:5px 10px;border-radius:20px;font-size:12px;font-weight:600;line-height:1.2;display:inline-flex;align-items:center}.meal-badge.green{background:#e6f7ee;color:#2e7d32}.meal-badge.red{background:#ffe5e5;color:#d32f2f}.meal-badge.neutral{background:#f1f5f9;color:#64748b}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;padding:20px;border-radius:8px;width:500px;max-width:90%;box-shadow:0 4px 6px #0000001a}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid #e5e7eb;padding-bottom:10px}.modal-header h3{margin:0;font-size:18px;color:#111827}.modal-close{background:none;border:none;font-size:20px;cursor:pointer;color:#6b7280}.form-group label{display:block;margin-bottom:5px;font-size:14px;font-weight:500;color:#374151}.form-input{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:4px;font-size:14px}.form-input:focus{outline:none;border-color:#f83a4d;box-shadow:0 0 0 3px #fecaca}.checkbox-group{display:flex;gap:12px;flex-direction:row;flex-wrap:wrap}.checkbox-card{display:flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:14px;background-color:#fff;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none;min-width:100px}.checkbox-card:hover{border-color:#f83a4d;background-color:#fef2f2}.checkbox-card.selected{background-color:#fef2f2;border-color:#f83a4d;color:#f83a4d;font-weight:500}.checkbox-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;border:1px solid #d1d5db;border-radius:3px;background:#fff;font-size:12px;line-height:1}.checkbox-card.selected .checkbox-icon{border-color:#f83a4d;background-color:#f83a4d;color:#fff}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding-top:10px;border-top:1px solid #e5e7eb;margin-top:20px}.btn{padding:8px 16px;border-radius:4px;font-weight:500;cursor:pointer;border:none;font-size:14px}.btn-secondary{background-color:#f3f4f6;color:#374151}.btn-secondary:hover{background-color:#e5e7eb}.btn-primary{background-color:#f83a4d;color:#fff}.btn-primary:hover{background-color:#e31e24}@media(min-width:769px)and (max-width:1024px){.meal-type-table th,.meal-type-table td{padding:10px 12px;font-size:13px}.meal-badge{padding:4px 8px;font-size:11px}}@media(max-width:768px){.meal-type-container{padding:0 12px 14px}.meal-type-header{flex-direction:column;align-items:flex-start;gap:10px;padding:14px}.add-meal-btn{width:100%;margin-top:0}.meal-table-wrapper{overflow-x:visible}.meal-type-table thead{display:none}.meal-type-table,.meal-type-table tbody,.meal-type-table tr,.meal-type-table td{display:block;width:100%}.meal-type-table tbody{padding:10px}.meal-type-table tr{background:#fff;margin-bottom:12px;border-radius:12px;padding:12px;box-shadow:0 2px 10px #0000001a;border:1px solid #f1f5f9}.meal-type-table td{display:flex;justify-content:space-between;align-items:flex-start;padding:8px 0;border-bottom:1px solid #eee;text-align:right}.meal-type-table td:last-child{border-bottom:none}.meal-type-table td:before{content:attr(data-label);font-weight:700;color:#555;text-align:left;margin-right:10px}.meal-badges{justify-content:flex-end;max-width:60%}.meal-actions-cell .action-btns{justify-content:flex-end!important}.meal-actions-cell .inline-delete-wrap{position:static}.meal-actions-cell .inline-delete-confirm{right:0;left:auto;min-width:190px}}.reservation-type-container{padding:0 20px 20px;background-color:#f9fafb;min-height:100%}.reservation-type-header{background-color:#f83a4d;color:#fff;padding:15px 20px;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 6px #0000001a}.reservation-type-header h2{margin:0;font-size:20px;font-weight:600}.add-reservation-btn{background-color:#fff;color:#f83a4d;border:none;padding:8px 16px;border-radius:4px;font-weight:600;cursor:pointer;transition:background-color .2s}.add-reservation-btn:hover{background-color:#f3f4f6}.reservation-type-table-container{background-color:#fff;box-shadow:0 4px 6px #0000000d;border-radius:0 0 8px 8px;overflow:hidden}.reservation-table-wrapper{width:100%;overflow-x:auto}.reservation-type-table{width:100%;border-collapse:collapse}.reservation-type-table thead tr{background-color:#e31e24;color:#fff}.reservation-type-table th{padding:12px 20px;text-align:left;font-size:14px;font-weight:600;position:sticky;top:0;z-index:2}.reservation-type-table td{padding:12px 20px;border-bottom:1px solid #f3f4f6;color:#4b5563;font-size:14px}.reservation-type-table td:before{content:""}.reservation-type-table tbody tr:hover{background-color:#f9fafb}.action-btns{display:flex;gap:8px;justify-content:flex-end;position:relative}.inline-delete-wrap{position:relative;display:inline-flex}.inline-delete-confirm{position:absolute;top:calc(100% + 8px);right:0;min-width:210px;background:#fff;border:1px solid #fda4af;border-radius:10px;box-shadow:0 8px 18px #e11d482e;padding:8px 10px;z-index:20;display:flex;flex-direction:column;align-items:flex-start;gap:8px;color:#9f1239;font-size:12px;font-weight:700}.inline-delete-actions{display:inline-flex;gap:6px}.inline-delete-yes,.inline-delete-no{border:none;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:700;cursor:pointer}.inline-delete-yes{background:#e31e24;color:#fff}.inline-delete-no{background:#fee2e2;color:#7f1d1d}.add-reservation-premium{width:440px!important}.add-reservation-premium .btn-secondary{flex:1;height:48px;border-radius:12px;border:2px solid #e2e8f0;background:#fff;color:#64748b;font-weight:800;cursor:pointer;font-size:13px;text-transform:uppercase;transition:all .2s}.add-reservation-premium .btn-secondary:hover{background:#f1f5f9;border-color:#cbd5e1}.add-reservation-premium .btn-primary{flex:1.5;height:48px;border-radius:12px;border:none;background:linear-gradient(135deg,#f43f5e,#e11d48);color:#fff;font-weight:800;cursor:pointer;font-size:13px;text-transform:uppercase;box-shadow:0 4px 12px #e11d484d;transition:all .2s}.add-reservation-premium .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 15px #e11d4866}.add-reservation-premium .btn-primary:active{transform:translateY(0)}@media(min-width:769px)and (max-width:1024px){.reservation-type-table th,.reservation-type-table td{padding:10px 12px;font-size:13px}}@media(max-width:768px){.reservation-type-container{padding:0 12px 14px}.reservation-type-header{flex-direction:column;align-items:flex-start;gap:10px;padding:14px}.add-reservation-btn{width:100%;margin-top:0}.reservation-table-wrapper{overflow-x:visible}.reservation-type-table thead{display:none}.reservation-type-table,.reservation-type-table tbody,.reservation-type-table tr,.reservation-type-table td{display:block;width:100%}.reservation-type-table tbody{padding:10px}.reservation-type-table tr{background:#fff;margin-bottom:12px;border-radius:12px;padding:12px;box-shadow:0 2px 10px #0000001a;border:1px solid #f1f5f9}.reservation-type-table td{display:flex;justify-content:space-between;align-items:flex-start;padding:8px 0;border-bottom:1px solid #eee;text-align:right;word-break:break-word}.reservation-type-table td:last-child{border-bottom:none}.reservation-type-table td:before{content:attr(data-label);font-weight:700;color:#555;text-align:left;margin-right:10px}.reservation-description-cell{flex-direction:column;align-items:flex-start!important;text-align:left!important;gap:6px}.reservation-description-cell:before{margin-right:0}.reservation-actions-cell .action-btns{justify-content:flex-end!important}.reservation-actions-cell .inline-delete-wrap{position:static}.reservation-actions-cell .inline-delete-confirm{right:0;left:auto;min-width:190px}}.extra-charge-container{padding:0 20px 20px;background-color:#f9fafb;min-height:100vh}.extra-charge-header{background-color:#f83a4d;color:#fff;padding:15px 20px;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 6px #0000001a}.extra-charge-header h2{margin:0;font-size:20px;font-weight:600}.extra-charge-header .add-btn{background-color:#fff;color:#f83a4d;border:1px solid #ffe4e6}.extra-charge-header .add-btn:hover{background-color:#fff1f2}.extra-table-wrapper{width:100%;overflow-x:auto}.amount-cell{font-weight:800;color:#2e7d32}.badge{padding:5px 10px;border-radius:20px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.badge.gst.active{background:#ffe5e5;color:#d32f2f}.badge.gst.inactive{background:#f1f5f9;color:#64748b}.checkbox-container{display:flex;align-items:center;gap:8px}.icon-btn{width:36px;height:36px;border-radius:6px;border:1px solid #e5e7eb;background-color:#fff;color:#6b7280;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.icon-btn:hover{background-color:#fef2f2;color:#ef4444;border-color:#fecaca}.add-charge-premium{width:440px!important}.add-charge-premium .btn-secondary{flex:1;height:48px;border-radius:12px;border:2px solid #e2e8f0;background:#fff;color:#64748b;font-weight:800;cursor:pointer;font-size:13px;text-transform:uppercase;transition:all .2s}.add-charge-premium .btn-secondary:hover{background:#f1f5f9;border-color:#cbd5e1}.add-charge-premium .btn-primary{flex:1.5;height:48px;border-radius:12px;border:none;background:linear-gradient(135deg,#f43f5e,#e11d48);color:#fff;font-weight:800;cursor:pointer;font-size:13px;text-transform:uppercase;box-shadow:0 4px 12px #e11d484d;transition:all .2s}.add-charge-premium .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 15px #e11d4866}.add-charge-premium .btn-primary:active{transform:translateY(0)}@media(max-width:768px){.extra-charge-container{padding:0 12px 14px;min-height:100%}.extra-charge-header{flex-direction:column;align-items:flex-start;gap:10px;padding:14px}.add-btn{width:100%;margin-top:0}.extra-table-wrapper{overflow-x:visible}.extra-table thead{display:none}.extra-table,.extra-table tbody,.extra-table tr,.extra-table td{display:block;width:100%}.extra-table tbody{padding:10px}.extra-table tr{background:#fff;margin-bottom:12px;border-radius:12px;padding:12px;box-shadow:0 2px 10px #0000001a;border:1px solid #f1f5f9}.extra-table td{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #eee;text-align:right}.extra-table td:last-child{border-bottom:none}.extra-table td:before{content:attr(data-label);font-weight:700;color:#555;text-align:left;margin-right:10px}.amount-cell{font-size:16px}.extra-actions-cell .action-btns{justify-content:flex-end!important}}.complimentary-service-container{padding:0 20px 20px;background-color:#f9fafb;min-height:100vh}.complimentary-service-header{background-color:#f83a4d;color:#fff;padding:15px 20px;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 6px #0000001a}.complimentary-service-header h2{margin:0;font-size:20px;font-weight:600}.add-btn{background-color:#fff;color:#f83a4d;border:none;padding:8px 16px;border-radius:4px;font-weight:600;cursor:pointer;transition:background-color .2s}.complimentary-service-header .add-btn{background-color:#fff!important;color:#f83a4d!important;border:1px solid #ffe4e6}.complimentary-service-header .add-btn:hover{background-color:#fff1f2!important}.service-table-wrapper{width:100%;overflow-x:auto}.badge{padding:5px 10px;border-radius:20px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;line-height:1.2}.badge.blue{background:#e3f2fd;color:#1976d2}.badge.gray{background:#f5f5f5;color:#555}.badge.green{background:#e6f7ee;color:#2e7d32}.badge.unlimited{background:#e8f5e9;color:#2e7d32}.badge.limited{background:#fff3e0;color:#ef6c00}.icon-btn{width:36px;height:36px;border-radius:6px;border:1px solid #e5e7eb;background-color:#fff;color:#6b7280;display:flex;align-items:center;justify-content:center;cursor:pointer}.add-service-premium{width:440px!important}.add-service-premium .btn-secondary{flex:1;height:48px;border-radius:12px;border:2px solid #e2e8f0;background:#fff;color:#64748b;font-weight:800;cursor:pointer;font-size:13px;text-transform:uppercase;transition:all .2s}.add-service-premium .btn-secondary:hover{background:#f1f5f9;border-color:#cbd5e1}.add-service-premium .btn-primary{flex:1.5;height:48px;border-radius:12px;border:none;background:linear-gradient(135deg,#f43f5e,#e11d48);color:#fff;font-weight:800;cursor:pointer;font-size:13px;text-transform:uppercase;box-shadow:0 4px 12px #e11d484d;transition:all .2s}.add-service-premium .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 15px #e11d4866}.add-service-premium .btn-primary:active{transform:translateY(0)}@media(max-width:768px){.complimentary-service-container{padding:0 12px 14px;min-height:100%}.complimentary-service-header{flex-direction:column;align-items:flex-start;gap:10px;padding:14px}.add-btn{width:100%;margin-top:0}.service-table-wrapper{overflow-x:visible}.service-table thead{display:none}.service-table,.service-table tbody,.service-table tr,.service-table td{display:block;width:100%}.service-table tbody{padding:10px}.service-table tr{background:#fff;margin-bottom:12px;border-radius:12px;padding:12px;box-shadow:0 2px 10px #0000001a;border:1px solid #f1f5f9}.service-table td{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #eee;text-align:right}.service-table td:last-child{border-bottom:none}.service-table td:before{content:attr(data-label);font-weight:700;color:#555;margin-right:10px;text-align:left}.service-table td span{text-align:right}.service-actions-cell .action-btns{justify-content:flex-end!important}}.customer-identity-container{padding:0 20px 20px;background-color:#f9fafb;min-height:100vh}.customer-identity-header{background-color:#f83a4d;color:#fff;padding:15px 20px;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 6px #0000001a}.customer-identity-header h2{margin:0;font-size:20px;font-weight:600}.customer-identity-header .add-btn{background-color:#fff!important;color:#f83a4d!important;border:1px solid #ffe4e6}.customer-identity-header .add-btn:hover{background-color:#fff1f2!important}.identity-table-wrapper{width:100%;overflow-x:auto}.common-table td:before{content:""}.checkbox-display input{height:18px;width:18px;accent-color:#E31E24}.status-badge{padding:5px 10px;border-radius:20px;font-size:12px;font-weight:700;line-height:1.2;display:inline-flex;align-items:center;justify-content:center}.status-badge.yes{background:#e6f7ee;color:#2e7d32}.status-badge.no{background:#ffe5e5;color:#d32f2f}.mobile-badge{display:none}.add-id-premium{width:440px!important}.modern-checkbox-card{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:16px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.modern-checkbox-card:hover{border-color:#cbd5e1;background:#f1f5f9}.modern-checkbox-card.active{background:#f43f5e08;border-color:#f43f5e}.checkbox-card-info{display:flex;flex-direction:column;gap:2px}.checkbox-card-title{font-size:13px;font-weight:800;color:#1e293b}.checkbox-card-sub{font-size:11px;color:#64748b;font-weight:600}.checkbox-custom-wrap{width:24px;height:24px;border:2px solid #cbd5e1;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s;background:#fff}.checkbox-custom-wrap.checked{background:#f43f5e;border-color:#f43f5e}.check-icon{color:#fff;font-size:14px;font-weight:900}.add-id-premium .btn-secondary{flex:1;height:48px;border-radius:12px;border:2px solid #e2e8f0;background:#fff;color:#64748b;font-weight:800;cursor:pointer;font-size:13px;text-transform:uppercase;transition:all .2s}.add-id-premium .btn-secondary:hover{background:#f1f5f9;border-color:#cbd5e1}.add-id-premium .btn-primary{flex:1.5;height:48px;border-radius:12px;border:none;background:linear-gradient(135deg,#f43f5e,#e11d48);color:#fff;font-weight:800;cursor:pointer;font-size:13px;text-transform:uppercase;box-shadow:0 4px 12px #e11d484d;transition:all .2s}.add-id-premium .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 15px #e11d4866}.add-id-premium .btn-primary:active{transform:translateY(0)}@media(min-width:769px)and (max-width:1024px){.common-table th,.common-table td{padding:10px 12px;font-size:13px}}@media(max-width:768px){.customer-identity-container{padding:0 12px 14px;min-height:100%}.customer-identity-header{flex-direction:column;align-items:flex-start;gap:10px;padding:14px}.add-btn{width:100%;margin-top:0}.identity-table-wrapper{overflow-x:visible}.identity-table thead{display:none}.identity-table,.identity-table tbody,.identity-table tr,.identity-table td{display:block;width:100%}.identity-table tbody{padding:10px}.identity-table tr{background:#fff;margin-bottom:12px;border-radius:12px;padding:12px;box-shadow:0 2px 10px #0000001a;border:1px solid #f1f5f9}.identity-table td{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #eee;text-align:right}.identity-table td:last-child{border-bottom:none}.identity-table td:before{content:attr(data-label);font-weight:700;color:#555;text-align:left;margin-right:10px}.desktop-checkbox{display:none}.mobile-badge{display:inline-flex}.identity-actions-cell .action-btns{justify-content:flex-end!important}}.booking-source-container{padding:0 20px 20px;background-color:#f9fafb;min-height:100vh}.booking-source-header{background-color:#f83a4d;color:#fff;padding:15px 20px;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 6px #0000001a}.booking-source-header h2{margin:0;font-size:20px;font-weight:600}.booking-source-header .add-btn{background-color:#fff!important;color:#f83a4d!important;border:1px solid #ffe4e6}.booking-source-header .add-btn:hover{background-color:#fff1f2!important}.booking-table-wrapper{overflow-x:auto}.booking-table .badge{display:inline-flex;align-items:center;padding:.28rem .65rem;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.02em}.booking-table .badge.ota{background:#eef4ff;color:#1e40af}.booking-table .badge.direct{background:#ecfdf3;color:#166534}.booking-actions-cell{text-align:right}.add-source-premium{width:440px!important}.add-source-premium .btn-secondary{flex:1;height:48px;border-radius:12px;border:2px solid #e2e8f0;background:#fff;color:#64748b;font-weight:800;cursor:pointer;font-size:13px;text-transform:uppercase;transition:all .2s}.add-source-premium .btn-secondary:hover{background:#f1f5f9;border-color:#cbd5e1}.add-source-premium .btn-primary{flex:1.5;height:48px;border-radius:12px;border:none;background:linear-gradient(135deg,#f43f5e,#e11d48);color:#fff;font-weight:800;cursor:pointer;font-size:13px;text-transform:uppercase;box-shadow:0 4px 12px #e11d484d;transition:all .2s}.add-source-premium .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 15px #e11d4866}.add-source-premium .btn-primary:active{transform:translateY(0)}@media(max-width:768px){.booking-table thead{display:none}.booking-table,.booking-table tbody,.booking-table tr,.booking-table td{display:block;width:100%}.booking-table tr{margin:.7rem;border:1px solid #fecaca;border-radius:12px;background:#fff;box-shadow:0 4px 12px #0f172a0f;padding:.1rem 0}.booking-table td{border:none;border-bottom:1px dashed #e2e8f0;position:relative;padding:.72rem .8rem .72rem 44%;text-align:right;min-height:42px}.booking-table td:last-child{border-bottom:none}.booking-table td:before{content:attr(data-label);position:absolute;left:.8rem;top:50%;transform:translateY(-50%);font-weight:700;color:#334155;text-transform:uppercase;font-size:.7rem;letter-spacing:.02em}.booking-table td.booking-actions-cell{text-align:right;padding:.72rem .8rem .72rem 44%;min-height:48px}.booking-table td.booking-actions-cell:before{position:absolute;left:.8rem;top:50%;transform:translateY(-50%);margin-bottom:0;line-height:1}.booking-table td.booking-actions-cell .action-btns{justify-content:flex-end;width:100%;margin-top:0}}.business-source-container{padding:0 20px 20px;background-color:#f9fafb;min-height:100vh}.business-source-header{background-color:#f83a4d;color:#fff;padding:15px 20px;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 6px #0000001a}.business-source-header h2{margin:0;font-size:20px;font-weight:600}.business-source-header .add-btn{background-color:#fff!important;color:#f83a4d!important;border:1px solid #ffe4e6}.business-source-header .add-btn:hover{background-color:#fff1f2!important}.business-table-wrapper{width:100%;overflow-x:auto}.common-table td{padding:12px 20px;border-bottom:1px solid #f3f4f6;color:#4b5563;font-size:14px}.business-table td:before{content:""}.business-actions-cell{text-align:right}.icon-btn{width:36px;height:36px;border-radius:6px;border:1px solid #e5e7eb;background-color:#fff;cursor:pointer}.add-business-premium{width:440px!important}.premium-textarea{height:auto!important;padding:12px 16px!important;min-height:100px;resize:none}.add-business-premium .btn-secondary{flex:1;height:48px;border-radius:12px;border:2px solid #e2e8f0;background:#fff;color:#64748b;font-weight:800;cursor:pointer;font-size:13px;text-transform:uppercase;transition:all .2s}.add-business-premium .btn-secondary:hover{background:#f1f5f9;border-color:#cbd5e1}.add-business-premium .btn-primary{flex:1.5;height:48px;border-radius:12px;border:none;background:linear-gradient(135deg,#f43f5e,#e11d48);color:#fff;font-weight:800;cursor:pointer;font-size:13px;text-transform:uppercase;box-shadow:0 4px 12px #e11d484d;transition:all .2s}.add-business-premium .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 15px #e11d4866}.add-business-premium .btn-primary:active{transform:translateY(0)}@media(max-width:768px){.business-source-header{flex-direction:column;align-items:flex-start;gap:10px}.business-source-header .add-btn{width:100%}.business-table thead{display:none}.business-table,.business-table tbody,.business-table tr,.business-table td{display:block;width:100%}.business-table tr{margin:.75rem;padding:.7rem .85rem;border-radius:12px;border:1px solid #fecaca;background:#fff;box-shadow:0 2px 10px #0f172a14}.business-table td{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:.62rem 0;border:none;border-bottom:1px solid #eee;text-align:right}.business-table td:last-child{border-bottom:none}.business-table td:before{content:attr(data-label);font-weight:700;color:#555;text-transform:uppercase;letter-spacing:.02em;font-size:.74rem}.business-table td.business-actions-cell{align-items:flex-start}.business-table td.business-actions-cell .action-btns{justify-content:flex-end}}.maintenance-block-container{padding:0 20px 20px;background-color:#f9fafb;min-height:100vh}.maintenance-header{background-color:#f83a4d;color:#fff;padding:15px 20px;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 6px #0000001a}.maintenance-header h2{margin:0;font-size:20px;font-weight:600}.add-btn{background-color:#fff;color:#f83a4d;padding:8px 16px;border-radius:4px;font-weight:600;cursor:pointer;border:none;transition:background-color .2s}.add-btn:hover{background-color:#f3f4f6}.filter-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;background:#fff;padding:15px;border-radius:0;box-shadow:0 2px 4px #0000000d}.status-filter{padding:8px 12px;border:1px solid #ddd;border-radius:4px;width:200px}.search-box{position:relative;width:300px}.search-box input{width:100%;padding:8px 35px 8px 12px;border:1px solid #ddd;border-radius:4px}.search-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#999}.table-container{background-color:#fff;box-shadow:0 4px 6px #0000000d;border-radius:0 0 8px 8px;overflow:hidden}.maintenance-table-wrapper{width:100%;overflow-x:auto}.common-table{width:100%;border-collapse:collapse}.common-table th{background-color:#e31e24;color:#fff;padding:12px 20px;text-align:left;font-size:14px;font-weight:600;position:sticky;top:0;z-index:2}.common-table td{padding:12px 20px;border-bottom:1px solid #f3f4f6;color:#4b5563;font-size:14px;vertical-align:middle}.maintenance-table td:before{content:""}.common-table tbody tr:hover{background-color:#f9fafb}.status-badge{padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;line-height:1}.status-badge.blocked{background-color:#ffe5e5;color:#d32f2f}.status-badge.in-progress{background-color:#fff3e0;color:#ef6c00}.status-badge.completed{background-color:#e6f7ee;color:#2e7d32}.action-btns{display:flex;justify-content:flex-end;gap:8px}.maintenance-actions-cell{text-align:right}.icon-btn{width:32px;height:32px;border-radius:4px;border:1px solid #ddd;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.action-start{color:#f59e0b}.action-complete{color:#10b981}.edit-btn{color:#3b82f6}.delete-btn{color:#ef4444}.add-maintenance-premium{width:480px!important}.scrollable-modal-body{max-height:60vh;overflow-y:auto;padding-right:18px}.scrollable-modal-body::-webkit-scrollbar{width:6px}.scrollable-modal-body::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.premium-form-row{display:flex;gap:16px}.flex-1{flex:1}.premium-textarea{height:auto!important;padding:12px 16px!important;min-height:80px;resize:none}.add-maintenance-premium .btn-secondary{flex:1;height:48px;border-radius:12px;border:2px solid #e2e8f0;background:#fff;color:#64748b;font-weight:800;cursor:pointer;font-size:13px;text-transform:uppercase;transition:all .2s}.add-maintenance-premium .btn-secondary:hover{background:#f1f5f9;border-color:#cbd5e1}.add-maintenance-premium .btn-primary{flex:1.5;height:48px;border-radius:12px;border:none;background:linear-gradient(135deg,#f43f5e,#e11d48);color:#fff;font-weight:800;cursor:pointer;font-size:13px;text-transform:uppercase;box-shadow:0 4px 12px #e11d484d;transition:all .2s}.add-maintenance-premium .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 15px #e11d4866}.add-maintenance-premium .btn-primary:active{transform:translateY(0)}@media(max-width:768px){.maintenance-header{flex-direction:column;align-items:flex-start;gap:10px}.maintenance-header .add-btn{width:100%}.filter-bar{flex-direction:column;align-items:stretch;gap:10px;padding:12px}.status-filter,.search-box{width:100%}.maintenance-table thead{display:none}.maintenance-table,.maintenance-table tbody,.maintenance-table tr,.maintenance-table td{display:block;width:100%}.maintenance-table tr{margin:.75rem;border-radius:12px;border:1px solid #fecaca;padding:.7rem .85rem;background:#fff;box-shadow:0 2px 10px #0000001a}.maintenance-table td{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:.55rem 0;border:none;border-bottom:1px solid #eee;text-align:right}.maintenance-table td:last-child{border-bottom:none}.maintenance-table td:before{content:attr(data-label);font-weight:700;color:#555;text-transform:uppercase;font-size:.72rem;letter-spacing:.02em}.maintenance-table td.duration-cell{flex-direction:column;align-items:flex-start;text-align:left}.maintenance-table td.duration-cell:before{margin-bottom:4px}.maintenance-table td.maintenance-actions-cell{align-items:flex-start}.maintenance-table td.maintenance-actions-cell .action-btns{margin-left:auto}}.floor-setup-container{padding:0 20px 20px;background-color:#f9fafb;min-height:100%}.floor-setup-header{background-color:#f83a4d;color:#fff;padding:15px 20px;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 6px #0000001a}.floor-setup-header h2{margin:0;font-size:20px;font-weight:600}.add-floor-btn{background-color:#fff;color:#f83a4d;border:none;padding:8px 16px;border-radius:4px;font-weight:600;cursor:pointer;transition:background-color .2s}.add-floor-btn:hover{background-color:#f3f4f6}.floor-table-container{background-color:#fff;box-shadow:0 4px 6px #0000000d;border-radius:0 0 8px 8px;overflow:hidden}.floor-table-wrapper{width:100%;overflow-x:auto}.floor-table{width:100%;border-collapse:collapse}.floor-table thead tr{background-color:#e31e24;color:#fff}.floor-table th{padding:12px 20px;text-align:left;font-size:14px;font-weight:600;position:sticky;top:0;z-index:2}.floor-table td{padding:12px 20px;border-bottom:1px solid #f3f4f6;color:#4b5563;font-size:14px}.floor-table td:before{content:""}.floor-table tbody tr:hover{background-color:#f9fafb}.action-btns{display:flex;gap:8px;justify-content:flex-end}.icon-button{width:36px;height:36px;border-radius:6px;border:1px solid #e5e7eb;background-color:#fff;color:#6b7280;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.icon-button:hover{background-color:#fef2f2;color:#ef4444;border-color:#fecaca}.add-payment-overlay{position:fixed;inset:0;background:#0f172a66;backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1100;animation:fadeIn-P .3s ease-out}.add-payment-modal{background:#fff;width:380px;max-width:90vw;box-shadow:0 20px 50px #0003;display:flex;flex-direction:column;position:relative;border-radius:24px;overflow:hidden;animation:modalSlideUp-P .4s cubic-bezier(.19,1,.22,1)}@keyframes modalSlideUp-P{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.add-floor-premium{width:420px!important}.premium-payment-header{background:linear-gradient(135deg,#f43f5e,#e11d48);padding:24px;color:#fff;display:flex;align-items:center;gap:16px;position:relative}.header-icon-wrap{width:44px;height:44px;background:#fff3;border-radius:12px;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.3)}.header-text h3{margin:0;font-size:18px;font-weight:800;letter-spacing:-.01em}.header-text span{font-size:10px;opacity:.9;text-transform:uppercase;display:block;font-weight:700;letter-spacing:.05em;margin-top:2px}.premium-close-btn{margin-left:auto;background:#ffffff26;border:none;color:#fff;width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.premium-close-btn:hover{background:#ffffff40;transform:rotate(90deg)}.payment-field-group{display:flex;flex-direction:column;gap:8px}.field-label-premium{font-size:11px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.05em;padding-left:4px}.premium-input-wrap{position:relative;display:flex;align-items:center}.premium-input{width:100%;height:48px;padding:0 16px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;font-size:14px;font-weight:600;color:#1e293b;transition:all .2s;outline:none}.premium-input:focus{background:#fff;border-color:#f43f5e;box-shadow:0 0 0 4px #f43f5e1a}.add-floor-premium .btn-secondary{flex:1;height:48px;border-radius:12px;border:2px solid #e2e8f0;background:#fff;color:#64748b;font-weight:800;cursor:pointer;font-size:13px;text-transform:uppercase;transition:all .2s}.add-floor-premium .btn-secondary:hover{background:#f1f5f9;border-color:#cbd5e1}.add-floor-premium .btn-primary{flex:1.5;height:48px;border-radius:12px;border:none;background:linear-gradient(135deg,#f43f5e,#e11d48);color:#fff;font-weight:800;cursor:pointer;font-size:13px;text-transform:uppercase;box-shadow:0 4px 12px #e11d484d;transition:all .2s}.add-floor-premium .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 15px #e11d4866}.add-floor-premium .btn-primary:active{transform:translateY(0)}@media(min-width:769px)and (max-width:1024px){.floor-table th,.floor-table td{padding:10px 14px;font-size:14px}.floor-setup-header{padding:12px 14px}}@media(max-width:768px){.floor-setup-container{padding:0 12px 14px}.floor-setup-header{flex-direction:column;align-items:flex-start;gap:10px;padding:14px}.add-floor-btn{width:100%;margin-top:0}.floor-table-wrapper{overflow-x:visible}.floor-table thead{display:none}.floor-table,.floor-table tbody,.floor-table tr,.floor-table td{display:block;width:100%}.floor-table tbody{padding:10px}.floor-table tr{background:#fff;margin-bottom:12px;border-radius:10px;padding:10px;box-shadow:0 2px 8px #00000014;border:1px solid #f1f5f9}.floor-table td{padding:9px 6px;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center;text-align:right}.floor-table td:last-child{border-bottom:none}.floor-table td:before{content:attr(data-label);font-weight:700;color:#374151;text-align:left;margin-right:10px}.floor-actions-cell{align-items:flex-start}.floor-actions-cell .action-btns{justify-content:flex-end!important;position:static!important}.table-footer{padding:10px 14px}}.table-management-container{padding:24px;background-color:#fff;min-height:100vh;font-family:Poppins,sans-serif;width:100%;box-sizing:border-box}.dining-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.header-content{display:flex;flex-direction:column;gap:4px;min-width:0}.header-content h1{font-size:2rem;font-weight:700;color:#111827;margin:0;line-height:1.2;word-break:break-word}.subtitle{color:#6b7280;font-size:.95rem;margin:0;line-height:1.4}.add-table-btn{background-color:#e31e24;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-weight:600;font-size:.85rem;cursor:pointer;transition:background-color .2s;width:-moz-max-content!important;width:max-content!important;flex:0 0 auto!important;margin-left:auto!important}.add-table-btn:hover{background-color:#b91c1c}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column;gap:8px}.stat-card.available{border-left:4px solid #10b981}.stat-card.occupied{border-left:4px solid #f59e0b}.stat-card.upcoming{border-left:4px solid #3b82f6}.stat-card.revenue{border-left:4px solid #8b5cf6}.stat-label{font-size:.85rem;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:1.75rem;font-weight:700;color:#111827}.filters-container{display:flex;gap:12px;align-items:center;margin-bottom:24px;flex-wrap:wrap}.search-box{flex:1;min-width:250px;position:relative}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af}.search-box input{width:100%;padding:10px 12px 10px 36px;border:1px solid #e5e7eb;border-radius:8px;font-size:.95rem;outline:none;transition:border-color .2s}.search-box input:focus{border-color:#3b82f6}.filter-buttons{display:flex;gap:8px}.filter-btn{padding:8px 16px;border:1px solid #e5e7eb;background:#fff;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;color:#6b7280}.filter-btn:hover{background:#f3f4f6;border-color:#d1d5db}.filter-btn.active{background:#e31e24;color:#fff;border-color:#e31e24}.type-dropdown{padding:8px 16px;border:1px solid #e5e7eb;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;background:#fff;color:#374151;outline:none;transition:border-color .2s}.type-dropdown:focus{border-color:#3b82f6}.tables-sections{display:flex;flex-direction:column;gap:32px}.table-section{background:#fff;border-radius:16px;padding:28px;box-shadow:0 4px 6px #0000000d;border:2px solid #f3f4f6;transition:all .3s ease}.table-section:hover{border-color:#e5e7eb;box-shadow:0 6px 12px #00000014}.section-header{margin-bottom:24px}.section-title{font-size:1.5rem;font-weight:700;color:#111827;border-bottom:3px solid #e5e7eb;display:flex;align-items:center;gap:12px;background:linear-gradient(to right,#f9fafb,transparent);padding:12px 16px;border-radius:8px;margin:-8px -8px 0}.section-icon{font-size:1.8rem;display:inline-flex;align-items:center;justify-content:center}.section-count{font-size:.9rem;font-weight:500;color:#6b7280;background:#f3f4f6;padding:4px 12px;border-radius:20px;margin-left:auto}.tables-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.no-tables{text-align:center;padding:60px 20px;color:#9ca3af;background:#fff;border-radius:16px;border:2px dashed #e5e7eb}.no-tables p{font-size:1.1rem;margin:0}.table-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 6px #00000005;position:relative;transition:transform .2s,box-shadow .2s;border:1px solid #f0f0f0}.table-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px #0000000d}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.table-number{font-size:1.5rem;font-weight:700;color:#111827}.menu-trigger{cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#6b7280;font-size:1.2rem;transition:background-color .2s}.menu-trigger:hover{background-color:#f3f4f6;color:#111827}.card-body{display:flex;flex-direction:column;gap:12px}.info-row{display:flex;justify-content:space-between;align-items:center;font-size:.95rem;color:#4b5563}.status-badge{padding:6px 12px;border-radius:6px;font-size:.75rem;font-weight:700;text-transform:uppercase;display:inline-block;letter-spacing:.5px}.status-running{background-color:#dcfce7;color:#15803d}.status-billed{background-color:#fee2e2;color:#b91c1c}.status-available{background-color:#dbeafe;color:#1d4ed8}.amount{font-size:1.25rem;font-weight:700;color:#111827}.card-footer{margin-top:16px;display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:#9ca3af;border-top:1px solid #f3f4f6;padding-top:12px}.context-menu{position:absolute;top:50px;right:16px;background:#fff;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;width:180px;z-index:20;border:1px solid #e5e7eb;padding:6px 0;animation:fadeIn .1s ease-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.menu-item{padding:10px 16px;cursor:pointer;font-size:.9rem;color:#374151;display:flex;align-items:center;gap:8px;transition:all .2s}.menu-item:hover{background-color:#fff1f2;color:#e11d48}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;backdrop-filter:blur(4px)}.modal-content{background:#fff;border-radius:16px;width:550px;max-width:90%;padding:32px;box-shadow:0 25px 50px -12px #00000040;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.modal-header h2{font-size:1.5rem;font-weight:700;color:#111827;margin:0}.close-btn{background:transparent;border:none;font-size:1.5rem;line-height:1;color:#9ca3af;cursor:pointer;padding:0}.close-btn:hover{color:#111827}.modal-info{background-color:#f9fafb;padding:16px;border-radius:12px;margin-bottom:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;border:1px solid #f3f4f6}.info-item{display:flex;flex-direction:column}.info-label{color:#6b7280;font-size:.75rem;text-transform:uppercase;font-weight:600;margin-bottom:4px}.info-value{font-size:1rem;font-weight:600;color:#111827}.form-group label{display:block;margin-bottom:8px;color:#374151;font-weight:500;font-size:.95rem}.form-select,.form-input{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;background-color:#fff;transition:all .2s}.form-select:focus,.form-input:focus{outline:none;border-color:#e11d48;box-shadow:0 0 0 3px #e11d481a}.sub-table-header{display:grid;grid-template-columns:1.5fr 1fr 1.5fr;gap:12px;margin-bottom:8px;padding:0 4px}.sub-table-header span{font-size:.85rem;font-weight:600;color:#6b7280}.sub-table-row{display:grid;grid-template-columns:1.5fr 1fr 1.5fr;gap:12px;margin-bottom:12px;align-items:center}.sub-table-display{padding:12px;background-color:#f3f4f6;border-radius:8px;font-weight:500;color:#374151}.modal-actions{display:flex;justify-content:flex-end;gap:16px;margin-top:32px;padding-top:24px;border-top:1px solid #e5e7eb}.btn{padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;border:none;font-size:.95rem;transition:all .2s}.btn-secondary{background-color:#f3f4f6;color:#4b5563}.btn-secondary:hover{background-color:#e5e7eb;color:#111827}.btn-primary{background-color:#e11d48;color:#fff;box-shadow:0 4px 6px -1px #e11d4833}.btn-primary:hover{background-color:#be123c;box-shadow:0 10px 15px -3px #e11d484d;transform:translateY(-1px)}.page-header{margin-bottom:32px;display:flex;justify-content:space-between;align-items:center}.page-title{font-size:1.8rem;font-weight:800;color:#111827}.page-actions button{padding:10px 20px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;font-weight:500;cursor:pointer}.page-actions button:hover{border-color:#d1d5db;background:#f9fafb}.seats-info{display:flex;align-items:center;gap:6px;color:#6b7280;font-weight:500}.add-table-modal{max-width:500px}.add-table-modal .modal-body{display:flex;flex-direction:column;gap:20px}.add-table-modal .form-group{display:flex;flex-direction:column;gap:8px}.add-table-modal .form-group label{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.add-table-modal .form-input,.add-table-modal .form-select{padding:12px 16px;border:1px solid #e5e7eb;border-radius:8px;font-size:.95rem;outline:none;transition:border-color .2s;width:100%}.add-table-modal .form-input:focus,.add-table-modal .form-select:focus{border-color:#3b82f6}.type-select-group{display:flex;gap:8px;align-items:stretch}.type-select-group .form-select{flex:1}.add-type-btn{padding:0 16px;background:linear-gradient(135deg,#e11d48,#be123c);color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.add-type-btn:hover{background:linear-gradient(135deg,#be123c,#9f1239);transform:translateY(-1px);box-shadow:0 4px 8px #e11d484d}.type-input-group{display:flex;gap:8px;align-items:center}.type-input-group .form-select{flex:1}.type-input-group .new-type-input{flex:1;margin:0}.selected-type-info{margin-top:8px;padding:8px 12px;background:#f0f9ff;border:1px solid #bfdbfe;border-radius:6px;color:#1e40af;font-size:.9rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.selected-type-info strong{color:#1e3a8a}.new-type-badge{display:inline-block;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600;margin-left:8px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.02)}}.type-hint{margin-top:8px;padding:10px 14px;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fbbf24;border-radius:8px;color:#92400e;font-size:.85rem;font-weight:500;line-height:1.5}.type-action-btn{width:40px;height:40px;border:none;border-radius:8px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.type-action-btn:disabled{opacity:.5;cursor:not-allowed}.type-action-btn.success{background-color:#10b981;color:#fff}.type-action-btn.success:hover:not(:disabled){background-color:#059669;transform:scale(1.05)}.type-action-btn.cancel{background-color:#ef4444;color:#fff}.type-action-btn.cancel:hover{background-color:#e31e24;transform:scale(1.05)}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.modal-actions .btn{padding:10px 24px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.modal-actions .btn-secondary{background-color:#f3f4f6;color:#374151}.modal-actions .btn-secondary:hover{background-color:#e5e7eb}.modal-actions .btn-primary{background-color:#3b82f6;color:#fff}.modal-actions .btn-primary:hover{background-color:#2563eb}.drawer-overlay{position:fixed;inset:0;background-color:#00000073;display:flex;justify-content:flex-end;z-index:2000;backdrop-filter:blur(5px);transition:opacity .3s ease}.drawer-content{background:#fff;width:480px;height:100%;box-shadow:-10px 0 40px #0003;display:flex;flex-direction:column;animation:drawerSlideInRight .4s cubic-bezier(.16,1,.3,1)}@keyframes drawerSlideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header{padding:30px;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}.drawer-header h2{font-size:1.65rem;font-weight:800;color:#1e293b;margin:0}.drawer-body{flex:1;padding:30px;overflow-y:auto}.drawer-actions{padding:24px 30px;border-top:1px solid #f1f5f9;display:flex;gap:12px;justify-content:flex-end;background:#f8fafc}.add-table-modal .form-group{margin-bottom:24px}.add-table-modal label{font-size:.8rem;font-weight:700;color:#334155;margin-bottom:10px;display:block;letter-spacing:.5px;text-transform:uppercase}.add-table-modal .form-input,.add-table-modal .form-select{border:2px solid #e2e8f0;border-radius:12px;padding:14px 18px;font-size:1rem;color:#1e293b;background-color:#fff;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.add-table-modal .form-input::-moz-placeholder{color:#94a3b8;opacity:.8}.add-table-modal .form-input::placeholder{color:#94a3b8;opacity:.8}.add-table-modal .form-input:focus,.add-table-modal .form-select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 4px #3b82f61a;background-color:#fff}.add-table-modal .btn{padding:12px 28px;border-radius:12px;font-weight:700;font-size:1rem;border:none;cursor:pointer;transition:all .2s}.add-table-modal .btn-secondary{background-color:#f1f5f9;color:#475569}.add-table-modal .btn-secondary:hover{background-color:#e2e8f0;color:#1e293b}.add-table-modal .btn-primary{background-color:#e11d48;color:#fff;box-shadow:0 4px 12px #e11d4840}.add-table-modal .btn-primary:hover{background-color:#be123c;transform:translateY(-2px);box-shadow:0 6px 15px #e11d4859}.add-table-modal .type-action-btn{width:40px;height:40px;border-radius:10px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.add-table-modal .type-action-btn.success{background-color:#e11d48;color:#fff}.add-table-modal .type-action-btn.cancel{background-color:#ef4444;color:#fff}.add-table-modal .type-select-group{display:flex;gap:12px;align-items:stretch}.add-table-modal .add-type-btn{background:#e11d48;color:#fff;border:none;border-radius:12px;padding:0 20px;font-weight:600;cursor:pointer}.custom-type-dropdown{position:relative;flex:1}.custom-type-dropdown-selected{padding:12px 16px;border:1px solid #e5e7eb;border-radius:8px;font-size:.95rem;cursor:pointer;background:#fff;display:flex;justify-content:space-between;align-items:center;transition:border-color .2s}.custom-type-dropdown-selected:hover{border-color:#3b82f6}.dropdown-arrow{font-size:.7rem;color:#6b7280}.custom-type-dropdown-options{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-top:4px;box-shadow:0 8px 20px #0000001f;z-index:1000;max-height:200px;overflow-y:auto}.custom-type-option{padding:10px 16px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background .15s;font-size:.95rem}.custom-type-option:hover{background:#f3f4f6}.custom-type-option.selected{background:#eff6ff;color:#2563eb;font-weight:600}.custom-type-option span{flex:1}.type-delete-btn{background:none;border:none;color:#9ca3af;font-size:1rem;cursor:pointer;padding:2px 6px;border-radius:4px;line-height:1;transition:all .15s;margin-left:8px}.type-delete-btn:hover{background:#fee2e2;color:#ef4444}@media(max-width:1280px){.table-management-container{padding:20px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:12px}.stat-card{padding:16px}.stat-value{font-size:1.5rem}.tables-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}}@media(max-width:1024px){.table-management-container{padding:16px}.dining-header{flex-direction:column;align-items:stretch;gap:12px}.header-content h1{font-size:1.6rem}.dining-header>div:last-child{width:100%;display:flex;gap:8px}.add-table-btn{flex:1;text-align:center;padding:10px 14px;font-size:.88rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat-value{font-size:1.35rem}.filters-container{flex-wrap:wrap;gap:8px}.search-box{min-width:100%;order:-1}.filter-buttons{flex-wrap:wrap;gap:6px}.filter-btn{padding:7px 12px;font-size:.82rem}.type-dropdown{width:auto;min-width:140px}.tables-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}.table-section{padding:18px}.section-title{font-size:1.2rem}.modal-content{width:90%;max-width:520px;padding:24px}.drawer-content{width:400px}}@media(max-width:912px){.tables-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.table-section{padding:16px}.section-title{font-size:1.15rem;gap:8px}.table-card{padding:16px}.drawer-content{width:380px}}@media(max-width:820px){.table-management-container{padding:14px}.header-content h1{font-size:1.45rem}.subtitle{font-size:.88rem}.stat-card{padding:14px}.stat-label{font-size:.78rem}.stat-value{font-size:1.25rem}.tables-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.table-number{font-size:1.3rem}.drawer-content{width:340px}}@media(max-width:768px){.table-management-container{padding:12px}.dining-header{gap:10px;margin-bottom:16px}.header-content h1{font-size:1.35rem}.subtitle{font-size:.84rem;display:block;width:100%}.add-table-btn{padding:9px 12px;font-size:.85rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}.stat-card{padding:12px;gap:4px;border-radius:10px}.stat-label{font-size:.72rem;letter-spacing:.3px}.stat-value{font-size:1.15rem}.filters-container{gap:8px;margin-bottom:16px}.filter-buttons{display:flex;overflow-x:auto;flex-wrap:nowrap;gap:6px;padding-bottom:2px;width:100%;-webkit-overflow-scrolling:touch;scrollbar-width:none}.filter-buttons::-webkit-scrollbar{display:none}.filter-btn{padding:6px 12px;font-size:.8rem;white-space:nowrap;flex-shrink:0}.type-dropdown{width:100%;padding:7px 12px;font-size:.85rem}.tables-sections{gap:16px}.table-section{padding:14px;border-radius:12px}.section-header{margin-bottom:12px}.section-title{font-size:1.05rem;gap:8px;padding:8px 10px}.section-icon{font-size:1.3rem}.section-count{font-size:.75rem;padding:3px 8px}.tables-grid{grid-template-columns:repeat(2,1fr);gap:10px}.table-card{padding:14px;border-radius:10px}.table-card:hover{transform:none;box-shadow:0 4px 6px #00000005}.card-header{margin-bottom:10px}.table-number{font-size:1.15rem}.menu-trigger{width:28px;height:28px;font-size:1rem}.info-row{font-size:.82rem}.seats-info{font-size:.8rem}.status-badge{padding:4px 8px;font-size:.68rem}.amount{font-size:1.05rem}.card-footer{margin-top:10px;padding-top:8px;font-size:.78rem}.context-menu{width:165px;right:10px}.menu-item{padding:8px 12px;font-size:.85rem}.modal-overlay{align-items:flex-end;padding:0}.modal-content{width:100%;max-width:100%;border-radius:16px 16px 0 0;padding:20px;max-height:90vh;overflow-y:auto}.modal-header h2{font-size:1.2rem}.modal-header{margin-bottom:16px;padding-bottom:12px}.modal-actions{flex-direction:column;gap:8px;margin-top:20px;padding-top:16px}.modal-actions .btn{width:100%;text-align:center;padding:12px}.modal-info{grid-template-columns:1fr;gap:10px}.form-group label{font-size:.82rem}.form-select,.form-input{padding:10px;font-size:.9rem}.sub-table-header,.sub-table-row{grid-template-columns:1.2fr .8fr 1.2fr;gap:6px}.sub-table-header span{font-size:.75rem}.sub-table-display{padding:8px;font-size:.85rem}.drawer-content{width:100%}.drawer-header{padding:20px}.drawer-header h2{font-size:1.3rem}.drawer-body{padding:20px}.drawer-actions{padding:16px 20px}.add-table-modal{max-width:100%}.type-select-group{flex-direction:column;gap:8px}.add-type-btn{padding:10px 16px;width:100%;text-align:center}.type-input-group{flex-wrap:wrap}.type-input-group .new-type-input{width:100%;flex:unset}.type-action-btn{width:36px;height:36px;font-size:.95rem}.no-tables{padding:30px 14px}.no-tables p{font-size:.92rem}.page-header{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:20px}.page-title{font-size:1.3rem}}@media(max-width:540px){.dining-header>div:last-child{flex-direction:column}.add-table-btn{width:100%}.tables-grid{grid-template-columns:repeat(2,1fr);gap:8px}.table-card{padding:12px}.table-number{font-size:1.05rem}.info-row{font-size:.78rem;gap:3px}.status-badge{padding:3px 6px;font-size:.65rem}.amount{font-size:.95rem}.card-footer{font-size:.72rem}.context-menu{width:150px;right:4px;top:42px}.menu-item{padding:7px 10px;font-size:.8rem;gap:6px}}@media(max-width:430px){.table-management-container{padding:10px}.dining-header{flex-direction:column;align-items:center;text-align:center}.header-content{align-items:center}.header-content h1{font-size:1.5rem;text-align:center}.subtitle{font-size:.85rem;text-align:center;display:block;width:100%}.dining-header>div:last-child{justify-content:center}.add-table-btn{padding:8px 16px;font-size:.85rem;border-radius:6px;margin:0 auto;width:auto}.stats-grid{grid-template-columns:1fr;gap:8px}.stat-card{padding:12px;gap:4px;text-align:center;flex-direction:column;align-items:center}.stat-label{font-size:.68rem}.stat-value{font-size:1.05rem}.search-box input{padding:7px 8px 7px 30px;font-size:.85rem}.search-icon{left:10px;font-size:.85rem}.filter-btn{padding:5px 10px;font-size:.75rem;border-radius:6px}.table-section{padding:10px;border-radius:10px;border-width:1px}.section-title{font-size:.95rem;padding:6px 8px;border-bottom-width:2px}.section-icon{font-size:1.1rem}.section-count{font-size:.7rem;padding:2px 6px}.tables-grid{grid-template-columns:repeat(2,1fr);gap:6px}.table-card{padding:10px;border-radius:8px}.card-header{margin-bottom:8px}.table-number{font-size:.95rem}.menu-trigger{width:24px;height:24px;font-size:.9rem}.seats-info{font-size:.72rem;gap:3px}.status-badge{padding:2px 5px;font-size:.6rem;letter-spacing:.2px}.amount{font-size:.88rem}.duration{font-size:.72rem}.card-footer{margin-top:8px;padding-top:6px;font-size:.68rem}.modal-content{padding:16px;border-radius:14px 14px 0 0}.modal-header h2{font-size:1.1rem}.form-select,.form-input{padding:9px;font-size:.88rem}}@media(max-width:375px){.table-management-container{padding:8px}.header-content h1{font-size:1.15rem}.subtitle{font-size:.74rem}.dining-header{gap:8px;margin-bottom:12px}.add-table-btn{padding:7px 8px;font-size:.78rem}.stats-grid{gap:5px}.stat-card{padding:8px;border-radius:8px}.stat-label{font-size:.65rem}.stat-value{font-size:.95rem}.filters-container{gap:6px;margin-bottom:12px}.search-box input{padding:6px 8px 6px 28px;font-size:.82rem}.filter-btn{padding:4px 8px;font-size:.72rem}.type-dropdown{font-size:.8rem;padding:5px 8px}.tables-sections{gap:10px}.table-section{padding:8px;border-radius:8px}.section-header{margin-bottom:8px}.section-title{font-size:.88rem;gap:6px;padding:5px 6px}.section-icon{font-size:1rem}.tables-grid{grid-template-columns:repeat(2,1fr);gap:5px}.table-card{padding:8px;border-radius:6px}.card-header{margin-bottom:6px}.table-number{font-size:.88rem}.menu-trigger{width:22px;height:22px;font-size:.85rem}.info-row{font-size:.72rem;gap:2px}.seats-info{font-size:.68rem}.status-badge{padding:2px 4px;font-size:.56rem}.amount{font-size:.82rem}.duration{font-size:.68rem}.card-footer{margin-top:6px;padding-top:5px;font-size:.65rem}.context-menu{width:140px;right:2px;top:36px}.menu-item{padding:6px 8px;font-size:.78rem;gap:5px}.modal-content{padding:14px}.modal-header h2{font-size:1rem}.modal-actions{gap:6px;margin-top:16px;padding-top:12px}.modal-actions .btn{padding:10px;font-size:.88rem}.no-tables{padding:24px 10px}.no-tables p{font-size:.85rem}}@media(max-width:344px){.table-management-container{padding:6px}.header-content h1{font-size:1.05rem}.subtitle{font-size:.7rem}.add-table-btn{font-size:.75rem;padding:6px}.stats-grid{grid-template-columns:1fr;gap:4px}.stat-card{flex-direction:row;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:6px}.stat-label{font-size:.65rem}.stat-value{font-size:.9rem}.tables-grid{grid-template-columns:1fr;gap:6px}.table-section{padding:6px;border-radius:6px}.section-title{font-size:.82rem;padding:4px 6px}.table-card{padding:8px}.table-number{font-size:.85rem}.status-badge{font-size:.55rem;padding:2px 4px}.context-menu{width:130px;right:0;top:32px}.menu-item{padding:5px 6px;font-size:.75rem}.modal-content{padding:12px}.modal-header h2{font-size:.95rem}.filter-btn{padding:4px 6px;font-size:.68rem}.search-box input{font-size:.8rem;padding:5px 6px 5px 26px}}@media(max-height:500px)and (orientation:landscape){.table-management-container{padding:8px 12px}.dining-header{flex-direction:row;align-items:center;gap:12px;margin-bottom:8px}.header-content h1{font-size:1.15rem}.subtitle{display:none}.stats-grid{grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:8px}.stat-card{padding:8px 10px;flex-direction:row;align-items:center;justify-content:space-between;gap:6px}.stat-label{font-size:.65rem}.stat-value{font-size:.9rem}.filters-container{margin-bottom:8px}.tables-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:6px}.table-card{padding:8px}.table-section{padding:10px}.section-title{font-size:.9rem;padding:4px 6px}.modal-content{max-height:95vh;border-radius:12px}.modal-overlay{align-items:center}}@media(max-height:600px)and (min-width:900px){.stats-grid{margin-bottom:12px}.stat-card{padding:10px 14px}.stat-value{font-size:1.2rem}.table-section{padding:14px}.tables-grid{gap:10px}.table-card{padding:12px}}@media(max-width:600px){.dining-header{flex-direction:column!important;align-items:flex-start!important;text-align:left!important}.header-content{flex-direction:column!important;align-items:flex-start!important;width:100%!important}.header-content h1{text-align:left!important;font-size:1.6rem!important;line-height:1.2!important}.subtitle{text-align:left!important;display:block!important;margin-top:4px!important;width:100%!important}.dining-header>div:last-child{justify-content:flex-start!important;width:100%!important;margin-top:10px!important}.stats-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.stat-card{width:100%!important;flex-direction:column!important;align-items:flex-start!important;text-align:left!important}}.add-payment-overlay{position:fixed;inset:0;background:#0f172a66;display:flex;align-items:stretch;justify-content:flex-end;z-index:10000;backdrop-filter:blur(6px);animation:fadeIn-P .4s ease-out}@keyframes fadeIn-P{0%{opacity:0}to{opacity:1}}.add-payment-modal{background:#fff;width:380px;max-width:90vw;box-shadow:-15px 0 45px #00000026;display:flex;flex-direction:column;height:calc(100% - 32px);margin:16px;position:relative;border-radius:32px;overflow:hidden;animation:slideInRight-P .5s cubic-bezier(.19,1,.22,1)}@keyframes slideInRight-P{0%{transform:translate(100%) scale(.95);opacity:0}to{transform:translate(0) scale(1);opacity:1}}.add-table-premium{width:420px!important}.premium-payment-header{background:linear-gradient(135deg,#f43f5e,#e11d48);padding:20px;color:#fff;display:flex;align-items:center;gap:12px}.header-icon-wrap{width:36px;height:36px;background:#fff3;border-radius:10px;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px)}.header-text h3{margin:0;font-size:16px;font-weight:800}.header-text span{font-size:10px;opacity:.9;text-transform:uppercase;display:block}.premium-close-btn{margin-left:auto;background:#0000001a;border:none;color:#fff;width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer}.add-payment-body{padding:24px;display:flex;flex-direction:column;gap:20px}.payment-field-group{display:flex;flex-direction:column;gap:6px}.field-label-premium{font-size:11px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.payment-modal-footer{padding:20px 24px;border-top:1px solid #f1f5f9;display:flex;gap:12px;background:#f8fafc}.add-table-premium .btn-secondary{flex:1;height:48px;border-radius:12px;border:2px solid #e2e8f0;background:#fff;color:#64748b;font-weight:800;cursor:pointer;font-size:13px;text-transform:uppercase}.add-table-premium .btn-primary{flex:1.5;height:48px;border-radius:12px;border:none;background:linear-gradient(135deg,#f43f5e,#e11d48);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;font-size:14px;text-transform:uppercase;box-shadow:0 8px 20px -5px #e11d4859}.input-with-icon-premium{display:flex;align-items:center;background:#f8fafc;border:2px solid #f1f5f9;border-radius:12px;padding:0 16px;height:52px;transition:all .3s ease}.input-with-icon-premium:focus-within{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 4px #3b82f61a}.field-icon{font-size:18px;margin-right:12px}.premium-input-field{border:none!important;background:transparent!important;padding:0!important;height:100%!important;width:100%!important;font-size:15px!important;font-weight:600!important;color:#1e293b!important;outline:none!important}.type-selection-container{display:flex;gap:10px;align-items:stretch}.custom-premium-select{flex:1;position:relative}.select-trigger-premium{display:flex;justify-content:space-between;align-items:center;padding:0 16px;height:52px;background:#f8fafc;border:2px solid #f1f5f9;border-radius:12px;cursor:pointer;font-weight:600;color:#475569}.select-dropdown-options-premium{position:absolute;top:calc(100% + 5px);left:0;right:0;background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000001a;border:1px solid #e2e8f0;z-index:100;max-height:240px;overflow-y:auto;padding:5px}.select-dropdown-options-premium::-webkit-scrollbar{width:6px}.select-dropdown-options-premium::-webkit-scrollbar-track{background:transparent}.select-dropdown-options-premium::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.select-dropdown-options-premium::-webkit-scrollbar-thumb:hover{background:#cbd5e1}.select-option-premium{padding:12px 16px;cursor:pointer;border-radius:8px;font-size:14px;font-weight:600;color:#475569;display:flex;justify-content:space-between;align-items:center}.select-option-premium:hover{background:#eff6ff;color:#3b82f6}.select-option-premium.active{background:#3b82f6;color:#fff}.create-new-type-btn{color:#3b82f6!important;background:#eff6ff;border-bottom:1px dashed #bfdbfe;margin-bottom:5px;font-weight:800!important;text-transform:uppercase;font-size:12px!important;letter-spacing:.5px}.create-new-type-btn:hover{background:#dbeafe!important;color:#2563eb!important}.new-type-input-group-premium{display:flex;gap:10px;align-items:center}.new-type-input-group-premium .premium-input-field{flex:1;background:#f8fafc!important;border:2px solid #f1f5f9!important;border-radius:12px!important;padding:12px 16px!important}.type-actions-group{display:flex;gap:6px}.action-btn-p{width:44px;height:44px;border-radius:10px;border:none;cursor:pointer;font-weight:700;display:flex;align-items:center;justify-content:center}.action-btn-p.success{background:#10b981;color:#fff}.action-btn-p.cancel{background:#f1f5f9;color:#64748b}.premium-help-card{display:flex;gap:12px;padding:16px;background:#f0f9ff;border:1px solid #e0f2fe;border-radius:16px;margin-top:10px}.help-icon{font-size:20px}.help-text{font-size:12px;line-height:1.5;color:#1e40af;font-weight:500}.type-delete-small{background:#0000000d;border:none;color:#94a3b8;width:18px;height:18px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:10px;cursor:pointer}.type-delete-small:hover{background:#ef4444;color:#fff}.add-table-premium .payment-modal-footer{background:#fff!important;padding-top:0!important}.reservation-list-premium{width:420px!important}.reservations-scroll-area{margin-top:10px;max-height:500px;overflow-y:auto;padding-right:8px}.reservations-scroll-area::-webkit-scrollbar{width:6px}.reservations-scroll-area::-webkit-scrollbar-track{background:transparent}.reservations-scroll-area::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.empty-reservations{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-calendar-icon{margin-bottom:20px;filter:drop-shadow(0 10px 15px rgba(59,130,246,.15))}.empty-reservations p{color:#94a3b8;font-weight:600;font-size:15px;margin:0}.reservations-list-premium-grid{display:flex;flex-direction:column;gap:12px}.reservation-item-premium{display:flex;align-items:center;padding:16px;background:#f8fafc;border:1px solid #f1f5f9;border-radius:20px;transition:all .2s ease;gap:16px}.reservation-item-premium:hover{background:#fff;border-color:#e2e8f0;box-shadow:0 4px 12px #0000000d}.res-time-block{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:80px;padding-right:16px;border-right:1px dashed #cbd5e1}.res-time{font-size:16px;font-weight:900;color:#0f172a}.res-date{font-size:10px;font-weight:700;color:#64748b;text-transform:uppercase}.res-info-block{flex:1;display:flex;flex-direction:column;gap:2px}.res-guest-name{font-size:15px;font-weight:800;color:#1e293b}.res-guest-meta{font-size:12px;font-weight:600;color:#64748b}.res-advance-tag{font-size:11px;font-weight:800;color:#059669;background:#ecfdf5;padding:2px 8px;border-radius:6px;display:inline-block;width:-moz-fit-content;width:fit-content;margin-top:4px}.res-actions-block{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.res-status-pill{padding:4px 10px;border-radius:8px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.res-status-pill.status-upcoming{background:#eff6ff;color:#2563eb}.res-status-pill.status-completed{background:#ecfdf5;color:#059669}.res-status-pill.status-cancelled{background:#fef2f2;color:#dc2626}.res-cancel-btn{width:28px;height:28px;border-radius:8px;border:1px solid #fee2e2;background:#fff;color:#ef4444;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.res-cancel-btn:hover{background:#ef4444;color:#fff;border-color:#ef4444}.premium-outline-btn{background:transparent!important;border:2px solid #e11d48!important;color:#e11d48!important}.premium-outline-btn:hover{background:#fef2f2!important}.split-table-premium{width:420px!important}.split-info-card{display:flex;justify-content:space-between;align-items:center;background:#f9fafb;padding:16px;border-radius:12px;margin-bottom:24px;border:1px solid #f3f4f6}.info-item{display:flex;flex-direction:column;align-items:center;gap:4px}.info-item .label{font-size:11px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.info-item .value{font-size:20px;font-weight:800;color:#111827}.info-divider{width:2px;height:32px;background:#e5e7eb}.sub-tables-premium-container{display:flex;flex-direction:column;gap:12px;padding-top:16px}.sub-table-premium-row{display:grid;grid-template-columns:80px 1fr 1.5fr;gap:12px;align-items:center}.sub-name-tag{background:#f8fafc;color:#0f172a;font-size:14px;font-weight:800;text-align:center;padding:12px 0;border-radius:8px;border:1px solid #e2e8f0}.sub-input-premium{width:100%;padding:12px;border-radius:8px;border:1px solid #e5e7eb;font-size:14px;font-weight:600;color:#111827;text-align:center;transition:all .2s}.sub-input-premium:focus{outline:none;border-color:#e11d48;box-shadow:0 0 0 3px #e11d481a}.sub-select-premium{width:100%;padding:12px;border-radius:8px;border:1px solid #e5e7eb;font-size:14px;font-weight:600;color:#4b5563;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E") no-repeat right 12px center;background-size:16px;transition:all .2s;cursor:pointer}.sub-select-premium:focus{outline:none;border-color:#e11d48;box-shadow:0 0 0 3px #e11d481a}.reservation-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.reservation-modal-content{background:#fff;padding:25px;border-radius:12px;width:450px;box-shadow:0 10px 25px #0003;font-family:Inter,sans-serif}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h3{margin:0;font-size:18px;font-weight:700}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#666}.form-group{margin-bottom:15px}.row-group{display:flex;gap:15px;margin-bottom:15px}.form-group label{display:block;font-size:12px;font-weight:600;color:#444;margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px}.input-with-icon{position:relative}.input-with-icon input{width:100%;padding-right:35px}.search-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);cursor:pointer}input[type=text],input[type=number],input[type=date],input[type=time]{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px}input:focus{border-color:#e31e24;outline:none}.error-text{color:#e31e24;font-size:11px;margin-top:4px;display:block}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.btn-cancel{padding:10px 20px;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;cursor:pointer;font-weight:600}.btn-reserve{padding:10px 20px;background:#e31e24;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600}.btn-reserve:hover{background:#b91c1c}.input-with-currency{position:relative;display:flex;align-items:center}.currency-symbol{position:absolute;left:10px;font-size:16px;color:#666;pointer-events:none}.hint-text{font-size:12px;color:#666;margin-top:8px;font-style:italic}.company-settings-container{padding:24px;background-color:#f8fafc;width:100%;box-sizing:border-box;font-family:Poppins,sans-serif}.company-settings-header{margin-bottom:24px}.header-title{display:flex;align-items:center;gap:12px}.lock-icon{background:#fff;padding:10px;border-radius:10px;box-shadow:0 4px 6px -1px #0000000d;display:flex;align-items:center;justify-content:center}.header-title h1{font-size:26px;font-weight:700;color:#1e293b;margin:0}.breadcrumb{color:#94a3b8;font-size:13px;margin-left:12px}.settings-tabs{display:flex;gap:0;background:#fff;border-radius:12px 12px 0 0;border-bottom:2px solid #f1f5f9;padding:0 10px;margin-bottom:24px}.tab-btn{padding:16px 24px;border:none;background:transparent;color:#64748b;font-weight:600;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .2s;position:relative;white-space:nowrap}.tab-btn .tab-icon{font-size:18px}.tab-btn:hover,.tab-btn.active{color:#ef4444}.tab-btn.active:after{content:"";position:absolute;bottom:-2px;left:15px;right:15px;height:3px;background-color:#ef4444;border-radius:3px 3px 0 0}.settings-content{display:block;width:100%}.settings-content.settings-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}@media(max-width:1024px){.settings-content.settings-grid{grid-template-columns:1fr}.sidebar-config-column{margin-top:8px}}.settings-card{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000000d}.settings-card h3{font-size:16px;font-weight:700;color:#1e293b;margin-top:0;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.settings-card h3 span{font-size:14px;color:#94a3b8;font-weight:400}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.address-grid{grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;gap:8px}.full-width{grid-column:span 2}.form-group label{font-size:13px;font-weight:600;color:#475569}.form-group input,.form-group select,.form-group textarea{padding:12px 16px;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;color:#1e293b;background:#f8fafc;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#ef4444;background:#fff;box-shadow:0 0 0 4px #ef44441a}.input-info{font-size:11px;color:#94a3b8;margin-top:-4px}.logo-upload-section{display:flex;flex-direction:row;align-items:flex-end;gap:20px}.logo-preview-box{width:220px;height:80px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;display:flex;align-items:center;justify-content:center}.logo-placeholder{padding:10px}.hotel-logo-brand{display:flex;flex-direction:column;align-items:center;text-align:center}.logo-icon-red{font-size:24px;margin-bottom:4px}.logo-text-red{color:#8c1d1d;font-weight:800;font-size:14px;letter-spacing:.5px}.logo-preview-img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;padding:10px}.logo-preview-img-large{max-width:280px;max-height:80px;-o-object-fit:contain;object-fit:contain}.logo-actions{display:flex;flex-direction:column;gap:8px;flex:1}.browse-btn{background:#fff;border:1.5px solid #d32f2f;color:#d32f2f;padding:8px 16px;border-radius:8px;font-weight:700;font-size:13px;cursor:pointer;transition:all .2s;width:-moz-fit-content;width:fit-content}.browse-btn:hover{background:#fdf2f2}.upload-hint{font-size:11px;color:#94a3b8}.qr-upload-block{margin-top:16px;padding-top:12px;border-top:1px dashed #e2e8f0}.qr-upload-label{display:block;font-size:13px;font-weight:700;color:#334155;margin-bottom:10px}.qr-upload-row{display:flex;gap:14px;align-items:flex-start}.qr-preview-box{width:96px;height:96px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.qr-preview-img{width:88px;height:88px;-o-object-fit:contain;object-fit:contain}.qr-placeholder-text{font-size:11px;color:#94a3b8;font-weight:600}.qr-upload-actions{display:flex;flex-direction:column;gap:8px}.remove-qr-btn{width:-moz-fit-content;width:fit-content;background:#fff;border:1px solid #fecaca;color:#ef4444;padding:7px 12px;border-radius:8px;font-weight:700;font-size:12px;cursor:pointer}.remove-qr-btn:hover{background:#fef2f2}.billing-rows{display:grid;grid-template-columns:320px 1fr;gap:24px}.compact-card{flex:0 0 300px}.compact-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f1f5f9}.compact-row:last-child{border-bottom:none}.compact-row label{font-size:14px;color:#475569}.compact-row select{border:none;background:transparent;font-weight:600;color:#1e293b;font-size:14px;padding:0;cursor:pointer}.detailed-billing{flex:1}.tax-inputs{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:12px 0}.tax-field{display:flex;flex-direction:column;gap:4px}.tax-field label{font-size:11px;color:#94a3b8;margin-bottom:4px;display:block}.input-with-symbol{position:relative}.input-with-symbol .percent{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:12px}.input-with-symbol input{padding-left:30px;width:100%}.select-with-arrow{background:#f8fafc;border:1px solid #e2e8f0;padding:10px;border-radius:8px;display:flex;justify-content:space-between;font-size:14px;font-weight:600}.gst-select{width:100%}.prefix-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.prefix-header h3 span{color:#64748b;font-weight:400;margin-left:8px}.edit-arrow{color:#94a3b8;font-size:20px;cursor:pointer}.invoice-prefix-input{border:1px solid #e2e8f0;background:#f8fafc;border-radius:6px;padding:4px 10px;font-size:14px;font-weight:700;color:#ef4444;width:120px}.settings-card textarea{width:100%;min-height:60px;resize:none}.toggle-group-inline{display:flex;gap:20px;margin-top:15px}.toggle-item{display:flex;align-items:center;gap:8px}.toggle-item input{width:16px;height:16px;accent-color:#ef4444}.toggle-item label{font-size:13px;color:#334155;font-weight:500}.toggle-status{padding:2px 8px;border-radius:10px;font-size:11px;font-weight:700}.toggle-status.yes{background:#fee2e2;color:#b91c1c}.toggle-status.no{background:#fee2e2;color:#ef4444}.sidebar-config-column{display:flex;flex-direction:column}.logo-preview-card{background:#fff;padding:30px;border:1px solid #e2e8f0;border-radius:12px;display:flex;justify-content:center;margin-bottom:20px}.large .logo-icon-red{font-size:36px}.large .logo-text-red{font-size:18px;letter-spacing:1px}.config-toggles{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:15px;display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.config-row{display:flex;justify-content:space-between;align-items:center}.toggle-pill{padding:2px 10px;border-radius:12px;font-size:12px;font-weight:700}.toggle-pill.yes{background:#10b981;color:#fff}.toggle-pill.no{background:#cbd5e1;color:#64748b}.regional-settings,.config-options{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;margin-bottom:20px}.regional-settings h3,.config-options h3{margin-top:0;font-size:15px;margin-bottom:15px;color:#1e293b}.timezone-select{display:flex;align-items:center;gap:8px;background:#f8fafc;border:1px solid #e2e8f0;padding:10px;border-radius:8px;font-size:13px;position:relative}.globe-icon{font-size:16px}.timezone-wrapper{display:flex;align-items:center;gap:8px;background:#f8fafc;border:1px solid #e2e8f0;padding:8px 12px;border-radius:8px;width:100%}.timezone-wrapper select{border:none;background:transparent;font-size:13px;color:#1e293b;flex:1;cursor:pointer}.settings-line select{border:none;background:transparent;font-weight:600;color:#1e293b;font-size:13px;cursor:pointer;text-align:right}.settings-line{display:flex;justify-content:space-between;padding:8px 0;font-size:13px;border-bottom:1px dashed #f1f5f9}.settings-line:last-child{border-bottom:none}.settings-line label{color:#64748b}.settings-line span{font-weight:600}.config-options{padding:20px}.config-option-row{margin-bottom:12px}.checkbox-container{display:flex;align-items:center;position:relative;padding-left:30px;cursor:pointer;font-size:13px;color:#334155;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:500}.checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;top:50%;left:0;transform:translateY(-50%);height:18px;width:18px;background-color:#fff;border:1.5px solid #cbd5e1;border-radius:4px}.checkbox-container:hover input~.checkmark{border-color:#ef4444}.checkbox-container input:checked~.checkmark{background-color:#ef4444;border-color:#ef4444}.checkmark:after{content:"";position:absolute;display:none}.checkbox-container input:checked~.checkmark:after{display:block}.checkbox-container .checkmark:after{left:6px;top:2px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.save-changes-btn{background:#d32f2f;color:#fff;border:none;padding:16px;border-radius:8px;font-weight:700;font-size:16px;cursor:pointer;width:100%;box-shadow:0 4px 6px -1px #d32f2f4d;transition:all .2s;margin-top:10px}.save-changes-btn:hover{background:#b71c1c;transform:translateY(-2px);box-shadow:0 6px 12px -2px #d32f2f66}.save-changes-btn:active{transform:translateY(0)}.compact-card h3,.detailed-billing h3{border-bottom:1px solid #f1f5f9;padding-bottom:12px}.input-with-symbol .percent{left:auto;right:10px;background:#f1f5f9;padding:0 8px;height:100%;display:flex;align-items:center;border-left:1px solid #e2e8f0;border-radius:0 8px 8px 0}.input-with-symbol input{padding-left:12px;padding-right:40px}.room-management-section{background:#fff;border-radius:12px;padding:24px;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000000d;width:100%;margin-bottom:24px}.section-header-row{width:100%}.section-header-row h2{font-size:24px;font-weight:700;color:#1e293b;margin-bottom:25px;text-align:left}.management-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.sub-tabs{display:flex;background:#f1f5f9;padding:4px;border-radius:10px;gap:4px}.sub-tab-btn{padding:10px 20px;border:none;background:transparent;color:#64748b;font-weight:600;font-size:14px;cursor:pointer;border-radius:8px;transition:all .2s;display:flex;align-items:center;gap:8px}.sub-tab-btn.active{background:#fff;color:#d32f2f;box-shadow:0 2px 4px #0000000d}.add-room-btn{background:#d32f2f;color:#fff;border:none;padding:10px 24px;border-radius:8px;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s}.add-room-btn:hover{background:#b71c1c;transform:translateY(-1px)}.search-bar-container{margin-bottom:25px}.search-input-wrapper{position:relative;max-width:450px}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:16px}.search-input-wrapper input{width:100%;padding:12px 14px 12px 40px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;font-size:14px;transition:all .2s}.search-input-wrapper input:focus{outline:none;border-color:#ef4444;background:#fff;box-shadow:0 0 0 4px #ef44441a}.rooms-table-card{border:1px solid #f1f5f9;border-radius:12px;overflow:hidden}.rooms-management-table{width:100%;border-collapse:collapse;text-align:left}.rooms-management-table th{background:#f8fafc;padding:16px 20px;font-size:13px;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #f1f5f9}.rooms-management-table th .sort-icon{margin-left:6px;color:#94a3b8}.rooms-management-table td{padding:18px 20px;border-bottom:1px solid #f1f5f9;font-size:14px;color:#334155;vertical-align:middle}.rooms-management-table tr:hover{background:#fdf2f2}.room-no-cell{vertical-align:middle}.room-cat-inline{display:inline-flex;align-items:center;gap:8px;font-weight:600}.bold-no{font-weight:700;font-size:15px;color:#1e293b}.sub-no{font-size:12px;color:#94a3b8}.cat-cell{font-weight:600;vertical-align:middle}.bed-icon-sm{color:#64748b}.tariff-cell{font-weight:700}.per-night{font-weight:400;color:#94a3b8;font-size:12px}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:700}.status-pill.available{background:#fee2e2;color:#b91c1c;border:1px solid #fecaca}.status-pill.disabled-pill{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.check{font-weight:700}.user-full-name{font-weight:700;color:#1e293b}.role-icon-sm{margin-right:8px}.actions-cell{display:flex;gap:10px}.edit-action,.delete-action{padding:8px 14px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;border:1px solid transparent}.edit-action{background:#f1f5f9;border:1px solid #e2e8f0;color:#475569}.edit-action:hover{background:#e2e8f0}.delete-action{background:#fff;border:1px solid #fecaca;color:#ef4444}.delete-action:hover{background:#fef2f2}.users-management-section{background:#fff;border-radius:12px;padding:24px;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000000d;width:100%;position:relative;margin-bottom:24px}.user-section-banner{position:absolute;top:20px;right:30px;width:180px;height:100px;-o-object-fit:cover;object-fit:cover;border-radius:12px;box-shadow:0 10px 15px -3px #0000001a;border:2px solid #fff}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:25px}.stat-card{padding:24px;border-radius:12px;color:#fff;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden;box-shadow:0 4px 6px #0000000d}.stat-card.stat-card-total{background:linear-gradient(135deg,#e11d48,#be123c)}.stat-card.stat-card-active{background:linear-gradient(135deg,#ef4444,#e31e24)}.stat-card.stat-card-disabled{background:linear-gradient(135deg,#f43f5e,#e11d48)}.stat-card.stat-card-roles{background:linear-gradient(135deg,#9f1239,#881337)}.stat-label{font-size:14px;font-weight:500;opacity:.9;margin-bottom:8px}.stat-value{font-size:32px;font-weight:800}.stat-icon-bg{font-size:48px;opacity:.15;position:absolute;right:-10px;bottom:-10px}.search-input-wrapper.wide{max-width:650px;flex:1}.billing-setup-section{background:#fff;border-radius:12px;padding:24px;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000000d;width:100%;margin-bottom:24px}.billing-setup-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card-header-icon{display:flex;align-items:center;gap:12px;padding-bottom:15px;border-bottom:1px solid #f1f5f9}.red-icon{background:#fdf2f2;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center}.billing-field-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f8fafc}.tax-help-text{margin:0 0 14px;color:#1f2937;font-size:16px;line-height:1.4}.tax-slab-row{gap:18px}.tax-slab-range-wrap{display:flex;align-items:center;gap:10px}.tax-slab-separator{font-size:24px;color:#475569;line-height:1}.tax-slab-input{width:112px;padding:8px 12px;border:1.5px solid #f1f5f9;border-radius:8px;background:#f8fafc;font-weight:700;color:#1e293b}.tax-slab-rate-input-wrap{min-width:148px}.billing-field-row.special{background:#fdf2f222;margin:0 -30px;padding:12px 30px}.billing-field-row label{font-size:14px;font-weight:600;color:#475569}.billing-field-row input[type=text],.billing-field-row select{padding:8px 12px;border:1.5px solid #f1f5f9;border-radius:8px;background:#f8fafc;text-align:right;font-weight:700;color:#1e293b;max-width:150px}.short-input{width:100px}.toggle-switch{width:60px;height:30px;background:#e2e8f0;border-radius:15px;position:relative;cursor:pointer;transition:all .3s;display:flex;align-items:center;padding:0 8px;font-size:11px;font-weight:800;color:#fff;justify-content:flex-end}.toggle-switch.active{background:#d32f2f;justify-content:flex-start}.switch-knob{position:absolute;width:22px;height:22px;background:#fff;border-radius:50%;left:4px;transition:all .3s;box-shadow:0 2px 4px #0000001a}.toggle-switch.active .switch-knob{left:34px}.status-badge-green{background:#fee2e2;color:#b91c1c;padding:4px 10px;border-radius:8px;font-weight:800;font-size:12px}.label-with-icon{display:flex;align-items:center;gap:10px}.mode-icon{background:#fff;padding:6px;border-radius:6px;border:1px solid #e2e8f0}.label-with-check{display:flex;align-items:center;gap:10px}.input-with-symbol-right{position:relative;display:flex;align-items:center}.input-with-symbol-right input{padding-right:40px!important}.symbol-box{position:absolute;right:0;height:100%;background:#f1f5f9;padding:0 10px;border-left:1px solid #e2e8f0;border-radius:0 8px 8px 0;display:flex;align-items:center;font-size:12px;color:#64748b}.billing-actions-footer{grid-column:span 3;display:flex;flex-direction:column;gap:12px;margin-top:20px}.save-billing-btn{background:#d32f2f;color:#fff;border:none;padding:16px;border-radius:10px;font-weight:800;font-size:16px;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:10px}.reset-billing-btn{background:#f8fafc;color:#64748b;border:1.5px solid #e2e8f0;padding:14px;border-radius:10px;font-weight:700;font-size:15px;cursor:pointer}.arrow-btn{font-size:20px}@media(max-width:1400px){.billing-setup-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.billing-setup-grid{grid-template-columns:1fr}.stats-row{grid-template-columns:1fr 1fr}}.status-pill.disabled{background:#fee2e2;color:#e31e24}@media(max-width:768px){.company-settings-container{padding:14px}.company-settings-header{margin-bottom:14px}.header-title{align-items:flex-start;flex-wrap:wrap;gap:8px}.header-title h1{font-size:22px}.breadcrumb{margin-left:0;width:100%}.settings-tabs{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;white-space:nowrap;gap:8px;padding:0 8px;margin-bottom:14px}.tab-btn{flex:0 0 auto;padding:12px 16px}.settings-content.settings-grid{grid-template-columns:1fr;gap:14px}.main-form-column,.sidebar-config-column{width:100%}.sidebar-config-column{margin-top:2px}.settings-card,.logo-preview-card,.config-toggles,.regional-settings,.config-options{margin-bottom:14px}.settings-card{padding:16px}.form-grid,.address-grid,.billing-rows,.tax-inputs{grid-template-columns:1fr;gap:12px}.full-width{grid-column:span 1}.logo-upload-section{flex-direction:column;align-items:flex-start;gap:12px}.logo-preview-box{width:100%;max-width:220px}.logo-actions,.browse-btn{width:100%}.toggle-group-inline{flex-direction:column;gap:10px}.prefix-header{flex-direction:column;align-items:flex-start;gap:10px}.invoice-prefix-input{width:100%;max-width:180px}.config-row{gap:8px}.management-toolbar{margin-bottom:14px}.sub-tabs{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.sub-tab-btn{min-width:0;width:100%;justify-content:center;text-align:center;padding:10px 8px;font-size:13px;line-height:1.25}}.report-container{background:#f8f9fb;min-height:100vh;padding:0;font-family:Inter,Segoe UI,-apple-system,sans-serif;width:100%;box-sizing:border-box;overflow-x:hidden}.report-container *{box-sizing:border-box}.report-header{background:#f8f9fb;padding:24px 28px 18px;border-bottom:none;display:flex;flex-direction:column;gap:16px;position:relative;overflow:visible}.header-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.header-top h1{font-size:34px;font-weight:800;color:#1a1a2e;margin:0;letter-spacing:-.5px;text-transform:uppercase}.btn-generate-top{background:linear-gradient(135deg,#e31e24,#b91c1c);color:#fff;border:none;padding:10px 24px;border-radius:10px;font-weight:700;font-size:13px;cursor:pointer;box-shadow:0 2px 8px #dc262640;min-width:160px;transition:all .2s}.btn-generate-top:hover{transform:translateY(-1px);box-shadow:0 6px 16px #dc262652}.btn-generate-top:active{transform:scale(.98)}.header-filters-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:#fff;border:1px solid #e9edf3;border-radius:14px;padding:16px 20px;box-shadow:0 1px 4px #0000000a;width:100%;overflow:visible}.date-filter-group{display:flex;flex-direction:row;align-items:center;gap:20px;min-width:0}.filter-item{display:flex;flex-direction:column;gap:4px;min-width:0}.filter-item label{font-size:11px;font-weight:800;color:#8a8a98;text-transform:uppercase;letter-spacing:.5px}.filter-item input{padding:9px 12px;border:1.5px solid #e5e7eb;border-radius:8px;font-size:13px;color:#1f2937;outline:none;background:#fafafa;min-width:165px;width:100%;max-width:100%}.filter-item input:focus{border-color:#e31e24;background:#fff;box-shadow:0 0 0 3px #dc262614}.date-separator{color:#cbd5e1;margin-bottom:10px;font-size:14px}.report-tabs-outer{margin-top:10px}.report-tabs{display:flex;gap:8px;background:transparent;padding:0;width:100%;border:none;border-bottom:2px solid #fee2e2;border-radius:0}.report-tab{background:transparent;border:none;color:#64748b;padding:12px 24px;border-radius:8px 8px 0 0;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s;position:relative;margin-bottom:-2px}.report-tab:hover{color:#ef4444}.report-tab.active{background:#fff1f2;color:#d32f2f;border-bottom:2px solid #ef4444;box-shadow:none}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.report-content{width:100%;max-width:100%;margin:0;padding:0 28px 28px;animation:fadeSlideUp .4s ease-out forwards;box-sizing:border-box;overflow-x:hidden}.report-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-bottom:20px}.stat-card{background:#fff;padding:20px 24px;border-radius:14px;border:1px solid #fee2e2;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #0000000a;transition:all .2s}.stat-card:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.stat-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px}.stat-info{display:flex;flex-direction:column}.stat-label{font-size:12px;font-weight:600;color:#64748b}.stat-value{font-size:20px;font-weight:800;color:#0f172a;margin:2px 0}.stat-sub{font-size:10px;color:#94a3b8}.summary-stat-card{border-radius:16px;border:1px solid #f1d5d8;padding:14px;min-height:96px;display:flex;align-items:flex-start;gap:10px;box-shadow:0 6px 16px #a3142014;transition:transform .18s ease,box-shadow .18s ease;min-width:0}.summary-stat-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #a3142024}.summary-stat-card .stat-info{flex:1}.summary-stat-card .stat-value{font-size:clamp(16px,1.9vw,24px);line-height:1.08;letter-spacing:-.02em;font-weight:800}.summary-stat-card .stat-label{margin-top:4px;display:block;text-transform:uppercase;letter-spacing:.08em;font-weight:700;font-size:.72rem}.summary-stat-card.report-tone-red,.overview-sub-card.report-tone-red{background:linear-gradient(135deg,#fff1f2,#ffe4e6);border-color:#fecdd3}.summary-stat-card.report-tone-primary,.overview-sub-card.report-tone-primary{background:linear-gradient(135deg,#ef1b25,#d70f1f);border-color:#d70f1f}.summary-stat-card.report-tone-primary .stat-label,.overview-sub-card.report-tone-primary .overview-label,.summary-stat-card.report-tone-primary .stat-value,.overview-sub-card.report-tone-primary .overview-huge-value,.overview-sub-card.report-tone-primary .overview-count{color:#fff}.summary-stat-card.report-tone-red .stat-label,.overview-sub-card.report-tone-red .overview-label{color:#9f1239}.summary-stat-card.report-tone-red .stat-value,.overview-sub-card.report-tone-red .overview-huge-value,.overview-sub-card.report-tone-red .overview-count{color:#881337}.summary-stat-card.report-tone-rose,.overview-sub-card.report-tone-rose{background:linear-gradient(135deg,#fff4f6,#ffe9ee);border-color:#fbcfe8}.summary-stat-card.report-tone-rose .stat-label,.overview-sub-card.report-tone-rose .overview-label{color:#9d174d}.summary-stat-card.report-tone-rose .stat-value,.overview-sub-card.report-tone-rose .overview-huge-value,.overview-sub-card.report-tone-rose .overview-count{color:#831843}.summary-stat-card.report-tone-blue,.overview-sub-card.report-tone-blue{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#bfdbfe}.summary-stat-card.report-tone-blue .stat-label,.overview-sub-card.report-tone-blue .overview-label{color:#1e40af}.summary-stat-card.report-tone-blue .stat-value,.overview-sub-card.report-tone-blue .overview-huge-value,.overview-sub-card.report-tone-blue .overview-count{color:#1d4ed8}.summary-stat-card.report-tone-green,.overview-sub-card.report-tone-green{background:linear-gradient(135deg,#ecfdf5,#dcfce7);border-color:#bbf7d0}.summary-stat-card.report-tone-green .stat-label,.overview-sub-card.report-tone-green .overview-label{color:#166534}.summary-stat-card.report-tone-green .stat-value,.overview-sub-card.report-tone-green .overview-huge-value,.overview-sub-card.report-tone-green .overview-count{color:#14532d}.summary-stat-card.report-tone-amber,.overview-sub-card.report-tone-amber{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#fde68a}.summary-stat-card.report-tone-amber .stat-label,.overview-sub-card.report-tone-amber .overview-label{color:#92400e}.summary-stat-card.report-tone-amber .stat-value,.overview-sub-card.report-tone-amber .overview-huge-value,.overview-sub-card.report-tone-amber .overview-count{color:#78350f}.summary-stat-card.report-tone-purple,.overview-sub-card.report-tone-purple{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-color:#ddd6fe}.summary-stat-card.report-tone-purple .stat-label,.overview-sub-card.report-tone-purple .overview-label{color:#5b21b6}.summary-stat-card.report-tone-purple .stat-value,.overview-sub-card.report-tone-purple .overview-huge-value,.overview-sub-card.report-tone-purple .overview-count{color:#4c1d95}.billing-summary-card .billing-summary-icon{width:40px;height:40px;border-radius:10px;font-size:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.billing-summary-card-1{background:linear-gradient(135deg,#ef1b25,#d70f1f);border-color:#d70f1f;color:#fff}.billing-summary-card-1 .billing-summary-icon{background:#fff3;color:#fff}.billing-summary-card-1 .stat-label,.billing-summary-card-1 .stat-value{color:#fff}.billing-summary-card-2{background:linear-gradient(135deg,#fff1f2,#ffe4e6);border-color:#fecdd3}.billing-summary-card-2 .billing-summary-icon{background:#ffe4e6;color:#be123c}.billing-summary-card-2 .stat-label{color:#9f1239}.billing-summary-card-2 .stat-value{color:#831843}.billing-summary-card-3{background:linear-gradient(135deg,#ffe4e6,#fecdd3);border-color:#fda4af}.billing-summary-card-3 .billing-summary-icon{background:#ffd4da;color:#9f1239}.billing-summary-card-3 .stat-label{color:#9f1239}.billing-summary-card-3 .stat-value{color:#881337}.billing-summary-card-4{background:linear-gradient(135deg,#fff5f5,#fee2e2);border-color:#fecaca}.billing-summary-card-4 .billing-summary-icon{background:#fee2e2;color:#b91c1c}.billing-summary-card-4 .stat-label{color:#b91c1c}.billing-summary-card-4 .stat-value{color:#991b1b}@media(max-width:1200px){.summary-stat-card{min-height:88px;padding:12px}.summary-stat-card .stat-value{font-size:clamp(15px,2vw,22px)}}@media(max-width:900px){.summary-stat-card{min-height:80px}.summary-stat-card .stat-label{font-size:.66rem}}.summary-overview-section{background:#fff;padding:24px;border-radius:16px;border:1px solid #e9edf3;margin-bottom:25px;box-shadow:0 1px 4px #0000000a;width:100%;box-sizing:border-box}.overview-sub-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}.overview-sub-card{background:#fff;padding:16px 20px;border-radius:12px;display:flex;align-items:center;gap:16px;border:1px solid #f1f5f9;transition:all .2s;min-width:0}.overview-sub-card:hover{box-shadow:0 2px 8px #0000000a}.overview-icon-box{width:44px;height:44px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px}.overview-icon-box.green-icon{background:#10b981;color:#fff}.overview-icon-box.pink-icon{background:#fff1f2;color:#ef4444}.overview-text{display:flex;flex-direction:column}.overview-label{font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase}.overview-huge-value{font-size:22px;font-weight:800;color:#0f172a}.overview-subtext{font-size:10px;color:#94a3b8}.overview-count{font-size:11px;color:#475569;font-weight:600}.transaction-breakdown-section{background:#fff;padding:24px;border-radius:16px;border:1px solid #fee2e2;margin-bottom:25px;box-shadow:0 4px 6px -1px #0000000d;width:100%;box-sizing:border-box}.breakdown-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;width:100%}.breakdown-column h3{font-size:13px;font-weight:700;color:#1e293b;margin-bottom:15px;padding-bottom:8px;border-bottom:2px solid #f1f5f9}.breakdown-items{display:flex;flex-direction:column;gap:8px}.breakdown-item{display:flex;align-items:center;padding:10px 14px;background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;transition:all .2s}.breakdown-item:hover{background:#fff;border-color:#e2e8f0}.item-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:12px;margin-right:12px}.breakdown-item.received .item-icon{color:#10b981}.breakdown-item.made .item-icon{color:#ef4444}.item-label{font-size:13px;font-weight:500;color:#475569;flex:1}.item-value{font-size:13px;font-weight:700}.breakdown-item.received .item-value{color:#10b981}.breakdown-item.made .item-value{color:#ef4444}.report-data-card{background:#fff;border-radius:16px;border:1px solid #e9edf3;overflow:visible;margin-top:15px;box-shadow:0 1px 4px #0000000a}.report-table{width:100%;border-collapse:collapse}.report-table th{background:#f8f9fb;padding:14px 24px;font-size:11px;font-weight:700;color:#777;text-align:left;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e5e7eb;white-space:nowrap}.report-table td{padding:14px 24px;font-size:14px;color:#1f2937;border-bottom:1px solid #f0f2f5}.report-table tbody tr:hover{background:#fafafa}.row-action-cell{position:relative;width:90px}.row-action-wrap{position:relative;display:inline-flex;justify-content:flex-end;width:100%}.row-print-btn{border:1px solid #fecdd3;background:#fff1f2;color:#be123c;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:700;cursor:pointer;transition:all .18s ease}.row-print-btn:hover{background:#ffe4e6;border-color:#fb7185}.row-print-menu{position:fixed;width:210px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 12px 30px #0f172a29;padding:8px;z-index:9999;display:flex;flex-direction:column;gap:4px;max-height:270px;overflow-y:auto;animation:rowPrintRise .18s ease}.row-print-menu.open-up{transform-origin:bottom right}.row-print-menu.open-down{transform-origin:top right}.row-print-option{width:100%;border:1px solid transparent;background:#fff;color:#1f2937;border-radius:8px;padding:7px 9px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:700;text-align:left}.row-print-option small{color:#6b7280;font-size:10px;font-weight:600}.row-print-option:hover{border-color:#fecdd3;background:#fff1f2;color:#9f1239}@keyframes rowPrintRise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.report-actions{display:flex;gap:10px;justify-content:flex-end;margin-bottom:12px;flex-wrap:wrap}.report-actions button{background:#fff;border:1.5px solid #e5e7eb;padding:9px 20px;border-radius:10px;font-size:13px;font-weight:600;color:#555;cursor:pointer;transition:all .15s}.report-actions button:hover{border-color:#e31e24;color:#e31e24;background:#fff}.control-group-header{display:flex;flex-direction:column;gap:4px;min-width:0;min-width:160px}.control-group-header label{font-size:11px;font-weight:700;color:#8a8a98;text-transform:uppercase;letter-spacing:.5px}.control-group-header select{padding:8px 34px 8px 12px;border:1.5px solid #e5e7eb;border-radius:8px;font-size:13px;font-weight:500;color:#333;outline:none;background:#fafafa;min-width:140px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23888' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;width:100%;max-width:100%}.control-group-header select:focus{border-color:#e31e24;box-shadow:0 0 0 3px #dc262614;background-color:#fff}.responsive-filter-group{position:relative;z-index:5}.responsive-filter-group.open{z-index:5000}.responsive-select-trigger{width:100%;min-height:38px;border:1.5px solid #e5e7eb;border-radius:8px;background:#fafafa;color:#333;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap}.responsive-select-trigger>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.responsive-select-trigger.open,.responsive-select-trigger:focus-visible{border-color:#e31e24;background:#fff;box-shadow:0 0 0 3px #dc262614;outline:none}.responsive-select-caret{color:#666;font-size:12px;flex:0 0 auto}.responsive-select-menu{position:absolute;left:0;right:auto;top:calc(100% + 6px);width:-moz-max-content;width:max-content;min-width:100%;max-width:min(320px,calc(100vw - 24px));max-height:240px;overflow-y:auto;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 12px 30px #0f172a29;z-index:5100;padding:6px}.responsive-select-option{width:100%;border:none;background:transparent;text-align:left;padding:9px 10px;border-radius:8px;font-size:14px;color:#1f2937;cursor:pointer;white-space:nowrap}.responsive-select-option:hover{background:#fff1f2;color:#be123c}.responsive-select-option.active{background:#fee2e2;color:#b91c1c;font-weight:700}.header-tabs{display:flex;gap:4px;flex-wrap:wrap;background:#fff;border:1px solid #e9edf3;border-radius:14px;padding:5px;box-shadow:0 1px 4px #0000000a;position:relative;z-index:1}.tab-item{background:transparent;border:none;color:#777;padding:11px 16px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.tab-item:hover{background:#f5f5f5;color:#333}.tab-item.active{background:linear-gradient(135deg,#e31e24,#b91c1c);color:#fff;box-shadow:0 2px 8px #dc262640}.section-title{margin:0 0 14px;font-size:20px;font-weight:800;letter-spacing:-.2px;color:#1a1a2e;text-transform:uppercase}.overview-container-card{background:#fff;border:1px solid #e9edf3;border-radius:14px;padding:16px;box-shadow:0 1px 4px #0000000a;min-width:0}.table-responsive{overflow-x:auto;overflow-y:visible;width:100%;position:relative}.report-data-card .table-responsive{overflow-x:auto;overflow-y:visible}.billing-summary-grid,.analytics-summary-grid,.discount-summary-grid,.gst-summary-grid,.billing-breakdown-grid,.reservation-summary-grid,.report-charts-grid{gap:12px!important}@media(max-width:992px){.report-header{padding:18px 16px 14px}.report-content{padding:0 16px 20px}.overview-sub-grid,.reservation-summary-grid,.billing-summary-grid,.analytics-summary-grid,.gst-summary-grid,.discount-summary-grid{grid-template-columns:repeat(2,1fr)!important}.billing-breakdown-grid,.report-charts-grid,.kitchen-snapshot-top-grid{grid-template-columns:1fr!important}}@media(max-width:900px){.header-filters-row{flex-direction:column;align-items:stretch;gap:12px;padding:14px}.header-filters-row>*{width:100%;min-width:0}.date-filter-group{width:100%;gap:12px;flex-wrap:wrap}.filter-item,.control-group-header{width:100%}.filter-item input,.control-group-header select,.responsive-select-trigger{width:100%;min-width:0;max-width:100%}.responsive-filter-group .responsive-select-menu{width:100%;min-width:100%;max-width:100%}.header-tabs{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.tab-item{white-space:nowrap;flex:0 0 auto}}@media(max-width:768px){.header-filters-row{flex-direction:column;align-items:stretch;gap:12px;padding:14px}.date-filter-group{width:100%;gap:12px;flex-wrap:wrap}.filter-item,.control-group-header{width:100%}.filter-item input,.control-group-header select{width:100%;min-width:0;max-width:100%;font-size:16px}.responsive-select-trigger,.responsive-select-option{font-size:16px}.responsive-filter-group .responsive-select-menu{top:calc(100% + 6px);bottom:auto;transform-origin:top center;width:100%;min-width:100%;max-width:100%;max-height:220px}.header-filters-row>*{width:100%;min-width:0}.summary-stat-card{padding:20px;border-radius:12px;display:flex;flex-direction:column;gap:10px}}@media(max-width:600px){.header-top{flex-direction:column;align-items:flex-start}.btn-generate-top{width:100%}.header-tabs{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.tab-item{white-space:nowrap;flex:0 0 auto;padding:10px 15px}.overview-sub-grid,.reservation-summary-grid,.billing-summary-grid,.analytics-summary-grid,.discount-summary-grid,.gst-summary-grid{grid-template-columns:1fr!important;gap:10px!important}.overview-container-card{padding:12px}.report-actions{justify-content:stretch;width:100%}.report-actions button{flex:1 1 140px;min-width:0}.section-title{font-size:18px}}.kitchen-snapshot-top-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:10px;align-items:start}.kitchen-snapshot-top-grid>.overview-container-card{min-width:0;overflow:hidden}.kitchen-snapshot-top-grid .kitchen-metric-grid{grid-template-columns:repeat(auto-fit,minmax(96px,1fr))!important;gap:8px}.kitchen-snapshot-top-grid .kitchen-metric-card{min-width:0}.kitchen-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:0}.kitchen-metric-grid-3{grid-template-columns:repeat(3,minmax(160px,1fr))}.kitchen-metric-card{min-height:68px;padding:10px 12px;border-width:1px;border-radius:12px;box-shadow:0 2px 7px #a3142012}.kitchen-metric-card .stat-label{font-size:.58rem;letter-spacing:.08em}.kitchen-metric-card .stat-value{font-size:clamp(18px,1.8vw,28px);line-height:1.05}.kitchen-compact-section{padding:14px}.kitchen-compact-section .section-title{margin-bottom:10px;font-size:1.45rem}.kitchen-compact-section .overview-container-card{padding:10px;border-radius:12px}.kitchen-compact-section .overview-container-card h3{margin-bottom:8px;font-size:.88rem}.kitchen-metric-card.tone-red{background:linear-gradient(135deg,#fff1f2,#ffe4e6);border-color:#fecdd3}.kitchen-metric-card.tone-red .stat-label{color:#9f1239}.kitchen-metric-card.tone-red .stat-value{color:#881337}.kitchen-metric-card.tone-rose{background:linear-gradient(135deg,#fff4f5,#ffe8ec);border-color:#fbcfe8}.kitchen-metric-card.tone-rose .stat-label{color:#9d174d}.kitchen-metric-card.tone-rose .stat-value{color:#831843}.kitchen-metric-card.tone-orange{background:linear-gradient(135deg,#fff7ed,#ffedd5);border-color:#fed7aa}.kitchen-metric-card.tone-orange .stat-label{color:#9a3412}.kitchen-metric-card.tone-orange .stat-value{color:#7c2d12}.kitchen-metric-card.tone-amber{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#fde68a}.kitchen-metric-card.tone-amber .stat-label{color:#92400e}.kitchen-metric-card.tone-amber .stat-value{color:#78350f}.kitchen-metric-card.tone-blue{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#bfdbfe}.kitchen-metric-card.tone-blue .stat-label{color:#1e40af}.kitchen-metric-card.tone-blue .stat-value{color:#1d4ed8}.kitchen-metric-card.tone-indigo{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-color:#c7d2fe}.kitchen-metric-card.tone-indigo .stat-label{color:#4338ca}.kitchen-metric-card.tone-indigo .stat-value{color:#3730a3}.kitchen-metric-card.tone-slate{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#cbd5e1}.kitchen-metric-card.tone-slate .stat-label{color:#334155}.kitchen-metric-card.tone-slate .stat-value{color:#0f172a}.kitchen-metric-card.tone-green{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#bbf7d0}.kitchen-metric-card.tone-green .stat-label{color:#166534}.kitchen-metric-card.tone-green .stat-value{color:#14532d}.kitchen-metric-card.tone-purple{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-color:#ddd6fe}.kitchen-metric-card.tone-purple .stat-label{color:#5b21b6}.kitchen-metric-card.tone-purple .stat-value{color:#4c1d95}@media(max-width:1024px){.report-stats-grid{grid-template-columns:1fr 1fr}.kitchen-snapshot-top-grid{grid-template-columns:1fr}}@media(max-width:768px){.report-stats-grid,.overview-cards-grid{grid-template-columns:1fr}.header-top{flex-direction:column;align-items:flex-start;gap:12px}.report-content{padding:0 14px 16px}.summary-overview-section{padding:14px}.section-title,.header-top h1{font-size:24px}.kitchen-metric-grid,.kitchen-metric-grid-3{grid-template-columns:repeat(2,minmax(120px,1fr))}.kitchen-metric-card{min-height:60px;padding:8px 10px}.kitchen-metric-card .stat-value{font-size:clamp(16px,5.8vw,24px)}.kitchen-compact-section{padding:10px}}.sr-container{padding:28px 32px;min-height:100vh;background:#f8f9fb;font-family:Inter,Segoe UI,-apple-system,sans-serif;width:100%;box-sizing:border-box}.sr-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.sr-title{font-size:26px;font-weight:800;color:#1a1a2e;margin:0;letter-spacing:-.5px}.sr-subtitle{font-size:13px;color:#888;margin:4px 0 0}.sr-header-actions{display:flex;gap:10px}.sr-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;border:none;transition:all .2s}.sr-btn-primary{background:linear-gradient(135deg,#e31e24,#b91c1c);color:#fff;box-shadow:0 2px 8px #dc262640}.sr-btn-primary:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);transform:translateY(-1px);box-shadow:0 4px 16px #dc262659}.sr-btn-outline{background:#fff;color:#555;border:1.5px solid #e0e0e0}.sr-btn-outline:hover{border-color:#e31e24;color:#e31e24;background:#fff5f5}.sr-filters-bar{display:flex;align-items:flex-end;gap:16px;background:#fff;padding:18px 24px;border-radius:14px;box-shadow:0 1px 4px #0000000a;margin-bottom:24px;flex-wrap:wrap}.sr-filter-group{display:flex;flex-direction:column;gap:5px}.sr-filter-group label{font-size:11px;font-weight:700;color:#999;text-transform:uppercase;letter-spacing:.5px}.sr-filter-group select{padding:8px 32px 8px 12px;border:1.5px solid #e5e5e5;border-radius:8px;font-size:13px;font-weight:500;color:#333;background:#fafafa;cursor:pointer;outline:none;min-width:140px;transition:border-color .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23888' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.sr-filter-group select:focus{border-color:#e31e24;box-shadow:0 0 0 3px #dc262614}.sr-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 0;gap:16px}.sr-spinner{width:40px;height:40px;border:3px solid #f0f0f0;border-top:3px solid #E31E24;border-radius:50%;animation:sr-spin .8s linear infinite}@keyframes sr-spin{to{transform:rotate(360deg)}}.sr-loading p{color:#888;font-size:14px}.sr-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px}.sr-card{background:#fff;border-radius:16px;padding:22px 24px;display:flex;align-items:center;gap:18px;box-shadow:0 1px 4px #0000000a;transition:all .25s;border:1.5px solid transparent}.sr-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000014}.sr-card-total{background:#f7dde0;border-color:#f0c9cf}.sr-card-active{background:#f4efe7;border-color:#efd9c4}.sr-card-performance{background:#eceef3;border-color:#d7dce7}.sr-card-top{background:#dae7ff;border-color:#bdd2f6}.sr-card-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sr-card-total .sr-card-icon{background:#f3b9c1;color:#e73143}.sr-card-total:hover{border-color:#93c5fd}.sr-card-active .sr-card-icon{background:#f2d5b8;color:#ea580c}.sr-card-active:hover{border-color:#86efac}.sr-card-performance .sr-card-icon{background:#c9ced7;color:#6b7280}.sr-card-performance:hover{border-color:#fcd34d}.sr-card-top .sr-card-icon{background:#a8c6f7;color:#2563eb}.sr-card-top:hover{border-color:#fca5a5}.sr-card-content{display:flex;flex-direction:column}.sr-card-value{font-size:28px;font-weight:800;color:#1a1a2e;line-height:1.1}.sr-card-value small{font-size:14px;color:#999;font-weight:600}.sr-card-value-name{font-size:18px;word-break:break-word}.sr-card-label{font-size:12px;color:#5b667a;font-weight:600;margin-top:4px;text-transform:uppercase;letter-spacing:.3px}.sr-tabs{display:flex;gap:4px;background:#fff;padding:5px;border-radius:14px;box-shadow:0 1px 4px #0000000a;margin-bottom:20px}.sr-tab{flex:1;padding:11px 16px;border:none;background:transparent;border-radius:10px;font-size:13px;font-weight:600;color:#777;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.sr-tab:hover{background:#f5f5f5;color:#333}.sr-tab.active{background:linear-gradient(135deg,#e31e24,#b91c1c);color:#fff;box-shadow:0 2px 8px #dc262640}.sr-tab-icon{font-size:15px}.sr-section{background:#fff;border-radius:16px;padding:24px;box-shadow:0 1px 4px #0000000a}.sr-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.sr-section-header h2{font-size:18px;font-weight:700;color:#1a1a2e;margin:0}.sr-search-box{display:flex;align-items:center;gap:8px;background:#f5f5f5;border:1.5px solid #e5e5e5;border-radius:10px;padding:8px 14px;min-width:220px;transition:border-color .2s}.sr-search-box:focus-within{border-color:#e31e24;background:#fff;box-shadow:0 0 0 3px #dc262614}.sr-search-box input{border:none;background:transparent;font-size:13px;outline:none;width:100%;color:#333}.sr-search-clear{border:none;background:none;font-size:18px;color:#999;cursor:pointer;padding:0;line-height:1}.sr-search-clear:hover{color:#e31e24}.sr-table-wrapper{overflow-x:auto;border-radius:12px;border:1px solid #f0f0f0}.sr-table{width:100%;border-collapse:collapse;font-size:13px}.sr-table thead th{background:#fafafa;padding:13px 16px;text-align:left;font-size:11px;font-weight:700;color:#888;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #f0f0f0;cursor:pointer;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color .2s}.sr-table thead th:hover{color:#e31e24}.sr-table tbody tr{border-bottom:1px solid #f5f5f5;transition:background .15s}.sr-table tbody tr:hover{background:#fef2f2}.sr-table tbody td{padding:14px 16px;color:#444;vertical-align:middle}.sr-inactive-row{opacity:.5}.sr-staff-cell{display:flex;align-items:center;gap:12px}.sr-avatar{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;flex-shrink:0}.sr-staff-name{font-weight:600;color:#1a1a2e}.sr-inactive-badge{display:inline-block;font-size:10px;background:#fee2e2;color:#e31e24;padding:1px 6px;border-radius:4px;margin-left:6px;font-weight:600}.sr-role-badge{display:inline-block;background:#f0f0f0;color:#555;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;text-transform:capitalize}.sr-shift-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600}.sr-shift-morning{background:#fef3c7;color:#92400e}.sr-shift-evening{background:#ede9fe;color:#5b21b6}.sr-shift-night{background:#e0e7ff;color:#3730a3}.sr-attendance-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600}.sr-performance-cell{display:flex;align-items:center;gap:10px}.sr-performance-bar-bg{width:80px;height:6px;background:#f0f0f0;border-radius:3px;overflow:hidden}.sr-performance-bar-fill{height:100%;border-radius:3px;transition:width .4s ease}.sr-performance-value{font-size:13px;font-weight:700;white-space:nowrap}.sr-salary{font-weight:600;color:#333}.sr-salary-highlight{font-weight:700;color:#16a34a;font-size:14px}.sr-date{color:#888;font-size:12px}.sr-empty{text-align:center;padding:40px!important;color:#999;font-size:14px}.sr-total-row{background:#fafafa!important;border-top:2px solid #e5e5e5}.sr-sort-icon{font-size:12px;color:#ccc;margin-left:4px}.sr-sort-icon.active{color:#e31e24}.sr-attendance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.sr-att-card{padding:24px;border-radius:14px;text-align:center;border:1.5px solid transparent;transition:all .25s}.sr-att-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000000f}.sr-att-present{background:#f0fdf4;border-color:#bbf7d0}.sr-att-absent{background:#fef2f2;border-color:#fecaca}.sr-att-leave{background:#fffbeb;border-color:#fde68a}.sr-att-number{font-size:40px;font-weight:800;line-height:1.1}.sr-att-present .sr-att-number{color:#16a34a}.sr-att-absent .sr-att-number{color:#e31e24}.sr-att-leave .sr-att-number{color:#d97706}.sr-att-label{font-size:14px;font-weight:700;color:#555;margin:8px 0 14px;text-transform:uppercase;letter-spacing:.5px}.sr-att-bar{height:6px;background:#00000014;border-radius:3px;overflow:hidden;margin-bottom:8px}.sr-att-bar-fill{height:100%;border-radius:3px;transition:width .5s ease}.sr-att-present .sr-att-bar-fill{background:#16a34a}.sr-att-absent .sr-att-bar-fill{background:#e31e24}.sr-att-leave .sr-att-bar-fill{background:#d97706}.sr-att-percent{font-size:13px;font-weight:700;color:#888}.sr-dist-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.sr-dist-full{grid-column:1 / -1}.sr-dist-card{background:#fafafa;border-radius:14px;padding:22px;border:1px solid #f0f0f0}.sr-dist-card h3{font-size:15px;font-weight:700;color:#333;margin:0 0 16px}.sr-dist-bars{display:flex;flex-direction:column;gap:12px}.sr-dist-item{display:flex;flex-direction:column;gap:5px}.sr-dist-label{display:flex;justify-content:space-between;font-size:13px;font-weight:600;color:#555}.sr-dist-count{font-weight:700;color:#333}.sr-dist-bar-bg{height:8px;background:#e5e5e5;border-radius:4px;overflow:hidden}.sr-dist-bar-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,#e31e24,#ef4444);transition:width .5s ease}.sr-dist-bar-fill.sr-dist-dept{background:linear-gradient(90deg,#2563eb,#60a5fa)}.sr-shift-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.sr-shift-card{padding:22px;border-radius:12px;text-align:center;border:1.5px solid transparent;transition:all .25s}.sr-shift-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.sr-shift-card-morning{background:#fef3c7;border-color:#fde68a}.sr-shift-card-evening{background:#ede9fe;border-color:#ddd6fe}.sr-shift-card-night{background:#e0e7ff;border-color:#c7d2fe}.sr-shift-card-count{font-size:32px;font-weight:800;color:#333;line-height:1.1}.sr-shift-card-label{font-size:14px;font-weight:700;color:#555;margin-top:6px}.sr-shift-card-time{font-size:11px;color:#888;margin-top:4px}.sr-payroll-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.sr-payroll-card{background:linear-gradient(135deg,#fef2f2,#fff1f2);border:1.5px solid #fecaca;border-radius:14px;padding:24px;text-align:center;transition:all .25s}.sr-payroll-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #dc26261a}.sr-payroll-label{font-size:12px;font-weight:700;color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.sr-payroll-amount{font-size:28px;font-weight:800;color:#e31e24}.sr-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.sr-empty-state h3{font-size:18px;font-weight:700;color:#555;margin:20px 0 8px}.sr-empty-state p{font-size:14px;color:#999}@media print{.sr-container{background:#fff;padding:0}.sr-header-actions,.sr-filters-bar,.sr-tabs{display:none!important}.sr-card,.sr-section{box-shadow:none;border:1px solid #ddd}}@media(max-width:1200px){.sr-summary-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.sr-container{padding:16px}.sr-summary-grid{grid-template-columns:1fr}.sr-header{flex-direction:column;align-items:flex-start;gap:12px}.sr-filters-bar{flex-direction:column;align-items:stretch;gap:12px}.sr-filter-group{width:100%}.sr-filter-group select{width:100%;min-width:0}.sr-filters-bar .sr-btn-primary{width:100%;justify-content:center}.sr-attendance-grid,.sr-payroll-summary,.sr-dist-grid,.sr-shift-cards{grid-template-columns:1fr}.sr-tabs{flex-direction:column}}@media(max-width:992px){.sr-filters-bar{align-items:stretch}}.rr-container{padding:28px 32px;min-height:100vh;background:#f8f9fb;font-family:Inter,Segoe UI,-apple-system,sans-serif;width:100%;box-sizing:border-box}.rr-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.rr-title{font-size:26px;font-weight:800;color:#1a1a2e;margin:0;letter-spacing:-.5px}.rr-subtitle{font-size:13px;color:#888;margin:4px 0 0}.rr-header-actions{display:flex;gap:10px}.rr-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;border:none;transition:all .2s}.rr-btn-primary{background:linear-gradient(135deg,#e31e24,#b91c1c);color:#fff;box-shadow:0 2px 8px #dc262640}.rr-btn-primary:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);transform:translateY(-1px);box-shadow:0 4px 16px #dc262659}.rr-btn-outline{background:#fff;color:#555;border:1.5px solid #e0e0e0}.rr-btn-outline:hover{border-color:#e31e24;color:#e31e24;background:#fff5f5}.rr-filters-bar{display:flex;align-items:flex-end;gap:16px;background:#fff;padding:18px 24px;border-radius:14px;box-shadow:0 1px 4px #0000000a;margin-bottom:24px;flex-wrap:wrap}.rr-filter-group{display:flex;flex-direction:column;gap:5px}.rr-filter-group label{font-size:11px;font-weight:700;color:#999;text-transform:uppercase;letter-spacing:.5px}.rr-filter-group select,.rr-filter-group input[type=date]{padding:8px 12px;border:1.5px solid #e5e5e5;border-radius:8px;font-size:13px;font-weight:500;color:#333;background:#fafafa;cursor:pointer;outline:none;min-width:140px;transition:border-color .2s}.rr-filter-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:32px;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23888' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.rr-filter-group select:focus,.rr-filter-group input[type=date]:focus{border-color:#e31e24;box-shadow:0 0 0 3px #dc262614}.rr-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 0;gap:16px}.rr-spinner{width:40px;height:40px;border:3px solid #f0f0f0;border-top:3px solid #E31E24;border-radius:50%;animation:rr-spin .8s linear infinite}@keyframes rr-spin{to{transform:rotate(360deg)}}.rr-loading p{color:#888;font-size:14px}.rr-summary-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:24px}.rr-card{background:#fff;border-radius:16px;padding:20px 22px;display:flex;align-items:center;gap:16px;box-shadow:0 1px 4px #0000000a;transition:all .25s;border:1.5px solid transparent}.rr-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000014}.rr-card-1{background:#dae7ff;border-color:#bdd2f6}.rr-card-2{background:#e1f4e8;border-color:#c2e7d1}.rr-card-3{background:#f8edc6;border-color:#f1dd92}.rr-card-4{background:#f7dde0;border-color:#f0c9cf}.rr-card-5{background:#ede7fb;border-color:#d8cdf4}.rr-card-icon{width:50px;height:50px;border-radius:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rr-card-1 .rr-card-icon{background:#a8c6f7;color:#2563eb}.rr-card-1:hover{border-color:#93c5fd}.rr-card-2 .rr-card-icon{background:#a7dfbf;color:#16a34a}.rr-card-2:hover{border-color:#86efac}.rr-card-3 .rr-card-icon{background:#efdc85;color:#d97706}.rr-card-3:hover{border-color:#fcd34d}.rr-card-4 .rr-card-icon{background:#f0bcc3;color:#ef1e2a}.rr-card-4:hover{border-color:#fca5a5}.rr-card-5 .rr-card-icon{background:#d4ccf0;color:#7c3aed}.rr-card-5:hover{border-color:#c4b5fd}.rr-card-content{display:flex;flex-direction:column}.rr-card-value{font-size:26px;font-weight:800;color:#1a1a2e;line-height:1.1}.rr-card-label{font-size:11px;color:#5b667a;font-weight:600;margin-top:4px;text-transform:uppercase;letter-spacing:.3px}.rr-charts-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.rr-chart-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 1px 4px #0000000a}.rr-chart-card h3{font-size:16px;font-weight:700;color:#1a1a2e;margin:0 0 20px}.rr-bar-chart{display:flex;flex-direction:column;gap:10px}.rr-bar-item{display:flex;align-items:center;gap:12px}.rr-bar-label{width:50px;font-size:12px;font-weight:600;color:#666;text-align:right;flex-shrink:0}.rr-bar-track{flex:1;height:28px;background:#f5f5f5;border-radius:8px;overflow:hidden}.rr-bar-fill{height:100%;background:linear-gradient(90deg,#e31e24,#ef4444);border-radius:8px;display:flex;align-items:center;justify-content:flex-end;padding-right:10px;min-width:30px;transition:width .5s ease}.rr-bar-value{font-size:11px;font-weight:700;color:#fff}.rr-no-data{text-align:center;color:#999;font-size:13px;padding:30px 0}.rr-pie-section{display:flex;align-items:center;gap:30px}.rr-pie-visual{width:160px;height:160px;flex-shrink:0}.rr-pie-svg{width:100%;height:100%}.rr-pie-legend{display:flex;flex-direction:column;gap:10px;flex:1}.rr-legend-item{display:flex;align-items:center;gap:10px;font-size:13px}.rr-legend-dot{width:12px;height:12px;border-radius:3px;flex-shrink:0}.rr-legend-label{font-weight:600;color:#444;flex:1}.rr-legend-value{font-weight:700;color:#333}.rr-tabs{display:flex;gap:4px;background:#fff;padding:5px;border-radius:14px;box-shadow:0 1px 4px #0000000a;margin-bottom:20px;overflow-x:auto}.rr-tab{flex:1;padding:11px 14px;border:none;background:transparent;border-radius:10px;font-size:13px;font-weight:600;color:#777;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap}.rr-tab:hover{background:#f5f5f5;color:#333}.rr-tab.active{background:linear-gradient(135deg,#e31e24,#b91c1c);color:#fff;box-shadow:0 2px 8px #dc262640}.rr-tab-icon{font-size:15px}.rr-section{background:#fff;border-radius:16px;padding:24px;box-shadow:0 1px 4px #0000000a}.rr-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.rr-section-header h2{font-size:18px;font-weight:700;color:#1a1a2e;margin:0}.rr-badge-count{background:#fee2e2;color:#e31e24;padding:5px 12px;border-radius:8px;font-size:12px;font-weight:700}.rr-search-box{display:flex;align-items:center;gap:8px;background:#f5f5f5;border:1.5px solid #e5e5e5;border-radius:10px;padding:8px 14px;min-width:240px;transition:border-color .2s}.rr-search-box:focus-within{border-color:#e31e24;background:#fff;box-shadow:0 0 0 3px #dc262614}.rr-search-box input{border:none;background:transparent;font-size:13px;outline:none;width:100%;color:#333}.rr-search-clear{border:none;background:none;font-size:18px;color:#999;cursor:pointer;padding:0;line-height:1}.rr-search-clear:hover{color:#e31e24}.rr-table-wrapper{overflow-x:auto;border-radius:12px;border:1px solid #f0f0f0}.rr-table{width:100%;border-collapse:collapse;font-size:13px}.rr-table thead th{background:#fafafa;padding:13px 16px;text-align:left;font-size:11px;font-weight:700;color:#888;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #f0f0f0;cursor:pointer;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color .2s}.rr-table thead th:hover{color:#e31e24}.rr-table tbody tr{border-bottom:1px solid #f5f5f5;transition:background .15s}.rr-table tbody tr:hover{background:#fef2f2}.rr-table tbody td{padding:14px 16px;color:#444;vertical-align:middle}.rr-center{text-align:center}.rr-guest-cell{display:flex;align-items:center;gap:10px}.rr-avatar{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#e31e24,#ef4444);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;flex-shrink:0}.rr-guest-name{font-weight:600;color:#1a1a2e}.rr-phone{color:#666;font-size:12px}.rr-id{color:#999;font-size:12px;font-weight:600;font-family:monospace}.rr-date{color:#666;font-size:12px}.rr-time{color:#555;font-weight:600;font-size:12px;white-space:nowrap}.rr-table-badge{display:inline-block;background:#f0f0f0;color:#555;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600}.rr-type-badge{display:inline-block;background:#ede9fe;color:#7c3aed;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600}.rr-status-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap}.rr-visits-badge{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e31e24,#ef4444);color:#fff;width:28px;height:28px;border-radius:8px;font-size:13px;font-weight:700}.rr-sort-icon{font-size:12px;color:#ccc;margin-left:4px}.rr-sort-icon.active{color:#e31e24}.rr-empty{text-align:center;padding:40px!important;color:#999;font-size:14px}.rr-util-cell{display:flex;align-items:center;gap:10px}.rr-util-bar-bg{flex:1;height:8px;background:#f0f0f0;border-radius:4px;overflow:hidden;min-width:80px}.rr-util-bar-fill{height:100%;border-radius:4px;transition:width .5s ease}.rr-util-pct{font-size:13px;font-weight:700;color:#333;min-width:36px}.rr-repeat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.rr-repeat-card{display:flex;align-items:center;gap:14px;background:#fafafa;border:1.5px solid #f0f0f0;border-radius:14px;padding:18px 20px;transition:all .25s}.rr-repeat-card:hover{transform:translateY(-2px);box-shadow:0 4px 14px #0000000f;border-color:#fca5a5}.rr-repeat-avatar{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#e31e24,#ef4444);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#fff;flex-shrink:0}.rr-repeat-info{display:flex;flex-direction:column;flex:1}.rr-repeat-name{font-weight:700;color:#1a1a2e;font-size:14px}.rr-repeat-phone{font-size:12px;color:#888}.rr-repeat-stats{display:flex;flex-direction:column;align-items:flex-end}.rr-repeat-visits{background:#fee2e2;color:#e31e24;padding:3px 10px;border-radius:6px;font-size:12px;font-weight:700}.rr-repeat-date{font-size:11px;color:#999;margin-top:4px}.rr-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.rr-empty-state h3{font-size:18px;font-weight:700;color:#555;margin:20px 0 8px}.rr-empty-state p{font-size:14px;color:#999}@media print{.rr-container{background:#fff;padding:0}.rr-header-actions,.rr-filters-bar,.rr-tabs{display:none!important}.rr-card,.rr-section,.rr-chart-card{box-shadow:none;border:1px solid #ddd}}@media(max-width:1400px){.rr-summary-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1024px){.rr-summary-grid{grid-template-columns:repeat(2,1fr)}.rr-charts-row{grid-template-columns:1fr}.rr-filters-bar{align-items:stretch}}@media(max-width:768px){.rr-container{padding:16px}.rr-summary-grid{grid-template-columns:1fr}.rr-header{flex-direction:column;align-items:flex-start;gap:12px}.rr-filters-bar{flex-direction:column;align-items:stretch;gap:12px}.rr-filter-group{width:100%}.rr-filter-group select,.rr-filter-group input[type=date]{width:100%;min-width:0}.rr-filters-bar .rr-btn-primary{width:100%;justify-content:center}.rr-tabs,.rr-pie-section{flex-direction:column}.rr-section{padding:16px}.rr-section-header{flex-direction:column;align-items:stretch;gap:10px}.rr-section-header h2{font-size:22px}.rr-search-box{width:100%;min-width:0}}.admin-dashboard{display:flex;min-height:100vh;background:#f5f5f5}.sidebar-header{padding:25px 20px;border-bottom:1px solid #e5e7eb}.sidebar-logo{font-size:28px;font-weight:700;color:#1f2937;margin:0}.sidebar-nav{flex:1;padding:20px 0;overflow-y:auto}.nav-item{width:100%;display:flex;align-items:center;padding:14px 25px;background:transparent;border:none;cursor:pointer;transition:all .3s ease;color:#4b5563;font-size:15px;font-weight:500;text-align:left;gap:12px}.nav-item:hover{background:#fef2f2;color:#ef4444}.nav-item.active{background:#e31e24;color:#fff}.nav-icon{font-size:20px;width:24px;display:inline-block}.nav-label{flex:1}.nav-dropdown-wrapper{width:100%}.nav-item-dropdown{position:relative}.nav-item .dropdown-arrow{transition:transform .3s ease;color:currentColor;margin-left:auto}.nav-item .dropdown-arrow.rotated{transform:rotate(180deg)}.nav-item.dropdown-open{background:#fef2f2;color:#e31e24}.nav-dropdown-menu{max-height:0;overflow:hidden;transition:max-height .3s ease;background:#f9fafb}.nav-dropdown-menu.show{max-height:300px}.nav-dropdown-item{width:100%;display:flex;align-items:center;padding:12px 25px 12px 50px;background:transparent;border:none;cursor:pointer;transition:all .3s ease;color:#6b7280;font-size:14px;font-weight:500;text-align:left;gap:12px;border-left:3px solid transparent}.nav-dropdown-item:hover{background:#fef2f2;color:#ef4444;border-left-color:#ef4444}.nav-dropdown-item.active{background:#fef2f2;color:#e31e24;border-left-color:#e31e24;font-weight:600}.nav-dropdown-item .nav-icon{font-size:16px;width:20px}.logout-btn{width:calc(100% - 30px);margin:0 15px 20px;display:flex;align-items:center;padding:14px 20px;background:#e31e24;border:none;border-radius:8px;cursor:pointer;color:#fff;font-size:15px;font-weight:600;gap:12px;transition:all .3s ease}.logout-btn:hover{background:#cc1a20;transform:translateY(-2px);box-shadow:0 4px 12px #e31e244d}.top-bar-left{display:flex;align-items:center;gap:15px}.hamburger-menu{background:transparent;border:none;cursor:pointer;padding:8px;display:flex;flex-direction:column;gap:5px;transition:all .3s ease}.hamburger-menu:hover{background:#f3f4f6;border-radius:6px}.hamburger-menu span{width:24px;height:3px;background:#1f2937;border-radius:2px;transition:all .3s ease}.top-bar-logo{font-size:24px;font-weight:700;color:#1f2937;margin:0}.top-bar-right{display:flex;align-items:center;gap:15px}.top-icon-btn{background:transparent;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .3s ease;color:#6b7280}.top-icon-btn:hover{background:#f3f4f6;color:#ef4444}.top-icon-btn svg{width:22px;height:22px}.profile-dropdown-wrapper{position:relative}.profile-avatar-btn{display:flex;align-items:center;gap:10px;background:transparent;border:none;cursor:pointer;padding:5px;border-radius:50px;transition:all .3s ease}.profile-avatar-btn:hover{background:#f3f4f6}.avatar-img{width:45px;height:45px;border-radius:50%;border:2px solid #ef4444;-o-object-fit:cover;object-fit:cover}.avatar-initials{width:45px;height:45px;border-radius:50%;background:linear-gradient(135deg,#ef4444,#e31e24);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;border:2px solid #ef4444}.dropdown-arrow{color:#6b7280;font-size:12px;transition:transform .3s ease}.profile-dropdown{position:absolute;top:60px;right:0;background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;min-width:200px;padding:8px;z-index:1000;animation:dropdownFade .3s ease}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{width:100%;display:flex;align-items:center;gap:10px;padding:12px 15px;background:transparent;border:none;cursor:pointer;font-size:14px;color:#374151;border-radius:8px;transition:all .2s ease;text-align:left}.dropdown-item:hover{background:#f3f4f6}.dropdown-item.logout{color:#ef4444}.dropdown-item.logout:hover{background:#fef2f2}.dropdown-icon{font-size:16px}.dashboard-content{flex:1;padding:20px;background:#f9fafb;width:100%;box-sizing:border-box}.admin-profile-section{width:100%;padding:0}.profile-header{margin-bottom:30px}.profile-header h1{font-size:32px;font-weight:700;color:#1f2937;margin-bottom:8px}.profile-header p{font-size:16px;color:#6b7280}.profile-card{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000001a;overflow:hidden;margin-bottom:30px}.profile-card-header{background:linear-gradient(135deg,#ef4444,#e31e24);padding:25px 30px}.profile-card-header h2{color:#fff;font-size:24px;font-weight:600;margin:0}.profile-content{padding:40px 30px}.profile-avatar-section{text-align:center;margin-bottom:30px}.profile-avatar-large{width:140px;height:140px;border-radius:50%;border:5px solid #ef4444;box-shadow:0 8px 25px #ef444433;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ef4444,#e31e24);color:#fff;font-size:48px;font-weight:700}.profile-details{max-width:600px;margin:0 auto 30px}.detail-row{display:flex;align-items:center;justify-content:space-between;padding:18px 0;border-bottom:1px solid #f3f4f6}.detail-label{font-weight:600;color:#6b7280;font-size:15px}.detail-value{font-weight:500;color:#1f2937;font-size:15px}.role-badge{background:linear-gradient(135deg,#ef4444,#e31e24);color:#fff;padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600}.profile-actions{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.btn{display:flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-icon{font-size:18px}.btn-primary{background:linear-gradient(135deg,#ef4444,#e31e24);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef44444d}.btn-secondary:hover{background:#e5e7eb;transform:translateY(-2px)}.btn-danger{background:#fee;color:#ef4444;border:2px solid #ef4444}.btn-danger:hover{background:#ef4444;color:#fff;transform:translateY(-2px)}.quick-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:30px}.stat-card{background:#fff;border-radius:12px;padding:25px;display:flex;align-items:center;gap:20px;box-shadow:0 1px 3px #0000001a;transition:all .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a}.stat-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:28px}.stat-icon.rooms{background:linear-gradient(135deg,#3b82f6,#2563eb)}.stat-icon.bookings{background:linear-gradient(135deg,#10b981,#059669)}.stat-icon.customers{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-icon.revenue{background:linear-gradient(135deg,#ef4444,#e31e24)}.stat-info h3{font-size:14px;color:#6b7280;font-weight:500;margin:0 0 8px}.stat-number{font-size:26px;font-weight:700;color:#1f2937;margin:0}@media(max-width:1024px){.sidebar{width:240px}.main-content{margin-left:240px}}@media(max-width:768px){.sidebar{transform:translate(-100%);transition:transform .3s ease}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}.profile-actions{flex-direction:column}.btn{width:100%;justify-content:center}.quick-stats{grid-template-columns:1fr}}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:25px 30px;border-bottom:1px solid #e5e7eb}.modal-header h2{margin:0;font-size:24px;font-weight:700;color:#1f2937}.modal-close{background:transparent;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:5px;line-height:1;transition:all .2s ease}.modal-close:hover{color:#ef4444;transform:scale(1.1)}.modal-body{padding:30px}.modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:20px 30px;border-top:1px solid #e5e7eb}.form-group label{display:block;font-weight:600;color:#374151;margin-bottom:8px;font-size:14px}.form-input{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:15px;color:#1f2937;transition:all .3s ease}.form-input:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.alert{padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px;font-weight:500}.alert-error{background:#fef2f2;color:#e31e24;border:1px solid #fecaca}.alert-success{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.rooms-section{padding:0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #e5e7eb}.section-header h2{font-size:26px;color:#1f2937;margin:0;font-weight:700}.content-section{padding:20px;width:100%;box-sizing:border-box}.content-section .section-header h1{font-size:28px;color:#1f2937;margin:0 0 8px;font-weight:700;display:flex;align-items:center;gap:10px}.section-subtitle{font-size:15px;color:#6b7280;margin:0}.coming-soon-box{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#fef2f2,#fff);border:2px dashed #ef4444;border-radius:16px;padding:6px 40px;margin-top:40px;text-align:center}.coming-soon-icon{font-size:64px;margin-bottom:20px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.coming-soon-box h2{font-size:32px;color:#1f2937;margin:0 0 12px;font-weight:700}.coming-soon-box p{font-size:16px;color:#6b7280;margin:0}.rooms-controls{display:flex;gap:12px;margin-bottom:25px;flex-wrap:wrap;align-items:center}.search-box{min-width:200px;max-width:250px;position:relative}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:16px;color:#9ca3af;pointer-events:none}.search-box input{width:100%;padding:10px 12px 10px 38px;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;background:#fff;transition:all .3s ease;box-shadow:0 1px 3px #0000000d}.filter-select{padding:10px 35px 10px 12px;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;background:#fff;cursor:pointer;min-width:150px;max-width:180px;transition:all .3s ease;box-shadow:0 1px 3px #0000000d}.filter-select:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.add-room-btn{background:#ef4444;color:#fff;border:none;padding:10px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;white-space:nowrap}.add-room-btn:hover{background:#e31e24;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.rooms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;margin-bottom:30px}.room-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000000d;transition:all .3s;display:flex;flex-direction:column;justify-content:space-between;height:100%;border:1px solid #f3f4f6;aspect-ratio:auto;max-width:none;margin:0;width:auto}.room-card.status-booked{background:#fffbeb;border-left:5px solid #f59e0b}.room-card.status-occupied{background:#fef2f2;border-left:5px solid #ef4444}.room-card.status-available{background:#f0fdf4;border-left:5px solid #22c55e}.room-card.status-maintenance{background:#f9fafb;border-left:5px solid #6b7280}.room-card-header{padding:12px 15px 5px;border-bottom:1px solid rgba(0,0,0,.05);text-align:left}.room-card-header h3{margin:0;font-size:16px;color:#ef4444;font-weight:700}.room-card-body{padding:8px 15px;flex-grow:1;display:block;text-align:left}.room-type{font-size:13px;font-weight:700;color:#111827;margin-bottom:5px}.room-capacity,.room-price{font-size:12px;color:#6b7280;margin-bottom:2px;display:block}.room-card-footer{padding:10px 15px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(0,0,0,.05);margin-top:auto;width:auto}.room-status{padding:5px 12px;border-radius:15px;font-size:11px;font-weight:600;text-transform:capitalize;min-width:auto;text-align:center;color:#fff}.room-status.status-available{background:#22c55e}.room-status.status-booked{background:#f59e0b}.room-status.status-occupied{background:#ef4444}.room-status.status-maintenance{background:#6b7280}.edit-btn{background:#fff;border:1px solid #e5e7eb;color:#ef4444;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:4px}.edit-btn:hover{background:#fef2f2;color:#e31e24;box-shadow:0 0 0 2px #ef4444;transform:translateY(-1px)}.card-actions{display:flex;gap:8px;align-items:center}.book-btn{background:#2e7d32;color:#fff;border:none;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:4px}.book-btn:hover{background:#1b5e20;transform:translateY(-1px);box-shadow:0 4px 12px #2e7d324d}.no-rooms{text-align:center;padding:6px 20px;background:#fff;border-radius:12px;color:#666;font-size:16px}.welcome-section{text-align:center;padding:6px 20px 80px}.welcome-section h1{font-size:32px;color:#1f2937;margin-bottom:15px}.welcome-section p{font-size:18px;color:#6b7280}.modal-content.room-modal{background:#fffaeb;max-width:500px}.modal-content.room-modal .modal-header{border-bottom:2px solid #f0e5c3}.modal-content.room-modal .modal-header h2{color:#1e40af}.error-alert{background:#ffc7ce;color:#9c0006;padding:12px 20px;margin:20px 30px 0;border-radius:8px;font-size:14px;border-left:4px solid #9c0006}.modal-content.room-modal form{padding:25px 30px}.modal-content.room-modal .form-group label{font-size:13px;font-weight:700;letter-spacing:.5px;color:#1a1a1a}.modal-content.room-modal .form-input{border:1px solid #d1d5db;background:#fff}.modal-content.room-modal .form-input:focus{border-color:#1e40af;box-shadow:0 0 0 3px #1e40af1a}.modal-content.room-modal select.form-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:35px}.modal-content.room-modal select.form-input optgroup{font-weight:700;color:#1a1a1a;background:#f9fafb}.modal-content.room-modal select.form-input option{font-weight:400;color:#374151}.modal-actions{display:flex;gap:15px;margin-top:30px;padding-top:20px;border-top:1px solid #f0e5c3}.btn-cancel{flex:1;padding:12px;background:#fff;border:2px solid #d1d5db;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;color:#6b7280}.btn-cancel:hover{background:#f9fafb;border-color:#9ca3af;color:#374151}.btn-submit{flex:1;padding:12px;background:#ef4444;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;color:#fff}.btn-submit:hover{background:#e31e24;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.generate-qr-section{background:#fff;min-height:calc(100vh - 60px);padding:12px 20px 20px;display:flex;flex-direction:column;gap:16px;box-sizing:border-box}.qr-header{background:linear-gradient(135deg,#ef4444,#e31e24);padding:14px 22px;border-radius:12px;box-shadow:0 6px 16px #ef444433;margin-bottom:0;margin-top:-4px}.qr-header-title{display:flex;align-items:center;gap:12px}.qr-header-title .qr-icon{font-size:24px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.qr-header-title h1{color:#fff;font-size:20px;margin:0;font-weight:700;letter-spacing:-.2px}.qr-filters-card{background:#fffdfd;padding:20px;border-radius:14px;box-shadow:0 3px 16px #e31e240f;display:flex;flex-direction:column;gap:16px;border:1px solid #ffe0e0}.qr-filters-row{padding:0;margin:0}.qr-filters-row-multi{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.qr-filter-group{display:flex;flex-direction:column;gap:10px;min-width:0}.qr-filter-group label{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#ef4444;font-weight:800;margin-left:2px}.qr-select,.qr-search-input{width:100%;max-width:100%;min-width:0;padding:14px 18px;border:1.5px solid #f3f4f6;border-radius:12px;font-size:15px;background:#fafafa;color:#1f2937;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-sizing:border-box}.qr-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#6b7280 50%),linear-gradient(135deg,#6b7280 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 3px),calc(100% - 13px) calc(50% - 3px);background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:42px}.qr-select option{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qr-select:hover,.qr-search-input:hover{border-color:#ef4444;background:snow}.qr-select:focus,.qr-search-input:focus{outline:none;border-color:#ef4444;background:#fff;box-shadow:0 0 0 4px #ef444414}.qr-select:disabled{background:#f9fafb;cursor:not-allowed;opacity:.6;border-color:#e5e7eb}.qr-search-group{position:relative}.qr-custom-select-wrapper{position:relative;width:100%}.qr-custom-select{display:flex;align-items:center;justify-content:space-between;text-align:left;padding-right:14px}.qr-custom-arrow{font-size:11px;color:#6b7280;transition:transform .2s ease}.qr-custom-arrow.open{transform:rotate(180deg)}.qr-custom-options{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:20;background:#fff;border:1.5px solid #ef4444;border-radius:10px;box-shadow:0 10px 24px #0f172a24;max-height:180px;overflow-y:auto}.qr-custom-option{width:100%;border:none;background:transparent;text-align:left;padding:8px 10px;font-size:12px;color:#111827;cursor:pointer;border-bottom:1px solid #f3f4f6}.qr-custom-option:last-child{border-bottom:none}.qr-custom-option:hover{background:#fff5f5}.qr-search-wrapper{position:relative;width:100%}.qr-search-icon{position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:18px;color:#ef4444;pointer-events:none;opacity:.8}.qr-table-card{background:#fff;border-radius:14px;box-shadow:0 3px 16px #e31e240f;overflow:hidden;border:1px solid #ffe0e0}.qr-table-container{padding:0;background:transparent;overflow-x:auto;-webkit-overflow-scrolling:touch}.qr-table{width:100%;min-width:520px;border-collapse:separate;border-spacing:0}.qr-table thead th{background:#fafafa;color:#ef4444;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:1px;padding:20px 28px;border-bottom:2px solid #ef4444;text-align:left}.qr-table tbody tr{transition:all .2s ease}.qr-table tbody tr:hover{background:snow}.qr-table tbody td{padding:20px 28px;font-size:15px;color:#374151;border-bottom:1px solid #f3f4f6;vertical-align:middle;white-space:nowrap}.qr-table tbody tr:last-child td{border-bottom:none}.qr-room-name{font-weight:700;color:#111827}.qr-category-badge{display:inline-flex;align-items:center;padding:6px 16px;border-radius:50px;font-size:12px;font-weight:700;background:transparent;border:1.5px solid #ef4444;color:#ef4444;white-space:nowrap}.qr-action-buttons{display:flex;justify-content:center;align-items:center}.qr-view-btn{background:#fff1f2;color:#ef4444;border:1px solid #fecdd3;width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.qr-view-btn:hover:not(:disabled){background:#e11d48;color:#fff;transform:translateY(-3px);box-shadow:0 6px 15px #e11d4840}.qr-view-btn:disabled{opacity:.65;cursor:not-allowed}.qr-table-action-btn svg{stroke:currentColor;opacity:1}.qr-table-empty{padding:60px!important;text-align:center!important;color:#9ca3af!important;font-style:italic;font-size:16px!important}@media(max-width:992px){.qr-filters-row-multi{grid-template-columns:1fr 1fr}}@media(max-width:768px){.qr-filters-row-multi{grid-template-columns:1fr}.qr-select,.qr-search-input{font-size:16px}.qr-custom-options{max-height:150px}.qr-custom-option{font-size:11px;padding:7px 9px}}@media(max-width:600px){.qr-filters-row-multi{grid-template-columns:1fr}.qr-header{padding:12px 14px}.qr-header-title h1{font-size:16px}.qr-table thead th,.qr-table tbody td{padding:15px}.qr-table{min-width:460px}}.qr-modal-content{max-width:520px;width:92%;max-height:92vh;overflow:hidden;border-radius:14px;background:#fff;box-shadow:0 20px 40px -12px #00000040}.qr-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 28px;background:linear-gradient(135deg,#ef4444,#e31e24);color:#fff}.qr-modal-header h2{font-size:24px;margin:0 0 4px;font-weight:700;letter-spacing:-.3px}.qr-room-info{font-size:14px;opacity:.95;margin:0;font-weight:400}.qr-close-btn{background:#fff3;border:none;color:#fff;font-size:30px;width:34px;height:34px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;line-height:1;padding:0}.qr-close-btn:hover{background:#ffffff4d}.qr-modal-body{padding:24px}.qr-top-section{display:grid;grid-template-columns:220px 1fr;gap:20px;margin-bottom:20px}.qr-code-wrapper{background:#fff;border:2px solid #e5e7eb;border-radius:10px;padding:16px;display:flex;align-items:center;justify-content:center}.qr-code-img{width:100%;height:auto;display:block}.qr-scan-instructions{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:16px;display:flex;flex-direction:column;justify-content:center}.qr-scan-instructions h4{font-size:15px;color:#111827;margin:0 0 8px;font-weight:600}.qr-scan-instructions p{font-size:13px;color:#6b7280;margin:0 0 6px;line-height:1.5}.qr-scan-highlight{font-weight:600;color:#ef4444!important;margin-top:4px!important}.qr-details-section{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:16px 18px;margin-bottom:18px}.qr-detail-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f3f4f6}.qr-detail-item:last-child{border-bottom:none}.qr-detail-label{font-size:11px;color:#6b7280;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.qr-detail-value{font-size:16px;color:#111827;font-weight:600}.qr-status-badge{padding:4px 14px;border-radius:6px;font-size:13px;font-weight:600}.qr-status-badge.status-available{background:#d1fae5;color:#065f46}.qr-status-badge.status-booked{background:#fed7aa;color:#92400e}.qr-status-badge.status-occupied{background:#fee2e2;color:#991b1b}.qr-buttons-section{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.qr-action-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;color:#fff}.qr-action-btn svg{flex-shrink:0}.btn-red{background:#ef4444}.btn-red:hover{background:#e31e24;transform:translateY(-1px);box-shadow:0 6px 12px #ef44444d}.btn-blue{background:#3b82f6}.btn-blue:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 6px 12px #3b82f64d}.btn-green{background:#10b981}.btn-green:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 6px 12px #10b9814d}.btn-green:disabled{opacity:.5;cursor:not-allowed}.qr-note-section{background:#fef3c7;border-left:4px solid #f59e0b;padding:14px 16px;border-radius:8px;margin-bottom:18px}.qr-note-section p{font-size:12px;color:#92400e;margin:4px 0;line-height:1.6}.qr-note-section strong{font-weight:700}.qr-note-section a{color:#2563eb;font-weight:600;text-decoration:none}.qr-note-section a:hover{text-decoration:underline}.qr-branding-footer{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;border-top:1px solid #e5e7eb;margin:0 -24px -24px;background:#f9fafb;border-radius:0 0 14px 14px}.qr-branding-footer span{font-size:17px;font-weight:600;color:#64748b;letter-spacing:-.3px}@media print{body *{visibility:hidden}.qr-modal-content,.qr-modal-content *{visibility:visible}.qr-modal-content{position:absolute;left:0;top:0;width:100%;max-width:none}.qr-buttons-section,.qr-close-btn,.qr-branding-footer{display:none!important}.qr-note-section{page-break-inside:avoid}}@media(max-width:768px){.qr-modal-content{width:95%;max-width:100%;max-height:95vh}.qr-modal-header{padding:16px 20px}.qr-modal-header h2{font-size:20px}.qr-modal-body{padding:18px;overflow-y:auto;max-height:calc(95vh - 120px)}.qr-top-section{grid-template-columns:1fr;gap:14px}.qr-code-wrapper{padding:14px;max-width:250px;margin:0 auto}.qr-scan-instructions{padding:14px}.qr-scan-instructions h4{font-size:14px}.qr-scan-instructions p{font-size:12px}.qr-details-section{padding:14px 16px}.qr-buttons-section{grid-template-columns:1fr;gap:8px}.qr-action-btn{padding:14px 16px;font-size:15px}.qr-branding-footer{margin:0 -18px -18px;padding:12px}}@media(max-width:480px){.qr-modal-header{padding:14px 16px}.qr-modal-header h2{font-size:18px}.qr-room-info{font-size:12px}.qr-modal-body{padding:16px}.qr-detail-value{font-size:14px}.qr-action-btn{font-size:14px;padding:12px 14px}}.sa-container{display:flex;height:100vh;background-color:#f4f7fe;font-family:Poppins,sans-serif;overflow:hidden}.sa-sidebar{width:260px;background-color:#fff;display:flex;flex-direction:column;border-right:1px solid #e0e0e0;flex-shrink:0}.sa-sidebar-header{padding:24px;display:flex;align-items:center;gap:12px;flex-wrap:nowrap;border-bottom:1px solid #f0f0f0;position:relative}.sa-sidebar-close{margin-left:auto;width:34px;height:34px;border:1px solid #fda4af;border-radius:8px;background:#fff1f2;color:#be123c;font-size:24px;line-height:1;display:none;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.sa-sidebar-close:hover{background:#ffe4e6;border-color:#fb7185}.sa-sidebar-header h2{font-size:18px;font-weight:700;color:#333;margin:0;letter-spacing:.5px;white-space:nowrap;flex-shrink:0}.sa-nav{padding:20px;display:flex;flex-direction:column;gap:8px}.sa-nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;color:#64748b;font-weight:500;font-size:15px;cursor:pointer;transition:all .2s ease;border:none;background:none;width:100%;text-align:left}.sa-nav-item:hover{background-color:#fff1f2;color:#e11d48}.sa-nav-item.active{background-color:#e11d48;color:#fff;box-shadow:0 4px 6px #e11d4833}.sa-nav-item svg{font-size:20px}.sa-main{flex:1;display:flex;flex-direction:column;overflow:hidden;background-color:#f8fafc}.sa-header{height:80px;background-color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 32px;box-shadow:0 1px 2px #00000008}.sa-header-title h1{font-size:20px;font-weight:600;color:#1e293b;margin:0}.sa-header-logo{display:flex;align-items:center;gap:12px}.project-logo-main{height:52px;width:auto;-o-object-fit:contain;object-fit:contain;mix-blend-mode:multiply;filter:brightness(1.2) contrast(1.1) saturate(1.8)}.sa-header-logo svg{flex-shrink:0}.sa-header-logo span{white-space:nowrap}.sa-header-actions{display:flex;align-items:center;gap:20px}.sa-icon-btn{background:none;border:none;color:#64748b;font-size:20px;cursor:pointer;position:relative;transition:color .2s}.sa-icon-btn:hover{color:#e11d48}.sa-menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;color:#475569;font-size:22px;line-height:1}.sa-menu-toggle:hover{border-color:#fda4af;color:#be123c;background:#fff1f2}.sa-sidebar-backdrop{display:none}.sa-badge{position:absolute;top:-2px;right:-2px;background-color:#e11d48;color:#fff;font-size:10px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid #fff}.sa-profile{width:40px;height:40px;background:linear-gradient(135deg,#e11d48,#be123c);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;box-shadow:0 2px 4px #e11d4833}.sa-content{padding:32px;overflow-y:auto;overflow-x:auto}.sa-section-title{font-size:16px;font-weight:600;color:#475569;margin-bottom:20px;text-transform:uppercase;letter-spacing:.5px}.sa-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:40px}.sa-stat-card{background:linear-gradient(135deg,#ef4444,#e31e24);border-radius:16px;padding:24px;color:#fff;position:relative;overflow:hidden;box-shadow:0 10px 15px -3px #ef44444d;transition:transform .2s}.sa-stat-card:hover{transform:translateY(-4px)}.sa-stat-content{position:relative;z-index:2}.sa-stat-icon-large{position:absolute;right:-10px;top:50%;transform:translateY(-50%);font-size:80px;opacity:.1;color:#fff;z-index:1}.sa-stat-label{font-size:12px;text-transform:uppercase;letter-spacing:1px;opacity:.9;margin-bottom:8px;font-weight:600}.sa-stat-value{font-size:42px;font-weight:700;line-height:1}.sa-stat-icon-wrapper{margin-bottom:16px;width:40px;height:40px;background:#fff3;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px}.sa-card{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d;overflow:hidden}.sa-card-header{padding:20px 24px;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}.sa-card-title{font-size:16px;font-weight:700;color:#1e293b;text-transform:uppercase;letter-spacing:.5px}.sa-view-all{font-size:13px;color:#e11d48;font-weight:600;text-decoration:none;display:flex;align-items:center;gap:4px;cursor:pointer;background:none;border:none}.sa-table{width:100%;border-collapse:collapse}.sa-table th{text-align:left;padding:16px 24px;background-color:#f8fafc;color:#64748b;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.sa-table td{padding:20px 24px;border-bottom:1px solid #f1f5f9;color:#334155}.sa-table tr:last-child td{border-bottom:none}.sa-btn-create{background-color:#e11d48;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background-color .2s}.sa-btn-create:hover{background-color:#be123c}.text-red{color:#ef4444}.text-green{color:#22c55e}.font-bold{font-weight:700}.flex-item-center{display:flex;align-items:center}.gap-2{gap:8px}.text-sm{font-size:13px}.text-xs{font-size:12px}.opacity-70{opacity:.7}.sa-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(4px)}.sa-modal-content{background:#fff;width:600px;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a;overflow:hidden;max-height:90vh;display:flex;flex-direction:column}.sa-modal-header{background:linear-gradient(135deg,#ef4444,#e31e24);padding:20px 24px;display:flex;justify-content:space-between;align-items:center;color:#fff}.sa-modal-header h3{margin:0;font-size:18px}.sa-close-btn{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px}.sa-modal-body{padding:32px;overflow-y:auto}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.form-input{width:100%;padding:12px 16px;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;transition:all .2s;outline:none}.form-input:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.sa-modal-footer{padding:20px 32px;border-top:1px solid #f3f4f6;display:flex;gap:16px}.btn-secondary{flex:1;padding:12px;background:#fff;border:1px solid #e5e7eb;color:#374151;border-radius:10px;font-weight:600;cursor:pointer}.btn-primary{flex:1;padding:12px;background:#ef4444;border:none;color:#fff;border-radius:10px;font-weight:600;cursor:pointer}.btn-primary:hover{background:#e31e24}@media(max-width:1200px){.sa-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.sa-sidebar{position:fixed;top:0;left:0;height:100vh;transform:translate(-100%);transition:transform .3s ease;z-index:120;box-shadow:0 12px 28px #0003}.sa-sidebar.open{transform:translate(0)}.sa-sidebar.open .sa-sidebar-close{display:inline-flex}.sa-menu-toggle{z-index:130}.sa-sidebar-backdrop{display:block;position:fixed;inset:0;background:#0f172a59;z-index:110}.sa-stats-grid{grid-template-columns:1fr}}.hotels-main-content{flex:1;padding:2rem;background:#f8f9fa;overflow-y:auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.page-title{font-size:1.875rem;font-weight:600;color:#1a1a1a}.create-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#ef4444,#e31e24);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #ef44444d}.create-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}.hotels-filters{margin-bottom:1.5rem}.search-filter-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.search-box{position:relative;flex:0 0 300px}.search-box .search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#9ca3af}.search-box input{width:100%;padding:.75rem 1rem .75rem 2.75rem;border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem;transition:all .2s}.search-box input:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.filter-buttons{display:flex;gap:.5rem;flex:1}.filter-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s}.filter-btn:hover{border-color:#ef4444;color:#ef4444}.filter-btn.active{background:linear-gradient(135deg,#ef4444,#e31e24);color:#fff;border-color:#ef4444}.check-icon{display:none}.filter-btn.active .check-icon{display:inline;font-weight:700}.count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 .5rem;background:#f3f4f6;border-radius:12px;font-size:.75rem;font-weight:600;color:#6b7280}.filter-btn.active .count-badge{background:#ffffff40;color:#fff}.view-toggles{display:flex;gap:.25rem;margin-left:auto}.view-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .2s}.view-btn:hover{border-color:#ef4444;color:#ef4444}.view-btn.active{background:#ef4444;color:#fff;border-color:#ef4444}.hotels-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;margin-bottom:1.5rem}.hotels-table{width:100%;border-collapse:collapse}.hotels-table thead{background:#f9fafb;border-bottom:1px solid #e5e7eb}.hotels-table th{padding:1rem 1.5rem;text-align:left;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.hotels-table tbody tr{border-bottom:1px solid #f3f4f6;transition:all .2s}.hotels-table tbody tr:hover{background:#f9fafb}.hotels-table tbody tr:last-child{border-bottom:none}.hotels-table td{padding:1.25rem 1.5rem}.hotel-info{display:flex;flex-direction:column;gap:.25rem}.hotel-name{font-size:.9375rem;font-weight:600;color:#1a1a1a}.hotel-rating{font-size:.8125rem;color:#f59e0b}.admin-info{display:flex;flex-direction:column;gap:.25rem}.admin-email{font-size:.875rem;color:#1a1a1a}.admin-phone{font-size:.8125rem;color:#6b7280}.status-badge{display:inline-block;padding:.375rem .875rem;border-radius:6px;font-size:.8125rem;font-weight:500}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.premium{background:#fce7f3;color:#9f1239}.status-badge.suspended{background:#fee2e2;color:#991b1b}.subscription-info{display:flex;flex-direction:column;gap:.25rem}.subscription-date{font-size:.875rem;color:#1a1a1a;font-weight:500}.subscription-warning{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:#e31e24}.subscription-warning svg{font-size:.75rem}.action-buttons{display:flex;gap:.75rem}.view-details-btn,.suspend-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border:1px solid #e5e7eb;border-radius:6px;background:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.view-details-btn{color:#6b7280}.view-details-btn:hover{border-color:#ef4444;color:#ef4444;background:#fef2f2}.suspend-btn{background:linear-gradient(135deg,#ef4444,#e31e24);color:#fff;border-color:#ef4444}.suspend-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #ef44444d}.action-buttons svg{font-size:.75rem}.pagination{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}.pagination-info{font-size:.875rem;color:#6b7280}.pagination-controls{display:flex;gap:.5rem}.pagination-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;font-size:.875rem;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){border-color:#ef4444;color:#ef4444}.pagination-btn.active{background:linear-gradient(135deg,#ef4444,#e31e24);color:#fff;border-color:#ef4444}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h3{font-size:1.25rem;font-weight:600;color:#1a1a1a}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;border-radius:6px;transition:all .2s}.modal-close:hover{background:#f3f4f6;color:#1a1a1a}.modal-body{padding:1.5rem}.hotel-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:500;color:#374151}.form-group input{padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem;transition:all .2s}.form-group input:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.modal-actions{display:flex;gap:1rem;margin-top:1rem}.btn-cancel,.btn-create{flex:1;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel{background:#fff;border:1px solid #e5e7eb;color:#6b7280}.btn-cancel:hover{background:#f9fafb;border-color:#d1d5db}.btn-create{background:linear-gradient(135deg,#ef4444,#e31e24);color:#fff;border:none}.btn-create:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}@media(max-width:1024px){.search-filter-row{flex-direction:column;align-items:stretch}.search-box{flex:1;width:100%}.filter-buttons{width:100%}.view-toggles{margin-left:0}.action-buttons{flex-direction:column}}@media(max-width:768px){.hotels-main-content{padding:1rem}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.create-btn{width:100%;justify-content:center}.hotels-table-container{overflow-x:auto}.hotels-table{min-width:900px}}.create-hotel-fullscreen{min-height:100vh;background:linear-gradient(135deg,#fef2f2,#fee2e2,#fef2f2);position:relative}.create-hotel-fullscreen:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 30%,rgba(239,68,68,.05) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(239,68,68,.05) 0%,transparent 50%);pointer-events:none}.create-hotel-fullscreen-content{padding:2rem;max-width:1400px;margin:0 auto;position:relative;z-index:1}.create-hotel-main{width:100%}.create-hotel-title{text-align:center;margin-bottom:3rem}.create-hotel-title .page-title{font-size:2.5rem;font-weight:700;color:#1f2937;margin:0;background:linear-gradient(135deg,#ef4444,#e31e24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.back-btn-header{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;transition:all .2s}.back-btn-header:hover{border-color:#ef4444;color:#ef4444;background:#fef2f2;transform:translate(-3px)}.back-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;transition:all .2s}.back-btn:hover{border-color:#ef4444;color:#ef4444;background:#fef2f2}.create-hotel-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:2.5rem;border:1px solid rgba(239,68,68,.1)}.alert{padding:1rem 1.25rem;border-radius:10px;margin-bottom:1.5rem;font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.75rem}.alert:before{font-size:1.25rem}.alert-error{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border:1px solid #fca5a5}.alert-error:before{content:"⚠️"}.alert-success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border:1px solid #6ee7b7}.alert-success:before{content:"✓"}.create-hotel-form{display:flex;flex-direction:column;gap:2rem}.form-section{display:flex;flex-direction:column;gap:1.5rem;padding:2rem;border-bottom:2px solid #f0f0f0;background:linear-gradient(135deg,#fff,#fafafa);border-radius:12px;margin-bottom:1.5rem}.form-section:last-of-type{border-bottom:none;margin-bottom:0}.section-title{font-size:1.25rem;font-weight:700;color:#1a1a1a;margin:0;display:flex;align-items:center;padding-bottom:1rem;border-bottom:2px solid #fee2e2}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.625rem}.form-group label{font-size:.9375rem;font-weight:600;color:#374151;display:flex;align-items:center}.required{color:#ef4444;margin-left:4px}.form-group input,.form-group select,.form-group textarea{padding:.875rem 1.125rem;border:2px solid #e5e7eb;border-radius:10px;font-size:.9375rem;font-family:inherit;transition:all .3s ease;color:#1a1a1a;background:#fff}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 4px #ef44441a;transform:translateY(-1px)}.form-group input::-moz-placeholder,.form-group textarea::-moz-placeholder{color:#9ca3af}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af}.form-group textarea{resize:vertical;min-height:100px}.form-group select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:2rem;margin-top:1rem;border-top:2px solid #f0f0f0}.form-actions .btn-cancel,.form-actions .btn-create{padding:.875rem 2.5rem;border-radius:10px;font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.form-actions .btn-cancel{background:#fff;border:2px solid #e5e7eb;color:#6b7280}.form-actions .btn-cancel:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.form-actions .btn-create{background:linear-gradient(135deg,#ef4444,#e31e24);color:#fff;border:none;min-width:180px;justify-content:center;box-shadow:0 4px 12px #ef44444d}.form-actions .btn-create:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.form-actions .btn-create:active:not(:disabled){transform:translateY(0)}.form-actions button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}@media(max-width:768px){.form-row{grid-template-columns:1fr}.create-hotel-container{padding:1.5rem}.form-actions{flex-direction:column-reverse}.form-actions .btn-cancel,.form-actions .btn-create{width:100%}}.loading-container,.error-container{display:flex;align-items:center;justify-content:center;height:100vh;font-size:1.125rem;color:#6b7280}.hotel-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}.details-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.details-card.full-width{grid-column:1 / -1}.card-header-details{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.card-header-details .card-icon{font-size:1.25rem;color:#ef4444}.card-header-details h3{font-size:1.125rem;font-weight:600;color:#1a1a1a;margin:0}.details-content{display:flex;flex-direction:column;gap:1rem}.detail-item{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.detail-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:#6b7280;min-width:120px}.detail-label svg{font-size:.875rem}.detail-value{font-size:.875rem;color:#1a1a1a;text-align:right;flex:1}.subscription-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.plan-badge{display:inline-block;padding:.375rem .875rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase}.plan-badge.basic{background:#dbeafe;color:#1e40af}.plan-badge.premium{background:#fef3c7;color:#92400e}.text-danger{color:#e31e24!important;font-weight:600}.text-warning{color:#f59e0b!important;font-weight:600}.text-success{color:#059669!important;font-weight:600}.action-buttons-container{display:flex;gap:1rem;flex-wrap:wrap}.btn-action{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;border-radius:8px;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s;border:none;color:#fff}.btn-action svg{font-size:1rem}.btn-action:disabled{opacity:.6;cursor:not-allowed}.btn-danger{background:linear-gradient(135deg,#e31e24,#991b1b)}.btn-danger:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.btn-success{background:linear-gradient(135deg,#059669,#047857)}.btn-success:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #0596694d}.btn-primary{background:linear-gradient(135deg,#ef4444,#e31e24)}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.btn-secondary{background:linear-gradient(135deg,#6366f1,#4f46e5)}.btn-secondary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}@media(max-width:1024px){.hotel-details-grid,.subscription-grid{grid-template-columns:1fr}}@media(max-width:768px){.action-buttons-container{flex-direction:column}.btn-action{width:100%;justify-content:center}}.notification-panel{position:absolute;top:calc(100% + 16px);right:0;width:420px;max-height:600px;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003,0 0 1px #0000001a;z-index:1000;overflow:hidden;animation:slideDown .25s cubic-bezier(.4,0,.2,1);border:1px solid rgba(0,0,0,.05)}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f1f5f9;background:linear-gradient(135deg,#fafafa,#fff)}.notification-header h3{margin:0;font-size:17px;font-weight:700;color:#1e293b;letter-spacing:-.3px}.notification-header button{background:none;border:none;color:#94a3b8;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s;display:flex;align-items:center;justify-content:center}.notification-header button:hover{background:#f1f5f9;color:#1e293b}.notification-list{max-height:520px;overflow-y:auto;padding:4px}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:transparent}.notification-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.notification-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.notification-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 20px;color:#cbd5e1}.notification-empty svg{opacity:.4}.notification-empty p{margin:16px 0 0;font-size:15px;font-weight:500;color:#94a3b8}.notification-item{display:flex;gap:14px;padding:16px 20px;margin:4px 0;border-radius:12px;transition:all .2s;cursor:pointer;border:1px solid transparent}.notification-item:hover{background:#f8fafc;border-color:#e2e8f0}.notification-icon{flex-shrink:0;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:0 2px 8px #00000014}.notification-item.high .notification-icon{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#e31e24}.notification-item.medium .notification-icon{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#ea580c}.notification-content{flex:1;min-width:0}.notification-content p{margin:0 0 6px;font-size:14px;color:#1e293b;line-height:1.5;font-weight:500}.notification-content small{color:#64748b;font-size:13px;font-weight:400}.search-filter-section{display:flex;gap:16px;margin-bottom:24px;align-items:center}.search-bar{position:relative;flex:1;display:flex;align-items:center}.search-icon{position:absolute;left:18px;color:#94a3b8;font-size:18px;pointer-events:none}.search-input{width:100%;padding:14px 50px;border:2px solid #e2e8f0;border-radius:12px;font-size:15px;font-weight:400;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff;color:#1e293b}.search-input::-moz-placeholder{color:#94a3b8}.search-input::placeholder{color:#94a3b8}.search-input:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 4px #ef44441a;background:#fefefe}.clear-search{position:absolute;right:14px;background:#f1f5f9;border:none;color:#64748b;cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s;font-size:14px}.clear-search:hover{background:#e2e8f0;color:#1e293b}.filter-toggle-btn{display:flex;align-items:center;gap:10px;padding:14px 24px;background:#fff;border:2px solid #e2e8f0;border-radius:12px;font-size:15px;font-weight:600;color:#475569;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;white-space:nowrap}.filter-toggle-btn:hover{border-color:#ef4444;color:#ef4444;background:#fef2f2}.filter-toggle-btn svg{font-size:16px}.filter-active-badge{position:absolute;top:-6px;right:-6px;width:12px;height:12px;background:#ef4444;border-radius:50%;border:3px solid white;box-shadow:0 2px 6px #ef444466;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.filter-options{display:flex;gap:16px;padding:20px;background:linear-gradient(135deg,#fff,#fafafa);border-radius:14px;margin-bottom:24px;border:2px solid #e2e8f0;flex-wrap:wrap;align-items:center;box-shadow:0 4px 12px #0000000a}.filter-group{display:flex;align-items:center;gap:10px}.filter-group label{font-size:14px;font-weight:600;color:#475569;white-space:nowrap;letter-spacing:-.2px}.filter-group select{padding:10px 36px 10px 14px;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;font-weight:500;background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23475569' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") no-repeat right 12px center;background-size:14px;cursor:pointer;transition:all .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#1e293b;min-width:160px}.filter-group select:hover{border-color:#cbd5e1;background-color:#fafafa}.filter-group select:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a;background-color:#fff}.clear-filters-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:linear-gradient(135deg,#fee2e2,#fecaca);color:#e31e24;border:2px solid transparent;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.clear-filters-btn:hover{background:linear-gradient(135deg,#fecaca,#fca5a5);border-color:#ef4444;transform:translateY(-1px);box-shadow:0 4px 12px #ef444433}.filter-results{margin-left:auto;font-size:14px;color:#64748b;font-weight:600;padding:10px 16px;background:#fff;border-radius:10px;border:2px solid #e2e8f0;white-space:nowrap}.action-btn{padding:10px;border:none;border-radius:10px;cursor:pointer;font-size:15px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;position:relative;overflow:hidden}.action-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent,rgba(255,255,255,.3),transparent);transform:translate(-100%);transition:transform .6s}.action-btn:hover:before{transform:translate(100%)}.action-btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.action-btn:disabled:before{display:none}.extend-btn{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;box-shadow:0 2px 8px #2563eb26}.extend-btn:hover:not(:disabled){background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;transform:translateY(-2px) scale(1.05);box-shadow:0 6px 16px #2563eb4d}.suspend-btn{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#b91c1c;box-shadow:0 2px 8px #dc262626}.suspend-btn:hover:not(:disabled){background:linear-gradient(135deg,#ef4444,#e31e24);color:#fff;transform:translateY(-2px) scale(1.05);box-shadow:0 6px 16px #dc26264d}.activate-btn{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;box-shadow:0 2px 8px #05966926}.activate-btn:hover:not(:disabled){background:linear-gradient(135deg,#10b981,#059669);color:#fff;transform:translateY(-2px) scale(1.05);box-shadow:0 6px 16px #0596694d}.edit-btn{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#4338ca;box-shadow:0 2px 8px #4f46e526}.edit-btn:hover:not(:disabled){background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;transform:translateY(-2px) scale(1.05);box-shadow:0 6px 16px #4f46e54d}@media(max-width:1024px){.notification-panel{width:360px;max-height:500px}.filter-options{gap:12px}}@media(max-width:768px){.notification-panel{width:calc(100vw - 40px);max-width:360px;right:20px}.search-filter-section{flex-direction:column;gap:12px}.search-bar{width:100%}.filter-toggle-btn{width:100%;justify-content:center}.filter-options{flex-direction:column;align-items:stretch;gap:14px}.filter-group{width:100%;flex-direction:column;align-items:stretch;gap:6px}.filter-group label{font-size:13px}.filter-group select{width:100%;min-width:auto}.clear-filters-btn{width:100%;justify-content:center}.filter-results{margin-left:0;text-align:center;width:100%}.action-btn{min-width:38px;height:38px;padding:9px}}@media(max-width:480px){.notification-panel{width:calc(100vw - 24px);right:12px}.notification-header{padding:16px 18px}.notification-item{padding:14px 16px}.search-input{font-size:14px;padding:12px 44px}}.action-btn{padding:11px 18px;border:1px solid transparent;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease;white-space:nowrap;min-height:44px;height:auto;min-width:-moz-max-content;min-width:max-content;overflow:visible;flex-shrink:0}.action-btn.primary{background:linear-gradient(135deg,#e11d48,#be123c);color:#fff;box-shadow:0 8px 18px #e11d4833}.action-btn.primary:hover{transform:translateY(-1px);box-shadow:0 12px 24px #e11d4847}.action-btn.secondary{background-color:#fff;color:#334155;border-color:#dbe3ee}.action-btn.secondary:hover{border-color:#c4d0df;background:#f8fafc}.action-btn.danger{background-color:#e31e24;color:#fff}.action-btn.danger:hover{background-color:#b91c1c}.action-btn:disabled{opacity:.5;cursor:not-allowed}.hotel-detail-toolbar{display:flex;justify-content:flex-end;gap:10px;margin-bottom:14px;flex-wrap:wrap}.hotel-toolbar-btn{min-width:138px;justify-content:center}.hotel-inline-label{font-size:12px;font-weight:700;color:#64748b;letter-spacing:.06em;margin-bottom:6px}.hotel-inline-value{color:#1f2937;font-size:15px}.hotel-inline-value-bold{color:#111827;font-size:16px;font-weight:700}.icon-btn{background:#fff;border:1px solid #e2e8f0;color:#64748b;font-size:16px;cursor:pointer;width:34px;height:34px;padding:0;border-radius:10px;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center}.icon-btn:hover{transform:translateY(-1px);box-shadow:0 6px 12px #0f172a14}.icon-btn:disabled{opacity:.5;cursor:not-allowed}.hotel-edit-icon{width:40px;height:40px;border-radius:12px;border-color:#cbd5e1}.hotel-edit-icon:hover{border-color:#fda4af;color:#be123c;background:#fff1f2}.sa-inline-note{border-radius:12px;border:1px solid #dbeafe;background:#eff6ff;color:#1e3a8a;padding:12px 14px;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.sa-inline-note.error{border-color:#fecaca;background:#fef2f2;color:#991b1b}.sa-inline-note.success{border-color:#bbf7d0;background:#f0fdf4;color:#166534}.perm-inline-panel{margin-bottom:16px}.hotel-note-panel{border:1px solid #fed7aa;background:linear-gradient(135deg,#fff7ed,#fff)}.hotel-note-header{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffedd5}.hotel-note-header h4{margin:0;font-size:16px;color:#9a3412}.hotel-note-body{padding:14px 16px}.hotel-note-body p{margin:0 0 12px;color:#7c2d12;font-size:14px}.hotel-note-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.hotel-note-controls select{min-width:180px;max-width:220px}.permission-icon-btn{color:#0f766e;border-color:#99f6e4;background:#f0fdfa}.permission-icon-btn:hover{background-color:#ccfbf1;color:#0f766e}.icon-btn-view{color:#475569}.icon-btn-view:hover{background:#f8fafc;border-color:#cbd5e1}.icon-btn-edit{color:#4338ca;border-color:#c7d2fe;background:#eef2ff}.icon-btn-edit:hover{background:#e0e7ff;border-color:#a5b4fc}.icon-btn-renew{color:#0f766e;border-color:#99f6e4;background:#ecfeff}.icon-btn-renew:hover{background:#ccfbf1;border-color:#5eead4}.icon-btn-toggle{color:#b45309;border-color:#fde68a;background:#fffbeb}.icon-btn-toggle:hover{background:#fef3c7;border-color:#fcd34d}.badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.badge-success{background-color:#dcfce7;color:#166534}.badge-danger{background-color:#fee2e2;color:#991b1b}.badge-warning{background-color:#fef3c7;color:#92400e}.badge-info{background-color:#dbeafe;color:#1e40af}.badge-primary{background-color:#fecdd3;color:#9f1239}.badge-secondary{background-color:#f1f5f9;color:#475569}.checkbox-btn{background:none;border:none;color:#64748b;font-size:18px;cursor:pointer;padding:4px;transition:color .2s ease}.checkbox-btn:hover{color:#e11d48}.filters-panel{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 2px 4px #0000000d}.filters-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:16px}.filters-grid label{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:8px}.filter-select{width:100%;padding:10px 14px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#374151;background-color:#fff;cursor:pointer;transition:all .2s ease;outline:none}.filter-select:focus{border-color:#e11d48;box-shadow:0 0 0 3px #e11d481a}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:24px;border-top:1px solid #f1f5f9}.pagination-btn{padding:10px 20px;border:1px solid #e5e7eb;background:#fff;color:#374151;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background-color:#f8fafc;border-color:#e11d48;color:#e11d48}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-size:14px;font-weight:600;color:#64748b}.action-icon{font-size:16px;color:#64748b}.action-icon.success{color:#22c55e}.action-icon.danger{color:#ef4444}.action-icon.warning{color:#f59e0b}.action-icon.info{color:#3b82f6}.action-icon.primary{color:#e11d48}.table-responsive{overflow-x:auto}.sa-table tr.selected{background-color:#fef2f2}.sa-table tr:hover{background-color:#fafafa}.results-summary{padding:16px 0;font-size:14px;color:#64748b;font-weight:500}.permission-pill-row{margin-top:6px}.permission-count-pill{display:inline-flex;align-items:center;font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px;color:#0f766e;background:#ccfbf1;border:1px solid #99f6e4}.perm-modal-overlay{position:fixed;inset:0;background:#0f172a73;z-index:999;display:flex;align-items:center;justify-content:center;padding:24px}.perm-modal{width:min(980px,100%);max-height:88vh;overflow:hidden;background:#fff;border-radius:14px;border:1px solid #e2e8f0;box-shadow:0 20px 45px #0f172a40;display:flex;flex-direction:column}.perm-modal-header{padding:18px 20px;border-bottom:1px solid #f1f5f9;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.perm-modal-header h3{margin:0;font-size:20px;color:#0f172a}.perm-modal-header p{margin:6px 0 0;color:#64748b;font-size:13px}.perm-close-btn{border:none;background:#f8fafc;color:#475569;width:34px;height:34px;border-radius:8px;cursor:pointer}.perm-close-btn:hover{background:#f1f5f9;color:#0f172a}.perm-modal-toolbar{padding:12px 20px;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.perm-selected-count{margin-left:auto;font-size:13px;font-weight:600;color:#475569}.perm-grid{padding:16px 20px;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.perm-item{display:flex;align-items:center;gap:8px;border:1px solid #e2e8f0;border-radius:10px;padding:9px 10px;color:#1e293b;font-size:13px;font-weight:500;cursor:pointer;background:#fff;transition:all .2s ease}.perm-item.checked{border-color:#ef4444;background:#fff1f2;color:#9f1239}.perm-item input{accent-color:#e11d48}.perm-modal-actions{border-top:1px solid #f1f5f9;padding:14px 20px;display:flex;justify-content:flex-end;gap:10px}.action-bar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.action-bar-buttons{display:flex;align-items:center;justify-content:flex-start;gap:10px;flex-wrap:wrap;flex:1 1 420px;min-width:0}.search-bar{position:relative;flex:2 1 520px;min-width:280px}.action-bar-buttons .action-btn,.action-bar-buttons .filter-toggle-btn{flex:0 0 auto;white-space:nowrap}.action-bar-buttons{overflow-x:auto;overflow-y:hidden;padding-bottom:4px}.action-bar-buttons::-webkit-scrollbar{height:6px}.action-bar-buttons::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:8px}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:16px}.search-input{width:100%;padding:12px 16px 12px 44px;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;outline:none;transition:all .2s ease}.search-input:focus{border-color:#e11d48;box-shadow:0 0 0 3px #e11d481a}.filter-toggle-btn{padding:12px 20px;border:1px solid #e5e7eb;background:#fff;color:#374151;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.filter-toggle-btn:hover{background-color:#f8fafc;border-color:#e11d48;color:#e11d48}.sa-loading{display:flex;align-items:center;justify-content:center;height:100vh;font-size:18px;font-weight:600;color:#64748b}@media(max-width:768px){.action-bar{flex-direction:column;align-items:stretch;gap:12px}.action-bar-buttons{width:100%;justify-content:stretch;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;overflow:visible;padding-bottom:0}.action-bar-buttons .action-btn,.action-bar-buttons .filter-toggle-btn{width:100%;justify-content:center;min-width:0;font-size:13px;padding:10px 12px}.search-bar{min-width:0;width:100%}.sa-header{padding:0 12px;height:68px}.sa-header-logo{gap:8px}.sa-header-logo span{font-size:18px}.sa-content{padding:14px}.filters-grid{grid-template-columns:1fr}.sa-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sa-stat-card{padding:16px;border-radius:12px}.search-bar .search-input{padding-left:16px}}.search-bar .search-input{padding-left:16px}.create-hotel-form{padding:24px}.create-hotel-grid{display:grid;gap:20px}.create-hotel-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.create-hotel-permissions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.create-hotel-actions{display:flex;align-items:center;justify-content:flex-end;gap:16px}.create-hotel-btn{min-height:46px}.multi-permission-picker .mpp-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.multi-permission-picker .mpp-actions{display:flex;gap:6px;flex-wrap:wrap}.multi-permission-picker .mpp-btn{min-height:34px}.multi-permission-picker .mpp-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:8px}@media(max-width:992px){.create-hotel-form{padding:20px}.create-hotel-grid-2{grid-template-columns:1fr;gap:14px}}@media(max-width:768px){.create-hotel-card{border-radius:14px}.create-hotel-form{padding:16px}.create-hotel-section{margin-bottom:24px}.create-hotel-heading{font-size:16px!important;margin-bottom:14px!important}.create-hotel-field{margin-bottom:10px!important}.create-hotel-permissions-grid{grid-template-columns:1fr;padding:10px!important}.multi-permission-picker .mpp-head{flex-direction:column;align-items:flex-start}.multi-permission-picker .mpp-count{width:100%}.multi-permission-picker .mpp-actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.multi-permission-picker .mpp-btn-primary{grid-column:1 / -1}.multi-permission-picker .mpp-btn{width:100%;justify-content:center}.multi-permission-picker .mpp-options{grid-template-columns:1fr;max-height:200px!important}.multi-permission-picker .mpp-option{font-size:12px!important}.create-hotel-actions{flex-direction:column;align-items:stretch;gap:10px;margin-top:20px!important;padding-top:16px!important}.create-hotel-btn{width:100%}}.subscription-table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.subscription-table-scroll .sa-table{min-width:760px}@media(max-width:480px){.action-bar-buttons{grid-template-columns:1fr}.sa-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sa-stat-card{padding:14px}.sa-stat-value{font-size:30px}.sa-header-logo span{font-size:16px}}@media(max-width:1200px){.search-bar{flex:1 1 100%;min-width:0}.action-bar-buttons{width:100%;justify-content:flex-start}}.sa-header-unified .sa-header-actions{margin-left:auto;gap:0}.sa-header-unified .sa-profile{margin-left:0}.hotels-action-bar .search-input,.activity-action-bar .search-input{padding-left:16px}.hotels-table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.hotels-main-table{min-width:980px}@media(max-width:768px){.sa-header-unified{height:66px;padding:0 10px}.sa-header-unified .sa-header-logo{gap:8px}.sa-header-unified .sa-header-logo span{font-size:16px;letter-spacing:.2px}.hotels-action-bar{gap:10px;margin-bottom:14px}.hotels-action-bar .search-bar{width:100%;min-width:0;flex:1 1 100%}.hotels-action-bar .action-bar-buttons{width:100%;display:flex;flex-direction:column;gap:10px;overflow:visible;padding-bottom:0;flex:1 1 100%}.hotels-action-bar .action-bar-buttons .action-btn,.hotels-action-bar .action-bar-buttons .filter-toggle-btn{width:100%;justify-content:center}.hotels-table-responsive{margin-top:8px}}:root{--primary: #e11d48;--primary-hover: #be123c;--bg-dark: #0f172a;--bg-darker: #020617;--text-main: #1e293b;--text-muted: #64748b;--border-light: #e2e8f0;--input-bg: #f8fafc;--font-premium: "Outfit", sans-serif}.premium-login-wrapper{display:flex;min-height:100vh;width:100%;font-family:var(--font-premium);background-color:#fff;overflow:hidden}.login-panel-left{flex:1.2;position:relative;background:linear-gradient(135deg,var(--bg-dark) 0%,var(--bg-darker) 100%);color:#fff;display:flex;flex-direction:column;justify-content:center;padding:4rem 6rem;overflow:hidden}.geometric-overlay{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background-image:radial-gradient(circle at 20% 30%,rgba(225,29,72,.12) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(37,99,235,.08) 0%,transparent 50%);z-index:1;pointer-events:none;animation:bgFloat 20s ease-in-out infinite alternate}@keyframes bgFloat{0%{transform:scale(1) translate(0)}to{transform:scale(1.1) translate(-2%,-2%)}}.left-content-wrapper{position:relative;z-index:2;max-width:540px}.brand-logo{display:flex;align-items:center;gap:1rem;margin-bottom:4rem}.logo-icon{font-size:2.5rem;color:var(--primary);animation:slowRevealAndSpin 8s ease inset}.brand-logo h1{font-size:2rem;font-weight:700;margin:0;letter-spacing:2px;background:linear-gradient(90deg,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.brand-text h2{font-size:3.5rem;font-weight:700;line-height:1.15;margin:0 0 1.5rem;letter-spacing:-1px}.brand-text p{font-size:1.15rem;line-height:1.7;color:#94a3b8;margin-bottom:3.5rem}.auth-features{display:flex;flex-direction:column;gap:1.25rem}.feature-item{display:flex;align-items:center;gap:1.25rem;font-size:1.1rem;color:#f8fafc;font-weight:500}.feature-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#e11d4833;color:var(--primary);font-size:.9rem;font-weight:700;backdrop-filter:blur(4px);border:1px solid rgba(225,29,72,.3)}.login-panel-right{flex:1;display:flex;justify-content:center;align-items:center;background:#fff;padding:2rem;position:relative;min-width:450px}.right-content-wrapper{width:100%;max-width:420px}.mobile-brand{display:none;text-align:center;margin-bottom:2.5rem}.logo-icon-mobile{font-size:2rem;color:var(--primary);display:block;margin-bottom:.5rem}.mobile-brand h1{font-size:1.75rem;font-weight:700;color:var(--text-main);margin:0;letter-spacing:1px}.login-header{margin-bottom:2.5rem}.login-header h2{font-size:2.25rem;font-weight:700;color:var(--text-main);margin:0 0 .5rem;letter-spacing:-.5px}.login-header p{color:var(--text-muted);font-size:1.05rem;margin:0}.role-selector{display:flex;background:#f1f5f9;border-radius:12px;padding:.35rem;margin-bottom:2.5rem;position:relative}.role-btn{flex:1;padding:.85rem;border:none;background:transparent;font-size:1rem;font-weight:600;color:var(--text-muted);cursor:pointer;position:relative;z-index:2;transition:color .3s ease;border-radius:8px}.role-btn.active{color:var(--primary)}.role-indicator{position:absolute;inset:0;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000f;z-index:-1}.form-container{min-height:380px}.auth-form{display:flex;flex-direction:column;gap:1.5rem;width:100%}.input-group{position:relative}.input-field{position:relative;width:100%}.input-field input{width:100%;padding:1.25rem 1rem;font-size:1.05rem;background:var(--input-bg);border:2px solid transparent;border-radius:12px;outline:none;color:var(--text-main);transition:all .3s cubic-bezier(.4,0,.2,1);font-family:var(--font-premium);box-sizing:border-box}.input-field input:focus,.input-field input.has-value{background:#fff;border-color:var(--primary);box-shadow:0 4px 15px #e11d4814;padding:1.5rem 1rem 1rem}.input-field label{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:1.05rem;pointer-events:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.input-field input:focus~label,.input-field input.has-value~label{top:.75rem;transform:translateY(0) scale(.75);transform-origin:left top;color:var(--primary);font-weight:600}.password-toggle{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#94a3b8;font-weight:600;cursor:pointer;font-size:.9rem;padding:0;transition:color .2s;letter-spacing:.5px;text-transform:uppercase}.password-toggle:hover{color:var(--primary)}.form-actions-row{display:flex;justify-content:space-between;align-items:center;margin:.5rem 0}.custom-checkbox{display:flex;align-items:center;gap:.6rem;cursor:pointer;position:relative}.custom-checkbox input{opacity:0;position:absolute;cursor:pointer}.checkmark{width:20px;height:20px;border:2px solid var(--border-light);border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;background:#fff}.custom-checkbox input:checked~.checkmark{background-color:var(--primary);border-color:var(--primary)}.custom-checkbox input:checked~.checkmark:after{content:"";width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);margin-bottom:2px}.checkbox-label{font-size:.95rem;color:var(--text-muted);font-weight:500}.forgot-link{color:var(--primary);font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s}.forgot-link:hover{opacity:.8;text-decoration:underline}.submit-btn{width:100%;padding:1.15rem;background:var(--primary);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .3s ease;box-shadow:0 8px 20px #e11d4840;position:relative;overflow:hidden;font-family:var(--font-premium);margin-top:1rem}.btn-glow{position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transform:skew(-20deg);transition:left .6s ease}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #e11d4859;background:var(--primary-hover)}.submit-btn:hover:not(:disabled) .btn-glow{left:200%}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn.is-loading,.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-icon{display:flex;align-items:center}.btn-icon svg{width:22px;height:22px;transition:transform .3s ease}.submit-btn:hover .btn-icon svg{transform:translate(6px)}.error-banner{display:flex;align-items:center;gap:.75rem;background:#fef2f2;color:#ef4444;padding:1rem;border-radius:10px;border:1px solid #fecaca;font-size:.95rem;font-weight:500;overflow:hidden;box-shadow:0 4px 6px #ef44440d}.error-icon{width:20px;height:20px;flex-shrink:0}@media(max-width:1200px){.login-panel-left{padding:3rem 4rem}.brand-text h2{font-size:3rem}}@media(max-width:992px){.login-panel-right{min-width:400px}.brand-text h2{font-size:2.5rem}.brand-logo h1{font-size:1.75rem}}@media(max-width:768px){.premium-login-wrapper{flex-direction:column}.login-panel-left{display:none}.mobile-brand{display:block}.login-panel-right{min-width:100%;padding:4rem 1.5rem 2rem;align-items:flex-start}.right-content-wrapper{max-width:100%}.login-header h2{font-size:2rem}}.super-admin-login-wrapper{background:#fff;min-height:100vh;display:flex;flex-direction:column}.super-admin-container{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem}.super-admin-badge{background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 4px 15px #4f46e54d}.super-admin-subtitle{color:#4f46e5}.super-admin-btn{background:linear-gradient(135deg,#4f46e5,#4338ca)}.super-admin-btn:hover:not(:disabled){box-shadow:0 12px 24px #4f46e566}.super-admin-input:focus-within{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.qr-scan-page{min-height:100vh;background:linear-gradient(135deg,#fef2f2,#fff,#fef2f2);display:flex;align-items:center;justify-content:center;padding:20px}.qr-scan-container{max-width:500px;width:100%}.qr-scan-header{text-align:center;margin-bottom:30px}.qr-scan-header h1{font-size:32px;color:#1f2937;margin:0 0 8px;font-weight:700}.qr-scan-header p{font-size:16px;color:#6b7280;margin:0}.loading-container,.error-container{text-align:center;padding:6px 40px;background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001a}.loader{width:50px;height:50px;border:4px solid #fef2f2;border-top-color:#ef4444;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{to{transform:rotate(360deg)}}.loading-container p{color:#6b7280;font-size:16px}.error-container{color:#e31e24}.error-icon{font-size:64px;margin-bottom:20px}.error-container h2{font-size:24px;margin:0 0 12px;color:#e31e24}.error-container p{font-size:16px;color:#6b7280;margin-bottom:24px}.step-container{width:100%}.room-details-card,.verification-card,.success-card{background:#fff;border-radius:16px;padding:40px;box-shadow:0 10px 40px #0000001a}.room-details-card h2,.verification-card h2,.success-card h2{font-size:24px;color:#1f2937;margin:0 0 24px;font-weight:700;text-align:center}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #e5e7eb}.detail-row:last-child{border-bottom:none}.detail-row span{font-size:15px;color:#6b7280}.detail-row strong{font-size:16px;color:#1f2937;font-weight:600}.status-badge{padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600}.status-badge.checked-in{background:#d1fae5;color:#065f46}.status-badge.available{background:#dbeafe;color:#1e40af}.status-badge.occupied{background:#fee2e2;color:#e31e24}.verification-icon,.success-icon{font-size:64px;text-align:center;margin-bottom:20px}.verification-subtitle{text-align:center;color:#6b7280;font-size:15px;margin-bottom:30px;line-height:1.6}.room-info-small{text-align:center;background:#f9fafb;padding:12px;border-radius:8px;margin-bottom:24px;font-size:14px;color:#4b5563}.separator{margin:0 8px;color:#d1d5db}.input-group{margin-bottom:24px}.input-group label{display:block;font-size:14px;color:#374151;font-weight:600;margin-bottom:8px}.mobile-input{width:100%;padding:14px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:16px;transition:all .3s;font-family:inherit}.mobile-input:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.otp-input-container{display:flex;gap:12px;justify-content:center;margin-bottom:24px}.otp-input{width:50px;height:56px;text-align:center;font-size:24px;font-weight:700;border:2px solid #e5e7eb;border-radius:10px;transition:all .3s;font-family:inherit}.otp-input:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.btn-primary,.btn-secondary{width:100%;padding:16px;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;font-family:inherit}.btn-primary{background:#ef4444;color:#fff;margin-bottom:12px}.btn-primary:hover:not(:disabled){background:#e31e24;transform:translateY(-2px);box-shadow:0 8px 16px #ef44444d}.btn-primary:disabled{background:#fca5a5;cursor:not-allowed;transform:none}.btn-secondary{background:#f3f4f6;color:#4b5563}.btn-secondary:hover:not(:disabled){background:#e5e7eb}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.error-message{background:#fee2e2;color:#e31e24;padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:14px;display:flex;align-items:center;gap:8px}.success-icon{font-size:80px}.success-subtitle{text-align:center;color:#059669;font-size:20px;font-weight:600;margin-bottom:30px}.booking-summary{background:#f9fafb;border-radius:12px;padding:24px;margin-bottom:30px}.booking-summary h3{font-size:18px;color:#1f2937;margin:0 0 20px;font-weight:600;text-align:center}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #e5e7eb}.summary-row:last-child{border-bottom:none}.summary-row span{font-size:14px;color:#6b7280}.summary-row strong{font-size:16px;color:#1f2937;font-weight:600}.service-buttons{display:grid;gap:12px}.service-btn{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#fff;border:2px solid #e5e7eb;border-radius:10px;font-size:16px;font-weight:600;color:#1f2937;cursor:pointer;transition:all .3s;font-family:inherit}.service-btn:hover{border-color:#ef4444;background:#fef2f2;transform:translate(8px)}.service-icon{font-size:24px}@media(max-width:600px){.qr-scan-header h1{font-size:26px}.room-details-card,.verification-card,.success-card{padding:30px 24px}.otp-input{width:42px;height:48px;font-size:20px}.otp-input-container{gap:8px}.service-btn{font-size:15px}}.about-page{width:100%;position:relative;overflow-x:hidden;background:#fff2f5}.about-container{max-width:1200px;margin:auto;padding:0 20px;position:relative;z-index:2}.about-hero{padding:20px 20px 30px;text-align:center;position:relative;background:#fff2f5;overflow:hidden}.about-hero h1,.about-hero p{position:relative;z-index:2}.about-hero h1{font-size:48px;font-weight:700;line-height:1.2;color:#1f2937}.about-hero span{color:#e11d48}.about-hero p{margin:20px auto 0;max-width:650px;font-size:18px;color:#555}.about-story{padding:20px 20px 100px;max-width:1100px;margin:auto;position:relative;z-index:1}.our-story-heading{text-align:center;font-size:42px;font-weight:700;letter-spacing:1px;margin-bottom:60px;position:relative;color:#1f2a37}.timeline-container{position:relative;padding-top:20px;padding-bottom:40px;max-width:1100px;margin:0 auto}.timeline-container:before{content:"";position:absolute;top:0;left:50%;width:4px;height:100%;background:#e63946;transform:translate(-50%)}.timeline-dot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:18px;height:18px;background:#ff2e63;border-radius:50%;border:4px solid #ffffff;box-shadow:0 0 0 4px #ff2e6326;z-index:5}.timeline-item.left .timeline-dot{left:100%}.timeline-item.right .timeline-dot{left:0}.timeline-content{position:relative;display:flex;flex-direction:column;gap:0}.timeline-item{position:relative;width:50%;box-sizing:border-box;min-height:150px;display:flex;align-items:center}.timeline-item.left{align-self:flex-start;padding-right:60px;justify-content:flex-end}.timeline-item.right{align-self:flex-end;padding-left:60px;justify-content:flex-start}.timeline-item:not(:first-child){margin-top:-50px}.timeline-card{background:#fff;padding:28px;border-radius:20px;width:420px;border:2px solid #e63946;box-shadow:0 12px #e63946;transform:translateY(-6px);transition:all .2s ease-out;text-align:left;position:relative;z-index:5}.timeline-card h3{text-align:left;font-size:20px;margin-bottom:10px;color:#111827}.timeline-card p{text-align:left;color:#6b7280;line-height:1.6}.timeline-card:hover{transform:translateY(-10px);box-shadow:0 16px #e63946}.about-team{padding:100px 20px;text-align:center;background:#fff2f5;position:relative;z-index:1}.team-heading{font-size:42px;font-weight:700;color:#1f2937;margin-bottom:10px}.team-subheading{color:#6b7280;font-size:18px;margin-bottom:60px}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;max-width:1100px;margin:0 auto;width:100%}.team-card{background:#fff;border-radius:30px;overflow:hidden;border:2px solid #e63946;box-shadow:0 12px #e63946;transform:translateY(-6px);transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.team-card:hover{transform:translateY(-15px);box-shadow:0 20px #e63946}.team-image{width:100%;aspect-ratio:1;overflow:hidden}.team-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;transition:transform .5s ease}.team-card:hover .team-image img{transform:scale(1.1)}.team-info{padding:25px;text-align:center}.team-info h4{font-size:22px;font-weight:700;color:#111827;margin:0 0 5px}.team-info span{color:#e11d48;font-weight:600;font-size:15px;text-transform:uppercase;letter-spacing:1px}@media(max-width:1024px){.team-grid{gap:30px}}@media(max-width:768px){.team-grid{grid-template-columns:repeat(2,1fr);gap:20px}.about-team{padding:50px 14px}}@media(max-width:500px){.team-grid{grid-template-columns:repeat(2,1fr);gap:12px}.team-card{border-radius:20px;box-shadow:0 8px #e63946;transform:translateY(-4px)}.team-card:hover{transform:translateY(-8px);box-shadow:0 12px #e63946}.team-image{aspect-ratio:1 / 1.25}.team-info{padding:8px 6px}.team-info h4{font-size:16px;margin-bottom:2px}.team-info span{font-size:11px;letter-spacing:.5px}}.about-why{padding:120px 0;text-align:center;background:#fff2f5;position:relative;overflow:hidden}.about-why:before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;background:radial-gradient(circle at center,rgba(225,29,72,.05) 0%,transparent 60%);transform:translate(-50%,-50%);z-index:0;pointer-events:none}.about-why h2{font-size:52px;font-weight:800;margin-bottom:15px;color:#1a202c;position:relative;z-index:1}.about-why p{color:#718096;font-size:20px;margin-bottom:80px;font-weight:500;position:relative;z-index:1}.why-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;max-width:1200px;margin:0 auto;position:relative;z-index:1}.why-card{background:#fff;padding:50px 30px;border-radius:30px;border:2px solid #e63946;box-shadow:0 12px #e63946;transform:translateY(-6px);transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:default}.why-card-icon-wrapper{width:90px;height:90px;border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:30px;box-shadow:0 10px 20px #00000008}.why-card h4{font-size:24px;font-weight:700;color:#2d3748;line-height:1.3}.why-card:hover{transform:translateY(-15px);box-shadow:0 20px #e63946}@media(max-width:1024px){.why-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.about-why h2{font-size:38px}.why-cards{grid-template-columns:1fr}}.about-cta{margin:0 auto;padding:60px 20px;text-align:center;background:linear-gradient(135deg,#e11d48,#fb7185);color:#fff;border-radius:40px 40px 0 0;position:relative;z-index:1;box-sizing:border-box}.about-cta h2{font-size:40px;margin-bottom:15px}.about-cta p{font-size:18px}.about-cta button{margin-top:25px;padding:14px 40px;border-radius:40px;border:none;background:#fff;color:#e11d48;font-weight:600;cursor:pointer;transition:.3s}.about-cta button:hover{background:#f3f4f6}@media(max-width:900px){.timeline-container:before{left:22px;transform:none;top:0}.timeline-content{gap:18px}.timeline-item,.timeline-item.left,.timeline-item.right{width:100%;align-self:stretch;justify-content:flex-start;padding-left:54px;padding-right:0;min-height:auto}.timeline-item:not(:first-child){margin-top:0}.timeline-item.left .timeline-dot,.timeline-item.right .timeline-dot{left:22px;transform:translate(-50%,-50%)}.timeline-card{width:100%;max-width:520px;padding:22px}}@media(max-width:600px){.timeline-item,.timeline-item.left,.timeline-item.right{padding-left:42px}.timeline-container:before{left:16px}.timeline-item.left .timeline-dot,.timeline-item.right .timeline-dot{left:16px;width:14px;height:14px;border-width:3px}.timeline-card{padding:20px;border-radius:16px}}@media(max-width:768px){.about-cta{width:calc(100% - 24px);margin:0 auto;padding:44px 16px;border-radius:28px 28px 0 0}}@media(max-width:480px){.about-cta{width:calc(100% - 16px);padding:36px 14px;border-radius:24px 24px 0 0}}.features-page{background:#fff2f5;overflow-x:hidden}.features-hero{display:flex;justify-content:space-between;align-items:center;padding:30px 8% 40px 5%;background:linear-gradient(135deg,#fff,#fde7ec 60%,#f8d7df);gap:40px}.features-hero-left{flex:1;margin-left:-22px;min-width:0}.features-hero-left h1{font-size:54px;font-weight:800;line-height:1.2;color:#1d1d1f;margin-top:20px}.features-hero-left h1 span{color:#e11d48}.features-hero-left p{margin-top:20px;font-size:18px;color:#555;line-height:1.6;max-width:550px}.hero-buttons{display:flex;gap:20px;margin-top:30px}.btn-primary,.btn-secondary{padding:14px 32px;font-size:16px;font-weight:600;border-radius:10px;cursor:pointer;transition:.3s ease;height:54px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.btn-primary{background:#e11d48;color:#fff;border:2px solid #e11d48}.btn-primary:hover{background:#c9153e;border-color:#c9153e;transform:translateY(-3px);box-shadow:0 10px 20px #e11d4833}.btn-secondary{background:#fff;color:#e11d48;border:2px solid #e11d48;transition:all .4s ease-in-out}.btn-secondary:hover{background:#e11d48;color:#fff!important}.features-hero-image-wrapper{flex:1;display:flex;justify-content:flex-end;align-items:center}.features-hero-image{width:100%;max-width:520px;max-height:480px;-o-object-fit:contain;object-fit:contain;display:block;filter:drop-shadow(0 20px 50px rgba(225,29,72,.15));animation:floatHero 4s ease-in-out infinite}@keyframes floatHero{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.features-grid-wrapper{width:100%;background:#fff2f5;padding:20px 0 80px}.features-grid-container{padding:20px 5% 80px;display:grid;grid-template-columns:repeat(4,1fr);gap:40px}.feature-card{padding:0;background:#fff;border:2px solid #e11d48;border-radius:20px;display:flex;flex-direction:column;overflow:hidden;width:100%;box-shadow:0 12px #e63946;transform:translateY(-6px);transition:all .2s ease-out}.feature-card:hover{transform:translateY(-10px);box-shadow:0 16px #e63946}.feature-img-wrap{width:100%}.feature-card img{width:100%;height:auto;display:block;-o-object-fit:contain;object-fit:contain}.feature-card:hover img{box-shadow:0 10px 25px #e11d4826}@media(max-width:1024px){.features-grid-container{grid-template-columns:repeat(2,1fr);padding:0 16px;gap:30px}}@media(max-width:640px){.features-grid-container{grid-template-columns:1fr;padding:0 10px}.feature-card{margin:0}}.features-cta{margin-top:20px;padding:80px 10%;text-align:center;background:linear-gradient(90deg,#e11d48,#fb7185);color:#fff;border-top-left-radius:80px;border-top-right-radius:80px}.features-cta h2{font-size:32px;margin-bottom:15px}.features-cta p{margin:0 auto;max-width:820px;line-height:1.6}.cta-btn{margin-top:20px;padding:14px 30px;border-radius:12px;border:none;background:#fff;color:#e11d48;font-weight:700;cursor:pointer}@media(max-width:1024px){.features-hero{padding:24px 4% 36px;gap:24px}.features-hero-left{margin-left:0}.features-hero-left h1{font-size:44px}.features-hero-image{max-width:460px}}@media(max-width:768px){.features-hero{flex-direction:column;align-items:flex-start;text-align:left;padding:20px 16px 30px;gap:20px}.features-hero-left{width:100%;margin-left:0}.features-hero-left h1{font-size:46px;line-height:1.06;margin-top:8px;overflow-wrap:anywhere;word-break:break-word}.features-hero-left p{font-size:17px;line-height:1.5;margin-top:14px;max-width:100%}.hero-buttons{width:100%;gap:12px}.btn-primary,.btn-secondary{flex:1;min-width:0;padding:12px 10px;font-size:14px;height:48px}.features-hero-image-wrapper{width:100%;justify-content:center}.features-hero-image{max-width:100%;max-height:none}.features-cta{margin:24px 12px 18px;padding:44px 18px;border-radius:36px 36px 24px 24px}.features-cta h2{font-size:32px;line-height:1.2;margin-bottom:12px}.features-cta p{font-size:17px;line-height:1.45}.features-cta .cta-btn{width:100%;max-width:280px;height:54px;border-radius:14px;font-size:16px}}@media(max-width:480px){.features-hero{padding:16px 12px 24px}.features-hero-left h1{font-size:40px;line-height:1.04}.features-hero-left p{font-size:16px}.hero-buttons{flex-wrap:wrap}.btn-primary,.btn-secondary{width:100%}.features-cta{margin:20px 8px 14px;padding:36px 14px;border-radius:28px 28px 18px 18px}.features-cta h2{font-size:28px}.features-cta p{font-size:16px}.features-cta .cta-btn{max-width:250px;height:50px;font-size:15px}}.contact-cards-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:32px;max-width:1100px;margin:0 auto 60px;align-items:start}.c-info-card{position:relative;background:#e63946;border:3px solid #ffccd5;border-radius:12px;padding:44px 36px;overflow:hidden;color:#fff;box-shadow:10px 10px #e63946;min-height:480px;display:flex;flex-direction:column;justify-content:space-between;transition:none}.c-info-card:before,.c-info-card:after{display:none}.c-info-title{font-size:24px;font-weight:800;color:#fff;margin-bottom:6px;position:relative}.c-info-sub{font-size:13.5px;color:#ffffff80;margin-bottom:36px;position:relative}.c-info-items{display:flex;flex-direction:column;gap:24px;position:relative;flex:1}.c-info-item{display:flex;align-items:flex-start;gap:14px}.c-info-icon{width:44px;height:44px;border-radius:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.13);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;transition:background .25s}.c-info-item:hover .c-info-icon{background:#ffffff59}.c-info-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffffffe6;margin-bottom:3px}.c-info-value{font-size:14px;color:#ffffffc7;line-height:1.65;margin:0;text-decoration:none;transition:color .2s}a.c-info-value:hover{color:#fda4af}.c-info-divider{height:1px;background:#ffffff1a;margin:28px 0 24px;position:relative}.c-social-label{font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#ffffff73;margin-bottom:14px;position:relative}.c-social-row{display:flex;gap:10px;flex-wrap:wrap;position:relative}.c-social-btn{width:42px;height:42px;border-radius:11px;background:#ffffff12;border:1px solid rgba(255,255,255,.12);color:#fff;font-size:11px;font-weight:800;letter-spacing:.02em;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all .25s ease}.c-social-btn:hover{background:#fff;border-color:#fff;color:#f87491;transform:translateY(-4px);box-shadow:0 8px 20px #ffffff59}.c-form-card{background:#fff;border:3px solid #e63946;border-radius:12px;padding:30px 32px;box-shadow:10px 10px #e63946}.c-form-title{font-size:24px;font-weight:800;color:#1a0a10;margin-bottom:6px}.c-form-sub{font-size:13.5px;color:#9ca3af;margin-bottom:20px}.c-form{display:flex;flex-direction:column;gap:12px}.c-field{display:flex;flex-direction:column;gap:7px}.c-field label{font-size:13px;font-weight:600;color:#374151;transition:color .2s}.c-field:focus-within label{color:#e11d48}.c-field input,.c-field textarea{padding:9px 13px;border:1.5px solid #e5e7eb;border-radius:11px;font-size:14px;color:#1a0a10;background:#fafafa;outline:none;transition:all .22s ease;font-family:inherit;box-sizing:border-box;resize:vertical;width:100%}.c-field input::-moz-placeholder,.c-field textarea::-moz-placeholder{color:#d1d5db}.c-field input::placeholder,.c-field textarea::placeholder{color:#d1d5db}.c-field input:focus,.c-field textarea:focus{border-color:#e11d48;background:#fff;box-shadow:0 0 0 3px #e11d4817}.c-field textarea{min-height:72px}.c-send-btn{width:100%;padding:11px 24px;border:none;border-radius:12px;background:linear-gradient(135deg,#e11d48,#f43f6e);color:#fff;font-size:15px;font-weight:700;cursor:pointer;letter-spacing:.02em;transition:all .28s ease;box-shadow:0 8px 22px #e11d4852;margin-top:4px;font-family:inherit}.c-send-btn:hover{transform:translateY(-3px);box-shadow:0 14px 30px #e11d486b;background:linear-gradient(135deg,#c8173f,#e11d48)}.c-send-btn:active{transform:translateY(0)}@media(max-width:860px){.contact-cards-grid{grid-template-columns:1fr}.c-info-card{min-height:unset}}@media(max-width:480px){.c-info-card,.c-form-card{padding:28px 20px}}