.dashboard-screen{background-color:#f8f9fa;box-sizing:border-box;min-height:calc(100vh - 70px);padding:0 1.5rem 1.5rem}.dashboard-container{box-sizing:border-box;max-width:1400px;width:100%}.dashboard-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.25rem;padding:1.5rem}.dashboard-title{font-family:Inter,sans-serif;font-size:2rem}.dashboard-subtitle{color:#64748b;font-family:Inter,sans-serif;font-size:1rem}.dashboard-content{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:.75rem;padding:1.5rem}.dashboard-content:last-child{margin-bottom:0}.section-header{border-bottom:1px solid #e9ecef;padding-bottom:.75rem}.form-section:last-child{margin-bottom:0}.form-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.form-grid-2{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-grid-3{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-field label{color:#475560}.btn-primary{background:linear-gradient(135deg,#0f172a,#1e293b);display:inline-flex;font-family:Inter,sans-serif;font-size:.875rem;padding:.75rem 1.5rem}.btn-primary:hover{box-shadow:0 4px 12px #0f172a4d;transform:translateY(-1px)}.btn-secondary{display:inline-flex;font-family:Inter,sans-serif;font-size:.875rem;padding:.75rem 1.5rem}.btn-secondary:hover{border-color:#0f172a}.table-container{border:1px solid #e9ecef;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem}.table-container:last-child{margin-bottom:0}.table-header{background:#f8f9fa;border-bottom:1px solid #e9ecef;padding:1rem 1.5rem}.table-title{font-family:Inter,sans-serif;font-size:1.125rem}.card{box-shadow:0 1px 3px #0000001a;transition:box-shadow .2s ease}.card:hover{box-shadow:0 4px 6px #0000001a}.card-header{background:#f8f9fa;border-radius:12px 12px 0 0;padding:1rem 1.5rem}.card-body{padding:1.5rem}.grid-2{grid-gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-2,.grid-3{display:grid;gap:1.5rem}.grid-3{grid-gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}@media (max-width:1024px){.dashboard-screen{padding:1rem}.dashboard-header{align-items:stretch;flex-direction:column;gap:1rem;padding:1rem}.dashboard-content{padding:1rem}.form-grid,.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@media (max-width:768px){.dashboard-screen{padding:.75rem}.dashboard-title{font-size:1.5rem}.dashboard-content,.dashboard-header{padding:.75rem}}.error-message{background:#fef2f2}.no-results-title{font-size:1.25rem;margin-bottom:.5rem}.no-results-description{color:#64748b;font-size:.875rem}.modal-overlay{box-sizing:border-box;z-index:9999}.modal-content{position:relative}.modal-footer{padding:1.5rem}@media (max-width:768px){.modal-overlay{padding:.5rem}.modal-content{margin:0;max-height:calc(100vh - 1rem);max-width:calc(100vw - 1rem)}.modal-body,.modal-footer,.modal-header{padding:1rem}.modal-footer{flex-direction:column}}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}[multiple],[type=date],[type=datetime-local],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],input:where(:not([type])),select,textarea{--tw-shadow:0 0 #0000;-webkit-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-radius:0;border-width:1px;font-size:1rem;line-height:1.5rem;padding:.5rem .75rem}[multiple]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=email]:focus,[type=month]:focus,[type=number]:focus,[type=password]:focus,[type=search]:focus,[type=tel]:focus,[type=text]:focus,[type=time]:focus,[type=url]:focus,[type=week]:focus,input:where(:not([type])):focus,select:focus,textarea:focus{--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);border-color:#2563eb;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);outline:2px solid #0000;outline-offset:2px}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-bottom:0;padding-top:0}select{background-image:url("data:image/svg+xml;charset=utf-8,%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 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}[multiple],[size]:where(select:not([size="1"])){background-image:none;background-position:0 0;background-repeat:repeat;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:inherit;print-color-adjust:inherit}[type=checkbox],[type=radio]{--tw-shadow:0 0 #0000;-webkit-appearance:none;appearance:none;background-color:#fff;background-origin:border-box;border-color:#6b7280;border-width:1px;color:#2563eb;display:inline-block;flex-shrink:0;height:1rem;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;-webkit-user-select:none;user-select:none;vertical-align:middle;width:1rem}[type=checkbox]{border-radius:0}[type=radio]{border-radius:100%}[type=checkbox]:focus,[type=radio]:focus{--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);outline:2px solid #0000;outline-offset:2px}[type=checkbox]:checked,[type=radio]:checked{background-color:currentColor;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:#0000}[type=checkbox]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E")}@media (forced-colors:active){[type=checkbox]:checked{-webkit-appearance:auto;appearance:auto}}[type=radio]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")}@media (forced-colors:active){[type=radio]:checked{-webkit-appearance:auto;appearance:auto}}[type=checkbox]:checked:focus,[type=checkbox]:checked:hover,[type=checkbox]:indeterminate,[type=radio]:checked:focus,[type=radio]:checked:hover{background-color:currentColor;border-color:#0000}[type=checkbox]:indeterminate{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:100% 100%}@media (forced-colors:active){[type=checkbox]:indeterminate{-webkit-appearance:auto;appearance:auto}}[type=checkbox]:indeterminate:focus,[type=checkbox]:indeterminate:hover{background-color:currentColor;border-color:#0000}[type=file]{background:#0000 none repeat 0 0/auto auto padding-box border-box scroll;background:initial;border-color:inherit;border-radius:0;border-width:0;font-size:inherit;line-height:inherit;padding:0}[type=file]:focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}.form-input,.form-multiselect,.form-select,.form-textarea{--tw-shadow:0 0 #0000;-webkit-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-radius:0;border-width:1px;font-size:1rem;line-height:1.5rem;padding:.5rem .75rem}.form-input:focus,.form-multiselect:focus,.form-select:focus,.form-textarea:focus{--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);border-color:#2563eb;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);outline:2px solid #0000;outline-offset:2px}.form-input::placeholder,.form-textarea::placeholder{color:#6b7280;opacity:1}.form-input::-webkit-datetime-edit-fields-wrapper{padding:0}.form-input::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}.form-input::-webkit-datetime-edit{display:inline-flex}.form-input::-webkit-datetime-edit,.form-input::-webkit-datetime-edit-day-field,.form-input::-webkit-datetime-edit-hour-field,.form-input::-webkit-datetime-edit-meridiem-field,.form-input::-webkit-datetime-edit-millisecond-field,.form-input::-webkit-datetime-edit-minute-field,.form-input::-webkit-datetime-edit-month-field,.form-input::-webkit-datetime-edit-second-field,.form-input::-webkit-datetime-edit-year-field{padding-bottom:0;padding-top:0}.customer-app .visible{visibility:visible}.customer-app .fixed{position:fixed}.customer-app .sticky{position:-webkit-sticky;position:sticky}.customer-app .inset-0{inset:0}.customer-app .-right-1{right:-.25rem}.customer-app .-top-1{top:-.25rem}.customer-app .bottom-4{bottom:1rem}.customer-app .left-3{left:.75rem}.customer-app .right-3{right:.75rem}.customer-app .top-1\/2{top:50%}.customer-app .z-50{z-index:50}.customer-app .mb-1{margin-bottom:.25rem}.customer-app .mb-3{margin-bottom:.75rem}.customer-app .mb-4{margin-bottom:1rem}.customer-app .mb-6{margin-bottom:1.5rem}.customer-app .ml-2{margin-left:.5rem}.customer-app .mr-2{margin-right:.5rem}.customer-app .mt-0\.5{margin-top:.125rem}.customer-app .mt-3{margin-top:.75rem}.customer-app .mt-4{margin-top:1rem}.customer-app .block{display:block}.customer-app .inline-flex{display:inline-flex}.customer-app .hidden{display:none}.customer-app .h-14{height:3.5rem}.customer-app .h-24{height:6rem}.customer-app .h-3{height:.75rem}.customer-app .h-64{height:16rem}.customer-app .h-8{height:2rem}.customer-app .h-full{height:100%}.customer-app .w-14{width:3.5rem}.customer-app .w-24{width:6rem}.customer-app .w-3{width:.75rem}.customer-app .w-8{width:2rem}.customer-app .max-w-md{max-width:28rem}.customer-app .-translate-y-1\/2{--tw-translate-y:-50%}.customer-app .-translate-y-1\/2,.customer-app .transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.customer-app .animate-spin{animation:spin 1s linear infinite}.customer-app .flex-wrap{flex-wrap:wrap}.customer-app .gap-2{gap:.5rem}.customer-app :is(.space-x-1>:not([hidden])~:not([hidden])){--tw-space-x-reverse:0;margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.25rem*var(--tw-space-x-reverse))}.customer-app :is(.space-x-2>:not([hidden])~:not([hidden])){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.customer-app :is(.space-x-3>:not([hidden])~:not([hidden])){--tw-space-x-reverse:0;margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.75rem*var(--tw-space-x-reverse))}.customer-app :is(.space-x-4>:not([hidden])~:not([hidden])){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.customer-app :is(.space-y-2>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.customer-app :is(.space-y-3>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.customer-app :is(.space-y-4>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.customer-app :is(.space-y-6>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.customer-app .overflow-x-auto{overflow-x:auto}.customer-app .whitespace-nowrap{white-space:nowrap}.customer-app .break-words{overflow-wrap:break-word}.customer-app .rounded-md{border-radius:.375rem}.customer-app .rounded-xl{border-radius:.75rem}.customer-app .border{border-width:1px}.customer-app .border-2{border-width:2px}.customer-app .border-b-2{border-bottom-width:2px}.customer-app .border-t{border-top-width:1px}.customer-app .border-blue-600{--tw-border-opacity:1;border-color:#2563eb;border-color:rgb(37 99 235/var(--tw-border-opacity,1))}.customer-app .border-gray-100{--tw-border-opacity:1;border-color:#f3f4f6;border-color:rgb(243 244 246/var(--tw-border-opacity,1))}.customer-app .border-gray-200{--tw-border-opacity:1;border-color:#e5e7eb;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.customer-app .border-gray-300{--tw-border-opacity:1;border-color:#d1d5db;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.customer-app .border-primary-600{--tw-border-opacity:1;border-color:#0284c7;border-color:rgb(2 132 199/var(--tw-border-opacity,1))}.customer-app .border-red-200{--tw-border-opacity:1;border-color:#fecaca;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.customer-app .border-white{--tw-border-opacity:1;border-color:#fff;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.customer-app .bg-black{--tw-bg-opacity:1;background-color:#000;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.customer-app .bg-blue-100{--tw-bg-opacity:1;background-color:#dbeafe;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.customer-app .bg-blue-50{--tw-bg-opacity:1;background-color:#eff6ff;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.customer-app .bg-blue-600{--tw-bg-opacity:1;background-color:#2563eb;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.customer-app .bg-gray-100{--tw-bg-opacity:1;background-color:#f3f4f6;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.customer-app .bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.customer-app .bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.customer-app .bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.customer-app .bg-orange-100{--tw-bg-opacity:1;background-color:#ffedd5;background-color:rgb(255 237 213/var(--tw-bg-opacity,1))}.customer-app .bg-pink-500{--tw-bg-opacity:1;background-color:#ec4899;background-color:rgb(236 72 153/var(--tw-bg-opacity,1))}.customer-app .bg-primary-600{--tw-bg-opacity:1;background-color:rgb(2 132 199/var(--tw-bg-opacity,1))}.customer-app .bg-purple-100{--tw-bg-opacity:1;background-color:#f3e8ff;background-color:rgb(243 232 255/var(--tw-bg-opacity,1))}.customer-app .bg-red-100{--tw-bg-opacity:1;background-color:#fee2e2;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.customer-app .bg-red-50{--tw-bg-opacity:1;background-color:#fef2f2;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.customer-app .bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.customer-app .bg-yellow-100{--tw-bg-opacity:1;background-color:#fef9c3;background-color:rgb(254 249 195/var(--tw-bg-opacity,1))}.customer-app .bg-opacity-20{--tw-bg-opacity:0.2}.customer-app .bg-opacity-50{--tw-bg-opacity:0.5}.customer-app .bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.customer-app .bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.customer-app .from-blue-100{--tw-gradient-from:#dbeafe var(--tw-gradient-from-position);--tw-gradient-to:#dbeafe00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.customer-app .from-red-500{--tw-gradient-from:#ef4444 var(--tw-gradient-from-position);--tw-gradient-to:#ef444400 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.customer-app .from-yellow-400{--tw-gradient-from:#facc15 var(--tw-gradient-from-position);--tw-gradient-to:#facc1500 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.customer-app .to-blue-200{--tw-gradient-to:#bfdbfe var(--tw-gradient-to-position)}.customer-app .to-orange-500{--tw-gradient-to:#f97316 var(--tw-gradient-to-position)}.customer-app .to-pink-500{--tw-gradient-to:#ec4899 var(--tw-gradient-to-position)}.customer-app .object-contain{object-fit:contain}.customer-app .p-1{padding:.25rem}.customer-app .p-2{padding:.5rem}.customer-app .p-6{padding:1.5rem}.customer-app .p-8{padding:2rem}.customer-app .px-3{padding-left:.75rem;padding-right:.75rem}.customer-app .py-12{padding-bottom:3rem;padding-top:3rem}.customer-app .py-2{padding-bottom:.5rem;padding-top:.5rem}.customer-app .py-3{padding-bottom:.75rem;padding-top:.75rem}.customer-app .py-8{padding-bottom:2rem;padding-top:2rem}.customer-app .pb-2{padding-bottom:.5rem}.customer-app .pl-10{padding-left:2.5rem}.customer-app .pr-10{padding-right:2.5rem}.customer-app .pr-3{padding-right:.75rem}.customer-app .pr-4{padding-right:1rem}.customer-app .pt-2{padding-top:.5rem}.customer-app .pt-3{padding-top:.75rem}.customer-app .pt-4{padding-top:1rem}.customer-app .text-right{text-align:right}.customer-app .uppercase{text-transform:uppercase}.customer-app .tracking-widest{letter-spacing:.1em}.customer-app .text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity,1))}.customer-app .text-blue-600{--tw-text-opacity:1;color:#2563eb;color:rgb(37 99 235/var(--tw-text-opacity,1))}.customer-app .text-blue-800{--tw-text-opacity:1;color:#1e40af;color:rgb(30 64 175/var(--tw-text-opacity,1))}.customer-app .text-gray-300{--tw-text-opacity:1;color:#d1d5db;color:rgb(209 213 219/var(--tw-text-opacity,1))}.customer-app .text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.customer-app .text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.customer-app .text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.customer-app .text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.customer-app .text-gray-800{--tw-text-opacity:1;color:#1f2937;color:rgb(31 41 55/var(--tw-text-opacity,1))}.customer-app .text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.customer-app .text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.customer-app .text-green-600{--tw-text-opacity:1;color:#16a34a;color:rgb(22 163 74/var(--tw-text-opacity,1))}.customer-app .text-green-700{--tw-text-opacity:1;color:#15803d;color:rgb(21 128 61/var(--tw-text-opacity,1))}.customer-app .text-green-800{--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity,1))}.customer-app .text-orange-500{--tw-text-opacity:1;color:rgb(249 115 22/var(--tw-text-opacity,1))}.customer-app .text-orange-600{--tw-text-opacity:1;color:#ea580c;color:rgb(234 88 12/var(--tw-text-opacity,1))}.customer-app .text-orange-800{--tw-text-opacity:1;color:#9a3412;color:rgb(154 52 18/var(--tw-text-opacity,1))}.customer-app .text-primary-600{--tw-text-opacity:1;color:rgb(2 132 199/var(--tw-text-opacity,1))}.customer-app .text-purple-500{--tw-text-opacity:1;color:rgb(168 85 247/var(--tw-text-opacity,1))}.customer-app .text-purple-800{--tw-text-opacity:1;color:#6b21a8;color:rgb(107 33 168/var(--tw-text-opacity,1))}.customer-app .text-red-400{--tw-text-opacity:1;color:#f87171;color:rgb(248 113 113/var(--tw-text-opacity,1))}.customer-app .text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.customer-app .text-red-600{--tw-text-opacity:1;color:#dc2626;color:rgb(220 38 38/var(--tw-text-opacity,1))}.customer-app .text-red-700{--tw-text-opacity:1;color:#b91c1c;color:rgb(185 28 28/var(--tw-text-opacity,1))}.customer-app .text-red-800{--tw-text-opacity:1;color:#991b1b;color:rgb(153 27 27/var(--tw-text-opacity,1))}.customer-app .text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.customer-app .text-yellow-500{--tw-text-opacity:1;color:#eab308;color:rgb(234 179 8/var(--tw-text-opacity,1))}.customer-app .text-yellow-600{--tw-text-opacity:1;color:#ca8a04;color:rgb(202 138 4/var(--tw-text-opacity,1))}.customer-app .text-yellow-800{--tw-text-opacity:1;color:#854d0e;color:rgb(133 77 14/var(--tw-text-opacity,1))}.customer-app .text-opacity-90{--tw-text-opacity:0.9}.customer-app .line-through{-webkit-text-decoration-line:line-through;text-decoration-line:line-through}.customer-app .shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.customer-app .shadow-lg,.customer-app .shadow-md{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.customer-app .shadow-md{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.customer-app .shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.customer-app .shadow-sm,.customer-app .shadow-xl{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.customer-app .shadow-xl{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.customer-app .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)}.customer-app .transition{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.customer-app .transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.customer-app .transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.customer-app .hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:#1d4ed8;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.customer-app .hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:#f3f4f6;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.customer-app .hover\:bg-gray-200:hover{--tw-bg-opacity:1;background-color:#e5e7eb;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.customer-app .hover\:bg-gray-300:hover{--tw-bg-opacity:1;background-color:#d1d5db;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.customer-app .hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:#f9fafb;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.customer-app .hover\:bg-pink-600:hover{--tw-bg-opacity:1;background-color:#db2777;background-color:rgb(219 39 119/var(--tw-bg-opacity,1))}.customer-app .hover\:bg-primary-700:hover{--tw-bg-opacity:1;background-color:#0369a1;background-color:rgb(3 105 161/var(--tw-bg-opacity,1))}.customer-app .hover\:bg-red-50:hover{--tw-bg-opacity:1;background-color:#fef2f2;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.customer-app .hover\:text-blue-700:hover{--tw-text-opacity:1;color:#1d4ed8;color:rgb(29 78 216/var(--tw-text-opacity,1))}.customer-app .hover\:text-gray-900:hover{--tw-text-opacity:1;color:#111827;color:rgb(17 24 39/var(--tw-text-opacity,1))}.customer-app .hover\:text-primary-700:hover{--tw-text-opacity:1;color:#0369a1;color:rgb(3 105 161/var(--tw-text-opacity,1))}.customer-app .hover\:text-red-700:hover{--tw-text-opacity:1;color:#b91c1c;color:rgb(185 28 28/var(--tw-text-opacity,1))}.customer-app .hover\:text-white:hover{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.customer-app .focus\:border-blue-500:focus{--tw-border-opacity:1;border-color:#3b82f6;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.customer-app .focus\:border-transparent:focus{border-color:#0000}.customer-app .focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.customer-app .focus\:ring-blue-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(191 219 254/var(--tw-ring-opacity,1))}.customer-app .focus\:ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.customer-app .focus\:ring-primary-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(14 165 233/var(--tw-ring-opacity,1))}.customer-app .disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.customer-app .disabled\:bg-gray-400:disabled{--tw-bg-opacity:1;background-color:#9ca3af;background-color:rgb(156 163 175/var(--tw-bg-opacity,1))}.customer-app .disabled\:text-gray-400:disabled{--tw-text-opacity:1;color:#9ca3af;color:rgb(156 163 175/var(--tw-text-opacity,1))}.customer-app .disabled\:opacity-50:disabled{opacity:.5}@media (min-width:640px){.customer-app .sm\:inline{display:inline}}.sos-modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:99999}@keyframes slideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.sos-modal-content{animation:slideIn .3s ease;animation:slideIn .3s ease,pulse 2s infinite;background:#fff;border:3px solid #dc2626;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;overflow:hidden;width:100%}.sos-modal-header{background:#dc2626;color:#fff;padding:24px}.sos-modal-title-section{gap:16px}.sos-modal-icon{animation:shake .5s infinite}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.sos-modal-title{font-size:28px;letter-spacing:2px}.sos-modal-subtitle{font-size:14px;margin:4px 0 0;opacity:.9}.sos-modal-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.sos-modal-close:hover{background:#ffffff4d;transform:scale(1.1)}.sos-alert-message-box{background:#fef2f2;border-left:4px solid #dc2626;border-radius:8px;margin-bottom:20px;padding:16px}.sos-alert-message-text{color:#1f2937;font-size:18px;font-weight:600;margin:0}.sos-alert-details-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:16px}.sos-detail-item{display:flex;flex-direction:column;gap:4px}.sos-detail-label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.sos-detail-value{color:#1f2937;font-size:16px;font-weight:600}.sos-alert-notes{background:#f3f4f6;border-radius:6px;color:#374151;padding:12px}.sos-modal-actions{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;padding:20px 24px}.sos-action-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:14px 20px;transition:all .2s}.sos-action-button.acknowledge{background:#3b82f6;color:#fff}.sos-action-button.acknowledge:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 12px #3b82f666;transform:translateY(-2px)}.sos-action-button.resolve{background:#10b981;color:#fff}.sos-action-button.resolve:hover:not(:disabled){background:#059669;box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.sos-action-button:disabled{cursor:not-allowed;opacity:.5}.client-onboarding-form{display:flex;flex-direction:column;gap:2rem}.form-grid{grid-template-columns:1fr}.form-grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.image-upload-row{margin-bottom:1.5rem;margin-top:1.5rem}.form-grid-3{grid-template-columns:repeat(3,1fr)}@media (max-width:1024px){.form-grid-3{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.form-grid-3{grid-template-columns:1fr}}.form-field label{font-family:Inter,sans-serif}.form-field label .required{color:#dc2626}.form-field input,.form-field select,.form-field textarea{box-sizing:border-box}.form-field .error-message{color:#dc2626;font-size:.75rem;font-weight:400;line-height:1.4;margin:0}.file-upload-container{background-color:#f8f9fa;border:2px dashed #e5e7eb;border-radius:8px;cursor:pointer;padding:1.5rem;text-align:center;transition:all .2s ease-in-out}.file-upload-container:hover{background-color:#0f172a0d;border-color:#0f172a;border-color:var(--primaryColor)}.file-upload-icon{font-size:2rem;margin-bottom:.5rem}.file-upload-icon,.file-upload-text{color:#475560;color:var(--textColor)}.file-upload-text{font-size:.875rem;margin:0}.file-upload-input{display:none}.toggle-container{align-items:center;display:flex;gap:.75rem;padding-top:.5rem}.toggle-status{color:#475560;color:var(--textColor);font-family:Inter,sans-serif;font-size:.875rem}.toggle-status.active{color:#0f172a;color:var(--primaryColor);font-weight:500}.branch-list{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.branch-item{background-color:#f8f9fa;border:1px solid #e5e7eb;padding:1.5rem;transition:all .2s ease}.branch-item:hover{background-color:#fff;border-color:#0f172a;border-color:var(--primaryColor)}.branch-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.branch-title{color:#0f172a;color:var(--primaryColor);font-family:Inter,sans-serif;font-size:1.125rem;font-weight:600;margin:0}.remove-branch-button{align-items:center;background:none;border:none;border-radius:8px;color:#dc2626;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease-in-out}.remove-branch-button:hover{background-color:#dc26261a;transform:translateY(-1px)}.remove-branch-icon{font-size:1.2rem}.modern-color-picker-wrapper{align-items:center;display:flex;gap:.75rem;position:relative}.color-swatch{border:2px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;flex-shrink:0;height:48px;overflow:hidden;position:relative;transition:all .2s ease;width:48px}.color-swatch:hover{border-color:#0f172a;border-color:var(--primaryColor);box-shadow:0 4px 8px #00000026;transform:scale(1.05)}.color-swatch-inner{border-radius:6px;height:100%;position:relative;width:100%}.color-text-input{background-color:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#374151;flex:1 1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:1rem;font-weight:500;padding:.75rem 1rem;transition:all .2s ease-in-out}.color-text-input:focus{border-color:#0f172a;border-color:var(--primaryColor);box-shadow:0 0 0 3px #0f172a1a;outline:none}.color-picker-popup{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #00000026,0 4px 10px #0000001a;left:0;min-width:280px;overflow:hidden;padding:0;position:absolute;top:calc(100% + 8px);z-index:1000}.color-picker-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:.75rem 1rem}.color-picker-title{color:#0f172a;color:var(--primaryColor);font-family:Inter,sans-serif;font-size:.875rem;font-weight:600}.color-picker-close{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:1.5rem;height:24px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:24px}.color-picker-close:hover{background-color:#e5e7eb;color:#0f172a;color:var(--primaryColor)}.color-picker-content{padding:1rem}.modern-color-input{background:none;border:2px solid #e5e7eb;border-radius:8px;cursor:crosshair;display:block;height:120px;margin-bottom:1rem;padding:0;width:100%}.color-inputs-section{display:flex;flex-direction:column;gap:1rem}.color-input-group{display:flex;flex-direction:column;gap:.5rem}.color-input-group label{color:#374151;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.color-hex-input{background-color:#fff;border:2px solid #e5e7eb;border-radius:6px;color:#374151;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;font-weight:500;padding:.5rem .75rem;transition:all .2s ease-in-out;width:100%}.color-hex-input:focus{border-color:#0f172a;border-color:var(--primaryColor);box-shadow:0 0 0 3px #0f172a1a;outline:none}.rgb-inputs{gap:.75rem}.rgb-input-group,.rgb-inputs{display:flex;flex-direction:column}.rgb-input-group{gap:.5rem}.rgb-input-group label{color:#374151;font-size:.75rem;font-weight:600;text-align:center;width:20px}.rgb-slider-wrapper{align-items:center;display:flex;gap:.75rem}.rgb-slider{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#e5e7eb;border-radius:3px;flex:1 1;height:6px;outline:none}.rgb-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#0f172a;background:var(--primaryColor);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:18px;-webkit-transition:all .2s ease;transition:all .2s ease;width:18px}.rgb-slider::-webkit-slider-thumb:hover{box-shadow:0 4px 8px #0000004d;transform:scale(1.1)}.rgb-slider::-moz-range-thumb{background:#0f172a;background:var(--primaryColor);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:18px;-moz-transition:all .2s ease;transition:all .2s ease;width:18px}.rgb-slider::-moz-range-thumb:hover{box-shadow:0 4px 8px #0000004d;transform:scale(1.1)}.rgb-slider.rgb-slider-r{background:linear-gradient(90deg,#000,red);background:linear-gradient(to right,rgb(0,var(--g,0),var(--b,0)),rgb(255,var(--g,0),var(--b,0)))}.rgb-slider.rgb-slider-g{background:linear-gradient(90deg,#000,#0f0);background:linear-gradient(to right,rgb(var(--r,0),0,var(--b,0)),rgb(var(--r,0),255,var(--b,0)))}.rgb-slider.rgb-slider-b{background:linear-gradient(90deg,#000,#00f);background:linear-gradient(to right,rgb(var(--r,0),var(--g,0),0),rgb(var(--r,0),var(--g,0),255))}.rgb-number-input{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield;background-color:#fff;border:2px solid #e5e7eb;border-radius:6px;color:#374151;font-size:.875rem;font-weight:500;padding:.5rem;text-align:center;transition:all .2s ease-in-out;width:60px}.rgb-number-input::-webkit-inner-spin-button,.rgb-number-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.rgb-number-input:focus{border-color:#0f172a;border-color:var(--primaryColor);box-shadow:0 0 0 3px #0f172a1a;outline:none}.modern-color-input::-webkit-color-swatch-wrapper{border-radius:6px;padding:0}.modern-color-input::-webkit-color-swatch{border:none;border-radius:6px}.modern-color-input::-moz-color-swatch{border:none;border-radius:6px}.color-presets{grid-gap:.5rem;background:#f8f9fa;border-top:1px solid #e5e7eb;display:grid;gap:.5rem;grid-template-columns:repeat(6,1fr);padding:1rem}.color-preset{border:2px solid #e5e7eb;border-radius:6px;box-shadow:0 1px 3px #0000001a;cursor:pointer;height:32px;transition:all .2s ease;width:32px}.color-preset:hover{border-color:#0f172a;border-color:var(--primaryColor);box-shadow:0 4px 8px #0003;position:relative;transform:scale(1.15);z-index:10}.color-label-hint{margin-left:.5rem}.color-hint-text,.color-label-hint{color:#6b7280;font-size:.75rem;font-weight:400}.color-hint-text{margin:.5rem 0 0}.submit-button:disabled{opacity:.5}.submit-button:not(:disabled):hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.loading-spinner{border:2px solid #0f172a;border:2px solid var(--primaryColor);border-top:2px solid #0000;height:16px;width:16px}@media (max-width:768px){.client-onboarding-form{gap:1.5rem}.employees-section{padding:1rem}.form-grid-2,.form-grid-3{grid-template-columns:1fr}.section-header{align-items:flex-start;flex-direction:column;gap:1rem}.create-employee-button,.section-actions{width:100%}.form-actions{flex-direction:column}.cancel-button,.submit-button{justify-content:center;width:100%}}@media (max-width:480px){.branch-header{align-items:flex-start;flex-direction:column;gap:.75rem}.branch-item{padding:1rem}}.role-management{max-width:100%;padding:0}.role-management-container{margin:0 auto;max-width:1250px;padding:0}.role-management-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem;margin-top:0}.role-management-title{color:#0f172a;font-size:2.5rem;font-weight:700;line-height:1.2;margin:0 0 .5rem}.role-management-subtitle{color:#475560;font-size:1.125rem;font-weight:500;line-height:1.5;margin:0}.create-role-button{align-items:center;background-color:#e8b4b8;border:none;border-radius:8px;color:#0f172a;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;line-height:1.5;padding:.75rem 1.5rem;transition:background-color .2s ease-in-out}.create-role-button:hover{background-color:#d4a0a4}.create-role-icon{font-size:1.25rem;font-weight:700}.section-card{background-color:#fff;box-shadow:0 2px 4px #0000000d;margin-bottom:1.5rem;padding:1.25rem}.section-title{margin:0 0 .5rem}.role-form{display:flex;flex-direction:column;gap:1.5rem}.form-grid-2{grid-template-columns:1fr 1fr}.form-field label{line-height:1.4}.required{color:#dc3545}.form-field input,.form-field select,.form-field textarea{color:#0f172a;transition:border-color .2s ease-in-out}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#e8b4b8;box-shadow:0 0 0 3px #e8b4b81a}.form-field textarea{min-height:100px}.permissions-section{display:flex;flex-direction:column;gap:1.5rem}.permissions-title{color:#0f172a;font-size:1.25rem;font-weight:600;line-height:1.4;margin:0 0 .5rem}.permission-group{display:flex;flex-direction:column;gap:1rem}.permission-group-title{border-bottom:1px solid #e9ecef;color:#0f172a;font-size:1.125rem;font-weight:600;line-height:1.4;margin:0 0 .5rem;padding-bottom:.5rem}.permission-grid{display:flex;flex-direction:column;gap:1rem}.permission-item{align-items:center;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;justify-content:space-between;padding:1rem}.permission-info{flex:1 1}.permission-label{color:#0f172a;display:block;font-size:1rem;font-weight:600;line-height:1.4;margin-bottom:.25rem}.permission-description{color:#475560;font-size:.875rem;font-weight:400;line-height:1.5;margin:0}.cancel-button{border:1px solid #e9ecef;color:#475560}.cancel-button:hover{background-color:#f8f9fa;border-color:#d1d5db}.submit-button{background-color:#e8b4b8;transition:background-color .2s ease-in-out}.submit-button:hover{background-color:#d4a0a4}.roles-list{display:flex;flex-direction:column;gap:1rem}.role-item{background-color:#fff;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem}.role-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.role-info{flex:1 1}.role-name{color:#0f172a;font-size:1.25rem;font-weight:600;line-height:1.4;margin:0 0 .5rem}.role-description{color:#475560;font-size:1rem;font-weight:400;line-height:1.6;margin:0 0 .75rem}.role-meta{align-items:center;display:flex;gap:1rem}.role-dashboard{background-color:#e8b4b8;border-radius:20px;color:#0f172a;font-weight:600;padding:.25rem .75rem}.role-dashboard,.role-date{font-size:.875rem;line-height:1.4}.role-date{color:#6b7280;font-weight:400}.role-actions{align-items:flex-end;display:flex;flex-direction:column;gap:1rem}.role-status{align-items:center;display:flex;gap:.5rem}.status-text{font-size:.875rem;font-weight:600;line-height:1.4}.status-text.active{color:#28a745}.status-text.inactive{color:#6b7280}.delete-role-button,.edit-role-button{border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:600;line-height:1.4;padding:.5rem 1rem;transition:all .2s ease-in-out}.edit-role-button{background-color:#e8b4b8;color:#0f172a}.edit-role-button:hover{background-color:#d4a0a4}.delete-role-button{background-color:#dc3545;color:#fff}.delete-role-button:hover{background-color:#c82333}.role-permissions-summary{border-top:1px solid #e9ecef;padding-top:1rem}.role-permissions-summary h5{color:#0f172a;font-size:1rem;font-weight:600;line-height:1.4;margin:0 0 .75rem}.permissions-summary-grid{display:flex;flex-wrap:wrap;gap:.5rem}.permission-tag{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:20px;color:#475560;font-size:.875rem;font-weight:500;line-height:1.4;padding:.25rem .75rem}@media (max-width:768px){.role-management-header{align-items:stretch;flex-direction:column;gap:1rem}.create-role-button{align-self:flex-start}.form-grid-2{grid-template-columns:1fr}.role-header{flex-direction:column;gap:1rem}.role-actions,.role-header{align-items:stretch}.modal-content{margin:1rem;max-height:calc(100vh - 2rem)}.modal-body,.modal-header{padding:1rem}}@media (max-width:480px){.role-management-title{font-size:2rem}.modal-title,.section-title{font-size:1.25rem}}.add-member-container{margin:0 auto;max-width:1250px;padding:0}.add-member-header{margin-bottom:2rem;text-align:left}.add-member-title{color:#0f172a;font-size:2.5rem;font-weight:700;line-height:1.2;margin:0 0 .5rem}.add-member-subtitle{color:#6b7280;font-size:1.125rem;font-weight:400;line-height:1.5;margin:0}.add-member-content{display:flex;flex-direction:column;gap:2rem}.add-member-actions{display:flex;justify-content:flex-start}.add-member-button{align-items:center;background-color:#0f172a;border:none;border-radius:8px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;line-height:1.5;padding:.75rem 1.5rem;transition:all .2s ease-in-out}.add-member-button:hover{background-color:#1e293b;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-1px)}.add-member-icon{font-size:1.25rem;font-weight:700}.members-table-container{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;overflow:hidden}.table-title{border-bottom:1px solid #e9ecef;color:#0f172a;font-size:1.5rem;font-weight:600;line-height:1.4;margin:0;padding:1.5rem 1.5rem 1rem}.members-table{border-collapse:collapse;font-size:.875rem;font-weight:400;line-height:1.5;width:100%}.members-table th{background-color:#f8f9fa;border-bottom:1px solid #e9ecef;color:#374151;font-weight:600;padding:1rem 1.5rem;text-align:left;white-space:nowrap}.members-table td{border-bottom:1px solid #f1f5f9;color:#374151;padding:1rem 1.5rem;vertical-align:middle}.members-table tbody tr:hover{background-color:#f8f9fa}.members-table tbody tr:last-child td{border-bottom:none}.role-badge{background-color:#e8b4b8;border-radius:20px;color:#0f172a;display:inline-block;padding:.25rem .75rem}.role-badge,.status-toggle-button{font-size:.75rem;font-weight:500;line-height:1.4}.status-toggle-button{border:none;border-radius:6px;cursor:pointer;padding:.375rem .75rem;transition:all .2s ease-in-out;white-space:nowrap}.status-toggle-button.activate{background-color:#10b981;color:#fff}.status-toggle-button.activate:hover{background-color:#059669}.status-toggle-button.deactivate{background-color:#f59e0b;color:#fff}.status-toggle-button.deactivate:hover{background-color:#d97706}.delete-button{background:none;border:none;border-radius:6px;cursor:pointer;font-size:1rem;padding:.375rem;transition:all .2s ease-in-out}.delete-button:hover{background-color:#fee2e2;color:#dc2626}.member-form{gap:1.5rem}.form-row,.member-form{display:flex;flex-direction:column}.form-row{gap:.5rem}.form-label{font-weight:500;line-height:1.4;margin:0}.form-input,.form-select{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;color:#374151;font-size:.875rem;font-weight:400;line-height:1.5;padding:.75rem 1rem;transition:all .2s ease-in-out;width:100%}.form-input:focus,.form-select:focus{border-color:#0f172a;box-shadow:0 0 0 3px #0f172a1a;outline:none}.form-input::placeholder{color:#9ca3af}.form-select{cursor:pointer}.cancel-button{font-size:1rem;font-weight:500}.submit-button{font-size:1rem;gap:.5rem;transition:all .2s ease-in-out}.submit-icon{font-size:1rem}@media (max-width:768px){.add-member-title{font-size:2rem}.add-member-subtitle{font-size:1rem}.table-wrapper{overflow-x:auto}.members-table td,.members-table th{font-size:.8rem;padding:.75rem 1rem}.action-buttons{flex-direction:column;gap:.25rem}.status-toggle-button{font-size:.7rem;padding:.25rem .5rem}.modal-content{margin:1rem;max-width:calc(100vw - 2rem)}.form-actions{flex-direction:column}.cancel-button,.submit-button{justify-content:center;width:100%}}@media (max-width:480px){.add-member-container{padding:0 .5rem}.add-member-header{margin-bottom:1.5rem}.add-member-title{font-size:1.75rem}.members-table-container{border-radius:8px}.table-title{font-size:1.25rem;padding:1rem}.modal-body,.modal-header{padding:1rem}.modal-title{font-size:1.25rem}}.client-list{background-color:#f8f9fa;min-height:100vh;padding:24px}.client-list-container{margin:0 auto;max-width:1400px}.client-list-header{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;margin-bottom:32px;padding:24px}.header-left{flex:1 1}.client-list-title{color:#0f172a;font-size:28px;font-weight:700;line-height:1.2;margin:0 0 8px}.client-list-subtitle{color:#475560;font-size:16px;line-height:1.5;margin:0}.add-client-button{align-items:center;background:#0f172a;border:none;border-radius:8px;box-shadow:0 2px 4px #0f172a33;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.add-client-button:hover{background:#1e293b;box-shadow:0 4px 8px #0f172a4d;transform:translateY(-1px)}.add-icon{font-size:18px;font-weight:700}.search-filters-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;padding:24px}.search-section{margin-bottom:20px}.search-input-group{display:flex;gap:12px;max-width:600px}.search-field-select{border:1px solid #e9ecef;border-radius:8px;cursor:pointer;min-width:150px}.search-field-select,.search-input{background:#fff;color:#475560;font-size:14px;padding:12px 16px}.search-input{flex:1 1}.search-button{background:#0f172a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:12px 16px;transition:background .2s ease}.search-button:hover{background:#1e293b}.filters-section{gap:16px}.filter-select{font-size:14px;min-width:140px;padding:10px 16px}.clear-filters-button{background:#f8f9fa;border:1px solid #e9ecef;color:#475560;font-size:14px;padding:10px 20px}.clear-filters-button:hover{background:#e9ecef;color:#0f172a}.error-message{font-size:14px;margin-bottom:24px;padding:16px}.loading-container p{color:#475560;font-size:16px;margin:0}.table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.clients-table{border-collapse:collapse;font-size:14px;width:100%}.clients-table th{background:#f8f9fa;border-bottom:1px solid #e9ecef;color:#0f172a;font-size:14px;font-weight:600;padding:16px 12px;text-align:left}.clients-table td{border-bottom:1px solid #f8f9fa;color:#475560;padding:16px 12px;vertical-align:middle}.clients-table tr:hover{background:#f8f9fa}.business-info{align-items:center;display:flex;gap:12px}.business-logo{border:1px solid #e9ecef;border-radius:8px;height:40px;object-fit:cover;width:40px}.business-name{color:#0f172a;font-weight:600;margin-bottom:4px}.star-category{background:#f8f9fa;border-radius:4px;color:#6c757d;display:inline-block;font-size:12px;padding:2px 8px}.subscription-plan{background:#e8b4b8;border-radius:6px;color:#0f172a;font-size:12px;font-weight:500;padding:4px 8px}.action-buttons{gap:8px}.view-button{background:#e3f2fd;color:#1976d2}.view-button:hover{background:#bbdefb}.edit-button{background:#fff3e0;color:#f57c00}.edit-button:hover{background:#ffe0b2}.no-data{padding:60px 20px}.no-data-content{align-items:center;display:flex;flex-direction:column;gap:16px}.no-data-icon{color:#e9ecef;font-size:48px}.no-data-content p{color:#6c757d;font-size:16px;margin:0}.add-first-client-button{background:#0f172a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.add-first-client-button:hover{background:#1e293b;transform:translateY(-1px)}.pagination-section{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;margin-top:24px;padding:24px}.pagination-info{color:#475560;font-size:14px}.pagination-controls{align-items:center;display:flex;gap:16px}.pagination-button{background:#fff;border:1px solid #e9ecef;color:#475560;font-size:14px;padding:8px 16px}.pagination-button:hover:not(:disabled){background:#f8f9fa;border-color:#0f172a;color:#0f172a}.page-info{color:#475560;font-size:14px;font-weight:500}@media (max-width:1024px){.client-list{padding:16px}.client-list-header{align-items:stretch;flex-direction:column;gap:16px}.add-client-button{align-self:flex-start}.filters-section,.search-input-group{flex-direction:column}.filters-section{align-items:stretch}.filter-select{min-width:auto}.pagination-section{flex-direction:column;gap:16px;text-align:center}}@media (max-width:768px){.clients-table{font-size:12px}.clients-table td,.clients-table th{padding:12px 8px}.business-info{align-items:flex-start;flex-direction:column;gap:8px}.action-buttons{flex-direction:column;gap:4px}.action-button{font-size:12px;height:28px;width:28px}}.client-detail{background-color:#f8f9fa;box-sizing:border-box;min-height:100vh;overflow-x:hidden;padding:24px}.client-detail-container{box-sizing:border-box;margin:0 auto;max-width:1200px;width:100%}.detail-header{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px}.detail-title{color:#0f172a;font-size:28px;font-weight:700;margin:0 0 8px}.detail-subtitle{color:#475560;font-size:16px;margin:0}.cards-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr;min-width:0}.card{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #0000001a}.card-header{border-bottom:1px solid #e9ecef;color:#0f172a;font-weight:600}.card-body,.card-header{padding:16px 20px}.info-grid{grid-gap:12px 20px;display:grid;gap:12px 20px;grid-template-columns:repeat(2,minmax(0,1fr))}.info-row{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:180px 1fr}.info-row.col-span{grid-column:1/-1}.info-label{color:#6c757d;font-size:13px;font-weight:500}.info-value{color:#0f172a;font-size:14px;overflow-wrap:anywhere;word-break:break-word}.status-pill.ACTIVE{background:#d4edda;color:#28a745}.status-pill.INACTIVE{background:#f8f9fa;color:#6c757d}.status-pill,.status-pill.PENDING,.status-pill.SUSPENDED{background:#fff3cd;border-radius:999px;color:#856404;font-size:12px;padding:4px 8px}@media (max-width:1024px){.info-grid,.info-row{grid-template-columns:1fr}.info-row{align-items:flex-start}}.client-edit{background-color:#f8f9fa;min-height:100vh;padding:24px}.client-edit-container{margin:0 auto;max-width:1200px}.edit-header{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px}.edit-title{color:#0f172a;font-size:26px;font-weight:700;margin:0 0 8px}.edit-subtitle{color:#475560;font-size:14px;margin:0}.header-actions{gap:12px}.primary-button{background:#0f172a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 16px}.secondary-button{background:#fff;border:1px solid #e9ecef;border-radius:8px;color:#475560;cursor:pointer;padding:10px 16px}.edit-form{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px}.form-grid{grid-gap:16px 20px;gap:16px 20px}.form-field label{color:#6c757d;font-size:13px;margin-bottom:6px}.form-field input,.form-field select,.form-field textarea{border:1px solid #e9ecef;color:#475560;font-size:14px;padding:12px 14px;width:100%}.field-help{color:#6c757d;font-size:12px;font-style:italic;margin-top:4px}.toggle-row{align-items:center;display:flex;gap:12px}.toggle-label{color:#475560;font-size:14px}.toggle-label.active{color:#0f172a;font-weight:600}.branches-section{border-top:1px solid #e9ecef;margin-top:24px;padding-top:24px}.section-title{margin:0 0 16px}.branches-list{display:flex;flex-direction:column;gap:16px}.branch-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:16px}.branch-name{color:#0f172a;font-size:16px;font-weight:600;margin:0 0 12px}.branch-details p{color:#475560;font-size:14px;margin:4px 0}.branch-details strong{color:#0f172a;font-weight:600}.form-actions{gap:12px;margin-top:20px}.loading-container{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.loading-spinner{border:4px solid #f8f9fa;border-top-color:#0f172a;height:40px;margin-bottom:16px;width:40px}.error-message{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24;margin-bottom:16px;padding:12px 16px}@media (max-width:1024px){.form-grid{grid-template-columns:1fr}.edit-header{align-items:stretch;flex-direction:column;gap:16px}.header-actions{justify-content:flex-end}}@media (max-width:768px){.client-edit,.edit-form,.edit-header{padding:16px}.branch-item{padding:12px}}.sos-alerts-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;padding:20px}.sos-alerts-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.sos-alerts-title-wrapper{align-items:center;display:flex;gap:12px}.sos-icon{color:#dc2626}.sos-alerts-title{color:#1f2937;font-size:20px;font-weight:600;margin:0}.sos-badge{background:#dc2626;border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:4px 10px}.sos-connection-status{align-items:center;display:flex;gap:8px}.status-dot{border-radius:50%;height:10px;width:10px}.status-dot.connected{background:#10b981;box-shadow:0 0 8px #10b98180}.status-dot.disconnected{background:#ef4444}.status-text{color:#6b7280;font-size:14px}.sos-empty,.sos-loading{color:#6b7280;padding:40px;text-align:center}.sos-alerts-list{display:flex;flex-direction:column;gap:16px}.sos-alert-card{border:2px solid #e5e7eb;border-radius:8px;padding:16px;transition:all .2s ease}.sos-alert-card:hover{border-color:#dc2626;box-shadow:0 4px 12px #dc26261a}.sos-alert-header-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.sos-alert-priority-badge{border-radius:6px;color:#fff;font-size:12px;font-weight:600;padding:4px 10px;text-transform:uppercase}.sos-alert-type{color:#374151;font-size:14px;font-weight:500}.sos-alert-time{color:#6b7280;font-size:12px;margin-left:auto}.sos-alert-content{margin-bottom:16px}.sos-alert-message{color:#1f2937;font-size:16px;font-weight:500;margin-bottom:8px}.sos-alert-details{display:flex;gap:16px}.sos-alert-details,.sos-alert-notes{color:#6b7280;font-size:14px;margin-top:8px}.sos-alert-notes{font-style:italic}.sos-alert-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;padding-top:12px}.sos-action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.acknowledge-btn{background:#3b82f6;color:#fff}.acknowledge-btn:hover{background:#2563eb}.resolve-btn{background:#10b981;color:#fff}.resolve-btn:hover{background:#059669}.resolve-btn:disabled{cursor:not-allowed;opacity:.6}.sos-alert-acknowledged{color:#059669;font-size:14px;font-weight:500}.status-icon{margin-right:4px}.sos-view-toggle{background:#f3f4f6;border-radius:8px;display:flex;gap:8px;padding:4px}.toggle-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.toggle-btn:hover{background:#e5e7eb;color:#374151}.toggle-btn.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#1f2937}.sos-history-modal .modal-content{max-height:90vh;max-width:95%;width:1200px}.sos-history-modal-content{display:flex;flex-direction:column;height:100%}.sos-history-modal-header{align-items:center;background:#f8f9fa;border-bottom:2px solid #e5e7eb;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:20px 24px}.sos-history-modal-title{align-items:center;color:#1f2937;display:flex;font-size:20px;font-weight:600;gap:12px;margin:0}.sos-download-btn{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.sos-download-btn:hover:not(:disabled){background:#2563eb}.sos-download-btn:disabled{cursor:not-allowed;opacity:.5}.sos-modal-close-btn{align-items:center;background:#e5e7eb;border-radius:8px;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.sos-modal-close-btn:hover{background:#d1d5db}.sos-history-modal-body{flex:1 1;overflow-y:auto;padding:24px}.sos-history-table-wrapper{border:1px solid #e5e7eb;border-radius:8px;overflow-x:auto}.sos-history-table{border-collapse:collapse;font-size:14px;width:100%}.sos-history-table thead{background:#f8f9fa;position:-webkit-sticky;position:sticky;top:0;z-index:10}.sos-history-table th{border-bottom:2px solid #e5e7eb;color:#374151;font-weight:600;padding:12px 16px;text-align:left;white-space:nowrap}.sos-history-table td{border-bottom:1px solid #e5e7eb;color:#1f2937;padding:12px 16px}.sos-history-table tbody tr:hover{background:#f9fafb}.sos-history-table tbody tr:last-child td{border-bottom:none}.sos-table-priority-badge{color:#fff}.sos-table-priority-badge,.sos-table-status-badge{border-radius:4px;display:inline-block;font-size:11px;font-weight:600;padding:4px 8px;text-transform:uppercase}.sos-table-status-badge.status-pending{background:#fef3c7;color:#92400e}.sos-table-status-badge.status-acknowledged{background:#dbeafe;color:#1e40af}.sos-table-status-badge.status-resolved{background:#d1fae5;color:#065f46}.sos-table-message,.sos-table-notes{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.sos-history-modal .modal-content{max-width:98%;width:98%}.sos-history-table-wrapper{overflow-x:scroll}.sos-history-table{min-width:1000px}.sos-history-modal-header{align-items:flex-start;flex-direction:column;gap:12px}}.branch-dashboard{background-color:initial;padding:0}.dashboard-header{margin-bottom:0}.dashboard-title{color:var(--primaryColor);font-size:2.5rem;font-weight:700;line-height:1.2;margin:0 0 .5rem}.dashboard-subtitle{color:var(--textColor);font-size:1.125rem;font-weight:400;margin:0}.dashboard-error,.dashboard-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.error-icon{color:#dc3545;color:var(--errorColor)}.dashboard-error p,.dashboard-loading p{color:#475560;color:var(--textColor);font-size:1rem;margin:0}.metrics-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.metric-card{align-items:flex-start;background:#fff;background:var(--white);border:1px solid #e9ecef;border:1px solid var(--borderColor);border-radius:12px;display:flex;gap:1rem;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.metric-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.metric-icon{align-items:center;background:#f8f9fa;background:var(--lightGray);border-radius:12px;color:#0f172a;color:var(--primaryColor);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.metric-card.revenue .metric-icon{background:#e8f5e9;color:#28a745;color:var(--successColor)}.metric-card.orders .metric-icon{background:#e3f2fd;color:#2196f3}.metric-card.employees .metric-icon{background:#fff3e0;color:#ff9800}.metric-card.branches .metric-icon{background:#f3e5f5;color:#9c27b0}.metric-content{flex:1 1}.metric-label{font-size:.875rem;font-weight:600;letter-spacing:.5px;margin:0 0 .5rem;text-transform:uppercase}.metric-card .metric-content .metric-value{color:#0f172a;color:var(--primaryColor);font-size:1.5rem!important;font-weight:700;line-height:1.2;margin:0 0 .5rem}.metric-trend{align-items:center;display:flex;font-size:.9375rem;gap:.5rem}.trend-label{color:#475560;color:var(--textColor);font-size:.875rem}.trend-value{font-size:.875rem;font-weight:600}.trend-value.positive{color:#28a745;color:var(--successColor)}.trend-value.negative{color:#dc3545;color:var(--errorColor)}.time-period-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.period-card{background:#fff;background:var(--white);border:1px solid #e9ecef;border:1px solid var(--borderColor);border-radius:12px;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.period-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.period-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.period-icon{color:#e8b4b8;color:var(--accentColor);height:24px;width:24px}.period-icon-today{color:#dc3545}.period-icon-week{color:#2196f3}.period-icon-month{color:#9c27b0}.period-title{color:#0f172a;color:var(--primaryColor);font-size:1.125rem;font-weight:600;margin:0}.period-stats{display:flex;flex-direction:column;gap:.75rem}.period-stat{align-items:center;display:flex;justify-content:space-between}.period-stat-label{color:#475560;color:var(--textColor);font-size:.875rem;font-weight:500}.period-stat-value{color:#0f172a;color:var(--primaryColor);font-size:1.25rem;font-weight:700}.dashboard-section{background:#fff;background:var(--white);border:1px solid #e9ecef;border:1px solid var(--borderColor);border-radius:12px;margin-bottom:2rem;padding:1.5rem 0}.dashboard-section .section-title{margin-bottom:0;padding:0}.section-header-with-link{margin-bottom:1.5rem;padding:0 1.5rem}.view-all-link{align-items:center;color:#0f172a;color:var(--primaryColor);display:flex;font-size:.875rem;font-weight:500;gap:.5rem;text-decoration:none;transition:color .2s ease}.view-all-link:hover{color:#e8b4b8;color:var(--accentColor)}.charts-grid{grid-gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.charts-grid,.charts-grid-three{display:grid;gap:1.5rem;margin-bottom:2rem}.charts-grid-three{grid-gap:1.5rem;grid-template-columns:repeat(3,1fr)}@media (max-width:1200px){.charts-grid-three{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.charts-grid-three{grid-template-columns:1fr}}.no-data{color:#475560;color:var(--textColor);font-size:.875rem;font-style:italic;padding:3rem 1.5rem;text-align:center}.recent-orders-table{overflow-x:auto}.recent-orders-table table{border-collapse:collapse;width:100%}.recent-orders-table thead{background:#f8f9fa;background:var(--lightGray)}.recent-orders-table th{border-bottom:2px solid #e9ecef;border-bottom:2px solid var(--borderColor);color:#0f172a;color:var(--primaryColor);font-size:.875rem;font-weight:600;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.recent-orders-table td{border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--borderColor);color:#475560;color:var(--textColor);font-size:.875rem;padding:1rem}.recent-orders-table tbody tr:hover{background:#f8f9fa;background:var(--lightGray)}.order-amount{color:var(--primaryColor)}.order-items{font-size:.875rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-items,.order-time{color:#475560;color:var(--textColor)}.status-badge{color:var(--white)}.payment-badge{border-radius:6px;font-weight:600;padding:.375rem .75rem;text-transform:uppercase}.payment-badge.pending{background:#ffc107;background:var(--warningColor);color:#fff;color:var(--white)}.payment-badge.paid{background:#28a745;background:var(--successColor);color:#fff;color:var(--white)}.no-items,.no-orders{color:#475560;color:var(--textColor);font-size:.875rem;padding:2rem;text-align:center}.top-selling-modern-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:2rem}@media (max-width:1200px){.top-selling-modern-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.top-selling-modern-grid{grid-template-columns:1fr}}.top-selling-section-modern{background:#fff;background:var(--white);border:1px solid #e9ecef;border:1px solid var(--borderColor);border-radius:12px;padding:1.25rem;transition:all .3s ease;width:100%}.top-selling-section-modern:hover{box-shadow:0 8px 24px #00000014}.top-selling-header{align-items:center;border-bottom:2px solid #e9ecef;border-bottom:2px solid var(--borderColor);display:flex;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem}.top-selling-icon{align-items:center;border-radius:12px;color:#475560;color:var(--textColor);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.food-icon{background:#fff5f5;color:#ffb3b3}.bar-icon{background:#f0fdfa;color:#80d9c7}.service-icon{background:#f0fdf4;color:#a8e6cf}.top-selling-title{color:#0f172a;color:var(--primaryColor);font-size:1.25rem;font-weight:500;margin:0 0 .25rem}.top-selling-subtitle{color:#475560;color:var(--textColor);font-size:.875rem;margin:0;opacity:.7}.top-items-modern-list{display:flex;flex-direction:column;gap:.75rem}.top-item-modern-card{align-items:flex-start;background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid #e9ecef;border:1px solid var(--borderColor);border-radius:10px;display:flex;gap:.75rem;overflow:hidden;padding:.875rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.top-item-modern-card:before{background:linear-gradient(180deg,#e8b4b8,#0f172a);background:linear-gradient(180deg,var(--accentColor),var(--primaryColor));bottom:0;content:"";left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:4px}.top-item-modern-card:hover{border-color:#e8b4b8;border-color:var(--accentColor);box-shadow:0 6px 20px #0000001a;transform:translateY(-2px)}.top-item-modern-card:hover:before{opacity:1}.top-item-modern-content{flex:1 1;min-width:0}.top-item-modern-name{color:#0f172a;color:var(--primaryColor);font-size:.9375rem;font-weight:600;line-height:1.4;margin:0 0 .75rem}.top-item-modern-metrics{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr)}.top-item-metric{align-items:center;background:#fff;background:var(--white);border:1px solid #e9ecef;border:1px solid var(--borderColor);border-radius:6px;display:flex;gap:.5rem;padding:.5rem}.metric-icon-wrapper{align-items:center;border-radius:6px;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.orders-metric,.quantity-metric,.revenue-metric{background:#f3f4f6;color:#9ca3af}.metric-details{display:flex;flex-direction:column;min-width:0}.metric-value{color:#0f172a;color:var(--primaryColor);font-size:.8125rem;font-weight:600;line-height:1.2}.metric-label{color:#475560;color:var(--textColor);font-size:.6875rem;margin-top:.125rem;opacity:.6}.empty-state-modern{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem 1rem;text-align:center}.empty-icon{opacity:.3}.empty-icon,.empty-text{color:#475560;color:var(--textColor)}.empty-text{font-size:.875rem;margin:0;opacity:.7}.stat-icon{color:#e8b4b8;color:var(--accentColor);height:14px;width:14px}.recharts-wrapper{font-family:inherit}.recharts-legend-wrapper{padding-top:1rem}.recharts-tooltip-wrapper{outline:none}.recharts-default-tooltip{background-color:#fff!important;background-color:var(--white)!important;border:1px solid #e9ecef!important;border:1px solid var(--borderColor)!important;border-radius:8px!important;box-shadow:0 2px 8px #0000001a!important}.recharts-legend-item-text{color:#475560!important;color:var(--textColor)!important;font-size:.875rem!important}.recharts-label{fill:#475560!important;fill:var(--textColor)!important;font-size:.75rem!important}.revenue-cards-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-top:2rem}.revenue-card{background:#fff;background:var(--white);border:1px solid #e9ecef;border:1px solid var(--borderColor);border-radius:10px;padding:1rem;transition:transform .2s ease,box-shadow .2s ease}.revenue-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.revenue-card-header{align-items:flex-start;border-bottom:2px solid #e9ecef;border-bottom:2px solid var(--borderColor);display:flex;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem}.revenue-card-icon{align-items:center;background:#f8f9fa;background:var(--lightGray);border-radius:8px;color:#0f172a;color:var(--primaryColor);display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.revenue-icon{height:18px;width:18px}.revenue-card-title{color:#475560;color:var(--textColor);font-size:.75rem;font-weight:600;letter-spacing:.5px;margin:0 0 .25rem;text-transform:uppercase}.revenue-card-total{color:#0f172a;color:var(--primaryColor);font-size:1.25rem;font-weight:700;line-height:1.2;margin:0}.revenue-breakdown{display:flex;flex-direction:column;gap:.5rem}.revenue-breakdown-item{align-items:center;border-radius:6px;display:flex;justify-content:space-between;padding:.5rem;transition:all .2s ease}.revenue-breakdown-item.completed{background:#e8f5e9;border-left:3px solid #28a745;border-left:3px solid var(--successColor)}.revenue-breakdown-item.pending{background:#fff9e6;border-left:3px solid #ffc107;border-left:3px solid var(--warningColor)}.revenue-breakdown-item.rejected{background:#ffebee;border-left:3px solid #dc3545;border-left:3px solid var(--errorColor)}.revenue-breakdown-label{color:#475560;color:var(--textColor);font-size:.6875rem;font-weight:500}.revenue-breakdown-value{color:#0f172a;color:var(--primaryColor);font-size:.8125rem;font-weight:700}.revenue-breakdown-item.completed .revenue-breakdown-value{color:#28a745;color:var(--successColor)}.revenue-breakdown-item.pending .revenue-breakdown-value{color:#f57c00}.revenue-breakdown-item.rejected .revenue-breakdown-value{color:#dc3545;color:var(--errorColor)}@media (max-width:1200px){.revenue-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.branch-dashboard{padding:0}.metrics-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.time-period-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.revenue-cards-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}.charts-grid{gap:1rem}.charts-grid,.top-item-modern-metrics,.top-selling-modern-grid{grid-template-columns:1fr}}@media (max-width:768px){.dashboard-title{font-size:2rem}.dashboard-subtitle{font-size:1rem}.metrics-grid,.revenue-cards-grid,.time-period-grid{grid-template-columns:1fr}.revenue-card-total{font-size:1.125rem}.revenue-card-header{gap:.5rem;margin-bottom:.75rem;padding-bottom:.5rem}.revenue-card-icon{height:32px;width:32px}.revenue-icon{height:16px;width:16px}.charts-grid{grid-template-columns:1fr}.recent-orders-table{font-size:.8125rem}.recent-orders-table td,.recent-orders-table th{padding:.75rem .5rem}}.hotel-dashboard{background-color:#f8f9fa;min-height:100vh;padding:24px}.dashboard-container{margin:0 auto}.dashboard-main{background:#0000;padding:0}.dashboard-content{max-width:100%}.dashboard-title{color:#0f172a;font-size:26px;font-weight:500;margin:0 0 4px}.dashboard-subtitle{color:#475560;font-size:16px;line-height:1.5;margin:0 0 8px}.dashboard-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.stat-card{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;display:flex;gap:16px;padding:24px;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.stat-icon{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;display:flex;font-size:32px;height:48px;justify-content:center;width:48px}.stat-info{flex:1 1}.stat-number{color:#0f172a;font-size:28px;font-weight:700;margin:0 0 4px}.stat-label{color:#475560;font-size:14px;font-weight:500;margin:0}.dashboard-sections{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.section-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:24px}.section-title{font-size:18px;margin:0 0 20px}.activity-list{display:flex;flex-direction:column;gap:16px}.activity-item{align-items:flex-start;border-bottom:1px solid #e9ecef;display:flex;gap:12px;padding:12px 0}.activity-item:last-child{border-bottom:none}.activity-icon{font-size:16px;margin-top:2px;text-align:center;width:20px}.activity-content{flex:1 1}.activity-text{color:#0f172a;font-size:14px;font-weight:500;margin:0 0 4px}.activity-time{color:#6c757d;font-size:12px}.quick-actions{display:flex;flex-wrap:wrap;gap:12px}.quick-action-btn{border:1px solid #e9ecef;border-radius:8px;color:#475560;font-size:14px;font-weight:500;padding:12px 16px;transition:all .2s ease}.quick-action-btn:hover{background:#0f172a;border-color:#0f172a;color:#fff}.action-icon{font-size:16px}.info-text{background:#f8f9fa;border:1px solid #e9ecef;color:#475560;font-size:14px;line-height:1.5;margin-top:24px;padding:16px}@media (max-width:768px){.hotel-dashboard{padding:16px}.dashboard-main{padding:20px}.dashboard-sections,.dashboard-stats{grid-template-columns:1fr}.dashboard-title{font-size:24px}.section-card,.stat-card{padding:16px}}.employee-management{margin:0 auto;max-width:1400px;padding:0}.employee-management-container{display:flex;flex-direction:column;gap:2rem}.employee-management-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.employee-management-title{color:#0f172a;font-size:2.5rem;font-weight:700;line-height:1.2;margin:0 0 .5rem}.employee-management-subtitle{color:#6b7280;font-size:1.125rem;font-weight:400;line-height:1.5;margin:0}.create-employee-button{align-items:center;background:#e8b4b8;background:var(--accentColor);border:none;border-radius:8px;box-sizing:border-box;color:#0f172a;color:var(--primaryColor);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;gap:.5rem;height:40px;justify-content:center;padding:.75rem 1.5rem;transition:all .2s ease}.create-employee-button:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.create-employee-icon{font-size:1.25rem;font-weight:700}.employees-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.search-icon:has(+.search-input:focus){animation:pulse 2s infinite}.results-count{background-color:#f8fafc;border-left:4px solid #0f172a;border-radius:8px;margin-bottom:1rem;padding:.75rem 1rem}.results-count p{color:#475569;font-size:.875rem;font-weight:500;margin:0}.no-results p{margin:0 0 1.5rem}.employees-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;overflow-x:auto}.employees-table{border-collapse:collapse;font-family:Inter,sans-serif;width:100%}.employees-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#334155;font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:1rem;text-align:left;text-transform:uppercase}.employees-table td{border-bottom:1px solid #f1f5f9;padding:1rem;vertical-align:middle}.employees-table tr:hover{background:#f8fafc}.employee-name-wrapper{align-items:center;display:flex;gap:.75rem}.employee-avatar-small{align-items:center;background-color:#e8b4b8;border-radius:50%;color:#0f172a;display:flex;flex-shrink:0;font-size:.875rem;font-weight:700;height:36px;justify-content:center;line-height:1;width:36px}.employee-name-cell{color:#0f172a;font-weight:500}.employee-email-cell,.employee-id-cell{color:#64748b;font-size:.875rem}.employee-branch-cell,.employee-role-cell{color:#475569;font-size:.875rem}.employee-info{margin-bottom:1.5rem}.employee-name{color:#0f172a;font-size:1.25rem;font-weight:600;line-height:1.4;margin:0 0 .5rem}.employee-id{font-weight:500;margin:0 0 .25rem}.employee-email,.employee-id{color:#6b7280;font-size:.875rem;line-height:1.4}.employee-email{font-weight:400;margin:0 0 1rem;word-break:break-all}.employee-details{display:flex;gap:1rem;margin-bottom:.75rem}.employee-department,.employee-designation{background-color:#f8f9fa;border-radius:6px;color:#374151;font-size:.875rem;font-weight:500;line-height:1.4;padding:.25rem .5rem}.employee-salary{color:#059669;font-size:1rem;font-weight:600;line-height:1.4;margin-bottom:.5rem}.employee-branch{color:#6b7280}.employee-branch,.employee-role{font-size:.875rem;font-weight:500;line-height:1.4}.employee-role{background-color:#f3e8ff;border-radius:6px;color:#7c3aed;display:inline-block;margin-top:.5rem;padding:.25rem .5rem}.action-button{min-height:32px;min-width:40px;position:relative;z-index:5}.action-button.reset{background-color:#dbeafe;border:1px solid #3b82f6;color:#1e40af}.action-button.reset svg{stroke:#1e40af;color:#1e40af}.action-button.reset:hover{background-color:#bfdbfe;transform:translateY(-1px)}.pagination{margin-top:2rem}.pagination-button{background-color:#fff;border:1px solid #d1d5db;color:#374151;line-height:1.4;transition:all .2s ease-in-out}.pagination-button:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af}.pagination-info{color:#6b7280;font-weight:500;line-height:1.4}.modal-content{max-height:95vh;overflow:hidden}.modal-header{flex-shrink:0}.modal-body{min-height:0}.employee-form{display:flex;flex-direction:column;gap:2rem}.readonly-field input{background-color:#f3f4f6!important;border-color:#d1d5db!important;color:#6b7280!important;cursor:not-allowed!important}.readonly-field input:focus{border-color:#d1d5db!important;box-shadow:none!important}@media (max-width:768px){.employee-management-title{font-size:2rem}.employee-management-subtitle{font-size:1rem}.employee-management-header{flex-direction:column}.employees-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.employees-table{min-width:800px}.employees-table td,.employees-table th{font-size:.8125rem;padding:.75rem .5rem}.section-header{align-items:flex-start;flex-direction:column;gap:1rem}.section-actions{flex-direction:column;width:100%}.inline-search-wrapper{min-width:100%;width:100%}.create-employee-button{width:100%}.form-grid{grid-template-columns:1fr}.modal-content{margin:1rem;max-width:calc(100vw - 2rem)}.form-actions{flex-direction:column}.cancel-button,.submit-button{justify-content:center;width:100%}}@media (max-width:480px){.employee-management-container{gap:1.5rem}.employee-management-title{font-size:1.75rem}.filters-section,.modal-body,.modal-header{padding:1rem}.modal-title{font-size:1.25rem}.employee-actions{flex-wrap:wrap}.action-button{font-size:.875rem;height:32px;width:32px}}.branch-checkboxes{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:8px}.branch-checkbox{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:all .2s ease}.branch-checkbox:hover{background:#e9ecef;border-color:#0f172a}.branch-checkbox input[type=checkbox]{margin:0;width:auto}.branch-checkbox input[type=checkbox]:checked+.checkmark{background:#0f172a;border-color:#0f172a}.checkmark{background:#fff;border:2px solid #e9ecef;border-radius:4px;height:16px;transition:all .2s ease;width:16px}.form-field.col-span{grid-column:1/-1}.floor-management{margin:0 auto;max-width:1400px;padding:0}.floor-management-container{display:flex;flex-direction:column;gap:2rem}.floor-management-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.floor-management-title{color:#0f172a;font-size:2.5rem;font-weight:700;line-height:1.2;margin:0 0 .5rem}.floor-management-subtitle{color:#6b7280;font-size:1.125rem;font-weight:400;line-height:1.5;margin:0}.create-floor-button{align-items:center;background:#e8b4b8;background:var(--accentColor);border:none;border-radius:8px;box-sizing:border-box;color:#0f172a;color:var(--primaryColor);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;gap:.5rem;height:40px;justify-content:center;padding:.75rem 1.5rem;transition:all .2s ease}.create-floor-button:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.create-floor-icon{font-size:1.25rem;font-weight:700}.filters-section{background-color:#fff;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f}.search-section{justify-content:space-between;margin-bottom:1.5rem}.search-input-wrapper{max-width:600px}.search-input{background-color:#fff;border:2px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 8px #0000000d;color:#374151;font-size:1.125rem;font-weight:400;line-height:1.5;padding:1rem 1rem 1rem 3.5rem;transition:all .3s ease-in-out}.search-input:focus{box-shadow:0 0 0 4px #0f172a1a,0 4px 12px #0000001a;transform:translateY(-1px)}.search-input::placeholder{color:#9ca3af;font-weight:400}.search-icon{font-size:1.25rem;left:1.25rem;transition:color .3s ease}.search-input:focus+.search-icon{color:#0f172a}.clear-filters-button{background-color:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:.875rem 1.5rem;transition:all .3s ease-in-out;white-space:nowrap}.clear-filters-button:hover{background-color:#f1f5f9;border-color:#cbd5e1;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.floors-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.loading-state{color:#6b7280;font-weight:500}.error-message{background-color:#fee2e2;border:1px solid #fca5a5;font-weight:500}.floors-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;overflow-x:auto}.floors-table{border-collapse:collapse;font-family:Inter,sans-serif;width:100%}.floors-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#334155;font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:1rem;text-align:left;text-transform:uppercase}.floors-table td{border-bottom:1px solid #f1f5f9;padding:1rem;vertical-align:middle}.floors-table tr:hover{background:#f8fafc}.floor-number-cell{color:#0f172a;font-weight:500}.floor-type-badge{background-color:#f0f9ff;color:#0369a1;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.description-cell{max-width:300px;word-break:break-word}.status-badge{line-height:1.4}.floor-type-badge{background:#e0f2fe;border-radius:20px;color:#0277bd;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:capitalize}.no-results{background-color:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;padding:3rem 1rem}.no-results-icon{opacity:.6}.no-results h3{color:#374151;font-size:1.25rem;font-weight:600}.no-results p{color:#6b7280;font-size:1rem}.modal-content{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header{padding:1.5rem 1.5rem 1rem}.modal-close-button{transition:all .2s ease-in-out}.modal-close-button:hover{background-color:#f8f9fa}.modal-body{padding:1rem 1.5rem 1.5rem}.floor-form{gap:2rem}.floor-form,.form-section{display:flex;flex-direction:column}.form-section{gap:1rem}.section-title{border-bottom:1px solid #e9ecef}.form-grid{grid-gap:1rem;gap:1rem}.form-field label{color:#374151;font-weight:600;line-height:1.5;margin:0}.form-field input,.form-field select,.form-field textarea{background-color:#fff;border:2px solid #e5e7eb;color:#374151;font-size:1rem;font-weight:400;line-height:1.5;padding:.75rem 1rem;transition:all .2s ease-in-out}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{box-shadow:0 0 0 3px #0f172a1a}.form-field input::placeholder{color:#9ca3af}.form-field select{cursor:pointer}.error-message{font-weight:400;line-height:1.4;margin:0}.form-actions{border-top:1px solid #e9ecef;margin-top:1rem}@media (max-width:768px){.floor-management-title{font-size:2rem}.floor-management-subtitle{font-size:1rem}.floor-management-header{align-items:stretch;flex-direction:column;gap:1rem}.create-floor-button{justify-content:center}.search-section{align-items:stretch;flex-direction:column;gap:1rem}.search-input-wrapper{max-width:none}.clear-filters-button{align-self:center;min-width:120px}.floors-table-container{overflow-x:auto}.floors-table{min-width:800px}.form-grid{grid-template-columns:1fr}.modal-content{margin:1rem;max-width:calc(100vw - 2rem)}.form-actions{flex-direction:column}.cancel-button,.submit-button{justify-content:center;width:100%}}@media (max-width:480px){.floor-management-container{gap:1.5rem}.floor-management-title{font-size:1.75rem}.filters-section,.modal-body,.modal-header{padding:1rem}.modal-title{font-size:1.25rem}.floors-table td,.floors-table th{font-size:.75rem;padding:.75rem .5rem}.action-button,.floor-number-badge{font-size:.875rem;height:32px;width:32px}}.csv-upload-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.csv-upload-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-height:90vh;max-width:600px;overflow-y:auto;padding:1.5rem;width:100%}.csv-upload-modal-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.5rem}.csv-upload-modal-title{color:#0f172a;font-size:1.5rem;font-weight:600;margin:0 0 .25rem}.csv-upload-modal-description{color:#64748b;font-size:.875rem;margin:0}.csv-upload-modal-close{background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;flex-shrink:0;padding:.5rem;transition:all .2s}.csv-upload-modal-close:hover:not(:disabled){background:#f1f5f9;color:#0f172a}.csv-upload-modal-close:disabled{cursor:not-allowed;opacity:.5}.csv-upload-template-section{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1rem}.csv-upload-template-info{align-items:center;display:flex;flex:1 1;gap:.75rem}.csv-upload-template-icon{color:#3b82f6;flex-shrink:0;height:2rem;width:2rem}.csv-upload-template-title{color:#0f172a;font-size:.875rem;font-weight:600;margin:0 0 .25rem}.csv-upload-template-text{color:#64748b;font-size:.75rem;margin:0}.csv-upload-download-btn{align-items:center;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.csv-upload-download-btn:hover:not(:disabled){background:#2563eb}.csv-upload-download-btn:disabled{cursor:not-allowed;opacity:.5}.csv-upload-upload-section{margin-bottom:1.5rem}.csv-upload-section-title{color:#0f172a;font-size:1rem;font-weight:600;margin:0 0 1rem}.csv-upload-dropzone{background:#fafafa;border:2px dashed #cbd5e1;border-radius:8px;cursor:pointer;padding:2rem;position:relative;text-align:center;transition:all .2s}.csv-upload-dropzone.active,.csv-upload-dropzone:hover:not(.has-file){background:#f0f9ff;border-color:#3b82f6}.csv-upload-dropzone.has-file{background:#f0fdf4;border-color:#10b981;cursor:default}.csv-upload-file-input{cursor:pointer;height:100%;inset:0;opacity:0;position:absolute;width:100%;z-index:1}.csv-upload-dropzone-content{pointer-events:none}.csv-upload-dropzone-icon{color:#94a3b8;height:3rem;margin:0 auto 1rem;width:3rem}.csv-upload-dropzone-text{color:#475569;font-size:.875rem;margin:0 0 .5rem}.csv-upload-dropzone-link{color:#3b82f6;text-decoration:underline}.csv-upload-dropzone-hint{color:#94a3b8;font-size:.75rem;margin:0}.csv-upload-file-selected{align-items:center;display:flex;gap:1rem;pointer-events:none}.csv-upload-file-icon{flex-shrink:0;height:2rem;width:2rem}.csv-upload-file-icon.success{color:#10b981}.csv-upload-file-name{color:#0f172a;font-size:.875rem;font-weight:500;margin:0 0 .25rem}.csv-upload-file-size{color:#64748b;font-size:.75rem;margin:0}.csv-upload-remove-file{background:#0000;border:none;border-radius:4px;color:#64748b;cursor:pointer;margin-left:auto;padding:.25rem;pointer-events:auto;transition:all .2s}.csv-upload-remove-file:hover{background:#f1f5f9;color:#0f172a}.csv-upload-progress-section{background:#f8fafc;border-radius:8px;margin-top:1rem;padding:1rem}.csv-upload-progress-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.75rem}.csv-upload-progress-spinner{animation:spin 1s linear infinite;color:#3b82f6;height:1rem;width:1rem}.csv-upload-progress-text{color:#0f172a;font-size:.875rem;font-weight:500}.csv-upload-progress-bar{background:#e2e8f0;border-radius:4px;height:8px;overflow:hidden;width:100%}.csv-upload-progress-fill{background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:4px;height:100%;transition:width .3s ease}.csv-upload-status-section{background:#f8fafc;border-radius:8px;margin-top:1rem;padding:1rem}.csv-upload-status-summary{display:flex;gap:1.5rem;margin-bottom:1rem}.csv-upload-status-item{display:flex;flex-direction:column;gap:.25rem}.csv-upload-status-item.success .csv-upload-status-value{color:#10b981}.csv-upload-status-item.error .csv-upload-status-value{color:#ef4444}.csv-upload-status-label{color:#64748b;font-size:.75rem}.csv-upload-status-value{color:#0f172a;font-size:1.25rem;font-weight:600}.csv-upload-errors{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-top:1rem;padding:1rem}.csv-upload-errors-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.75rem}.csv-upload-errors-title{color:#991b1b;font-size:.875rem;font-weight:600}.csv-upload-errors-list{max-height:200px;overflow-y:auto}.csv-upload-error-item{background:#fff;border-radius:4px;color:#991b1b;font-size:.75rem;margin-bottom:.5rem;padding:.5rem}.csv-upload-error-item:last-child{margin-bottom:0}.csv-upload-actions{display:flex;gap:.75rem;margin-top:1.5rem}.csv-upload-submit-btn{align-items:center;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:500;justify-content:center;padding:.75rem 1.5rem;transition:all .2s}.csv-upload-submit-btn:hover:not(:disabled){background:#2563eb}.csv-upload-submit-btn:disabled{cursor:not-allowed;opacity:.5}.csv-upload-cancel-btn{background:#f1f5f9;border:none;border-radius:6px;color:#475569;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.csv-upload-cancel-btn:hover:not(:disabled){background:#e2e8f0}.csv-upload-cancel-btn:disabled{cursor:not-allowed;opacity:.5}.room-management{background-color:#f8fafc;min-height:100vh;padding:2rem}.room-management-container{margin:0 auto;max-width:1400px}.room-management-header{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.room-management-title{color:#0f172a;font-family:Inter,sans-serif;font-size:2rem;font-weight:700;margin:0 0 .5rem}.room-management-subtitle{color:#64748b;font-family:Inter,sans-serif;font-size:1rem;margin:0}.upload-csv-button{background-color:#64748b;border:none;color:#fff;font-weight:500}.upload-csv-button:hover{background-color:#475569;box-shadow:0 4px 12px #0f172a4d}.create-room-button{align-items:center;background:#e8b4b8;background:var(--accentColor);border:none;border-radius:8px;box-sizing:border-box;color:#0f172a;color:var(--primaryColor);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;gap:.5rem;height:40px;justify-content:center;padding:.75rem 1.5rem;transition:all .2s ease}.create-room-button:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.create-room-icon{font-size:1.25rem;font-weight:700}.search-section{align-items:center;display:flex;gap:1rem}.search-input-wrapper{flex:1 1}.clear-filters-button{border-radius:8px;padding:.75rem 1.5rem}.rooms-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.section-header-title{font-size:1.25rem}.rooms-table-container{overflow-x:auto}.rooms-table{border-collapse:collapse;font-family:Inter,sans-serif;width:100%}.rooms-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#334155;font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:1rem;text-align:left;text-transform:uppercase}.rooms-table td{border-bottom:1px solid #f1f5f9;padding:1rem;vertical-align:middle}.rooms-table tr:hover{background:#f8fafc}.room-number-cell{color:#0f172a;font-weight:500}.empty-state{font-size:.875rem}.room-name-cell{color:#0f172a;font-weight:500}.room-type-badge{background:#e0f2fe;color:#0277bd}.occupancy-badge,.room-type-badge{border-radius:20px;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:capitalize}.occupancy-badge{display:inline-block}.occupancy-badge.available{background:#dcfce7;color:#166534}.occupancy-badge.occupied{background:#fef3c7;color:#92400e}.action-button{padding:0}.action-button svg{display:block;flex-shrink:0}.action-button.edit{background-color:#fef3c7;border:1px solid #f59e0b;color:#92400e}.action-button.edit svg{stroke:#92400e;color:#92400e}.action-button.edit:hover{background-color:#fde68a;transform:translateY(-1px)}.action-button.delete{background-color:#fee2e2;border:1px solid #ef4444;color:#991b1b}.action-button.delete svg{stroke:#991b1b;color:#991b1b}.action-button.delete:hover{background-color:#fca5a5;transform:translateY(-1px)}.error-message{border:1px solid #fecaca;color:#991b1b}.room-form{font-family:Inter,sans-serif}.form-field input,.form-field select{border:2px solid #e2e8f0;border-radius:8px;font-family:Inter,sans-serif;font-size:.875rem;padding:.75rem;transition:border-color .2s ease}.form-field input:focus,.form-field select:focus{border-color:#0f172a;outline:none}.form-field input:disabled,.form-field select:disabled{background-color:#f1f5f9;border-color:#e2e8f0;color:#94a3b8;cursor:not-allowed}.submit-button{box-sizing:border-box;line-height:1.5}.submit-button:hover{box-shadow:0 4px 12px #0000004d}@media (max-width:768px){.room-management{padding:1rem}.room-management-header{gap:1rem}.room-management-header,.search-section{align-items:stretch;flex-direction:column}.search-input-wrapper{max-width:none}.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.rooms-table{font-size:.75rem}.rooms-table td,.rooms-table th{padding:.5rem}}@media (max-width:480px){.room-management-title{font-size:1.5rem}.modal-content{margin:.5rem;max-height:95vh}.modal-body,.modal-header{padding:1rem}}:root{--black:#000;--h1-font-size:2.5rem;--h1-font-weight:700;--h1-line-height:1.2;--h3-font-size:1.5rem;--h3-font-weight:600;--h3-line-height:1.4;--h4-font-size:1.25rem;--h4-font-weight:600;--h4-line-height:1.4;--subtitle-font-size:1.125rem;--subtitle-font-weight:500;--subtitle-line-height:1.5;--body-font-size:1rem;--body-font-weight:400;--body-line-height:1.6;--button-font-size:1rem;--button-font-weight:600;--button-line-height:1.5;--buttonSmall-font-size:0.875rem;--buttonSmall-font-weight:600;--buttonSmall-line-height:1.5}.categories-and-items{background-color:#fefefe;background-color:var(--backgroundColor);min-height:100vh;padding:2rem}.categories-and-items-container{margin:0 auto;max-width:1600px}.menu-management .filters-section,.menu-management .form-grid .form-field.full-width{grid-column:1/-1}.menu-management .form-grid{grid-template-columns:1fr 1fr}@media (max-width:1024px){.menu-management .form-grid{grid-template-columns:1fr}}.categories-and-items-header{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.categories-and-items-title{color:#0f172a;color:var(--primaryColor);font-family:Inter,sans-serif;font-size:2.5rem;font-size:var(--h1-font-size);font-weight:700;font-weight:var(--h1-font-weight);line-height:1.2;line-height:var(--h1-line-height);margin:0 0 .5rem}.categories-and-items-subtitle{color:#475560;color:var(--textColor);font-family:Inter,sans-serif;font-size:1.125rem;font-size:var(--subtitle-font-size);font-weight:500;font-weight:var(--subtitle-font-weight);line-height:1.5;line-height:var(--subtitle-line-height);margin:0}.create-category-button,.create-item-button,.create-menu-button,.csv-upload-button{align-items:center;border:none;border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;gap:.5rem;height:40px;justify-content:center;padding:.75rem 1.5rem;transition:all .2s ease}.csv-upload-button{background:#fff;border:1px solid #000;box-sizing:border-box;color:#000}.csv-upload-button:hover{background:#f5f5f5;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.create-category-button{background:#e8b4b8;background:var(--accentColor);color:var(--primaryColor)}.create-item-button,.create-menu-button{background:#e8b4b8;background:var(--accentColor);color:#0f172a;color:var(--primaryColor)}.create-category-button:hover,.create-item-button:hover,.create-menu-button:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.create-icon{font-size:1.25rem;font-weight:700}.branch-selection{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem;padding:1.5rem}.branch-selection label{color:#334155;display:block;font-family:Inter,sans-serif;font-weight:600;margin-bottom:.5rem}.branch-select{border:2px solid #e2e8f0;font-family:Inter,sans-serif;max-width:300px;padding:.75rem;transition:border-color .2s ease;width:100%}.branch-select:focus{border-color:#0f172a}.filters-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.filters-header h3{color:#0f172a;font-family:Inter,sans-serif;font-size:1.25rem;font-weight:600;margin:0}.clear-filters-button{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.clear-filters-button:hover{background:#e2e8f0;color:#334155}.filters-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.filter-group label{color:#334155;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.filter-input,.filter-select{border:2px solid #e2e8f0;padding:.75rem;transition:border-color .2s ease}.filter-input:focus,.filter-select:focus{border-color:#0f172a}.range-inputs{align-items:center;display:flex;gap:.5rem}.range-input{border:2px solid #e2e8f0;border-radius:8px;flex:1 1;font-family:Inter,sans-serif;font-size:.875rem;padding:.75rem;transition:border-color .2s ease}.range-input:focus{border-color:#0f172a;outline:none}.range-separator{color:#64748b;font-weight:600}.search-container{align-items:center;display:flex;justify-content:center;padding:1rem 0}.search-input-wrapper{max-width:500px;position:relative;width:100%}.search-input{border:2px solid #e2e8f0;font-family:Inter,sans-serif;padding:.75rem 1rem .75rem 2.5rem;transition:border-color .2s ease}.search-icon{font-size:1rem}.tabs-container{border-bottom:2px solid #e9ecef;border-bottom:2px solid var(--borderColor);margin-bottom:2rem}.tabs-header{background:#fff;background:var(--white);border-radius:8px 8px 0 0;display:flex;gap:.5rem}.tab-button{font-size:1rem;font-weight:500;padding:1rem 1.5rem}.tab-button.active{background:#fff;background:var(--white);font-weight:600}.tab-button svg{flex-shrink:0}.categories-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem;padding:1.5rem}.section-header h3{font-size:1.25rem}.section-header h3,.section-header-title{color:#0f172a;font-family:Inter,sans-serif;font-weight:600;margin:0}.section-header-title{color:var(--primaryColor);font-size:1.5rem;font-size:var(--h3-font-size);font-weight:var(--h3-font-weight);line-height:1.4;line-height:var(--h3-line-height)}.inline-search-wrapper{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-sizing:border-box;display:flex;gap:.5rem;height:40px;min-width:250px;padding:0 .75rem;transition:all .2s ease}.inline-search-wrapper:focus-within{border-color:#0f172a;border-color:var(--primaryColor);box-shadow:0 0 0 3px #3b82f61a}.search-icon-inline{color:#666;flex-shrink:0}.inline-search-input{background:#0000;border:none;color:#333;flex:1 1;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;height:100%;min-width:0;outline:none;padding:0}.inline-search-input::placeholder{color:#999;font-weight:400}.clear-search-button{background:#e0e0e0;border-radius:50%;color:#666;flex-shrink:0;height:20px;padding:0;width:20px}.clear-search-button:hover{background:silver;color:#333;transform:scale(1.1)}.section-actions button{align-items:center;display:flex;height:40px;justify-content:center}.export-button{background:var(--accentColor);border-radius:6px;box-sizing:border-box;color:var(--white);font-size:var(--buttonSmall-font-size);height:40px;justify-content:center;padding:.5rem 1rem}.export-button,.options-button{font-family:Inter,sans-serif;font-weight:600;font-weight:var(--buttonSmall-font-weight);transition:all .2s ease}.options-button{background:#e8b4b8;background:var(--accentColor);border:none;border-radius:6px;color:#0f172a;color:var(--primaryColor);cursor:pointer;font-size:.875rem;font-size:var(--buttonSmall-font-size);line-height:1.5;line-height:var(--buttonSmall-line-height);padding:.5rem .875rem}.options-button:hover{box-shadow:0 4px 10px #0f172a26;transform:translateY(-1px)}.export-button:hover{background:#0284c7}.categories-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.category-card{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;padding:1.5rem;transition:all .2s ease}.category-image-container{align-items:center;background:#f1f5f9;border:2px solid #e2e8f0;border-radius:8px;display:flex;height:120px;justify-content:center;margin-bottom:1rem;overflow:hidden;width:100%}.category-image{height:100%;object-fit:cover;width:100%}.no-category-image{color:#64748b;font-size:3rem}.category-card:hover{border-color:#0f172a;box-shadow:0 4px 12px #0000001a}.category-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.category-header h4{color:#0f172a;font-family:Inter,sans-serif;font-size:1.125rem;font-weight:600;margin:0}.category-actions{display:flex;gap:.5rem}.category-description{color:#64748b;font-family:Inter,sans-serif;line-height:1.5;margin:0 0 1rem}.category-meta{align-items:center;display:flex;justify-content:space-between}.display-order{color:#64748b;font-family:Inter,sans-serif;font-size:.875rem}.items-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem;overflow:hidden;padding:1.5rem}.items-table{font-family:Inter,sans-serif}.items-table th{border-bottom:1px solid #e2e8f0;color:#334155;padding:1rem}.items-table td{border-bottom:1px solid #f1f5f9;padding:1rem}.items-table tr:hover{background:#f8fafc}.item-image-cell{text-align:center;width:80px}.item-image{object-fit:cover}.item-image,.no-image{border:2px solid #e2e8f0;border-radius:8px;height:50px;width:50px}.no-image{background:#f1f5f9;color:#64748b;display:inline-block;font-size:1.5rem;line-height:50px;text-align:center}.no-image-hidden{display:none}.item-name-cell{color:#0f172a;font-weight:500;max-width:200px}.item-description-cell{color:#64748b;line-height:1.4;max-width:250px}.price-cell{color:#059669;font-weight:600}.category-badge{background:#e0f2fe;color:#0277bd;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:capitalize}.category-badge,.status-badge{border-radius:20px}.status-badge.active{background:#dcfce7;color:#166534}.diet-badge{border-radius:20px;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.diet-badge.veg{background:#dcfce7;color:#166534}.diet-badge.non-veg{background:#fee2e2;color:#991b1b}.actions-cell{align-items:center;flex-wrap:nowrap;justify-content:center;width:150px}.actions-cell .action-button{align-items:center;display:flex;flex-shrink:0;justify-content:center}.action-button{background:none;font-size:1.25rem;padding:.5rem;white-space:nowrap}.action-button.edit:hover,.action-button.toggle:hover{background:#fef3c7;color:#d97706}.action-button.delete:hover{background:#fee2e2;color:#dc2626}.loading-state{font-size:1.125rem;padding:3rem}.no-results{color:#64748b;padding:3rem;text-align:center}.no-results-icon{display:block;font-size:3rem;margin-bottom:1rem}.no-results h3{color:#334155}.no-results h3,.no-results-title{font-family:Inter,sans-serif;margin:0 0 .5rem}.no-results-title{color:#0f172a;color:var(--primaryColor);font-size:1.5rem;font-size:var(--h3-font-size);font-weight:600;font-weight:var(--h3-font-weight)}.no-results p{font-family:Inter,sans-serif;margin:0}.no-results-description{line-height:1.6;line-height:var(--body-line-height)}.loading-state,.no-results-description{font-family:Inter,sans-serif;font-size:1rem;font-size:var(--body-font-size)}.loading-state{color:#475560;color:var(--textColor);padding:2rem;text-align:center}.error-message{background:#f8f9fa;background:var(--lightGray);border-radius:4px;font-size:var(--bodySmall-font-size)}.pagination{align-items:center;border-top:1px solid #e2e8f0;display:flex;gap:1rem;justify-content:center;padding:2rem}.pagination-button{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.pagination-button:hover:not(:disabled){background:#e2e8f0;color:#334155}.pagination-button:disabled{cursor:not-allowed;opacity:.5}.pagination-button-next,.pagination-button-prev{background-color:#0f172a;background-color:var(--primaryColor);border:none;border-radius:4px;color:#fff;color:var(--white);font-size:.875rem;font-size:var(--buttonSmall-font-size);font-weight:600;font-weight:var(--buttonSmall-font-weight);padding:.5rem 1rem}.pagination-button-next:disabled,.pagination-button-prev:disabled{cursor:not-allowed;opacity:.6}.pagination-info{color:#64748b;font-family:Inter,sans-serif;font-size:.875rem}.modal-overlay-high{z-index:1100}.modal-content.extra-wide-modal{max-width:1200px;width:95%}.modal-header{border-bottom:1px solid #e2e8f0}.modal-title{color:var(--primaryColor);font-size:var(--h3-font-size);font-weight:var(--h3-font-weight);line-height:1.4;line-height:var(--h3-line-height)}.modal-close-button:hover{background:#f1f5f9;color:#334155}.category-form,.item-form{font-family:Inter,sans-serif}.form-section{margin-bottom:2rem}.section-title{border-bottom:2px solid #e2e8f0;font-size:var(--h4-font-size);font-weight:var(--h4-font-weight);line-height:1.4;line-height:var(--h4-line-height);margin:0 0 1rem;padding-bottom:.5rem}.form-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-field.full-width{grid-column:1/-1}.form-field label{color:#334155;font-size:.875rem;margin-bottom:.5rem}.required{color:#dc2626}.readonly-field{background-color:#f3f4f6!important;color:#6b7280!important;cursor:not-allowed!important;opacity:.8}.form-field input,.form-field select,.form-field textarea{border:2px solid #e2e8f0;border-radius:8px;font-family:Inter,sans-serif;font-size:.875rem;padding:.75rem;transition:border-color .2s ease}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#0f172a;outline:none}.form-field textarea{min-height:80px;resize:vertical}.file-input{background:#f8fafc;border:2px dashed #e2e8f0;border-radius:8px;cursor:pointer;padding:.5rem;transition:all .2s ease}.file-input:hover{background:#f1f5f9;border-color:#0f172a}.file-help{color:#64748b;font-size:.75rem;margin-top:.25rem}.checkbox-field{margin-top:.5rem}.checkbox-label{color:#475569;font-size:.875rem}.checkbox-label input[type=checkbox]{width:auto}.days-of-week-container{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.day-toggle-button{background:#fee2e2;border:2px solid #fecaca;border-radius:8px;color:#991b1b;cursor:pointer;font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;height:36px;letter-spacing:.5px;min-width:50px;padding:.5rem .75rem;text-transform:uppercase;transition:all .2s ease}.day-toggle-button:hover{background:#fecaca;border-color:#fca5a5;color:#7f1d1d;transform:translateY(-1px)}.day-toggle-button.active{background:#dcfce7;border-color:#86efac;box-shadow:0 2px 4px #22c55e33;color:#166534}.day-toggle-button.active:hover{background:#bbf7d0;border-color:#4ade80;box-shadow:0 4px 8px #22c55e4d;transform:translateY(-1px)}.error-message{font-size:.75rem;margin-top:.25rem}.form-actions{border-top:1px solid #e2e8f0}.cancel-button{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;color:#6b7280;cursor:pointer;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;height:40px;line-height:1.5;padding:.75rem 1.5rem;transition:all .2s ease-in-out}.cancel-button:hover{background-color:#f9fafb;border-color:#9ca3af;color:#374151}.submit-button{align-items:center;background:#e8b4b8;background:var(--accentColor);border:none;border-radius:8px;color:#0f172a;color:var(--primaryColor);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;height:40px;justify-content:center;padding:.75rem 1.5rem;transition:all .2s ease}.submit-button:hover:not(:disabled){box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.submit-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.submit-button .button-spinner{animation:spin .6s linear infinite;border:2px solid #0f172a4d;border-radius:50%;border-top:2px solid var(--primaryColor);display:inline-block;height:14px;margin-right:.5rem;width:14px}.loading-screen{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;justify-content:center;margin-top:2rem;min-height:400px;padding:4rem 2rem}.loading-spinner-large{animation:spin .8s linear infinite;border:4px solid #f8f9fa;border-top-color:#e8b4b8;border:4px solid var(--lightGray,#f8f9fa);border-radius:50%;border-top-color:var(--accentColor,#e8b4b8);height:50px;margin-bottom:1.5rem;width:50px}.loading-text{font-family:Inter,sans-serif;font-size:1rem;font-weight:500;margin:0}.empty-table-message,.loading-text{color:#475560;color:var(--textColor,#475560)}.empty-table-message{font-size:.95rem;font-style:italic;padding:3rem 1rem;text-align:center}.tabs{display:flex;gap:.5rem;margin-bottom:1rem}.tab{background:#f8f9fa;background:var(--lightGray);border:1px solid #e9ecef;border:1px solid var(--borderColor);border-radius:6px;color:#475560;color:var(--textColor);cursor:pointer;font-family:Inter,sans-serif;font-size:.875rem;font-size:var(--buttonSmall-font-size);font-weight:600;font-weight:var(--buttonSmall-font-weight);padding:.5rem 1rem;transition:all .2s ease}.tab:hover{background:#eef1f4}.tab.active{background:#0f172a;background:var(--primaryColor);border-color:#0f172a;border-color:var(--primaryColor);color:#fff;color:var(--white)}.tab-panel{background:#fff;border:1px solid #e9ecef;border:1px solid var(--borderColor);border-radius:8px;padding:1rem}.list-block{margin-bottom:1rem}.simple-list{list-style:none;margin:0;padding:0}.list-item{align-items:center;background:#fefefe;background:var(--backgroundColor);border:1px solid #e9ecef;border:1px solid var(--borderColor);border-radius:8px;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.75rem 1rem}.list-actions{display:flex;gap:.5rem}.draggable-row{cursor:grab}.draggable-row:active{cursor:grabbing}.droppable-zone{border:2px dashed #e9ecef;border:2px dashed var(--borderColor);border-radius:8px;padding:.5rem}.droppable-zone.droppable-over{background:#f6f8fb;border-color:#0f172a;border-color:var(--primaryColor)}.builder-panes,.menu-builder{margin-top:1rem}.builder-panes{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.builder-pane{background:#fefefe;background:var(--backgroundColor);border:1px solid #e9ecef;border:1px solid var(--borderColor);border-radius:8px;padding:1rem}.builder-pane h5{color:#475560;color:var(--textColor);font-family:Inter,sans-serif;font-size:var(--headingSmall-font-size);font-weight:var(--headingSmall-font-weight);margin:0 0 1rem}.items-list{background:#fff;background:var(--white);border:2px dashed #e9ecef;border:2px dashed var(--borderColor);border-radius:8px;max-height:400px;min-height:300px;overflow-y:auto;padding:.5rem;transition:all .2s ease}.items-list.drag-over{background:#f6f8fb;border-color:#0f172a;border-color:var(--primaryColor)}.item-card{background:#fff;background:var(--white);border:1px solid #e9ecef;border:1px solid var(--borderColor);border-radius:8px;cursor:grab;margin-bottom:.5rem;padding:.75rem;position:relative;transition:all .2s ease}.item-card:hover{border-color:#0f172a;border-color:var(--primaryColor);box-shadow:0 2px 4px #0000001a}.item-card:active{cursor:grabbing}.item-card.selected{background:#f0f8ff;border-color:#0f172a;border-color:var(--primaryColor)}.item-info h6{color:#475560;color:var(--textColor);font-family:Inter,sans-serif;font-size:var(--bodyMedium-font-size);font-weight:var(--bodyMedium-font-weight);margin:0 0 .25rem}.items-section-header{align-items:center;display:flex;flex-wrap:nowrap;gap:.75rem;justify-content:space-between;margin-bottom:.75rem}.items-section-header .section-title{flex:1 1;margin:0}.items-controls-row{align-items:center;box-sizing:border-box;display:flex;flex-wrap:nowrap;gap:.75rem;margin-bottom:1rem;margin-top:.75rem;width:100%}.items-controls-row .inline-search-wrapper{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-sizing:border-box;display:flex;flex:1 1 auto;gap:.5rem;height:40px;max-width:350px;min-width:200px;padding:0 .75rem}.items-controls-row .inline-search-wrapper:focus-within{border-color:#0f172a;border-color:var(--primaryColor);box-shadow:0 0 0 3px #3b82f61a}.items-controls-row .inline-search-input{background:#0000;border:none;color:#333;flex:1 1;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;height:100%;min-width:0;outline:none;padding:0}.items-controls-row .inline-search-input::placeholder{color:#999;font-weight:400}.items-controls-row .clear-search-button{align-items:center;background:#e0e0e0;border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:20px;justify-content:center;padding:0;transition:all .2s ease;width:20px}.items-controls-row .clear-search-button:hover{background:silver}.items-section-actions{align-items:center;display:flex;flex-shrink:0;gap:.5rem;white-space:nowrap}.items-section-actions>*{flex-shrink:0}.select-all-button{background:#e8b4b8;background:var(--accentColor);border:none;border-radius:6px;color:#0f172a;color:var(--primaryColor);cursor:pointer;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;height:36px;padding:.5rem 1rem;transition:all .2s ease}.select-all-button:hover:not(:disabled){background:#f5a3a8;transform:translateY(-1px)}.select-all-button:disabled{cursor:not-allowed;opacity:.5}.select-category-dropdown{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#333!important;cursor:pointer;flex-shrink:0;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;height:36px;max-width:200px;min-width:180px;padding:0 4px;transition:all .2s ease}.select-category-dropdown::-ms-expand{display:none}.select-category-dropdown option{background:#fff;color:#333!important;padding:.5rem}.select-category-dropdown option[value=""]{color:#666!important}.select-category-dropdown:focus,.select-category-dropdown:hover{border-color:#0f172a;border-color:var(--primaryColor)}.select-category-dropdown:focus{box-shadow:0 0 0 3px #0000001a;outline:none}.items-cards-container{grid-gap:.75rem;background:#fafafa;border:2px dashed #e9ecef;border:2px dashed var(--borderColor);border-radius:8px;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));max-height:500px;overflow-y:auto;padding:.5rem}.droppable-zone.droppable-over .items-cards-container{background:#f0f8ff;border-color:#0f172a;border-color:var(--primaryColor)}.empty-items-message{color:#94a3b8;font-family:Inter,sans-serif;font-size:.875rem;grid-column:1/-1;padding:2rem;text-align:center}.item-card-small{align-items:center;background:#fff;border:1px solid #e9ecef;border:1px solid var(--borderColor);border-radius:8px;cursor:grab;display:flex;gap:.5rem;justify-content:space-between;min-height:80px;padding:.75rem;position:relative;transition:all .2s ease}.item-card-small:hover{border-color:#0f172a;border-color:var(--primaryColor);box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}.item-card-small:active{cursor:grabbing}.item-card-small.selected{background:#dcfce7;border-color:#86efac}.item-card-content{flex:1 1;min-width:0}.item-card-name{color:#475560;color:var(--textColor);font-size:.8125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-card-name,.item-card-price{font-family:Inter,sans-serif;font-weight:600;margin-bottom:.25rem}.item-card-price{color:#0f172a;color:var(--primaryColor);font-size:.75rem}.item-card-category{color:#64748b;font-family:Inter,sans-serif;font-size:.6875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-card-add-button,.item-card-remove-button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:all .2s ease;width:28px}.item-card-add-button{background:#dcfce7;color:#166534}.item-card-add-button:hover{background:#bbf7d0;transform:scale(1.1)}.item-card-remove-button{background:#fee2e2;color:#991b1b}.item-card-remove-button:hover{background:#fecaca;transform:scale(1.1)}.item-info p{color:var(--textSecondary);font-family:Inter,sans-serif;font-size:var(--bodySmall-font-size);line-height:1.4;margin:0 0 .5rem}.item-price{color:#0f172a;color:var(--primaryColor);font-size:var(--bodyMedium-font-size);font-weight:var(--bodyMedium-font-weight)}.remove-button{align-items:center;background:#dc3545;background:var(--errorColor);border:none;border-radius:50%;color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;position:absolute;right:.5rem;top:.5rem;transition:all .2s ease;width:20px}.remove-button:hover{background:#d32f2f;transform:scale(1.1)}.checkbox-group{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-top:.5rem}.checkbox-label{align-items:center;color:#475560;color:var(--textColor);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:var(--bodySmall-font-size);gap:.5rem}.checkbox-label input[type=checkbox]{cursor:pointer;margin:0}@media (max-width:768px){.categories-and-items{padding:1rem}.categories-and-items-header{gap:1rem}.categories-and-items-header,.header-actions{align-items:stretch;flex-direction:column}.categories-grid,.filters-grid,.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.builder-panes{gap:1rem;grid-template-columns:1fr}.checkbox-group{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.items-table{font-size:.75rem}.items-table td,.items-table th{padding:.5rem}.pagination{flex-direction:column;gap:.5rem}}@media (max-width:480px){.categories-and-items-title{font-size:1.5rem}.modal-content{margin:.5rem;max-height:95vh}.modal-body,.modal-header{padding:1rem}}.hotel-info-management{margin:0 auto;max-width:1400px;padding:0}.hotel-info-management-container{display:flex;flex-direction:column;gap:2rem}.upload-csv-button{align-items:center;background:#fff;border:1px solid #000;border-radius:8px;box-sizing:border-box;color:#000;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;gap:.5rem;height:40px;justify-content:center;padding:.75rem 1.5rem;transition:all .2s ease}.upload-csv-button:hover{background:#f5f5f5;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.create-category-button{align-items:center;background-color:#e8b4b8;border:none;border-radius:8px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;color:#0f172a;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;line-height:1.5;padding:.75rem 1.5rem;transition:all .2s ease-in-out}.create-category-button:hover{background-color:#d4a5a9;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-1px)}.create-category-icon{font-size:1.25rem;font-weight:700}.categories-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-top:2rem;overflow:hidden}.categories-table{background:#fff;border-collapse:collapse;width:100%}.categories-table th{background:#f8fafc;font-weight:600;letter-spacing:.05em;text-align:left;text-transform:uppercase}.categories-table td,.categories-table th{border-bottom:1px solid #e5e7eb;color:#374151;font-size:.875rem;padding:1rem}.categories-table tr:hover{background:#f8fafc}.categories-table tr:last-child td{border-bottom:none}.category-name{align-items:center;color:#374151;display:flex;font-weight:500;gap:.5rem}.category-description{color:#6b7280;font-size:.875rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fields-count{color:#3b82f6;font-size:.875rem;font-weight:500}.status-badge.active{background:#10b981;color:#d1fae5}.status-badge.inactive{background:#ef4444;color:#fecaca}.display-order{color:#94a3b8;font-weight:500}.timezone{color:#94a3b8;font-size:.875rem}.action-button svg{height:16px;width:16px}.edit-button{background:#3b82f6;color:#fff}.edit-button:hover{background:#2563eb}.delete-button{background:#ef4444;color:#fff}.delete-button:hover{background:#dc2626}.form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-field-full{grid-column:1/-1}.form-label{color:#374151;font-size:.875rem;margin-bottom:.25rem}.form-input,.form-select,.form-textarea{background-color:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#374151;font-family:Inter,sans-serif;font-size:.9375rem;font-weight:400;line-height:1.5;padding:.75rem 1rem;transition:all .2s ease-in-out;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-textarea{min-height:80px;resize:vertical}.checkbox-group{align-items:center;display:flex;gap:1.5rem;padding:.75rem 0}.checkbox-field{align-items:center;display:flex;gap:.5rem}.checkbox-field input[type=checkbox]{border:2px solid #d1d5db;border-radius:4px;cursor:pointer;height:1.25rem;transition:all .2s ease;width:1.25rem}.checkbox-field input[type=checkbox]:checked{background-color:#3b82f6;border-color:#3b82f6}.checkbox-field label{color:#374151;cursor:pointer;font-size:.875rem;font-weight:500}.fields-section{border-top:2px solid #e5e7eb;margin-top:1.5rem;padding-top:1.5rem}.fields-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.fields-title{color:#0f172a;font-size:1rem;font-weight:600}.add-field-button{align-items:center;background-color:#fff;border:2px solid #0f172a;border-radius:6px;color:#0f172a;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.25rem;padding:.5rem 1rem;transition:all .2s ease}.add-field-button:hover{background-color:#0f172a;color:#fff}.field-item{border:2px solid #e5e7eb;margin-bottom:1rem;padding:1.25rem}.field-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.field-item-checkboxes{display:flex;gap:1rem}.remove-field-button{align-items:center;background-color:initial;border:none;border-radius:4px;color:#dc2626;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.25rem;padding:.5rem;transition:all .2s ease}.remove-field-button:hover{background-color:#fee2e2;color:#b91c1c}.form-actions{border-top:2px solid #e5e7eb;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem}.cancel-button,.submit-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;line-height:1.5;padding:.75rem 1.5rem;transition:all .2s ease-in-out}.cancel-button{background-color:#f3f4f6;border:2px solid #e5e7eb;color:#374151}.cancel-button:hover{background-color:#e5e7eb}.submit-button{background-color:#0f172a;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;color:#fff}.submit-button:hover{background-color:#1e293b;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-1px)}@media (max-width:768px){.form-grid{gap:1rem;grid-template-columns:1fr}.form-field-full{grid-column:1}.checkbox-group{align-items:flex-start;gap:.75rem}.checkbox-group,.form-actions{flex-direction:column}.cancel-button,.submit-button{justify-content:center;width:100%}}.order-details-modal-new{background:#fff;border-radius:12px;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;overflow:hidden;width:100%}.order-modal-header-new{align-items:center;background:#fff;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:1.5rem 2rem}.order-header-left{align-items:center;display:flex;gap:1rem}.order-title-new{color:#0f172a;font-size:1.5rem;font-weight:700;margin:0}.order-status-badge-new{border-radius:20px;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.375rem 1rem;text-transform:uppercase}.order-header-right{align-items:center;display:flex;gap:1rem}.print-invoice-btn{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:8px;color:#0f172a;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s}.print-invoice-btn:hover{background:#f8f9fa;border-color:#dee2e6}.close-btn-new{align-items:center;background:none;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s}.close-btn-new:hover{background:#f8f9fa;color:#0f172a}.order-date-time-new{background:#f8f9fa;border-bottom:1px solid #e9ecef;color:#64748b;font-size:.875rem;padding:.75rem 2rem}.order-modal-content-new{grid-gap:0;display:grid;flex:1 1;gap:0;grid-template-columns:1fr 350px;overflow:hidden}.order-left-column-new{background:#fff;overflow-y:auto;padding:2rem}.customer-order-info-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.customer-info-section{align-items:center;border-bottom:1px solid #e9ecef;display:flex;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem}.customer-avatar-new{align-items:center;background:#8b4513;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.25rem;font-weight:600;height:48px;justify-content:center;width:48px}.customer-details-new{display:flex;flex-direction:column;gap:.5rem}.customer-name-new{color:#0f172a;font-size:1rem;font-weight:600}.customer-tag-new{align-items:center;background:#f8f9fa;border-radius:12px;color:#64748b;display:inline-flex;font-size:.75rem;gap:.375rem;padding:.25rem .75rem;width:-webkit-fit-content;width:fit-content}.info-row-new{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.info-row-new:last-child{margin-bottom:0}.info-label-new{color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-value-new{align-items:center;color:#0f172a;display:flex;font-size:.9375rem;font-weight:500}.kitchen-notes-box{background:#fff;border:1px solid #e9ecef;border-radius:8px;color:#475560;font-size:.875rem;line-height:1.5;min-height:60px;padding:.875rem}.order-items-section-new{margin-bottom:2rem}.section-title-new h3{color:#0f172a;font-size:1.125rem;font-weight:600;margin:0 0 .25rem}.section-subtitle{color:#64748b;font-size:.875rem;margin:0 0 1.5rem}.items-table-wrapper-new{border:1px solid #e9ecef;border-radius:8px;overflow:hidden}.items-table-new{background:#fff;border-collapse:collapse;width:100%}.items-table-new thead{background:#f8f9fa}.items-table-new th{color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.875rem 1rem;text-align:left;text-transform:uppercase}.items-table-new tbody tr,.items-table-new th{border-bottom:1px solid #e9ecef}.items-table-new tbody tr:last-child{border-bottom:none}.items-table-new td{color:#475560;font-size:.875rem;padding:1rem}.item-details-cell{display:flex;flex-direction:column;gap:.5rem}.item-name-row-new{align-items:center;display:flex}.item-name-new,.item-name-row-new{color:#0f172a;font-weight:600}.item-status-badge-new{font-size:.75rem;font-weight:500}.item-price-cell,.item-qty-cell{color:#475560;text-align:center}.item-total-cell-new{color:#0f172a;font-weight:600;text-align:right}.pricing-summary-new{background:#e8b4b8;border-radius:8px;display:flex;flex-direction:column;gap:.75rem;padding:1.5rem}.summary-row{align-items:center;color:#0f172a;display:flex;font-size:.875rem;justify-content:space-between}.grand-total-row{border-top:2px solid #0f172a33;font-size:1.125rem;font-weight:700;margin-top:.5rem;padding-top:1rem}.order-right-column-new{background:#f8f9fa;border-left:1px solid #e9ecef;overflow-y:auto;padding:2rem}.update-status-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:1.5rem}.status-card-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem}.status-card-header h3{color:#0f172a;font-size:1rem;font-weight:600;margin:0}.status-list{display:flex;flex-direction:column;gap:.75rem}.status-option{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:.875rem 1rem;position:relative;transition:all .2s}.status-option:hover:not(.disabled){background:#f8f9fa;border-color:#e9ecef}.status-option.selected{background:#fff9c4;border-color:#ffc107}.status-option.disabled{cursor:not-allowed;opacity:.5}.status-option-icon{align-items:center;color:#64748b;display:flex;justify-content:center}.status-option.selected .status-option-icon{color:#ffc107}.status-option-label{color:#0f172a;flex:1 1;font-size:.875rem;font-weight:500}.status-selected-indicator{align-items:center;color:#28a745;display:flex;justify-content:center}.confirm-modal-wrapper{background:#0000!important;box-shadow:none!important;max-height:-webkit-fit-content!important;max-height:fit-content!important;max-width:-webkit-fit-content!important;max-width:fit-content!important;width:auto!important}.confirm-modal-content{background:#0000;border-radius:12px;box-shadow:0 10px 25px #0003;max-width:400px;min-width:350px;overflow:hidden;padding:0;width:auto;z-index:1001}.confirm-modal-icon-wrapper{align-items:center;background:linear-gradient(135deg,#fff9c4,#ffe082);display:flex;justify-content:center;padding:1.5rem 1.5rem .75rem}.confirm-modal-icon{color:#ffc107;filter:drop-shadow(0 2px 4px rgba(255,193,7,.3));flex-shrink:0}.confirm-modal-header{background:#fff;padding:1rem 1.5rem .5rem;text-align:center}.confirm-modal-title{color:#0f172a;font-size:1.25rem;font-weight:700;letter-spacing:-.02em;margin:0}.confirm-modal-body{background:#fff;padding:1rem 1.5rem;text-align:center}.confirm-modal-message{color:#64748b;font-size:.9375rem;line-height:1.5;margin:0 0 1rem}.confirm-modal-status-badge{background:linear-gradient(135deg,#e8b4b8,#d4a5a9);border-radius:8px;box-shadow:0 2px 8px #e8b4b84d;color:#0f172a;display:inline-block;font-size:1rem;font-weight:700;letter-spacing:.5px;margin-top:.25rem;padding:.5rem 1.25rem;text-transform:uppercase}.confirm-modal-actions{background:#fff;border-radius:0 0 12px 12px;border-top:none;display:flex;gap:.75rem;justify-content:center;padding:1.25rem 1.5rem}.confirm-btn{border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;font-size:.9375rem;font-weight:600;min-width:100px;padding:.625rem 1.5rem;transition:all .2s ease}.confirm-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.confirm-btn-cancel{background:#fff;border:2px solid #e9ecef;color:#475560}.confirm-btn-cancel:hover:not(:disabled){background:#f8f9fa;border-color:#dee2e6;box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.confirm-btn-confirm{background:linear-gradient(135deg,#e8b4b8,#d4a5a9);border:2px solid #0000;color:#0f172a}.confirm-btn-confirm:hover:not(:disabled){background:linear-gradient(135deg,#d4a5a9,#c4969a);box-shadow:0 4px 12px #e8b4b866;transform:translateY(-1px)}.confirm-btn:active:not(:disabled){box-shadow:0 1px 2px #0000001a;transform:translateY(0)}@media (max-width:1024px){.order-modal-content-new{grid-template-columns:1fr}.order-right-column-new{border-left:none;border-top:1px solid #e9ecef}}@media (max-width:768px){.order-details-modal-new{max-height:95vh;max-width:100%}.order-modal-header-new{align-items:flex-start;flex-direction:column;gap:1rem;padding:1rem 1.5rem}.order-header-right{justify-content:space-between;width:100%}.order-left-column-new,.order-right-column-new{padding:1.5rem}.items-table-new{font-size:.8125rem}.items-table-new td,.items-table-new th{padding:.75rem .5rem}.confirm-modal-content{margin:auto;max-width:90%}.confirm-modal-icon-wrapper{padding:1.25rem 1.25rem .625rem}.confirm-modal-header{padding:.875rem 1.25rem .375rem}.confirm-modal-body{padding:.875rem 1.25rem}.confirm-modal-actions{flex-direction:column;gap:.625rem;padding:1rem 1.25rem}.confirm-btn{min-width:auto;width:100%}}.custom-select{font-family:Inter,sans-serif}.custom-select__control{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;box-shadow:none!important;cursor:pointer!important;height:38px!important;min-height:38px!important;transition:all .2s ease!important}.custom-select__control:hover{border-color:#cbd5e1!important}.custom-select__control--is-focused{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important}.custom-select__control--is-disabled{background:#f5f5f5!important;cursor:not-allowed!important;opacity:.6!important}.custom-select__value-container{height:38px!important;padding:0 .875rem!important}.custom-select__input-container{margin:0!important;padding:0!important}.custom-select__input,.custom-select__single-value{color:#374151!important;font-size:.875rem!important}.custom-select__single-value{margin:0!important}.custom-select__placeholder{color:#9ca3af!important;font-size:.875rem!important;margin:0!important}.custom-select__indicator-separator{display:none!important}.custom-select__dropdown-indicator{color:#9ca3af!important;padding:0 .5rem!important}.custom-select__dropdown-indicator:hover{color:#64748b!important}.custom-select__menu{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important;margin-top:4px!important}.custom-select__menu-list{padding:.25rem!important}.custom-select__option{border-radius:6px!important;color:#374151!important;cursor:pointer!important;font-size:.875rem!important;margin-bottom:.125rem!important;padding:.625rem .875rem!important}.custom-select__option--is-focused,.custom-select__option:hover{background:#f1f5f9!important;color:#0f172a!important}.custom-select__option--is-selected{background:#eff6ff!important;color:#3b82f6!important;font-weight:500!important}.custom-select__option--is-selected:hover{background:#dbeafe!important}.order-management-container{background-color:#f8f9fa;min-height:100vh;padding:2rem}.order-management-header{margin-bottom:1.5rem}.order-management-title{color:#0f172a;font-family:Inter,sans-serif;font-size:26px;font-weight:500;margin:0 0 4px}.order-management-subtitle{align-items:center;color:#64748b;display:flex;font-family:Inter,sans-serif;font-size:16px;font-weight:400;gap:.5rem;margin:0 0 8px}.auto-refresh-indicator{margin-left:.5rem}.order-summary-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.summary-card{transition:all .2s ease}.summary-card.total .summary-icon{background:#dbeafe;color:#1e40af}.summary-card.pending .summary-icon{background:#fef3c7;color:#d97706}.summary-card.preparing .summary-icon{background:#ede9fe;color:#7c3aed}.summary-card.delivered .summary-icon{background:#d1fae5;color:#059669}.summary-card.amount .summary-icon{background:#fce7f3;color:#be185d}.filters-section{border:1px solid #e2e8f0;padding:1.25rem 1.5rem}.filters-top-row{align-items:center;display:flex;flex-wrap:nowrap;gap:1rem;margin-bottom:1rem;width:100%}.quick-filters{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.quick-filter-chip{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;color:#64748b;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.quick-filter-chip:hover{background:#f1f5f9;border-color:#cbd5e1;color:#475569}.quick-filter-chip.active{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.quick-filter-chip.active:hover{background:#dbeafe;border-color:#2563eb;color:#2563eb}.filter-count{background:#e2e8f0;border-radius:10px;color:#64748b;font-size:.75rem;font-weight:600;min-width:24px;padding:.125rem .5rem;text-align:center}.quick-filter-chip.active .filter-count{background:#3b82f6;color:#fff}.clear-filters-chip{align-items:center;background:#fee2e2;border:1px solid #fecaca;border-radius:20px;color:#dc2626;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.375rem;padding:.5rem .875rem;transition:all .2s ease;white-space:nowrap}.clear-filters-chip:hover{background:#fecaca;border-color:#fca5a5;color:#b91c1c}.filters-row{flex:1 1;flex-wrap:nowrap;gap:.75rem;width:100%}.filter-group{gap:0;min-width:200px}.filter-group.search-group{flex:2 1;min-width:300px;position:relative}.filter-input,.filter-select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#374151;font-family:Inter,sans-serif;font-size:.875rem;height:38px;padding:.625rem .875rem;transition:all .2s ease;width:100%}.filter-group.search-group .filter-input{padding-left:2.5rem;padding-right:2.5rem}.filter-input:focus,.filter-select:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.filter-input::placeholder{color:#9ca3af}.filter-select:disabled{background:#f5f5f5;color:#9ca3af}.search-icon{color:#9ca3af}.clear-search-button{align-items:center;background:#f1f5f9;border:none;border-radius:4px;color:#64748b;cursor:pointer;display:flex;height:24px;justify-content:center;padding:.25rem;position:absolute;right:.5rem;top:50%;transform:translateY(-50%);transition:all .2s ease;width:24px}.clear-search-button:hover{background:#e2e8f0;color:#475569}.orders-section{box-shadow:0 1px 3px #0000001a;padding:1.5rem}.section-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.orders-section .quick-filters{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.orders-table{font-family:Inter,sans-serif}.orders-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#334155;font-size:.8125rem;padding:.875rem 1rem}.orders-table td{border-bottom:1px solid #f1f5f9;padding:.875rem 1rem;vertical-align:middle}.orders-table tr:hover{background:#f8fafc}.order-id-cell .order-id{color:#3b82f6;font-family:Courier New,monospace;font-size:.875rem;font-weight:600}.customer-info{display:flex;flex-direction:column;gap:.25rem}.customer-name{color:#0f172a;font-size:.875rem}.customer-phone{color:#64748b;font-size:.75rem}.room-number{font-weight:500}.order-type,.room-number{color:#374151;font-size:.875rem}.status-badge-wrapper{align-items:center;display:flex;gap:.5rem}.status-badge{letter-spacing:.025em}.status-icon{flex-shrink:0;height:14px;width:14px}.status-icon.pending{color:#f59e0b}.status-icon.confirmed{color:#3b82f6}.status-icon.preparing{color:#8b5cf6}.status-icon.ready{color:#10b981}.status-icon.delivered{color:#059669}.status-icon.cancelled{color:#ef4444}.priority-badge{border-radius:6px;font-size:.75rem;font-weight:600;letter-spacing:.025em;padding:.375rem .75rem;text-transform:uppercase}.priority-badge[data-priority=LOW],.priority-badge[data-priority=low]{background:#dbeafe;color:#1e40af}.priority-badge[data-priority=NORMAL],.priority-badge[data-priority=normal]{background:#d1fae5;color:#059669}.priority-badge[data-priority=HIGH],.priority-badge[data-priority=high]{background:#fef3c7;color:#d97706}.priority-badge[data-priority=URGENT],.priority-badge[data-priority=urgent]{background:#fecaca;color:#dc2626}.amount{color:#10b981;font-size:.875rem;font-weight:600}.date{color:#64748b;font-size:.8125rem}.action-buttons{align-items:center}.action-button{border-radius:6px;flex-shrink:0;height:32px;width:32px}.action-button svg{stroke:currentColor;fill:none;color:inherit}.view-button{background:#e0e7ff;border:1px solid #c7d2fe;color:#4f46e5}.view-button:hover{background:#c7d2fe;color:#4338ca}.accept-button{background:#d1fae5;border:1px solid #a7f3d0;color:#059669}.accept-button:hover{background:#a7f3d0;color:#047857;transform:translateY(-1px)}.reject-button{background:#fee2e2;border:1px solid #fecaca;color:#dc2626}.reject-button:hover{background:#fecaca;color:#b91c1c;transform:translateY(-1px)}.complete-button{background:#20c997;color:#fff}.complete-button:hover{background:#1aa179;transform:translateY(-1px)}.reject-table-button{background:#dc3545;color:#fff}.reject-table-button:hover{background:#c82333;transform:translateY(-1px)}.cancel-button{background:#f59e0b;color:#fff}.cancel-button:hover{background:#d97706;transform:translateY(-1px)}.empty-state,.error-state,.loading-state{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.loading-spinner{border:3px solid #e2e8f0;border-top-color:#3b82f6;height:32px;width:32px}.error-icon{color:#ef4444;height:48px;width:48px}.empty-icon,.error-icon{margin-bottom:1rem}.retry-button{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;margin-top:1rem;padding:.75rem 1.5rem;transition:all .2s ease}.retry-button:hover{background:#2563eb}.order-details-modal{background:#fff;color:#374151;padding:1rem 0}.order-details-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.order-id-section h3{color:#111827;font-size:1.25rem;font-weight:700;margin:0}.order-status-badge{align-items:center;display:flex;gap:.5rem;margin-top:.5rem}.order-amount{text-align:right}.amount-label{color:#6b7280;display:block;font-size:.875rem;margin-bottom:.25rem}.amount-value{color:#10b981;font-size:1.5rem;font-weight:600}.order-details-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.detail-section h4{background:#f3f4f6;border-left:4px solid #3b82f6;border-radius:6px;color:#111827;font-size:1rem;font-weight:600;margin:0 0 1rem;padding:.75rem 1rem}.detail-item{align-items:center;background:#fff;border-bottom:1px solid #f3f4f6;border-radius:4px;box-shadow:0 1px 2px #0000000d;justify-content:space-between;margin-bottom:.5rem;padding:.75rem 1rem}.detail-item:last-child{border-bottom:none}.detail-label{color:#4b5563;font-weight:600;letter-spacing:.025em;text-transform:uppercase}.detail-value{color:#111827;font-size:.95rem;font-weight:500}.instructions-content{background:#f8fafc;border-left:3px solid #3b82f6;border-radius:8px;color:#374151;line-height:1.5;padding:1rem}.items-table-container{margin-top:1rem;overflow-x:auto}.items-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden;width:100%}.items-table th{background:#f8fafc;border-bottom:1px solid #e5e7eb;font-weight:600;letter-spacing:.05em;text-align:left;text-transform:uppercase}.items-table td,.items-table th{color:#374151;font-size:.875rem;padding:.75rem}.items-table td{border-bottom:1px solid #f3f4f6;vertical-align:middle}.items-table tr:hover{background:#f9fafb}.items-table tr:last-child td{border-bottom:none}.item-quantity{color:#4b5563;font-weight:500;text-align:center}.item-total-price,.item-unit-price{color:#059669;font-weight:600;text-align:right}.modal-actions{border-top:1px solid #e2e8f0;padding-top:1rem}.modal-actions button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.modal-actions .cancel-button{background:#f3f4f6;color:#6b7280}.modal-actions .cancel-button:hover{background:#e5e7eb;color:#374151}.modal-actions .accept-button{background:#10b981;color:#fff}.modal-actions .accept-button:hover{background:#059669}.modal-actions .reject-button{background:#ef4444;color:#fff}.modal-actions .reject-button:hover{background:#dc2626}.modal-actions .cancel-order-button{background:#f59e0b;color:#fff}.modal-actions .cancel-order-button:hover{background:#d97706}@media (max-width:768px){.order-management-container{padding:1rem}.order-summary-cards{grid-template-columns:repeat(2,1fr)}.filters-row{align-items:stretch;flex-direction:column}.filter-group{width:100%}.filter-group.search-group{min-width:100%}.orders-table{font-size:.75rem}.orders-table td,.orders-table th{padding:.75rem .5rem}.action-buttons{flex-direction:column;gap:.25rem}.action-button{height:28px;width:28px}.quick-filters{flex-direction:column}.quick-filter-chip{justify-content:space-between;width:100%}}@media (max-width:480px){.order-summary-cards{grid-template-columns:1fr}}.process-orders-container{background:#fff;color:#374151;min-height:100vh;padding:2rem}.process-orders-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.header-content{flex:1 1}.header-title{color:#111827;font-family:Inter,sans-serif;font-size:2rem;margin:0 0 .5rem}.header-subtitle{align-items:center;color:#6b7280;display:flex;font-family:Inter,sans-serif;font-size:1rem;gap:.5rem;margin:0}.auto-refresh-indicator{align-items:center;color:#3b82f6;display:inline-flex;font-size:.875rem;font-weight:500;gap:.25rem}.refresh-button{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.refresh-button:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.refresh-button:disabled{cursor:not-allowed;opacity:.6}.filters-section{background:#f9fafb;border:1px solid #e5e7eb}.filters-row{align-items:end}.filter-group{flex:1 1;flex-direction:column;min-width:150px}.filter-label{margin-bottom:.25rem}.filter-label,.filter-select{color:#374151;font-family:Inter,sans-serif}.filter-select{border:1px solid #d1d5db;padding:.75rem;transition:all .2s ease}.filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filter-select:disabled{cursor:not-allowed;opacity:.6}.error-message{background:#dc2626;color:#fff;margin-bottom:1rem}.orders-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.table-wrapper{overflow-x:auto}.orders-table{background:#fff}.orders-table th{background:#f9fafb;letter-spacing:.05em;text-transform:uppercase}.orders-table td,.orders-table th{border-bottom:1px solid #e5e7eb;color:#374151;font-family:Inter,sans-serif}.orders-table tr:hover{background:#f9fafb}.orders-table tr:last-child td{border-bottom:none}.order-id{color:#3b82f6}.room-info{min-width:120px}.room-details{gap:.25rem}.room-number{color:#111827}.floor-info{color:#6b7280;font-size:.75rem}.customer-info{min-width:150px}.customer-details{display:flex;flex-direction:column;gap:.25rem}.customer-name{color:#111827;font-weight:500}.customer-contact{color:#6b7280;font-size:.75rem}.items-count{text-align:center}.items-badge{align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;display:inline-flex;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.total-amount{font-weight:600}.status-cell{min-width:120px}.status-badge{text-transform:capitalize}.order-time{font-size:.75rem}.actions-cell{text-align:center}.view-button{align-items:center;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;justify-content:center;padding:.5rem;transition:all .2s ease}.view-button:hover{background:#2563eb;transform:translateY(-1px)}.empty-cell,.loading-cell{padding:3rem;text-align:center}.loading-spinner{align-items:center;color:#94a3b8;display:flex;font-family:Inter,sans-serif;gap:.5rem;justify-content:center}.empty-state{color:#6b7280;gap:1rem}.empty-state p{font-family:Inter,sans-serif}.modal-overlay{background:#000c;padding:1rem}.modal-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.modal-header{padding:1.5rem}.modal-title{color:#111827;font-family:Inter,sans-serif;font-size:1.5rem}.close-button{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.close-button:hover{background:#f3f4f6;color:#374151}.modal-content{padding:1.5rem}.order-details{gap:1.5rem}.detail-section{display:flex;flex-direction:column;gap:1rem}.section-title{color:#111827;font-family:Inter,sans-serif;font-size:1.125rem}.detail-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-label{color:#6b7280}.detail-label,.detail-value{font-family:Inter,sans-serif}.detail-value{color:#374151}.items-list{display:flex;flex-direction:column;gap:.75rem}.item-row{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;padding:.75rem}.item-info{display:flex;flex-direction:column;gap:.25rem}.item-name{color:#111827;font-weight:500}.item-name,.item-quantity{font-family:Inter,sans-serif}.item-quantity{color:#6b7280;font-size:.75rem}.item-price{color:#10b981;font-family:Inter,sans-serif;font-weight:600}.total-section{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;margin-top:.5rem;padding:1rem}.total-label{color:#111827;font-weight:600}.total-amount,.total-label{font-family:Inter,sans-serif}.total-amount{color:#10b981;font-size:1.25rem;font-weight:700}.status-info{display:flex;flex-direction:column;gap:.5rem}.order-time{color:#6b7280;font-family:Inter,sans-serif;font-size:.875rem}.modal-actions{border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem}.action-button{font-family:Inter,sans-serif;font-weight:500}.action-button.blue{background:#3b82f6;color:#fff}.action-button.blue:hover:not(:disabled){background:#2563eb}.action-button.orange{background:#f97316;color:#fff}.action-button.orange:hover:not(:disabled){background:#ea580c}.action-button.green{background:#10b981;color:#fff}.action-button.green:hover:not(:disabled){background:#059669}.action-button.purple{background:#8b5cf6;color:#fff}.action-button.purple:hover:not(:disabled){background:#7c3aed}.orders-cards-container{display:none}.orders-cards-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}.order-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;padding:1.25rem;transition:all .2s ease}.order-card:hover{box-shadow:0 4px 12px 0 #00000026;transform:translateY(-2px)}.order-card-header{align-items:flex-start;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.order-card-title-section{flex:1 1;min-width:0}.order-card-item-name{word-wrap:break-word;color:#111827;font-family:Inter,sans-serif;font-size:1.125rem;font-weight:600;margin:0 0 .25rem}.order-card-item-id{color:#6b7280;font-family:Inter,sans-serif;font-size:.75rem;font-weight:500}.order-card-view-button{align-items:center;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;margin-left:.75rem;padding:.5rem;transition:all .2s ease}.order-card-view-button:hover{background:#2563eb;transform:translateY(-1px)}.order-card-description{color:#6b7280;font-family:Inter,sans-serif;font-size:.875rem;line-height:1.5;margin:0 0 1rem}.order-card-details{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.order-card-detail-row{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:.5rem 0}.order-card-detail-row:last-child{border-bottom:none}.order-card-label{color:#6b7280}.order-card-label,.order-card-value{font-family:Inter,sans-serif;font-size:.875rem;font-weight:500}.order-card-value{color:#111827}.order-card-value.price{color:#10b981;font-weight:600}.order-card-value.price.total{font-size:1rem;font-weight:700}.order-card-footer{align-items:center;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-start;padding-top:1rem}.empty-state-card,.loading-state-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;color:#6b7280;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:3rem}.loading-state-card .loading-spinner{align-items:center;color:#94a3b8;display:flex;font-family:Inter,sans-serif;gap:.5rem;justify-content:center}.empty-state-card p{font-family:Inter,sans-serif;margin:0}@media (max-width:768px){.process-orders-container{padding:1rem}.process-orders-header{align-items:flex-start;flex-direction:column;gap:1rem}.header-content{width:100%}.refresh-button{justify-content:center;width:100%}.filters-row{flex-direction:column}.filter-group{min-width:100%}.desktop-view{display:none}.mobile-view{display:block}.modal-container{margin:1rem;max-height:calc(100vh - 2rem)}.modal-actions{flex-direction:column}.action-button{width:100%}}@media (min-width:769px){.mobile-view{display:none}.desktop-view{display:block}}.price-info{min-width:120px}.unit-price{color:#111827;font-size:.875rem;font-weight:600}.status-badge,.unit-price{font-family:Inter,sans-serif}.status-badge{border:1px solid;gap:.5rem;letter-spacing:.05em;padding:.5rem .75rem}.status-badge.bg-yellow-100{background-color:#fef3c7;border-color:#fbbf24;color:#92400e}.status-badge.bg-blue-100{background-color:#dbeafe;border-color:#3b82f6;color:#1e40af}.status-badge.bg-orange-100{background-color:#fed7aa;border-color:#fb923c;color:#c2410c}.status-badge.bg-green-100{background-color:#dcfce7;border-color:#22c55e;color:#166534}.status-badge.bg-purple-100{background-color:#e9d5ff;border-color:#a855f7;color:#7c3aed}.status-badge.bg-emerald-100{background-color:#d1fae5;border-color:#10b981;color:#065f46}.status-badge.bg-red-100{background-color:#fee2e2;border-color:#ef4444;color:#dc2626}.status-badge.bg-gray-100{background-color:#f3f4f6;border-color:#9ca3af;color:#374151}textarea.filter-select{font-family:Inter,sans-serif;min-height:80px}.action-button.gray{background-color:#f3f4f6;border:1px solid #d1d5db;color:#374151}.action-button.gray:hover{background-color:#e5e7eb;color:#111827}:root{--primaryColor:#0f172a;--accentColor:#e8b4b8;--backgroundColor:#fefefe;--textColor:#475560;--lightGray:#f8f9fa;--borderColor:#e9ecef;--successColor:#28a745;--warningColor:#ffc107;--errorColor:#dc3545;--white:#fff}.room-occupancy-container{background-color:#f8f9fa;min-height:100vh;padding:2rem}.room-occupancy-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.room-occupancy-title{color:#0f172a;font-family:Inter,sans-serif;font-size:26px;font-weight:500;line-height:1.2;margin:0 0 4px}.room-occupancy-subtitle{color:#6b7280;font-family:Inter,sans-serif;font-size:16px;font-weight:400;line-height:1.5;margin:0}.branch-selector{align-items:center;display:flex;gap:.75rem}.branch-selector label{color:#475560;color:var(--textColor);font-size:.875rem;font-weight:600}.branch-select{background:#fff;background:var(--white);border:1px solid #e9ecef;border:1px solid var(--borderColor);border-radius:8px;color:#0f172a;color:var(--primaryColor);cursor:pointer;font-size:.875rem;min-width:200px;padding:.5rem 1rem}.branch-select:focus{border-color:#e8b4b8;border-color:var(--accentColor);box-shadow:0 0 0 3px #e8b4b81a;outline:none}.loading-state{gap:1rem;min-height:400px}.loading-spinner{border:4px solid #e9ecef;border:4px solid var(--borderColor);border-top-color:var(--accentColor)}.loading-spinner-small{animation:spin 1s linear infinite;border:2px solid #e9ecef;border-top-color:#e8b4b8;border:2px solid var(--borderColor);border-top-color:var(--accentColor);height:16px;width:16px}.error-message{background:#fff5f5;border:1px solid #dc3545;border:1px solid var(--errorColor);color:#dc3545;color:var(--errorColor);gap:.75rem}.error-icon{height:20px;width:20px}.summary-card{background:var(--white);border:1px solid #e9ecef;border:1px solid var(--borderColor);transition:transform .2s ease,box-shadow .2s ease}.summary-card:hover{box-shadow:0 4px 12px #0000001a}.summary-card.total .summary-icon{color:#2196f3}.summary-card.occupied .summary-icon{background:#e8f5e9;color:#28a745;color:var(--successColor)}.summary-card.vacant .summary-icon{background:#fff3e0;color:#ffc107;color:var(--warningColor)}.summary-card.occupancy-rate .summary-icon{background:#f3e5f5;color:#9c27b0}.summary-icon{border-radius:12px}.summary-label{color:#475560;color:var(--textColor);margin:0 0 .5rem}.summary-value{color:var(--primaryColor);font-size:2rem;font-weight:700;line-height:1.2}.rooms-section{margin-bottom:2rem}.section-title{color:var(--primaryColor);font-size:1.5rem;gap:.75rem;margin:0 0 1.5rem}.section-icon{height:24px;width:24px}.section-icon,.section-icon-small{color:#e8b4b8;color:var(--accentColor)}.section-icon-small{height:18px;width:18px}.rooms-tabs{border-bottom:2px solid #e9ecef;border-bottom:2px solid var(--borderColor);display:flex;gap:.5rem;margin-bottom:1.5rem;padding-bottom:0}.tab-button{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#475560;color:var(--textColor);cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;gap:.5rem;margin-bottom:-2px;padding:.75rem 1.5rem;position:relative;transition:all .2s ease}.tab-button:hover{background:#f8f9fa;background:var(--lightGray)}.tab-button.active,.tab-button:hover{color:#0f172a;color:var(--primaryColor)}.tab-button.active{background:#0000;border-bottom-color:#e8b4b8;border-bottom-color:var(--accentColor)}.tab-icon{flex-shrink:0;height:18px;width:18px}.tab-content{min-height:200px}.rooms-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.room-card{background:#fff;background:var(--white);border:1px solid #e9ecef;border:1px solid var(--borderColor);border-radius:8px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.room-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.room-card.occupied{border-left:3px solid #28a745;border-left:3px solid var(--successColor)}.room-card.vacant{border-left:3px solid #ffc107;border-left:3px solid var(--warningColor)}.room-card-header{align-items:flex-start;background:#f8f9fa;background:var(--lightGray);cursor:pointer;display:flex;justify-content:space-between;padding:.75rem;transition:all .2s ease}.room-card-header:hover{background:#f0f0f0}.room-card{cursor:pointer}.room-info{flex:1 1}.room-number{color:#0f172a;color:var(--primaryColor);font-size:1rem;font-weight:700;line-height:1.2;margin-bottom:.125rem}.room-details{display:flex;flex-direction:column;gap:.125rem}.room-type{font-size:.75rem;text-transform:capitalize}.room-floor,.room-type{color:#475560;color:var(--textColor)}.room-floor{font-size:.6875rem;opacity:.8}.room-login-code-container{display:flex;flex-direction:column;gap:.125rem;margin-top:.375rem}.login-code-label{color:#475560;color:var(--textColor);font-size:.625rem;font-weight:500;letter-spacing:.3px;text-transform:uppercase}.login-code-wrapper{align-items:center;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:1.5px solid #90caf9;border-radius:6px;display:flex;gap:.375rem;padding:.25rem .5rem;transition:all .2s ease}.login-code-wrapper:hover{background:linear-gradient(135deg,#bbdefb,#90caf9);border-color:#64b5f6;box-shadow:0 1px 4px #2196f333}.login-code-value{color:#1976d2;flex:1 1;font-family:Courier New,monospace;font-size:.8125rem;font-weight:700;letter-spacing:.5px;-webkit-user-select:all;user-select:all}.copy-code-button{align-items:center;background:#fffc;border:none;border-radius:4px;cursor:pointer;display:flex;flex-shrink:0;height:20px;justify-content:center;padding:.25rem;transition:all .2s ease;width:20px}.copy-code-button:hover{background:#fff;box-shadow:0 1px 3px #0000001a;transform:scale(1.1)}.copy-code-button:active{transform:scale(.95)}.copy-icon{color:#1976d2;height:12px;transition:all .2s ease;width:12px}.copy-code-button:hover .copy-icon{color:#1565c0}.room-status{align-items:center;display:flex;gap:.75rem}.status-badge{border-radius:4px;font-size:.625rem;padding:.25rem .5rem;white-space:nowrap}.status-badge.occupied{background:#e8f5e9;color:#28a745;color:var(--successColor)}.status-badge.vacant{background:#fff3e0;color:#ffc107;color:var(--warningColor)}.room-modal-content{max-width:100%}.modal-body.room-modal-content{padding:1.5rem}.orders-section,.room-details-section{margin-bottom:1.5rem}.orders-section:last-child,.room-details-section:last-child{margin-bottom:0}.orders-section h4,.room-details-section h4{align-items:center;color:#0f172a;color:var(--primaryColor);display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.detail-row{align-items:center;border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--borderColor);display:flex;justify-content:space-between;padding:.75rem 0}.detail-row:last-child{border-bottom:none}.detail-label{color:#475560;color:var(--textColor);font-size:.875rem;font-weight:500}.detail-value{color:#0f172a;color:var(--primaryColor);font-size:.875rem;font-weight:600}.detail-value.status-occupied{color:#28a745;color:var(--successColor)}.detail-value.status-vacant{color:#ffc107;color:var(--warningColor)}.orders-list{display:flex;flex-direction:column;gap:1rem}.order-item{background:#f8f9fa;background:var(--lightGray);border:1px solid #e9ecef;border:1px solid var(--borderColor);border-radius:8px;padding:1rem}.order-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.order-id{color:var(--primaryColor);font-size:.875rem}.order-status{border-radius:4px;color:#fff;color:var(--white);font-size:.75rem;font-weight:600;padding:.25rem .5rem;text-transform:uppercase}.order-details{display:flex;flex-direction:column;gap:.5rem}.order-detail-row{align-items:center;display:flex;font-size:.8125rem;justify-content:space-between}.order-detail-row span:first-child{color:#475560;color:var(--textColor)}.order-detail-row strong{color:#0f172a;color:var(--primaryColor)}.payment-status{font-weight:600}.payment-status.pending{color:#ffc107;color:var(--warningColor)}.payment-status.paid{color:#28a745;color:var(--successColor)}.loading-orders{align-items:center;display:flex;font-size:.875rem;gap:.75rem;justify-content:center}.loading-orders,.no-orders{color:#475560;color:var(--textColor);padding:2rem}.no-orders{text-align:center}.no-orders-icon{height:48px;margin:0 auto 1rem;opacity:.5;width:48px}.no-orders p{font-size:.875rem;margin:0}.room-actions{border-top:1px solid #e9ecef;border-top:1px solid var(--borderColor);display:flex;gap:.75rem;padding-top:1rem}.action-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .2s ease}.action-button.checkout{background:#dc3545;background:var(--errorColor);color:#fff;color:var(--white)}.action-button.checkout:hover:not(:disabled){background:#c82333;box-shadow:0 2px 8px #dc35454d;transform:translateY(-1px)}.action-button:disabled{cursor:not-allowed;opacity:.6}.action-button svg{height:18px;width:18px}.empty-state{background:#f8f9fa;background:var(--lightGray);border:1px dashed #e9ecef;border:1px dashed var(--borderColor);color:var(--textColor)}.empty-icon{opacity:.5}.empty-state p{font-size:1rem;margin:0}@media (max-width:1024px){.rooms-grid{gap:.875rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width:768px){.room-occupancy-container{padding:1rem}.page-title{font-size:2rem}.summary-cards{gap:1rem;grid-template-columns:repeat(2,1fr)}.rooms-grid{grid-template-columns:1fr}.room-occupancy-header{flex-direction:column}.branch-selector{width:100%}.branch-select{flex:1 1}}.room-details-container{background:#f8fafc;box-sizing:border-box;margin:0 auto;max-width:1400px;min-height:100vh;overflow-x:hidden;padding:2rem;width:100%}.room-details-header{border-bottom:1px solid #e2e8f0;margin-bottom:2.5rem;padding-bottom:1.5rem}.header-content{align-items:flex-start;gap:1.5rem;justify-content:space-between}.header-title-section{align-items:flex-start;display:flex;flex:1 1;gap:1rem}.back-button{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;margin-top:.25rem;transition:all .2s ease;width:40px}.back-button:hover{background:#f8f9fa;border-color:#cbd5e1;color:#0f172a;transform:translateX(-2px)}.title-wrapper{flex:1 1}.page-title{font-size:1.875rem;font-weight:700;line-height:1.2;margin:0 0 .5rem}.page-subtitle{font-size:.9375rem;margin:0 0 .75rem}.room-type-badge{background:#f1f5f9;border-radius:6px;color:#475569;display:inline-block;font-size:.8125rem;font-weight:500;margin-top:.5rem;padding:.375rem .875rem}.summary-cards{grid-gap:1.25rem;gap:1.25rem}.summary-card.total-orders .summary-icon{background:#e3f2fd;color:#1976d2}.summary-card.total-amount .summary-icon{background:#e8f5e9;color:#388e3c}.summary-card.pending .summary-icon{background:#fff3e0;color:#f57c00}.summary-card.completed .summary-icon{background:#e8f5e9;color:#2e7d32}.summary-card.guests .summary-icon{background:#f3e5f5;color:#7b1fa2}.guests-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000d;box-sizing:border-box;margin-bottom:2rem;overflow-x:hidden;padding:1.75rem;width:100%}.guests-section-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.guests-table-container{max-width:100%;overflow-x:auto;width:100%}.loading-state-small{align-items:center;color:#64748b;display:flex;gap:.5rem;justify-content:center;padding:2rem}.orders-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000d;box-sizing:border-box;overflow-x:hidden;padding:1.75rem;width:100%}.orders-section-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.section-title{gap:.625rem}.orders-table-container{max-width:100%;overflow-x:auto;width:100%}.orders-table{border-collapse:collapse;max-width:100%;table-layout:auto;width:100%}.orders-table thead{background:#f8f9fa}.orders-table th{border-bottom:2px solid #dee2e6;color:#495057;font-size:.875rem;font-weight:600;padding:1rem;text-align:left;white-space:nowrap}.orders-table tbody tr{border-bottom:1px solid #e9ecef;cursor:pointer;transition:background .2s}.orders-table tbody tr:hover{background:#f8f9fa}.orders-table td{word-wrap:break-word;color:#495057;font-size:.875rem;max-width:200px;padding:1rem}.order-id{color:#0f172a;font-weight:600}.guest-info{display:flex;flex-direction:column;gap:.25rem}.guest-name{color:#0f172a;font-weight:500}.guest-id{color:#64748b;font-size:.75rem}.order-amount{color:#0f172a;font-weight:600}.status-badge{color:#fff}.payment-badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.payment-badge.pending{background:#fff3e0;color:#e65100}.payment-badge.paid{background:#e8f5e9;color:#2e7d32}.order-time{color:#64748b;font-size:.8125rem}.actions-cell{display:flex;gap:.5rem;min-width:150px}.action-btn{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:6px;cursor:pointer;display:flex;font-size:.875rem;gap:.25rem;padding:.375rem .75rem;transition:all .2s}.action-btn.view{border-color:#1976d2;color:#1976d2}.action-btn.view:hover{background:#e3f2fd}.action-btn.print{border-color:#388e3c;color:#388e3c}.action-btn.print:hover{background:#e8f5e9}.action-btn.complete{border-color:#1976d2;color:#1976d2}.action-btn.complete:hover{background:#e3f2fd}.action-btn.complete:disabled{cursor:not-allowed;opacity:.6}.action-btn.checkout{border-color:#d32f2f;color:#d32f2f}.action-btn.checkout:hover:not(:disabled){background:#ffebee}.action-btn.checkout:disabled{cursor:not-allowed;opacity:.6}.loading-spinner-small{animation:spin .8s linear infinite;border:2px solid #e2e8f0;border-radius:50%;border-top-color:#1976d2;height:14px;width:14px}.complete-all-btn{align-items:center;background:#1976d2;border:none;border-radius:6px;box-shadow:0 2px 4px #1976d233;color:#fff;cursor:pointer;display:flex;font-size:.9375rem;font-weight:500;padding:.625rem 1.25rem;transition:all .2s}.complete-all-btn:hover:not(:disabled){background:#1565c0;box-shadow:0 4px 6px #1976d24d;transform:translateY(-1px)}.complete-all-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.checkout-all-btn{align-items:center;background:#d32f2f;border:none;border-radius:6px;box-shadow:0 2px 4px #d32f2f33;color:#fff;cursor:pointer;display:flex;font-size:.9375rem;font-weight:500;padding:.625rem 1.25rem;transition:all .2s}.checkout-all-btn:hover:not(:disabled){background:#c62828;box-shadow:0 4px 6px #d32f2f4d;transform:translateY(-1px)}.checkout-all-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.modal-overlay{background:#00000080;bottom:0;left:0;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;display:flex;flex-direction:column;max-height:90vh}.modal-header{border-radius:12px 12px 0 0;padding:1.25rem 1.5rem}.modal-close-button{border-radius:4px;color:#64748b;font-size:1.5rem;height:2rem;justify-content:center;padding:.25rem;transition:all .2s;width:2rem}.modal-close-button:hover{color:#0f172a}.modal-body{flex:1 1;overflow-y:auto;padding:1.5rem}.modal-footer{background:#f8f9fa;border-radius:0 0 12px 12px;padding:1.25rem 1.5rem}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.9375rem;font-weight:500;padding:.625rem 1.25rem;transition:all .2s}.btn-secondary{background:#e9ecef;color:#495057}.btn-secondary:hover{background:#dee2e6}.btn-primary{background:#e8b4b8;color:#0f172a}.btn-primary:hover:not(:disabled){background:#d4a5a9}@media (max-width:768px){.room-details-container{padding:1rem}.room-details-header{margin-bottom:1.5rem;padding-bottom:1rem}.header-title-section{align-items:center;flex-direction:row}.page-title{font-size:1.5rem}.page-subtitle{font-size:.875rem}.summary-cards{gap:1rem;grid-template-columns:1fr}.guests-section,.orders-section{padding:1.25rem}.guests-section-header,.orders-section-header{align-items:flex-start;flex-direction:column;gap:1rem}.checkout-all-btn,.complete-all-btn{justify-content:center;width:100%}.guests-table-container,.orders-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.guests-table,.orders-table{font-size:.8125rem;min-width:100%}.guests-table td,.guests-table th,.orders-table td,.orders-table th{padding:.75rem .5rem}.actions-cell{flex-wrap:wrap;gap:.375rem}.action-btn{font-size:.8125rem;padding:.375rem .625rem}}.guest-list-container{background-color:#f8f9fa;box-sizing:border-box;margin:0 auto;max-width:1400px;min-height:100vh;overflow-x:hidden;padding:2rem;width:100%}.guest-list-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:2rem}.page-title{color:#0f172a;font-size:26px;font-weight:500;margin:0 0 4px}.page-subtitle{color:#64748b;font-size:16px;font-weight:400;margin:0 0 8px}.export-button{align-items:center;background:#e8b4b8;border:none;border-radius:8px;box-shadow:0 1px 3px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s;white-space:nowrap}.export-button:hover:not(:disabled){background:#d89ca0;box-shadow:0 2px 4px #00000026;transform:translateY(-1px)}.export-button:active:not(:disabled){transform:translateY(0)}.export-button:disabled{background:#cbd5e1;color:#94a3b8;cursor:not-allowed;opacity:.6}.error-message{background:#fee;border:1px solid #fcc;border-radius:6px;color:#c33}.error-icon{flex-shrink:0}.filters-section{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.filter-label{font-weight:500;white-space:nowrap}.filter-label,.filter-select{color:#495057;font-size:.875rem}.filter-select{border:1px solid #dee2e6;border-radius:6px;cursor:pointer;transition:border-color .2s}.filter-select:hover{border-color:#adb5bd}.filter-select:focus{border-color:#e8b4b8;box-shadow:0 0 0 3px #e8b4b81a}.search-group{flex:1 1;min-width:250px;position:relative}.search-icon{top:50%;transform:translateY(-50%)}.search-input{border:1px solid #dee2e6;border-radius:6px;color:#495057;font-size:.875rem;padding:.5rem 1rem .5rem 2.5rem;transition:border-color .2s}.search-input:focus{border-color:#e8b4b8;box-shadow:0 0 0 3px #e8b4b81a}.summary-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.summary-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:1rem;padding:1.5rem;transition:all .2s}.summary-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.summary-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.summary-card.total .summary-icon{background:#e3f2fd;color:#1976d2}.summary-card.active .summary-icon{background:#e8f5e9;color:#2e7d32}.summary-card.checked-in .summary-icon{background:#fff3e0;color:#f57c00}.summary-content{flex:1 1}.summary-label{color:#64748b;font-size:.875rem;font-weight:500;margin:0 0 .25rem}.summary-value{color:#0f172a;font-size:1.5rem;font-weight:600;margin:0}.guests-table-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;box-sizing:border-box;overflow-x:hidden;padding:1.5rem;width:100%}.section-header-with-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.section-title{align-items:center;color:#0f172a;display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;margin:0}.section-icon{color:#64748b}.section-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.table-container{max-width:100%;overflow-x:auto;width:100%}.guests-table{border-collapse:collapse;max-width:100%;table-layout:auto;width:100%}.guests-table thead{background:#f8f9fa}.guests-table th{border-bottom:2px solid #dee2e6;color:#495057;font-size:.875rem;font-weight:600;padding:1rem;text-align:left;white-space:nowrap}.guests-table tbody tr{border-bottom:1px solid #e9ecef;transition:background .2s}.guests-table tbody tr:hover{background:#f8f9fa}.guests-table td{word-wrap:break-word;color:#495057;font-size:.875rem;max-width:200px;padding:1rem}.guest-id-cell{color:#0f172a;font-weight:600}.guest-name-cell{color:#0f172a;font-weight:500}.status-badge{display:inline-block;font-size:.75rem;padding:.25rem .75rem;text-transform:uppercase}.status-badge.active{background:#e8f5e9;color:#2e7d32}.status-badge.inactive{background:#ffebee;color:#c62828}.empty-state{color:#64748b;padding:3rem;text-align:center}.empty-icon{color:#cbd5e1;height:64px;margin:0 auto 1rem;width:64px}.loading-state{color:#64748b}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#e8b4b8;height:48px;margin-bottom:1rem;width:48px}@media (max-width:768px){.guest-list-container{padding:1rem}.guest-list-header{align-items:stretch;flex-direction:column}.export-button{justify-content:center;margin-top:1rem;width:100%}.summary-cards{grid-template-columns:1fr}.filters-section{align-items:stretch;flex-direction:column}.search-group{min-width:100%}.table-container{overflow-x:scroll}.guests-table{min-width:1000px}}.view-history-button{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.view-history-button:hover{background:#e2e8f0;border-color:#cbd5e1;color:#334155}.view-history-button:active{transform:scale(.98)}.history-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.history-modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;width:100%}.history-modal-header{align-items:flex-start;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.5rem}.history-modal-title{color:#0f172a;font-size:1.5rem;font-weight:600;margin:0 0 .25rem}.history-modal-subtitle{color:#64748b;font-size:.875rem;margin:0}.history-modal-close{align-items:center;background:#f1f5f9;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s ease;width:32px}.history-modal-close:hover{background:#e2e8f0;color:#475569}.history-modal-body{flex:1 1;overflow-y:auto;padding:1.5rem}.history-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:3rem}.history-loading .loading-spinner{margin-bottom:1rem}.history-list{display:flex;flex-direction:column;gap:1rem}.history-item{background:#f8f9fa;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;transition:all .2s ease}.history-item:hover{border-color:#cbd5e1;box-shadow:0 1px 3px #0000001a}.history-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.history-item-room{align-items:center;color:#0f172a;display:flex;font-size:1rem;font-weight:600;gap:.5rem}.history-item-room svg{color:#64748b}.history-item-status{border-radius:12px;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.history-item-status.active{background:#dcfce7;color:#166534}.history-item-status.completed{background:#dbeafe;color:#1e40af}.history-item-details{display:flex;flex-direction:column;gap:.5rem}.history-detail{display:flex;font-size:.875rem;gap:.5rem}.history-detail-label{color:#64748b;font-weight:500;min-width:90px}.history-detail-value{color:#0f172a}.history-empty{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.history-empty-icon{color:#cbd5e1;height:64px;margin:0 auto 1rem;width:64px}.history-empty p{font-size:1rem;margin:0}@media (max-width:768px){.history-modal-content{max-height:90vh;max-width:100%}.history-modal-body,.history-modal-header{padding:1rem}.history-item-header{align-items:flex-start;flex-direction:column;gap:.5rem}}.whatsapp-integration{background-color:#fefefe;background-color:var(--backgroundColor,#fefefe);min-height:100vh;padding:2rem}.whatsapp-integration-container{margin:0 auto;max-width:1600px}.whatsapp-integration-header{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.whatsapp-integration-title{align-items:center;color:#0f172a;color:var(--primaryColor,#0f172a);display:flex;font-size:2rem;font-weight:700;gap:.75rem;margin:0 0 .5rem}.title-icon{color:#25d366}.whatsapp-integration-subtitle{color:#475560;color:var(--textColor,#475560);font-size:1rem;margin:0}.header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.branch-selection,.hotel-selection{align-items:center;display:flex;gap:.5rem}.branch-selection label,.hotel-selection label{color:#475560;color:var(--textColor,#475560);font-weight:500;white-space:nowrap}.branch-select,.hotel-select{background:#fff;border:1px solid #e9ecef;border:1px solid var(--borderColor,#e9ecef);border-radius:8px;color:#475560;color:var(--textColor,#475560);font-size:.95rem;min-width:200px;padding:.5rem 1rem}.branch-select:focus,.hotel-select:focus{border-color:#0f172a;border-color:var(--primaryColor,#0f172a);box-shadow:0 0 0 3px #0f172a1a;outline:none}.branch-select:disabled,.hotel-select:disabled{background:#f8f9fa;background:var(--lightGray,#f8f9fa);cursor:not-allowed;opacity:.6}.filters-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.filters-row{flex-wrap:wrap;gap:1rem}.filters-row,.search-filter{align-items:center;display:flex}.search-filter{flex:1 1;min-width:250px;position:relative}.search-icon{color:#475560;color:var(--textColor,#475560);left:12px}.search-input{border:1px solid #e9ecef;border:1px solid var(--borderColor,#e9ecef);border-radius:8px;font-size:.95rem;padding:.75rem 1rem .75rem 2.75rem;width:100%}.search-input:focus{border-color:#0f172a;border-color:var(--primaryColor,#0f172a);box-shadow:0 0 0 3px #0f172a1a;outline:none}.clear-search{align-items:center;background:none;border:none;border-radius:4px;color:#475560;color:var(--textColor,#475560);cursor:pointer;display:flex;padding:4px;position:absolute;right:8px}.clear-search:hover{background:#f8f9fa;background:var(--lightGray,#f8f9fa)}.filter-group{background:#f8f9fa;background:var(--lightGray,#f8f9fa);border-radius:8px;padding:.5rem 1rem}.filter-group,.filter-group label{align-items:center;display:flex;gap:.5rem}.filter-group label{color:#475560;color:var(--textColor,#475560);cursor:pointer;font-size:.9rem}.filter-group input[type=checkbox]{cursor:pointer}.filter-select{background:#fff;border:1px solid #e9ecef;border:1px solid var(--borderColor,#e9ecef);border-radius:8px;color:#475560;color:var(--textColor,#475560);font-size:.9rem;min-width:150px;padding:.5rem 1rem}.filter-select:focus{border-color:#0f172a;border-color:var(--primaryColor,#0f172a);outline:none}.error-message{color:#dc2626;gap:.5rem;margin-bottom:1.5rem;padding:1rem}.error-message,.loading-state{align-items:center;display:flex}.loading-state{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;flex-direction:column;justify-content:center;padding:4rem}.spinner{border:4px solid #f8f9fa;border-top-color:#0f172a;border:4px solid var(--lightGray,#f8f9fa);border-top-color:var(--primaryColor,#0f172a);margin-bottom:1rem}.empty-state{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;color:#475560;color:var(--textColor,#475560);display:flex;flex-direction:column;justify-content:center;padding:4rem}.empty-state svg{color:#9ca3af;margin-bottom:1rem}.empty-state p{font-size:1.1rem;margin-bottom:1.5rem}.contacts-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.contacts-table{border-collapse:collapse;width:100%}.contacts-table thead{background:#f8f9fa;background:var(--lightGray,#f8f9fa)}.contacts-table th{border-bottom:2px solid #e9ecef;border-bottom:2px solid var(--borderColor,#e9ecef);color:#0f172a;color:var(--primaryColor,#0f172a);font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.contacts-table td{border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--borderColor,#e9ecef);color:#475560;color:var(--textColor,#475560);padding:1rem}.contacts-table tbody tr:hover{background:#f8f9fa;background:var(--lightGray,#f8f9fa)}.contacts-table tbody tr:last-child td{border-bottom:none}.contact-name-cell,.contact-phone-cell{align-items:center;display:flex;gap:.5rem}.contact-name-cell svg,.contact-phone-cell svg{color:#475560;color:var(--textColor,#475560);opacity:.6}.notification-type-badge{font-weight:600;letter-spacing:.5px;text-transform:uppercase}.notification-type-badge,.status-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:.85rem;padding:.375rem .75rem}.status-badge{font-weight:500;gap:.375rem}.status-badge.active{background:#d1fae5}.status-badge.inactive{background:#fee2e2}.action-buttons{display:flex;gap:.5rem}.btn-icon{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.btn-edit{color:#3b82f6}.btn-edit:hover{background:#dbeafe}.btn-delete{color:#ef4444}.btn-delete:hover{background:#fee2e2}.btn-delete-hard{color:#991b1b}.btn-delete-hard:hover{background:#fee2e2}.btn-primary{align-items:center;background:#0f172a;background:var(--primaryColor,#0f172a);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s ease}.btn-primary:hover:not(:disabled){background:#1e293b;box-shadow:0 4px 6px #0000001a;transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.btn-secondary{align-items:center;background:#fff;border:1px solid #e9ecef;border:1px solid var(--borderColor,#e9ecef);border-radius:8px;color:#475560;color:var(--textColor,#475560);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s ease}.btn-secondary:hover{background:#f8f9fa;background:var(--lightGray,#f8f9fa)}.contact-modal .modal-content{height:auto!important;max-height:-webkit-fit-content!important;max-height:fit-content!important;max-width:450px;overflow-y:visible!important;overflow:visible!important;width:90%}.contact-modal-content{background:#fff;border-radius:12px;display:flex;flex-direction:column;overflow:visible}.modal-header{background:#f8f9fa;background:var(--lightGray,#f8f9fa);border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--borderColor,#e9ecef);padding:1rem 1.25rem}.modal-title{color:#0f172a;color:var(--primaryColor,#0f172a);font-size:1.25rem;font-weight:600}.modal-close-button{align-items:center;border-radius:6px;color:#475560;color:var(--textColor,#475560);display:flex;padding:.5rem;transition:all .2s ease}.modal-close-button:hover{background:#e9ecef;background:var(--borderColor,#e9ecef)}.contact-form{overflow:visible;padding:1.25rem}.form-field{margin-bottom:1rem}.form-field label{color:#0f172a;color:var(--primaryColor,#0f172a);display:block;font-size:.9rem;font-weight:500;margin-bottom:.375rem}.required{color:#ef4444}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon svg{color:#475560;color:var(--textColor,#475560);left:12px;pointer-events:none;position:absolute;z-index:1}.input-with-icon input,.input-with-icon select{border:1px solid #e9ecef;border:1px solid var(--borderColor,#e9ecef);border-radius:8px;color:#475560;color:var(--textColor,#475560);font-size:.9rem;padding:.625rem .875rem .625rem 2.5rem;width:100%}.input-with-icon input:focus,.input-with-icon select:focus{border-color:#0f172a;border-color:var(--primaryColor,#0f172a);box-shadow:0 0 0 3px #0f172a1a;outline:none}.form-hint{display:block;font-size:.8rem;line-height:1.3;margin-top:.25rem}.modal-footer{border-top:1px solid #e9ecef;border-top:1px solid var(--borderColor,#e9ecef);gap:1rem;justify-content:flex-end;margin-top:1rem;padding-top:1rem}.notification-types-cell{display:flex;flex-wrap:wrap;gap:.5rem}.notification-types-checkboxes{background:#f8f9fa;background:var(--lightGray,#f8f9fa);border:1px solid #e9ecef;border:1px solid var(--borderColor,#e9ecef);border-radius:8px;display:flex;flex-direction:column;gap:.5rem;padding:.75rem}.notification-type-checkbox{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:.5rem;padding:.375rem;transition:background .2s ease}.notification-type-checkbox:hover{background:#fff}.notification-type-checkbox input[type=checkbox]{accent-color:#0f172a;accent-color:var(--primaryColor,#0f172a);cursor:pointer;height:18px;width:18px}.notification-type-label{font-size:.875rem;font-weight:500}.form-error{color:#ef4444;display:block;font-size:.8rem;margin-top:.25rem}@media (max-width:768px){.whatsapp-integration{padding:1rem}.header-actions,.whatsapp-integration-header{flex-direction:column}.branch-select,.branch-selection,.header-actions{width:100%}.filters-row{flex-direction:column}.search-filter{width:100%}.contacts-table-container{overflow-x:auto}.contacts-table{min-width:800px}}.sos-alert-modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:10000}.sos-alert-modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:600px;width:100%}.sos-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.sos-modal-title-section{align-items:center;display:flex;gap:12px}.sos-modal-title-icon{color:#dc2626}.sos-modal-title{color:#1f2937;font-size:20px;font-weight:700;margin:0}.sos-modal-close-btn{background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;padding:8px;transition:all .2s}.sos-modal-close-btn:hover{background:#f3f4f6;color:#1f2937}.sos-modal-body{flex:1 1;overflow-y:auto;padding:24px}.quick-actions-section{margin-bottom:24px}.section-label{color:#1f2937;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.section-instruction{color:#6b7280;font-size:13px;margin-bottom:16px}.quick-actions-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:12px}.quick-action-btn{align-items:center;background:#fff;border:2px solid;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;font-size:13px;font-weight:600;gap:8px;padding:16px 12px;text-align:center;transition:all .2s}.quick-action-btn:hover{background:#f9fafb;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.info-text{align-items:flex-start;background:#eff6ff;border-radius:8px;color:#1e40af;display:flex;font-size:12px;gap:8px;padding:12px}.info-text svg{flex-shrink:0;margin-top:2px}.form-section{margin-bottom:24px}.form-label{color:#1f2937;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.alert-type-select{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#1f2937;cursor:pointer;font-size:14px;padding:12px 16px;transition:all .2s;width:100%}.alert-type-select:focus{border-color:#d4af37;border-color:var(--primary-color,#d4af37);box-shadow:0 0 0 3px #d4af371a;outline:none}.form-hint{color:#6b7280;font-size:12px;margin-bottom:0;margin-top:6px}.emergency-textarea{border:1px solid #d1d5db;border-radius:8px;color:#1f2937;font-family:inherit;font-size:14px;padding:12px 16px;resize:vertical;transition:all .2s;width:100%}.emergency-textarea:focus{border-color:#d4af37;border-color:var(--primary-color,#d4af37);box-shadow:0 0 0 3px #d4af371a;outline:none}.textarea-footer{align-items:center;display:flex;justify-content:space-between;margin-top:8px}.char-counter{color:#6b7280;font-size:12px;font-weight:500}.sos-modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:12px;padding:20px 24px}.cancel-btn{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;padding:14px 24px;transition:all .2s}.cancel-btn:hover{background:#f9fafb;border-color:#9ca3af}.send-sos-btn{align-items:center;background:#d4af37;background:var(--primary-color,#d4af37);border:none;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:14px 24px;transition:all .2s}.send-sos-btn:hover:not(:disabled){box-shadow:0 4px 12px #00000026;opacity:.9;transform:translateY(-1px)}.send-sos-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:480px){.quick-actions-grid{grid-template-columns:1fr}.sos-alert-modal-content{max-height:95vh}}.mobile-home-container{background-color:#f8f9fa;min-height:100vh;width:100%}.mobile-header{box-shadow:0 2px 8px #0000001a;color:#fff;padding:16px 20px}.header-content{align-items:center;display:flex;gap:12px}.header-logo-wrapper{align-items:center;background-color:#fff3;border-radius:50%;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.header-logo{height:32px;object-fit:contain;width:32px}.header-logo-icon{color:#fff;height:24px;width:24px}.header-text{flex:1 1;min-width:0}.header-title{color:#fff;font-size:18px;font-weight:700;line-height:1.2;margin:0}.header-subtitle{color:#ffffffe6;font-size:14px;line-height:1.2;margin:4px 0 0}.hero-section{background-position:50%;background-repeat:no-repeat;background-size:cover;border-bottom-left-radius:24px;border-bottom-right-radius:24px;min-height:380px;overflow:hidden;position:relative;width:100%}.hero-overlay{background:linear-gradient(180deg,#0000004d,#0009);flex-direction:column;inset:0;padding:20px;position:absolute}.hero-content,.hero-overlay{display:flex;justify-content:space-between}.hero-content{align-items:flex-start;color:#fff;margin-bottom:auto;width:100%}.room-info{display:flex;flex-direction:column;gap:4px}.room-number{color:#d4af37;color:var(--primary-color,#d4af37);font-size:18px;font-weight:600;letter-spacing:1px}.welcome-text{align-items:center;color:#fff;display:flex;font-size:14px;gap:4px}.welcome-accent{color:#d4af37;color:var(--primary-color,#d4af37);font-size:14px;font-style:italic;font-weight:400}.hotel-branding{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.hotel-name{color:#fff;font-size:20px;font-weight:600;letter-spacing:.5px;text-align:right}.branding-line{background-color:#d4af37;background-color:var(--primary-color,#d4af37);border-radius:2px;height:2px;width:100px}.quick-access-section-overlay{display:flex;gap:12px;margin-top:auto;padding:0}.quick-access-button-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border:none;border-radius:12px;box-shadow:0 2px 8px #00000026;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:8px;justify-content:center;padding:12px;transition:all .2s ease}.quick-access-button-overlay:hover{background-color:#fff;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.quick-access-icon-overlay{color:#d4af37;color:var(--primary-color,#d4af37);height:24px;width:24px}.quick-access-text-overlay{color:#1f2937;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.mobile-content{padding:20px 16px 100px}.section-container{margin-bottom:32px}.section-container:first-of-type{margin-top:24px}.section-title{color:#1f2937;font-size:20px;font-weight:700;margin-bottom:16px}.section-header-with-link{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.section-title-wrapper{align-items:center;display:flex;gap:8px}.section-title-line{background-color:#d4af37;background-color:var(--primary-color,#d4af37);border-radius:2px;height:24px;width:3px}.view-menu-link{background:none;border:none;color:#6b7280;cursor:pointer;font-size:14px;padding:4px 8px;transition:color .2s ease}.view-menu-link:hover{color:#d4af37;color:var(--primary-color,#d4af37)}.services-grid{grid-gap:12px;align-items:stretch;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.service-card{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:12px;height:100%;justify-content:center;min-height:120px;padding:20px 16px;text-align:center;transition:all .2s ease}.service-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.service-icon-wrapper{align-items:center;background-color:#d4af371a;border-radius:12px;display:flex;height:48px;justify-content:center;width:48px}.service-icon{color:#d4af37;color:var(--primary-color,#d4af37);height:24px;width:24px}.service-info{display:flex;flex:1 1;flex-direction:column;gap:4px;justify-content:center;width:100%}.service-name{color:#1f2937;font-size:14px;font-weight:600}.service-description{color:#6b7280;font-size:12px;line-height:1.4}.bestsellers-list{display:flex;flex-direction:column;gap:16px}.bestseller-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:12px;padding:12px;transition:all .2s ease}.bestseller-card:hover{box-shadow:0 4px 12px #0000001a}.bestseller-image-wrapper{border-radius:8px;flex-shrink:0;height:100px;overflow:hidden;position:relative;width:100px}.bestseller-image{height:100%;object-fit:cover;width:100%}.bestseller-badge{background-color:#ef4444;border-radius:4px;color:#fff;font-size:10px;font-weight:600;left:6px;letter-spacing:.5px;padding:4px 8px;position:absolute;top:6px}.bestseller-content{display:flex;flex:1 1;flex-direction:column;gap:8px}.bestseller-content .btn-primary{align-items:center!important;display:flex!important;font-size:12px!important;justify-content:center!important;min-height:auto!important;padding:6px 12px!important}.bestseller-content .quantity-counter{align-items:center;display:flex;gap:6px}.bestseller-content .quantity-btn{height:28px!important;min-width:28px!important;padding:0!important;width:28px!important}.bestseller-content .quantity-display{font-size:14px;min-width:20px;text-align:center}.bestseller-name{color:#1f2937;font-size:16px;font-weight:600;margin:0}.bestseller-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:12px;line-height:1.4;margin:0;overflow:hidden}.bestseller-footer{align-items:center;display:flex;justify-content:space-between;margin-top:auto}.bestseller-price{color:#1f2937;font-size:18px;font-weight:700}.bestseller-time{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:4px}.time-icon{color:#6b7280;height:14px;width:14px}.add-button{align-self:flex-start;background-color:#d4af37;background-color:var(--primary-color,#d4af37);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:4px;padding:8px 20px;transition:all .2s ease}.add-button:hover{background-color:#8b7355;background-color:var(--secondary-color,#8b7355);box-shadow:0 2px 8px #d4af374d;transform:translateY(-1px)}.at-your-service-list{display:flex;flex-direction:column;gap:12px}.at-your-service-card{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:16px;text-align:left;transition:all .2s ease;width:100%}.at-your-service-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.chevron-icon{color:#9ca3af;flex-shrink:0;margin-left:auto}.empty-state,.loading-state{color:#6b7280;font-size:14px;padding:32px 16px;text-align:center}.modal-overlay{align-items:center;background-color:#00000080;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:50}.modal-content{background-color:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a;max-height:80vh;max-width:80%;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px}.modal-header-content{align-items:center;display:flex;gap:12px}.modal-title{color:#1f2937;font-size:20px;font-weight:700;margin:0}.modal-close-button{background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;padding:8px;transition:background-color .2s ease}.modal-close-button:hover{background-color:#f3f4f6}.modal-description{border-bottom:1px solid #e5e7eb;padding:20px}.modal-description p{color:#6b7280;font-size:14px;line-height:1.6;margin:0}.modal-fields{border-bottom:1px solid #e5e7eb;padding:20px}.modal-fields-title{align-items:center;color:#1f2937;display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:16px}.fields-list{display:flex;flex-direction:column;gap:12px}.field-item{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:12px}.field-name{color:#1f2937;font-size:12px;font-weight:600;margin-bottom:4px}.field-value-wrapper{align-items:center;display:flex;gap:8px}.field-value{color:#374151;flex:1 1;font-size:14px;word-break:break-all}.modal-fields .action-button,.modal-fields .copy-button{align-items:center;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:6px;transition:all .2s ease}.modal-fields .action-button:hover,.modal-fields .copy-button:hover{background-color:#d4af37;background-color:var(--primary-color,#d4af37);border-color:#d4af37;border-color:var(--primary-color,#d4af37)}.modal-fields .action-button:hover .action-icon,.modal-fields .copy-button:hover .copy-icon{color:#fff}.modal-fields .action-icon,.modal-fields .copy-icon{color:#6b7280;transition:color .2s ease}.modal-fields .action-button:hover .action-icon,.modal-fields .copy-button:hover .copy-icon{color:#fff}.modal-footer{display:flex;flex-direction:column;gap:12px;padding:20px}.modal-status{align-items:center;display:flex;justify-content:space-between}.status-label{color:#6b7280;font-size:14px}.status-badge{border-radius:12px;font-size:12px;font-weight:600;padding:4px 12px}.status-badge.active{background-color:#d1fae5;color:#065f46}.status-badge.inactive{background-color:#fee2e2;color:#991b1b}.service-24-7{color:#d4af37;color:var(--primary-color,#d4af37);font-size:12px;font-weight:600}@media (max-width:375px){.hero-section{height:240px}.hotel-name{font-size:18px}.room-number{font-size:16px}.quick-access-text{font-size:10px}}.order-details-modal .modal-content{max-height:90vh;max-width:90%;width:600px}.order-details-modal-content{display:flex;flex-direction:column;height:100%}.order-details-header{align-items:center;background:#f8f9fa;border-bottom:2px solid #e5e7eb;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:20px 24px}.order-details-body{flex:1 1;overflow-y:auto;padding:24px}.order-details-section{border-bottom:1px solid #e5e7eb;margin-bottom:24px;padding-bottom:24px}.order-details-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}@media (max-width:768px){.order-details-modal .modal-content{max-width:95%;width:95%}.order-details-body,.order-details-header{padding:16px}}.customer-app{--primaryColor:#0f172a;--accentColor:#e8b4b8;--backgroundColor:#fefefe;--textColor:#475560;--lightGray:#f8f9fa;--borderColor:#e9ecef;box-sizing:border-box;max-width:100vw;overflow-x:hidden;width:100%}.customer-app .mobile-container{background:linear-gradient(135deg,#fefefe,#f8f9fa);max-width:100vw;min-height:100vh;overflow-x:hidden;position:relative}.customer-app .mobile-header{background:linear-gradient(135deg,var(--primaryColor) 0,#1e293b 100%);border-bottom:none;box-shadow:0 4px 6px -1px #0000001a;box-sizing:border-box;color:#fff;margin:0;padding:1rem;width:100%}.customer-app .mobile-content{box-sizing:border-box;flex:1 1;max-width:100%;overflow-y:auto;padding:0 1rem}.customer-app .mobile-navigation{background-color:#fff;border-top:1px solid #e5e7eb}.customer-app .btn-primary{background:linear-gradient(135deg,var(--primaryColor) 0,#1e293b 100%);border:none;border-radius:.75rem;box-shadow:0 2px 8px #0f172a33;color:#fff;font-weight:600;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:all .3s ease}.customer-app .btn-primary:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.customer-app .btn-primary:hover{box-shadow:0 4px 15px #0f172a4d;transform:translateY(-1px)}.customer-app .btn-primary:hover:before{left:100%}.customer-app .btn-secondary{background-color:#e5e7eb;border-radius:.5rem;color:#1f2937;font-weight:500;padding:.5rem 1rem;transition:background-color .2s}.customer-app .btn-secondary:hover{background-color:#d1d5db}.customer-app .card{background:linear-gradient(135deg,#fff,#f8fafc 50%,#f1f5f9);border:1px solid #e8b4b826;border-radius:1rem;box-shadow:0 4px 12px #0f172a14;overflow:hidden;padding:1.25rem;position:relative;transition:all .3s ease}.customer-app .card:before{background:linear-gradient(90deg,var(--accentColor) 0,var(--primaryColor) 100%);height:3px}.customer-app .card:after,.customer-app .card:before{content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.customer-app .card:after{background:linear-gradient(135deg,#e8b4b805,#0f172a03);bottom:0;pointer-events:none}.customer-app .card:hover{background:linear-gradient(135deg,#fff,#f8fafc 50%,#e2e8f0);border-color:var(--accentColor);box-shadow:0 8px 25px #0f172a26;transform:translateY(-2px)}.customer-app .card:hover:after,.customer-app .card:hover:before{opacity:1}.customer-app .form-input{border:1px solid #d1d5db;border-radius:.5rem;outline:none;padding:.5rem .75rem;width:100%}.customer-app .form-input:focus{border-color:#0284c7;box-shadow:0 0 0 3px #0284c71a}.customer-app .form-label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:.25rem}.customer-app .nav-item{align-items:center;border-radius:.75rem;color:#6b7280;display:flex;flex-direction:column;justify-content:center;min-width:60px;padding:.75rem;position:relative;transition:all .3s ease}.customer-app .nav-item:hover{background:linear-gradient(135deg,#e8b4b81a,#0f172a0d);color:var(--primaryColor);transform:translateY(-2px)}.customer-app .nav-item.active{background:linear-gradient(135deg,var(--accentColor) 0,#e8b4b84d 100%);color:var(--primaryColor)}.customer-app .from-accent-500{background:linear-gradient(to bottom,var(--accentColor),#d4a5a9)}.customer-app .to-primary-600{background:linear-gradient(to bottom,var(--primaryColor),#1e293b)}.customer-app .from-red-500{background:linear-gradient(180deg,#ef4444,#dc2626)}.customer-app .to-orange-500{background:linear-gradient(180deg,#f97316,#ea580c)}.customer-app .from-purple-500{background:linear-gradient(180deg,#8b5cf6,#7c3aed)}.customer-app .to-indigo-500{background:linear-gradient(180deg,#6366f1,#4f46e5)}.customer-app .px-4{padding-left:1rem;padding-right:1rem}.customer-app .py-4{padding-bottom:1rem;padding-top:1rem}.customer-app .space-x-4>*+*{margin-left:1rem}.customer-app .gap-4{gap:1rem}.customer-app .grid-cols-2{grid-template-columns:repeat(2,1fr)}.customer-app .grid-cols-3{grid-template-columns:repeat(3,1fr)}@media (max-width:480px){.customer-app .grid-cols-3{gap:.5rem;grid-template-columns:repeat(2,1fr)}.customer-app .grid-cols-2{gap:.75rem;grid-template-columns:1fr}.customer-app .p-4{padding:.75rem}.customer-app .mobile-content{padding:0 .75rem}.customer-app .mobile-header{padding:.75rem}.customer-app .text-xl{font-size:1.125rem}.customer-app .text-2xl{font-size:1.25rem}}.customer-app *{box-sizing:border-box}.customer-app .flex{min-width:0}.customer-app .mb-8{margin-bottom:2rem}.customer-app .p-3{padding:.75rem}.customer-app .pr-2{padding-right:.5rem}.customer-app .text-base{font-size:1rem;line-height:1.5rem}.customer-app .text-xl{font-size:1.25rem;line-height:1.75rem}.customer-app .card-special{background:linear-gradient(135deg,#fef7f0,#fef3e7 50%,#fef0e6);border:1px solid #fb923c33}.customer-app .card-service{background:linear-gradient(135deg,#faf5ff,#f3e8ff 50%,#ede9fe);border:1px solid #8b5cf633}.customer-app .card-action{background:linear-gradient(135deg,#f0f9ff,#e0f2fe 50%,#bae6fd);border:1px solid #0ea5e94d;box-shadow:0 2px 8px #0ea5e91a}.customer-app .card-action .icon-container{border:2px solid #fffc;border-radius:.75rem;box-shadow:0 2px 4px #0000001a;padding:.75rem}.customer-app .quantity-counter{align-items:center;display:flex;gap:.5rem}.customer-app .quantity-btn{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;height:2rem;justify-content:center;transition:all .2s ease;width:2rem}.customer-app .quantity-btn-decrease{background-color:#e5e7eb;color:#6b7280}.customer-app .quantity-btn-decrease:hover{background-color:#d1d5db;transform:scale(1.05)}.customer-app .quantity-btn-increase{background:linear-gradient(135deg,var(--primaryColor) 0,#1e293b 100%);color:#fff}.customer-app .quantity-btn-increase:hover{background:linear-gradient(135deg,#1e293b,#0f172a);transform:scale(1.05)}.customer-app .quantity-display{color:var(--primaryColor);font-size:.875rem;font-weight:600;min-width:2rem;text-align:center}.customer-app .nav-icon{height:1.5rem;margin-bottom:.25rem;width:1.5rem}.customer-app .nav-label{font-size:.75rem;font-weight:500}.customer-app .flex{display:flex}.customer-app .flex-col{flex-direction:column}.customer-app .flex-1{flex:1 1}.customer-app .items-center{align-items:center}.customer-app .justify-center{justify-content:center}.customer-app .justify-between{justify-content:space-between}.customer-app .p-4{padding:1rem}.customer-app .text-2xl{font-size:1.5rem;line-height:2rem}.customer-app .text-lg{font-size:1.125rem;line-height:1.75rem}.customer-app .text-sm{font-size:.875rem;line-height:1.25rem}.customer-app .text-xs{font-size:.75rem;line-height:1rem}.customer-app .font-bold{font-weight:700}.customer-app .font-semibold{font-weight:600}.customer-app .font-medium{font-weight:500}.customer-app .text-gray-900{color:#111827}.customer-app .text-gray-700{color:#374151}.customer-app .text-gray-600{color:#4b5563}.customer-app .text-gray-500{color:#6b7280}.customer-app .text-gray-400{color:#9ca3af}.customer-app .text-white{color:#fff}.customer-app .bg-white{background-color:#fff}.customer-app .bg-gray-50{background-color:#f9fafb}.customer-app .bg-gray-200{background-color:#e5e7eb}.customer-app .bg-primary-600{background-color:#0284c7}.customer-app .rounded{border-radius:.25rem}.customer-app .rounded-lg{border-radius:.5rem}.customer-app .rounded-full{border-radius:9999px}.customer-app .w-full{width:100%}.customer-app .w-20{width:5rem}.customer-app .w-16{width:4rem}.customer-app .h-20{height:5rem}.customer-app .h-16{height:4rem}.customer-app .h-screen{height:100vh}.customer-app .min-h-screen{min-height:100vh}.customer-app .overflow-y-auto{overflow-y:auto}.customer-app .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-app .line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.customer-app .grid{display:grid}.customer-app .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-app .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.customer-app .gap-3{gap:.75rem}.customer-app .gap-6{gap:1.5rem}.customer-app .text-left{text-align:left}.customer-app .text-center{text-align:center}.customer-app .mx-auto{margin-left:auto;margin-right:auto}.customer-app .mb-2{margin-bottom:.5rem}.customer-app .mt-1{margin-top:.25rem}.customer-app .mt-2{margin-top:.5rem}.customer-app .ml-1{margin-left:.25rem}.customer-app .mr-1{margin-right:.25rem}.customer-app .w-12{width:3rem}.customer-app .h-12{height:3rem}.customer-app .w-10{width:2.5rem}.customer-app .h-10{height:2.5rem}.customer-app .w-6{width:1.5rem}.customer-app .h-6{height:1.5rem}.customer-app .w-5{width:1.25rem}.customer-app .h-5{height:1.25rem}.customer-app .w-4{width:1rem}.customer-app .h-4{height:1rem}.customer-app .text-green-600{color:#059669}.customer-app .text-green-800{color:#166534}.customer-app .text-yellow-400{color:#facc15}.customer-app .text-red-500{color:#ef4444}.customer-app .text-blue-500{color:#3b82f6}.customer-app .text-green-500{color:#22c55e}.customer-app .text-orange-500{color:#f97316}.customer-app .text-purple-500{color:#a855f7}.customer-app .text-indigo-500{color:#6366f1}.customer-app .bg-blue-500{background-color:#3b82f6}.customer-app .bg-green-500{background-color:#22c55e}.customer-app .bg-orange-500{background-color:#f97316}.customer-app .bg-purple-500{background-color:#a855f7}.customer-app .bg-red-500{background-color:#ef4444}.customer-app .bg-indigo-500{background-color:#6366f1}.customer-app .bg-green-100{background-color:#dcfce7}.customer-app .bg-primary-100{background-color:#e0f2fe}.customer-app .text-primary-600{color:#0284c7}.customer-app .relative{position:relative}.customer-app .absolute{position:absolute}.customer-app .-top-2{top:-.5rem}.customer-app .-right-2{right:-.5rem}.customer-app .px-2{padding-left:.5rem;padding-right:.5rem}.customer-app .py-1{padding-bottom:.25rem;padding-top:.25rem}.customer-app .line-through{text-decoration:line-through}.customer-app .transition-shadow{transition:box-shadow .2s}.customer-app .hover\:shadow-md:hover{box-shadow:0 4px 6px -1px #0000001a}.customer-app .fill-current{fill:currentColor}.customer-app .object-cover{object-fit:cover}.customer-app .flex-shrink-0{flex-shrink:0}.customer-app .min-w-0{min-width:0}.customer-app .items-start{align-items:flex-start}.customer-app .items-end{align-items:flex-end}.customer-app .justify-start{justify-content:flex-start}.customer-app .justify-end{justify-content:flex-end}.customer-app .space-x-1>*+*{margin-left:.25rem}.customer-app .space-x-2>*+*{margin-left:.5rem}.customer-app .space-x-3>*+*{margin-left:.75rem}.customer-app .space-y-2>*+*{margin-top:.5rem}.customer-app .space-y-3>*+*{margin-top:.75rem}.customer-app .space-y-4>*+*{margin-top:1rem}.customer-app .space-y-6>*+*{margin-top:1.5rem}.guest-layout{background:#fff;display:flex;flex-direction:column;min-height:100vh;padding-bottom:60px;position:relative}.guest-layout.has-background{background:#0000!important}.guest-background-container{background:#0000;display:none;height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:0}.guest-layout.has-background .guest-background-container{display:block}.guest-background-media{display:block!important;height:100%;left:0;min-height:100%;min-width:100%;object-fit:cover;object-position:center;opacity:1!important;position:absolute;top:0;visibility:visible!important;width:100%;z-index:0}.guest-layout:not(.has-background) .guest-background-container,.guest-layout:not(.has-background) .guest-background-media{display:none!important;opacity:0!important;visibility:hidden!important}body.guest-page,html.guest-page{background:#fff!important}.guest-layout.has-background body.guest-page,.guest-layout.has-background html.guest-page{background:#0000!important}#root{background:#fff!important}#root,.guest-layout.has-background #root{background:#0000!important}.guest-header{background:#0000;position:-webkit-sticky;position:sticky;top:0;transform:translateY(0);transition:all .3s ease;z-index:100}.guest-header.scrolled{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffffa;box-shadow:0 2px 8px #0000001a}.guest-header.hidden{transform:translateY(-100%)}.guest-header-top{background-color:#fff!important;border-bottom:1px solid #e2e8f080;box-shadow:0 2px 4px -1px #0000000d,0 1px 2px -1px #00000008;padding:.75rem 1rem;position:relative;transition:border-color .3s ease}.guest-header-top:after{background:linear-gradient(180deg,#0000000a,#0000);bottom:-2px;content:"";height:2px;left:0;pointer-events:none;position:absolute;right:0}.guest-header.scrolled .guest-header-top{border-bottom:1px solid #e2e8f0cc}.guest-header-container{align-items:center;display:flex;gap:1rem;justify-content:center;margin:0 auto;max-width:100%}.guest-location-selector{align-items:center;display:flex;flex:1 1;gap:.4rem;min-width:0}.guest-hotel-header-info{align-items:center;display:flex;justify-content:center;width:100%}.guest-header-logo{flex-shrink:0;height:40px;object-fit:contain}.location-icon{color:#f97316;color:var(--primary-color,#f97316);flex-shrink:0}.guest-location-info{cursor:pointer;flex:1 1;min-width:0}.guest-location-name{align-items:center;color:#f97316;color:var(--primary-color,#f97316);display:flex;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;gap:.25rem;margin-bottom:.125rem;text-transform:uppercase}.chevron-down-icon{color:#718096;flex-shrink:0}.guest-location-address{color:#718096;font-size:.75rem;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guest-profile-icon{align-items:center;background:#0000;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s ease;width:40px}.guest-profile-icon:hover{background:#0000000d}.guest-profile-icon svg{color:#f97316;color:var(--primary-color,#f97316)}.guest-search-container{padding:0 1rem .5rem}.guest-search-sticky{background:#fffffff2;border-bottom:1px solid #e2e8f080;margin:0 0 .5rem;padding-bottom:.75rem;padding-top:.75rem;z-index:101}.guest-search-sticky.header-hidden{box-shadow:0 2px 8px #0000001a;left:0;padding:.75rem 1rem;position:fixed;right:0;top:0;width:100%;z-index:102}.guest-search-page-header{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #e2e8f080;border-radius:24px 24px 24px 24px;display:flex;gap:.75rem;padding:.75rem 1rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.guest-search-back-button{align-items:center;background:#0000;border:none;border-radius:50%;color:#1a202c;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s ease;width:36px}.guest-search-back-button:hover{background:#f1f5f9;color:#f97316;color:var(--primary-color,#f97316)}.guest-search-bar-plain{align-items:center;background:#0000;border:none;border-radius:24px;display:flex;flex:1 1;gap:.5rem;min-height:40px;padding:0;position:relative}.guest-search-bar-plain .search-icon{color:#64748b;height:16px;left:0;pointer-events:none;position:absolute;width:16px;z-index:1}.guest-search-bar-plain .guest-search-input{-webkit-appearance:none;appearance:none;background:#0000;border:none;color:#1a202c;flex:1 1;font-family:Inter,sans-serif;font-size:.875rem;height:100%;line-height:1.5;outline:none;padding-left:.65rem 2rem}.guest-search-bar-plain .guest-search-input:focus{border:none;box-shadow:none;outline:none}.guest-search-bar-plain .guest-search-input:focus-visible{border:none;box-shadow:none;outline:none}.guest-search-bar-plain .guest-search-icons{align-items:center;display:flex;gap:.5rem;position:absolute;right:0}.guest-search-bar-plain.listening{border-color:#ef4444}.guest-search-bar-plain.typing{border-color:#f97316;border-color:var(--primary-color,#f97316)}.guest-search-bar{background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d;gap:.5rem;position:relative;transition:all .2s ease}.guest-search-bar:focus-within{border-color:#f97316;border-color:var(--primary-color,#f97316);box-shadow:0 0 0 3px #f973161a;box-shadow:0 0 0 3px var(--primary-color-rgba,#f973161a)}.guest-search-bar.listening{animation:listeningPulse 2s ease-in-out infinite;border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}@keyframes listeningPulse{0%,to{box-shadow:0 0 0 3px #ef44441a}50%{box-shadow:0 0 0 3px #ef44444d}}.guest-search-input{-webkit-appearance:none;appearance:none;font-size:.875rem;line-height:1.5;padding:.65rem 2rem}.guest-search-input[readonly]{cursor:pointer}.guest-search-input:focus{border:none;box-shadow:none;outline:none}.guest-search-input:focus-visible{border:none;box-shadow:none;outline:none}.guest-search-icons{position:absolute;right:.5rem}.listening-indicator,.typing-indicator{animation:fadeInOut 1.5s ease-in-out infinite;font-size:.875rem}@keyframes fadeInOut{0%,to{opacity:1}50%{opacity:.5}}.search-icon{height:16px;left:.75rem;pointer-events:none;position:absolute;width:16px;z-index:1}.mic-icon{border-radius:50%;color:#f97316;height:22px;padding:.25rem;width:22px}.mic-icon,.mic-icon:hover{color:var(--primary-color,#f97316)}.mic-icon:hover{background:#f973160d;background:var(--primary-color-rgba-light,#f973160d);opacity:.8}.mic-icon.listening{color:#ef4444}.guest-main-content{background:#0000;flex:1 1;overflow-y:auto;padding:0;position:relative;width:100%;z-index:2}.guest-bottom-nav{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff;border-top:1px solid #e2e8f080;bottom:0;box-shadow:0 -2px 8px #0000000d;display:flex;justify-content:space-around;left:0;padding:.35rem 0;position:fixed;right:0;z-index:100}.guest-nav-item{align-items:center;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:.15rem;justify-content:center;max-width:100px;padding:.3rem .5rem;transition:all .2s ease}.guest-nav-item svg{height:18px;width:18px}.guest-nav-item span,.guest-nav-item svg{color:#f97316;color:var(--primary-color,#f97316);opacity:.7;transition:color .2s ease}.guest-nav-item span{font-family:Inter,sans-serif;font-size:.7rem;font-weight:500}.guest-nav-item.active span,.guest-nav-item.active svg{color:#f97316;color:var(--primary-color,#f97316)}.guest-cart-badge{background:#f97316;background:var(--primary-color,#f97316);border-radius:10px;color:#fff!important;font-family:Inter,sans-serif;font-size:.75rem!important;font-weight:600;line-height:1.2;min-width:18px;padding:.15rem .4rem;position:absolute;right:8px;text-align:center;top:-2px}.guest-nav-item:hover{background:#ffffff1a;border-radius:8px}.guest-nav-item:hover span,.guest-nav-item:hover svg{color:#f97316;color:var(--primary-color,#f97316);opacity:1}.guest-search-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#fff;height:100vh;width:100vw;z-index:99999}.guest-search-modal{animation:slideInFromRight .3s ease-out;position:relative;z-index:100000}.guest-search-modal-header{background:#fff;border-bottom:1px solid #e2e8f080;padding:.75rem .3rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.guest-search-modal-close{border-radius:50%;color:#1a202c;height:36px;width:36px}.guest-search-modal-close:hover{background:#f1f5f9}.guest-search-modal-close:active,.guest-search-modal-close:hover{color:#f97316;color:var(--primary-color,#f97316)}.guest-search-modal-bar{background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d;gap:.5rem;min-height:40px;position:relative;transition:all .2s ease}.guest-search-modal-bar:focus-within{border-color:#f97316;border-color:var(--primary-color,#f97316);box-shadow:0 0 0 3px #f973161a;box-shadow:0 0 0 3px var(--primary-color-rgba,#f973161a)}.guest-search-modal-bar.listening{animation:listeningPulse 2s ease-in-out infinite;border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.guest-search-modal-content{background:#fff;height:100%;padding:1rem;width:100%}@media (max-width:768px){.guest-header-top{padding:.5rem .75rem}.guest-search-container{padding:0 0 .75rem}.guest-main-content{padding:0}.guest-nav-item{max-width:80px;padding:.5rem}.guest-nav-item span{font-size:.7rem}}@media (max-width:640px){.guest-location-name{font-size:.875rem}.guest-location-address{font-size:.7rem}.guest-profile-icon{height:36px;width:36px}.guest-profile-icon svg{height:20px;width:20px}.guest-nav-item span{font-size:.65rem}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.slide-in-from-top{animation:slideInFromTop .6s ease-out}.guest-loading-screen{background:#0000;min-height:100vh;padding:2rem}.guest-loading-icons,.guest-loading-screen,.guest-loading-spinner{align-items:center;display:flex;justify-content:center}.guest-loading-icons{height:80px;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);width:80px}.guest-loading-icon{animation:iconFadeInOut 2.4s ease-in-out infinite;height:80px;object-fit:contain;opacity:0;position:absolute;transform:scale(.8);width:80px}.guest-loading-icon-1{animation-delay:0s}.guest-loading-icon-2{animation-delay:2.4s}.guest-loading-icon-3{animation-delay:4.8s}@keyframes iconFadeInOut{0%{opacity:0;transform:scale(.8)}15%{opacity:1;transform:scale(1)}50%{opacity:1;transform:scale(1)}85%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.spinner{border-top-color:#1a202c}.guest-welcome-content{animation:fadeInUp .6s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;padding:3rem;text-align:center;width:100%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.guest-search-container{margin-bottom:1.5rem;padding:0;width:100%;z-index:100}.guest-search-sticky{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(180deg,#fffffff2 0,#fffffff2 80%,#0000);padding-bottom:1rem;padding-top:1rem;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;z-index:100}.guest-search-bar{align-items:center;background:#e3dfd71f;border:1px solid #f97316;border:1px solid var(--primary-color,#f97316);border-radius:24px;box-shadow:0 2px 8px #0000000d;display:flex;gap:.75rem;opacity:.7;padding:0;transition:all .3s ease}.guest-search-bar:hover{border-color:#f97316;border-color:var(--primary-color,#f97316);box-shadow:0 4px 12px #f973161a;box-shadow:0 4px 12px var(--primary-color-rgba,#f973161a);opacity:1}.guest-search-bar.listening{animation:pulse 1.5s ease-in-out infinite}.guest-search-bar.listening,.guest-search-bar.typing{border-color:#f97316;border-color:var(--primary-color,#f97316);box-shadow:0 0 0 3px #f973161a;box-shadow:0 0 0 3px var(--primary-color-rgba,#f973161a)}@keyframes pulse{0%,to{box-shadow:0 0 0 3px #f973161a}50%{box-shadow:0 0 0 6px #f9731626}}.guest-search-input{background:#0000;border:none;color:#1a202c;flex:1 1;font-family:Inter,sans-serif;font-size:.9375rem;outline:none}.guest-search-input::placeholder{color:#94a3b8}.guest-search-icons{align-items:center;display:flex;gap:.5rem}.mic-icon,.search-icon{color:#64748b;flex-shrink:0}.mic-icon{cursor:pointer;transition:all .2s ease}.mic-icon:hover{color:#f97316;transform:scale(1.1)}.mic-icon.listening{animation:pulse 1.5s ease-in-out infinite;color:#f97316}.listening-indicator{animation:bounce 1s ease-in-out infinite;font-size:1.25rem}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.guest-search-modal-overlay{align-items:stretch;animation:fadeIn .3s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:flex-end;left:0;position:fixed;right:0;top:0;z-index:1000}.guest-search-modal{animation:slideInFromRight .4s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:0;box-shadow:-4px 0 20px #00000026;display:flex;flex-direction:column;height:100%;max-width:100%;overflow:hidden;width:100%}.guest-search-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;gap:.25rem;padding:1rem .2rem}.guest-search-modal-close{align-items:center;background:#0000;border:none;border-radius:8px;color:#f97316;color:var(--primary-color,#f97316);cursor:pointer;display:flex;flex-shrink:0;font-size:1.5rem;font-weight:600;height:40px;justify-content:center;transition:all .2s ease;width:40px}.guest-search-modal-close:hover{background:#0000000d;transform:scale(1.1)}.guest-search-modal-bar{align-items:center;background:#e3dfd71f;border:1px solid #f97316;border:1px solid var(--primary-color,#f97316);border-radius:24px;box-shadow:0 2px 8px #0000000d;display:flex;flex:1 1;gap:.75rem;opacity:.7;padding:0;transition:all .3s ease}.guest-search-modal-bar:hover{border-color:#f97316;border-color:var(--primary-color,#f97316);box-shadow:0 4px 12px #f973161a;box-shadow:0 4px 12px var(--primary-color-rgba,#f973161a);opacity:1}.guest-search-modal-bar.listening{animation:pulse 1.5s ease-in-out infinite}.guest-search-modal-bar.listening,.guest-search-modal-bar.typing{border-color:#f97316;border-color:var(--primary-color,#f97316);box-shadow:0 0 0 3px #f973161a;box-shadow:0 0 0 3px var(--primary-color-rgba,#f973161a)}.guest-search-modal-content{flex:1 1;overflow-y:auto;padding:1.5rem}.guest-search-empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem 1rem;text-align:center}.guest-search-results-section{margin-bottom:2.5rem}.guest-search-results-section:last-child{margin-bottom:0}.guest-search-results-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem}.guest-search-results-title{color:#1a202c;font-family:Inter,sans-serif;font-size:1.125rem;font-weight:600;margin:0}.guest-welcome-sticky-header{animation:slideDown .3s ease-out;background:#fff;box-shadow:0 2px 8px #0000001a;left:0;position:fixed;right:0;top:0;z-index:1000}.guest-welcome-sticky-header-content{margin:0 auto;max-width:1200px;padding:.75rem 1rem}.guest-welcome-location-info{align-items:center;display:flex;gap:.5rem}.guest-welcome-location-info .location-icon{color:#f97316;flex-shrink:0}.guest-welcome-location-name{color:#1a202c;font-family:Inter,sans-serif;font-size:.9375rem;font-weight:600;line-height:1.3}.guest-welcome-location-address{color:#64748b;font-family:Inter,sans-serif;font-size:.8125rem;line-height:1.3}.guest-hotel-banner{background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;height:200px;margin-bottom:0;overflow:hidden;padding:1.5rem 1rem;position:relative;width:100%}.guest-hotel-banner,.guest-welcome-back-arrow{align-items:center;display:flex;justify-content:center}.guest-welcome-back-arrow{background:#0000;border:none;border-radius:4px;color:#fff;cursor:pointer;left:1rem;padding:.5rem;position:absolute;top:1rem;transition:all .2s ease;z-index:3}.guest-welcome-back-arrow:hover{background:#fff3;transform:translateX(-2px)}.guest-hotel-banner-overlay{background:linear-gradient(180deg,#00000073,#00000091);bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.guest-hotel-banner-content{align-items:center;color:#fff;display:flex;flex-direction:column;gap:0;position:relative;text-align:center;z-index:2}.guest-hotel-banner-logo{margin-bottom:.5rem}.guest-hotel-logo-img{filter:brightness(0) invert(1);-webkit-filter:brightness(0) invert(1);height:60px;object-fit:contain;width:auto}.guest-search-below-banner{margin-bottom:.5rem;padding:1rem;width:100%}.guest-hotel-banner-title{color:#fff;font-family:Inter,sans-serif;font-size:1.5rem;font-weight:600;letter-spacing:-.02em;margin:0 0 .5rem;text-shadow:0 2px 8px #0000004d}.guest-hotel-banner-address{color:#fff;font-family:Inter,sans-serif;font-size:.75rem;font-weight:400;margin:0;opacity:.95;text-shadow:0 2px 6px #0000004d}.guest-in-room-services-header{padding:0 1rem .2rem;text-align:center}.guest-in-room-services-title{color:#f97316;color:var(--primary-color,#f97316);font-family:sans-serif;font-size:1rem;font-weight:400;letter-spacing:1px;margin:0;text-transform:uppercase}.guest-service-cards{animation:fadeInUp .8s ease-out .2s both;display:flex;flex-wrap:nowrap;gap:2.5rem;justify-content:center;padding:1rem}.guest-quick-access-header{margin-top:1.5rem;padding:0 1rem .2rem;text-align:center}.guest-quick-access-title{color:#f97316;color:var(--primary-color,#f97316);font-family:sans-serif;font-size:1rem;font-weight:400;letter-spacing:1px;margin:0;text-transform:uppercase}.guest-quick-access-cards{display:flex;flex-wrap:nowrap;gap:2.5rem;justify-content:center;padding:1rem 1rem 2rem}.guest-quick-access-card{align-items:center;animation:fadeInUp .8s ease-out both;background:#0000;border:none;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:0;justify-content:center;max-width:150px;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.guest-quick-access-card:hover{transform:translateY(-4px)}.guest-quick-access-card:hover .guest-quick-access-icon-wrapper{background:#726154;background:var(--secondary-color,#726154);opacity:.8;transform:scale(1.05)}.guest-quick-access-card-1{animation-delay:.1s}.guest-quick-access-card-2{animation-delay:.2s}.guest-quick-access-card-3{animation-delay:.3s}.guest-quick-access-icon-wrapper{align-items:center;background:#726154;background:var(--secondary-color,#726154);border-radius:50%;display:flex;height:70px;justify-content:center;margin-bottom:.5rem;transition:all .3s ease;width:70px}.guest-quick-access-icon{stroke-width:1;color:#f97316;color:var(--primary-color,#f97316)}.quick-access-card-label{text-wrap-mode:nowrap;color:#1a202c;font-family:sans-serif;font-size:.75rem;font-weight:500;letter-spacing:-.01em;margin-top:.25rem;text-align:center;text-transform:uppercase}.guest-service-card{align-items:center;animation:fadeInUp .8s ease-out both;background:#0000;border:none;cursor:pointer;display:flex;flex:1 1;flex-direction:column;justify-content:center;max-width:150px;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.guest-service-card:hover{transform:translateY(-4px)}.guest-service-card:hover .guest-service-icon-wrapper{background:#726154;background:var(--secondary-color,#726154);opacity:.8;transform:scale(1.05)}.guest-service-card-1{animation-delay:.1s}.guest-service-card-2{animation-delay:.2s}.guest-service-card-3{animation-delay:.3s}.guest-service-icon-wrapper{align-items:center;background:#726154;background:var(--secondary-color,#726154);border-radius:50%;display:flex;height:70px;justify-content:center;margin-bottom:.5rem;transition:all .3s ease;width:70px}.guest-service-icon{stroke-width:1;color:#f97316;color:var(--primary-color,#f97316)}.service-card-label{text-wrap-mode:nowrap;color:#1a202c;font-family:sans-serif;font-size:.75rem;font-weight:500;letter-spacing:-.01em;margin-top:.25rem;text-align:center;text-transform:uppercase}.guest-bestsellers-section{padding:0;width:100%}.guest-bestsellers-title{color:#1a202c;font-family:sans-serif;font-size:1rem;font-weight:400;letter-spacing:1px;margin-bottom:1.5rem;text-align:center;text-transform:uppercase}.guest-bestsellers-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:0 auto;max-width:1200px}.guest-bestseller-card{background:#0000;border:none;border-bottom:1px solid #e2e8f0;display:flex;flex-direction:row;gap:1rem;min-height:120px;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.guest-bestseller-card:hover{border-bottom-color:#cbd5e1}.guest-bestseller-image-wrapper{background:#f1f5f9;border-radius:12px;flex-shrink:0;height:100px;min-width:100px;overflow:hidden;position:relative;width:100px}.guest-bestseller-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.guest-bestseller-card:hover .guest-bestseller-image{transform:scale(1.1)}.guest-bestseller-badge{background:#22c55e;border-radius:12px;color:#fff;font-family:Inter,sans-serif;font-size:.5rem;font-weight:300;left:2px;letter-spacing:.03rem;padding:.2rem .5rem;position:absolute;text-transform:uppercase;top:2px}.guest-bestseller-content-wrapper{display:flex;flex:1 1;flex-direction:column;gap:.5rem;justify-content:space-between;min-width:0}.guest-bestseller-header{align-items:flex-start;display:flex;gap:.5rem;justify-content:space-between}.guest-bestseller-name{word-wrap:break-word;color:#1a202c;flex:1 1;font-family:Inter,sans-serif;font-size:1rem;font-weight:500;letter-spacing:-.01em;line-height:1.3;margin:0;min-width:0}.guest-bestseller-rating{align-items:center;display:flex;flex-shrink:0;gap:.25rem}.rating-star-icon{color:#fbbf24;height:14px;width:14px}.rating-value{color:#64748b;font-family:Inter,sans-serif;font-size:.8125rem;font-weight:400}.guest-bestseller-details{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.guest-bestseller-detail-item{align-items:center;color:#64748b;display:flex;font-family:Inter,sans-serif;font-size:.875rem;gap:.375rem}.detail-icon{font-size:1rem}.calories-icon{color:#f97316;height:14px;width:14px}.guest-bestseller-footer{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-top:auto}.guest-bestseller-price{color:#1a202c;font-family:Inter,sans-serif;font-size:1.25rem;font-weight:700;letter-spacing:-.02em}.guest-bestseller-add-btn{align-items:center;background:linear-gradient(135deg,#1a202c,#374151);border:none;border-radius:10px;box-shadow:0 2px 8px #1a202c33;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.guest-bestseller-add-btn:hover{background:linear-gradient(135deg,#374151,#4b5563);box-shadow:0 4px 12px #1a202c4d;transform:translateY(-2px)}.guest-bestseller-add-btn:active{box-shadow:0 2px 6px #1a202c33;transform:translateY(0)}.guest-bestsellers-loading{align-items:center;display:flex;justify-content:center;padding:3rem}@media (max-width:768px){.guest-bestsellers-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.guest-bestseller-card{gap:.75rem;min-height:100px;padding:.75rem}.guest-bestseller-image-wrapper{height:90px;min-width:90px;width:90px}.guest-bestseller-content-wrapper{gap:0}.guest-bestseller-rating{font-size:.75rem;padding:.2rem .4rem}.guest-bestseller-name{font-size:1rem}.guest-bestseller-category{font-size:.8125rem}.guest-bestseller-price{font-size:.9375rem}.guest-bestseller-time{font-size:.8125rem}.guest-bestseller-add-btn{font-size:.75rem;padding:.25rem .5rem}}@media (max-width:640px){.guest-bestsellers-grid{gap:.625rem}.guest-bestseller-card{gap:.625rem;min-height:100px;padding:.5rem}.guest-bestseller-image-wrapper{height:80px;min-width:80px;width:80px}.guest-bestseller-content-wrapper{gap:0}.guest-bestseller-rating{font-size:.6875rem;padding:.2rem .35rem}.guest-bestseller-detail-item,.guest-bestseller-location{font-size:.75rem}.guest-bestseller-price{font-size:1rem}.guest-bestseller-add-btn{font-size:.8125rem;padding:.4rem .75rem}.guest-bestseller-name{font-size:.9375rem}.guest-bestseller-category{font-size:.75rem}.guest-bestseller-info-row{gap:.75rem}.guest-bestseller-price{font-size:.875rem}.guest-bestseller-time{font-size:.75rem}.guest-bestseller-add-btn{font-size:.75rem;padding:.25rem .5rem}}.banner-carousel-wrapper{margin:2rem 0;padding:0 1rem;position:relative;width:100%}.banner-carousel-container{border-radius:12px;overflow:hidden;width:100%}.banner-carousel-track{display:flex;transition:transform .5s ease}.banner-carousel-item{box-sizing:border-box;min-width:50%;padding:0 .5rem;width:50%}.banner-carousel-img{border-radius:8px;display:block;height:250px;object-fit:cover;width:100%}.banner-carousel-nav{align-items:center;background:#ffffffe6;border:none;border-radius:50%;box-shadow:0 2px 8px #00000026;color:#1a202c;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:40px;z-index:10}.banner-carousel-nav:hover{background:#fff;box-shadow:0 4px 12px #0003}.banner-carousel-prev{left:.5rem}.banner-carousel-next{right:.5rem}@media (max-width:640px){.banner-carousel-wrapper{margin:1.5rem 0;padding:0 .5rem}.banner-carousel-item{padding:0 .25rem}.banner-carousel-img{height:180px}.banner-carousel-nav{height:36px;width:36px}.banner-carousel-prev{left:.25rem}.banner-carousel-next{right:.25rem}}@keyframes slideUpFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}.guest-category-modal-overlay{align-items:flex-end;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.guest-category-modal-content{animation:slideUpFromBottom .3s ease-out;background:#fff;border-radius:20px 20px 0 0;box-shadow:0 -4px 20px #00000026;display:flex;flex-direction:column;max-height:50vh;max-width:600px;overflow:hidden;width:100%}.guest-category-modal-header{align-items:center;background-color:#764ba2;background-color:var(--secondary-color,#764ba2);border-bottom:1px solid #e2e8f0;display:flex;flex-shrink:0;justify-content:space-between;padding:1.25rem 1.5rem}.guest-category-modal-title-wrapper{align-items:center;display:flex;gap:.75rem}.guest-category-modal-icon-wrapper{align-items:center;display:flex;flex-shrink:0;justify-content:center}.guest-category-modal-title{color:#667eea;color:var(--primary-color,#667eea);font-size:1rem;font-weight:400;margin:0}.guest-category-modal-close{align-items:center;background:none;border:none;border-radius:8px;color:#667eea;color:var(--primary-color,#667eea);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.guest-category-modal-close:hover{background:#0000001a;color:#667eea;color:var(--primary-color,#667eea)}.guest-category-modal-body{-webkit-overflow-scrolling:touch;flex:1 1;min-height:0;overflow-y:auto;padding:1.5rem}.guest-category-modal-loading{align-items:center;display:flex;justify-content:center;padding:2rem}.guest-category-modal-fields{display:flex;flex-direction:column;gap:0}.guest-category-modal-field{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1rem}.guest-category-modal-field-wifi{background:#0000;border:none;border-radius:0;padding:0}.guest-category-modal-field-label{color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.guest-category-modal-field-value-wrapper{align-items:center;display:flex;gap:.5rem}.guest-category-modal-field-value{color:#1a202c;flex:1 1;font-size:1rem;word-break:break-word}.guest-category-modal-field-link{align-items:center;color:#667eea;color:var(--primary-color,#667eea);display:flex;flex:1 1;font-size:1rem;gap:.5rem;text-decoration:none;transition:color .2s ease;word-break:break-all}.guest-category-modal-field-link:hover{opacity:.8;text-decoration:underline}.guest-category-modal-copy-btn{align-items:center;background:none;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:.5rem;transition:all .2s ease}.guest-category-modal-copy-btn:hover{background:#e2e8f0;color:#1a202c}.guest-category-modal-copy-btn svg{color:#667eea;color:var(--primary-color,#667eea)}.guest-category-modal-empty{color:#94a3b8;font-size:.875rem;padding:2rem;text-align:center}.guest-category-modal-field-row-wifi{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;gap:1rem;padding:0}.guest-category-modal-field-row-wifi:last-child{border-bottom:none}.guest-category-modal-field-label-wifi{color:#64748b;font-size:.875rem;font-weight:500;min-width:100px;text-transform:capitalize}.guest-category-modal-field-value-wifi{color:#1a202c;flex:1 1;font-size:.875rem;word-break:break-word}.guest-category-modal-copy-btn-wifi{align-items:center;background:none;border:none;border-radius:6px;color:#667eea;color:var(--primary-color,#667eea);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:.5rem;transition:all .2s ease}.guest-category-modal-copy-btn-wifi:hover{background:#0000000d}.guest-category-modal-action-buttons{align-items:center;display:flex;flex-shrink:0;gap:.25rem}.guest-category-modal-action-buttons a{align-items:center;display:flex;justify-content:center;text-decoration:none}@media (max-width:768px){.guest-category-modal-content{border-radius:16px 16px 0 0;max-height:60vh;min-height:40vh}.guest-category-modal-header{padding:1rem 1.25rem}.guest-category-modal-title{font-size:1rem}.guest-category-modal-body{padding:1.25rem}.guest-category-modal-field{padding:.2rem}.guest-category-modal-field-link,.guest-category-modal-field-value{font-size:.875rem}}.guest-menu-container{margin:0 auto;max-width:1200px;padding:1rem;position:relative;width:100%;z-index:1}.guest-menu-header-section{margin-bottom:1.5rem;text-align:center}.guest-menu-title-wrapper{align-items:center;display:flex;gap:.75rem;justify-content:flex-start;position:relative}.guest-menu-back-arrow{align-items:center;background:#0000;border:none;border-radius:4px;color:#f97316;color:var(--primary-color,#f97316);cursor:pointer;display:flex;justify-content:center;padding:.25rem;transition:all .2s ease}.guest-menu-back-arrow:hover{background:#f973161a;background:var(--primary-color-rgba,#f973161a);transform:translateX(-2px)}.guest-menu-title{flex:1 1;font-family:sans-serif;letter-spacing:1px;margin:0;text-align:center;text-transform:uppercase}.guest-menu-title-border{animation:borderExpand .8s ease-out;border-radius:2px;height:1px;margin:0 auto;position:relative;width:80px}.guest-menu-title-border,.guest-menu-title-border:after{background:#f97316;background:var(--primary-color,#f97316)}.guest-menu-title-border:after{animation:borderGrow .8s ease-out .3s forwards;content:"";height:100%;left:50%;position:absolute;top:0;transform:translateX(-50%);width:0}@keyframes borderExpand{0%{opacity:0;width:0}to{opacity:1;width:80px}}@keyframes borderGrow{0%{width:0}to{width:100%}}.guest-menu-search-bar{align-items:center;display:flex;gap:.75rem;margin-bottom:1.5rem}.guest-menu-categories-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-bottom:2rem}.guest-menu-category-box{background:#fff;border:1px solid #f97316;border:1px solid var(--primary-color,#f97316);border-radius:12px;cursor:pointer;padding:1.5rem 1rem;text-align:center;transition:all .3s ease}.guest-menu-category-box:hover{border-color:#f97316;border-color:var(--primary-color,#f97316);box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}.guest-menu-category-name{color:#f97316;color:var(--primary-color,#f97316);font-family:Inter,sans-serif;font-size:.75rem;font-weight:400;text-transform:uppercase}.guest-menu-search-filter-bar{align-items:center;display:flex;gap:.75rem;margin-bottom:1.5rem}.guest-menu-search-wrapper{align-items:center;background:#fff;border:1px solid #726154;border:1px solid var(--secondary-color,#726154);border-radius:24px;box-shadow:0 1px 3px #0000000d;display:flex;flex:1 1;gap:.5rem;position:relative;transition:all .2s ease}.guest-menu-search-wrapper:focus-within,.guest-menu-search-wrapper:hover{border-color:#f97316;border-color:var(--primary-color,#f97316);box-shadow:0 0 0 3px #f973161a;box-shadow:0 0 0 3px var(--primary-color-rgba,#f973161a)}.guest-menu-search-icon{color:#64748b;height:16px;left:.75rem;pointer-events:none;position:absolute;width:16px;z-index:1}.guest-menu-search-input{-webkit-appearance:none;appearance:none;background:#0000;border:none;color:#1a202c;flex:1 1;font-family:Inter,sans-serif;font-size:.875rem;line-height:1.5;outline:none;padding:.25rem 2rem}.guest-menu-search-input:focus{border:none;box-shadow:none;outline:none}.guest-menu-search-input:focus-visible{border:none;box-shadow:none;outline:none}.guest-menu-search-input::placeholder{color:#94a3b8}.guest-menu-filter-btn{align-items:center;background:#0000;border:none;color:#f97316;color:var(--primary-color,#f97316);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:.5rem;transition:all .2s ease}.guest-menu-filter-btn:hover{color:#f97316;color:var(--primary-color,#f97316);opacity:.8}.guest-menu-filter-btn:active{opacity:.6}.guest-menu-title{color:#1a202c;font-family:Inter,sans-serif;font-size:1.75rem;font-weight:300;margin-bottom:1.5rem}.guest-menu-empty,.guest-menu-error,.guest-menu-loading{align-items:center;display:flex;justify-content:center;min-height:200px;padding:2rem;text-align:center}.guest-menu-empty p,.guest-menu-error p{color:#64748b;font-size:1rem}.guest-menu-section{margin-bottom:2.5rem}.guest-menu-header{margin-bottom:1.5rem}.guest-menu-name{color:#1a202c;font-family:Inter,sans-serif;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.guest-menu-description{color:#64748b;font-family:Inter,sans-serif;font-size:.9375rem;margin:0}.guest-menu-no-items{color:#94a3b8;font-size:.9375rem;padding:1rem;text-align:center}.guest-menu-items-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);width:100%}.guest-menu-item-card{align-items:stretch;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffff2;border:1px solid color-mix(in srgb,#667eea 30%,#fff);border:1px solid color-mix(in srgb,var(--primary-color,#667eea) 30%,#fff);border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:0;transition:all .3s ease}.guest-menu-item-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.guest-menu-item-image-wrapper{align-items:center;background:#fff;border-radius:12px 12px 0 0;display:flex;flex-shrink:0;height:140px;justify-content:center;overflow:hidden;padding:10px;position:relative;width:100%}.guest-menu-item-image{border-radius:8px;height:100%;object-fit:cover;width:100%}.guest-menu-item-badge{background:#22c55e;border-radius:12px;color:#fff;font-family:Inter,sans-serif;font-size:.5rem;font-weight:300;left:2px;letter-spacing:.03rem;padding:.2rem .5rem;position:absolute;text-transform:uppercase;top:2px}.guest-menu-item-content-wrapper{flex:1 1;gap:.5rem;min-width:0;padding:.75rem 1rem}.guest-menu-item-content-wrapper,.guest-menu-item-header{display:flex;flex-direction:column}.guest-menu-item-name{word-wrap:break-word;color:#1a202c;font-family:Inter,sans-serif;font-size:1rem;font-weight:500;line-height:1.4;margin:0;overflow-wrap:break-word;text-transform:uppercase}.guest-menu-item-category{color:#94a3b8;font-family:Inter,sans-serif;font-size:.75rem;font-weight:300}.guest-menu-item-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-family:Inter,sans-serif;font-size:.75rem;line-height:1.4;margin:0;overflow:hidden}.guest-menu-item-footer{align-items:center;display:flex;flex-direction:row;gap:.5rem;justify-content:space-between;margin-top:auto}.guest-menu-item-price{color:#1a202c;flex:1 1;font-family:Inter,sans-serif;font-size:1rem;font-weight:400}.guest-menu-item-add-btn{align-items:center;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-family:sans-serif;font-size:.75rem;font-weight:300;gap:.05rem;justify-content:center;padding:.35rem .65rem;text-transform:uppercase;transition:all .2s ease}.guest-menu-item-add-btn,.guest-menu-item-add-btn:hover{background:#f97316;background:var(--primary-color,#f97316)}.guest-menu-item-add-btn:hover{opacity:.9;transform:translateY(-1px)}.guest-menu-item-add-btn:active{opacity:.8;transform:translateY(0)}.guest-menu-item-qty-controls{align-items:center;background:#fff;border:1.5px solid #f97316;border:1.5px solid var(--primary-color,#f97316);border-radius:8px;display:flex;gap:0;padding:0}.guest-menu-item-qty-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#f97316;color:var(--primary-color,#f97316);cursor:pointer;display:flex;height:28px;justify-content:center;min-width:28px;padding:.25rem 0;transition:all .2s ease}.guest-menu-item-qty-btn:hover{background:#f97316;background:var(--primary-color,#f97316);color:#fff}.guest-menu-item-qty-value{color:#1a202c;font-family:sans-serif;font-size:.875rem;font-weight:600;min-width:24px;text-align:center}@media (max-width:768px){.guest-menu-container{padding:1rem}.guest-menu-title{font-size:1.5rem;margin-bottom:.5rem}.guest-menu-name{font-size:1.25rem}.guest-menu-items-grid{gap:.75rem}.guest-menu-item-image-wrapper{height:120px}.guest-menu-item-content-wrapper{padding:.625rem}.guest-menu-item-name{font-size:.8rem}.guest-menu-item-price{font-size:.9375rem}.guest-menu-item-add-btn{font-size:.7rem;padding:.3rem .6rem}}@media (max-width:640px){.guest-menu-items-grid{gap:.625rem}.guest-menu-item-image-wrapper{height:110px}.guest-menu-item-content-wrapper{padding:.5rem}.guest-menu-item-name{font-size:.8rem}.guest-menu-item-description{font-size:.6875rem}.guest-menu-item-price{font-size:.875rem}.guest-menu-item-add-btn{font-size:.6875rem;padding:.3rem .5rem}.guest-menu-search-filter-bar{gap:.5rem}.guest-menu-search-wrapper{padding:.6rem}.guest-menu-filter-btn{height:40px;padding:.4rem;width:40px}}.guest-menu-filter-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#00000080;bottom:0;display:flex;justify-content:flex-end;left:0;position:fixed;right:0;top:0;z-index:10000}.guest-menu-filter-modal{animation:slideInFromRight .3s ease-out;background:#fff;box-shadow:-4px 0 20px #00000026;display:flex;flex-direction:column;height:100vh;max-width:400px;overflow:hidden;width:90%}.guest-menu-filter-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:.5rem 1.5rem}.guest-menu-filter-modal-header h2{color:#667eea;color:var(--primary-color,#667eea);font-family:Inter,sans-serif;font-size:1rem;font-weight:400;margin:0}.guest-menu-filter-modal-close{align-items:center;background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:.25rem;transition:all .2s ease}.guest-menu-filter-modal-close:hover{background:#f1f5f9;color:#1a202c}.guest-menu-filter-modal-content{flex:1 1;overflow-y:auto;padding:1rem}.guest-menu-filter-section{margin-bottom:1rem}.guest-menu-filter-section h3{color:#1a202c;font-family:sans-serif;font-size:.85rem;font-weight:400;margin:0 0 1rem;text-transform:uppercase}.guest-menu-filter-categories{display:flex;flex-wrap:wrap;gap:.5rem}.guest-menu-filter-checkbox{background:#fff;border:1.5px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;display:inline-block;font-family:sans-serif;font-size:.75rem;font-weight:400;padding:.35rem .75rem;text-align:center;text-transform:uppercase;transition:all .2s ease;-webkit-user-select:none;user-select:none}.guest-menu-filter-checkbox input[type=checkbox]{display:none}.guest-menu-filter-checkbox:has(input[type=checkbox]:checked){background:#667eea;background:var(--primary-color,#667eea);border-color:#667eea;border-color:var(--primary-color,#667eea);color:#fff}.guest-menu-filter-checkbox:has(input[type=checkbox]:not(:checked)){background:#fff;border-color:#e2e8f0;color:#64748b}.guest-menu-filter-price-range{display:flex;flex-direction:column;gap:.75rem}.guest-menu-filter-price-inputs{align-items:center;display:flex;gap:.75rem}.guest-menu-filter-price-inputs input{border:1px solid #e2e8f0;border-radius:8px;flex:1 1;font-family:Inter,sans-serif;font-size:.875rem;outline:none;padding:.5rem}.guest-menu-filter-price-inputs input:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a}.guest-menu-filter-price-inputs span{color:#64748b;font-size:.875rem}.guest-menu-filter-price-display{color:#64748b;font-family:Inter,sans-serif;font-size:.875rem}.guest-menu-filter-veg-options{display:flex;flex-wrap:wrap;gap:.5rem}.guest-menu-filter-radio{background:#fff;border:1.5px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;display:inline-block;font-family:Inter,sans-serif;font-size:.75rem;font-weight:500;padding:.35rem .75rem;text-align:center;transition:all .2s ease;-webkit-user-select:none;user-select:none}.guest-menu-filter-radio input[type=radio]{display:none}.guest-menu-filter-radio:has(input[type=radio]:checked){background:#667eea;background:var(--primary-color,#667eea);border-color:#667eea;border-color:var(--primary-color,#667eea);color:#fff}.guest-menu-filter-radio:has(input[type=radio]:not(:checked)){background:#fff;border-color:#e2e8f0;color:#64748b}.guest-menu-filter-modal-footer{background:#f8f9fa;border-top:1px solid #e2e8f0;display:flex;gap:.5rem;padding:.75rem 1rem}.guest-menu-filter-apply-btn,.guest-menu-filter-clear-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-family:Inter,sans-serif;font-size:.8125rem;font-weight:500;padding:.5rem .75rem;transition:all .2s ease}.guest-menu-filter-clear-btn{background:#fff;border:1px solid #667eea;border:1px solid var(--primary-color,#667eea);color:#667eea;color:var(--primary-color,#667eea)}.guest-menu-filter-clear-btn:hover{border-color:#667eea;border-color:var(--primary-color,#667eea)}.guest-menu-filter-apply-btn,.guest-menu-filter-clear-btn:hover{background:#667eea;background:var(--primary-color,#667eea);color:#fff}.guest-menu-filter-apply-btn:hover{background:#667eea;background:var(--primary-color,#667eea);opacity:.9}@media (max-width:640px){.guest-menu-filter-modal{max-width:90%;width:90%}}.guest-service-offerings-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#00000080;bottom:0;display:flex;justify-content:flex-end;left:0;position:fixed;right:0;top:0;z-index:10000}.guest-service-offerings-modal{animation:slideInFromRight .3s ease-out;background:#fff;box-shadow:-4px 0 20px #00000026;display:flex;flex-direction:column;height:100vh;max-width:500px;overflow:hidden;width:90%}@keyframes slideInFromRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.guest-service-offerings-modal-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1rem 1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.guest-service-offerings-modal-back{align-items:center;background:#0000;border:none;border-radius:8px;color:#1a202c;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:.5rem;transition:all .2s ease}.guest-service-offerings-modal-back:hover{background:#f1f5f9;color:#475569}.guest-service-offerings-modal-title{color:#1a202c;flex:1 1;font-family:Inter,sans-serif;font-size:1.125rem;font-weight:600;margin:0;padding:0 1rem;text-align:center}.guest-service-offerings-modal-search{background:#fff;border-bottom:1px solid #e2e8f0;padding:1rem 1.5rem}.guest-service-offerings-modal-clear-search{align-items:center;background:#0000;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:.25rem;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);transition:all .2s ease}.guest-service-offerings-modal-clear-search:hover{background:#f1f5f9;color:#64748b}.guest-service-offerings-modal-content{flex:1 1;overflow-y:auto;padding:1rem 1.5rem}.guest-service-offerings-list{gap:1rem}.guest-service-offering-item{background:linear-gradient(135deg,#fff,#f8fafc);border:1.5px solid #e2e8f0;border-radius:14px;box-shadow:0 2px 8px #0000000f,0 1px 3px #0000000a;overflow:hidden;padding:1.25rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.guest-service-offering-item:before{background:linear-gradient(90deg,#22c55e,#16a34a);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.guest-service-offering-item:hover{background:linear-gradient(135deg,#fff,#fff);border-color:#cbd5e1;box-shadow:0 6px 20px #0000001a,0 2px 6px #0000000f;transform:translateY(-3px)}.guest-service-offering-item:hover:before{transform:scaleX(1)}.guest-service-offering-item-header{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.guest-service-offering-item-name{color:#1a202c;font-family:Inter,sans-serif;font-size:1.125rem;font-weight:400;letter-spacing:-.01em;line-height:1.3;margin:0}.guest-service-offering-item-category{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d;border-radius:8px;color:#475569;display:inline-block;font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;margin-top:.5rem;padding:.375rem .75rem;width:-webkit-fit-content;width:fit-content}.guest-service-offering-item-notes{color:#64748b;font-family:Inter,sans-serif;font-size:.875rem;line-height:1.5;margin:0 0 .75rem}.guest-service-offering-item-footer{align-items:center;border-top:1px solid #e2e8f0;display:flex;gap:1rem;justify-content:space-between;padding-top:.75rem}.guest-service-item-add-btn{align-items:center;background:linear-gradient(135deg,#1a202c,#374151);border:none;border-radius:10px;box-shadow:0 2px 8px #1a202c33;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;gap:.5rem;overflow:hidden;padding:.625rem 1.25rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.guest-service-item-add-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.guest-service-item-add-btn:hover{background:linear-gradient(135deg,#374151,#4b5563);box-shadow:0 4px 12px #1a202c4d;transform:translateY(-2px)}.guest-service-item-add-btn:hover:before{left:100%}.guest-service-item-add-btn:active{box-shadow:0 2px 6px #1a202c33;transform:translateY(0)}.guest-service-item-qty-controls{align-items:center;background:#fff;border:1.5px solid #667eea;border:1.5px solid var(--primary-color,#667eea);border-radius:8px;display:flex;gap:.5rem;padding:.25rem}.guest-service-item-qty-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#667eea;color:var(--primary-color,#667eea);cursor:pointer;display:flex;height:28px;justify-content:center;min-width:28px;padding:.25rem .5rem;transition:all .2s ease}.guest-service-item-qty-btn:hover{background:#667eea;background:var(--primary-color,#667eea);color:#fff}.guest-service-item-qty-value{color:#1a202c;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;min-width:24px;text-align:center}.guest-service-page-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem;padding:0 0 .2rem}.guest-service-back-icon-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#1a202c;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;padding:.5rem;transition:all .2s ease;width:36px}.guest-service-back-icon-btn:hover{background:#f1f5f9;color:#475569}.guest-service-page-title{color:#1a202c;flex:1 1;font-family:Inter,sans-serif;font-size:1.2rem;font-weight:400;letter-spacing:-.02em;margin:0;text-align:left}.guest-service-back-button{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#1a202c;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.guest-service-back-button:hover{background:#e2e8f0;border-color:#cbd5e1}.guest-service-items-full-list{display:flex;flex-direction:column;gap:1rem;width:100%}.guest-service-item-full-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1.5px solid #667eea;border:1.5px solid var(--primary-color,#667eea);border-radius:12px;box-shadow:0 2px 8px #0000000f,0 1px 3px #0000000a;overflow:hidden;padding:1.25rem 1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.guest-service-item-full-card:before{background:linear-gradient(90deg,#667eea,#764ba2);background:linear-gradient(90deg,var(--primary-color,#667eea) 0,var(--secondary-color,#764ba2) 100%);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.guest-service-item-full-card:hover{background:linear-gradient(135deg,#fff,#fff);border-color:#667eea;border-color:var(--primary-color,#667eea);box-shadow:0 6px 20px #667eea33,0 2px 6px #0000000f;box-shadow:0 6px 20px var(--primary-color-rgba,#667eea33),0 2px 6px #0000000f;transform:translateY(-2px)}.guest-service-item-full-card:hover:before{transform:scaleX(1)}.guest-service-item-full-content{display:flex;flex-direction:column;gap:.1rem;width:100%}.guest-service-item-full-top{display:flex;flex-direction:column;gap:0;width:100%}.guest-service-item-full-variant-name{color:#1a202c;font-family:sans-serif;font-size:1rem;font-weight:400;letter-spacing:-.01em;line-height:1.3;margin:0;text-transform:uppercase}.guest-service-item-full-service-name{color:#64748b;font-family:sans-serif;font-size:.85rem;font-weight:300;text-transform:uppercase}.guest-service-item-full-bottom{align-items:center;border-top:1px solid #e2e8f0;display:flex;gap:1rem;justify-content:space-between;padding-top:.5rem;width:100%}.guest-service-item-full-price{align-items:center;display:flex}.guest-service-item-full-price-free{color:#22c55e;font-family:Inter,sans-serif;font-size:1rem;font-weight:300}.guest-service-item-full-price-paid{color:#1a202c;font-family:Inter,sans-serif;font-size:1.125rem;font-weight:600;letter-spacing:-.02em}.guest-service-item-full-add-btn{align-items:center;background:#f97316;background:var(--primary-color,#f97316);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-family:sans-serif;font-size:.75rem;font-weight:300;gap:.05rem;justify-content:center;padding:.35rem .65rem;text-transform:uppercase;transition:all .2s ease}.guest-service-item-full-add-btn:hover{background:#f97316;background:var(--primary-color,#f97316);opacity:.9;transform:translateY(-1px)}.guest-service-item-full-add-btn:active{box-shadow:0 2px 6px #667eea33;box-shadow:0 2px 6px var(--primary-color-rgba,#667eea33);transform:translateY(0)}.guest-service-item-full-qty-controls{align-items:center;background:#fff;border:1.5px solid #667eea;border:1.5px solid var(--primary-color,#667eea);border-radius:8px;display:flex;gap:.5rem;padding:.25rem}.guest-service-item-full-qty-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#667eea;color:var(--primary-color,#667eea);cursor:pointer;display:flex;height:28px;justify-content:center;min-width:28px;padding:.25rem .5rem;transition:all .2s ease}.guest-service-item-full-qty-btn:hover{background:#667eea;background:var(--primary-color,#667eea);color:#fff}.guest-service-item-full-qty-value{color:#1a202c;font-family:sans-serif;font-size:.875rem;font-weight:600;min-width:24px;text-align:center}@media (max-width:640px){.guest-service-item-full-card{padding:.5rem 1rem}.guest-service-item-full-variant-name{font-size:1rem}.guest-service-item-full-service-name{font-size:.81rem}.guest-service-item-full-price-free,.guest-service-item-full-price-paid{font-size:.9375rem}.guest-service-item-full-add-btn{font-size:.8125rem;padding:.5rem 1rem}}.guest-service-variants-list{display:flex;flex-direction:column;gap:1rem;width:100%}.guest-service-variant-card{align-items:stretch;background:linear-gradient(135deg,#fff,#f8fafc);border:1.5px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000f,0 1px 3px #0000000a;display:flex;flex-direction:row;overflow:hidden;padding:0 .5rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.guest-service-variant-card:hover{border-color:#cbd5e1;box-shadow:0 6px 20px #0000001a,0 2px 6px #0000000f;transform:translateY(-2px)}.guest-service-variant-image-wrapper{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);flex-shrink:0;height:100px;min-width:100px;overflow:hidden;position:relative;width:100px}.guest-service-variant-image{height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.4,0,.2,1);width:100%}.guest-service-variant-card:hover .guest-service-variant-image{transform:scale(1.1)}.guest-service-variant-content{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;padding:.75rem 1rem}.guest-service-variant-header{display:flex;flex-direction:column;gap:.15rem}.guest-service-variant-name{color:#1a202c;font-family:Inter,sans-serif;font-size:1rem;font-weight:400;letter-spacing:-.01em;line-height:1.3;margin:0}.guest-service-variant-subtitle{color:#2e3032;font-family:Inter,sans-serif;font-size:.875rem;font-weight:300}.guest-service-variant-notes{color:#94a3b8;font-family:Inter,sans-serif;font-size:.8125rem;font-style:italic;font-weight:400;margin-top:.25rem}.guest-service-variant-category-badge{align-self:flex-start;background:#f1f5f9;border-radius:6px;color:#475569;display:inline-block;font-family:Inter,sans-serif;font-size:.75rem;font-weight:500;margin-top:.25rem;padding:.25rem .5rem}.guest-service-variant-footer{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-top:auto;padding-top:.25rem}.guest-service-variant-price-section{align-items:baseline;display:flex;gap:.25rem}.guest-service-variant-price-free{color:#22c55e;font-family:Inter,sans-serif;font-size:1rem;font-weight:400}.guest-service-variant-price-info{align-items:baseline;display:flex;gap:.25rem}.guest-service-variant-price{color:#1a202c;font-family:Inter,sans-serif;font-size:1.25rem;font-weight:700;letter-spacing:-.02em}.guest-service-variant-unit{color:#64748b;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500}.guest-service-variant-add-btn{align-items:center;background:linear-gradient(135deg,#1a202c,#374151);border:none;border-radius:8px;box-shadow:0 2px 8px #1a202c33;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-family:Inter,sans-serif;font-size:.8125rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.guest-service-variant-add-btn:hover{background:linear-gradient(135deg,#374151,#4b5563);box-shadow:0 4px 12px #1a202c4d;transform:translateY(-2px)}.guest-service-variant-add-btn:active{box-shadow:0 2px 6px #1a202c33;transform:translateY(0)}@media (max-width:640px){.guest-service-variant-image-wrapper{height:80px;margin:auto;min-width:80px}.guest-service-variant-content{padding:.625rem .5rem}.guest-service-variant-name{font-size:.9375rem}.guest-service-variant-subtitle{font-size:.75rem}.guest-service-variant-price{font-size:1rem}.guest-service-variant-add-btn{font-size:.75rem;padding:.4375rem .875rem}}.guest-service-offerings-modal-close{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:.5rem;transition:all .2s ease}.guest-service-offerings-modal-close:hover{background:#f1f5f9;color:#1a202c}.guest-service-item-variant-count{align-items:center;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:8px;color:#475569;display:inline-flex;font-family:Inter,sans-serif;font-size:.8125rem;font-weight:600;gap:.25rem;margin-top:.25rem;padding:.375rem .75rem}.guest-service-item-variant-count:before{color:#3b82f6;content:"→";font-size:.875rem}@media (max-width:640px){.guest-service-offerings-modal{max-width:100%;width:100%}}.guest-service-categories-list{display:flex;flex-direction:column;gap:1rem;width:100%}.guest-service-category-card-full{background:linear-gradient(135deg,#fff,#f8fafc);border:1.5px solid #667eea;border:1.5px solid var(--primary-color,#667eea);border-radius:12px;box-shadow:0 2px 8px #0000000f,0 1px 3px #0000000a;cursor:pointer;overflow:hidden;padding:1.25rem 1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.guest-service-category-card-full:before{background:linear-gradient(90deg,#667eea,#764ba2);background:linear-gradient(90deg,var(--primary-color,#667eea) 0,var(--secondary-color,#764ba2) 100%);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.guest-service-category-card-full:hover{background:linear-gradient(135deg,#fff,#fff);border-color:#667eea;border-color:var(--primary-color,#667eea);box-shadow:0 6px 20px #0000001a,0 2px 6px #0000000f;box-shadow:0 6px 20px #667eea33,0 2px 6px #0000000f;box-shadow:0 6px 20px var(--primary-color-rgba,#667eea33),0 2px 6px #0000000f;transform:translateY(-2px)}.guest-service-category-card-full:hover:before{transform:scaleX(1)}.guest-service-category-card-content{align-items:center;display:flex;gap:1rem;justify-content:space-between;width:100%}.guest-service-category-card-left{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.guest-service-category-card-name{color:#667eea;color:var(--primary-color,#667eea);font-size:1.125rem;letter-spacing:-.01em;line-height:1.3;margin:0}.guest-service-category-card-count,.guest-service-category-card-name{font-family:Inter,sans-serif;font-weight:400;text-transform:uppercase}.guest-service-category-card-count{color:#64748b;font-size:.875rem}.guest-service-category-card-arrow{align-items:center;color:#64748b;display:flex;flex-shrink:0;justify-content:center;opacity:.6;transition:all .3s cubic-bezier(.4,0,.2,1)}.guest-service-category-card-full:hover .guest-service-category-card-arrow{color:#667eea;color:var(--primary-color,#667eea);opacity:1;transform:translateX(4px)}@media (max-width:640px){.guest-service-category-card-full{padding:1rem 1.25rem}.guest-service-category-card-name{font-size:1rem}.guest-service-category-card-count{font-size:.8125rem}}.guest-service-category-tabs{-webkit-overflow-scrolling:touch;display:flex;gap:.5rem;margin-bottom:1.5rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:thin}.guest-service-category-tabs::-webkit-scrollbar{height:4px}.guest-service-category-tabs::-webkit-scrollbar-track{background:#f1f5f9;border-radius:2px}.guest-service-category-tabs::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.guest-service-category-tab{background:#fee2e2;border:1.5px solid #fca5a5;border-radius:8px;color:#dc2626;cursor:pointer;flex-shrink:0;font-family:Inter,sans-serif;font-size:.8125rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.guest-service-category-tab:hover{background:#fecaca;border-color:#f87171}.guest-service-category-tab.active{background:#dcfce7;border-color:#86efac;color:#16a34a}.guest-service-category-tab.active:hover{background:#bbf7d0;border-color:#4ade80}.guest-service-items-list{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));width:100%}@media (max-width:768px){.guest-service-items-list{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width:640px){.guest-service-items-list{gap:.875rem;grid-template-columns:repeat(2,1fr)}.guest-service-category-image-wrapper{height:100px}.guest-service-category-card .guest-service-item-content{gap:.875rem;padding:0}.guest-service-category-card .guest-service-item-name{font-size:1rem}.guest-service-category-card .guest-service-item-variant-count{font-size:.75rem}.guest-service-see-more-icon{opacity:.7}.guest-service-see-more-icon svg{height:22px;width:22px}}.guest-service-item-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1.5px solid color-mix(in srgb,#667eea 30%,#fff);border:1.5px solid color-mix(in srgb,var(--primary-color,#667eea) 30%,#fff);border-radius:4px;box-shadow:0 2px 8px #0000000f,0 1px 3px #0000000a;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.guest-service-category-card{padding:0}.guest-service-category-image-wrapper{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);height:120px;overflow:hidden;position:relative;width:100%}.guest-service-category-image{height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.4,0,.2,1);width:100%}.guest-service-category-card:hover .guest-service-category-image{transform:scale(1.1)}.guest-service-category-card .guest-service-item-content{display:flex;flex:1 1;flex-direction:column;gap:0;padding:1rem 0}.guest-service-category-card .guest-service-item-header{display:flex;flex-direction:column;gap:.5rem;padding:0}.guest-service-category-card .guest-service-item-name{color:#1a202c;font-family:Inter,sans-serif;font-size:1rem;font-weight:400;letter-spacing:-.01em;line-height:1.2;margin:0}.guest-service-available-row{align-items:center;display:flex;gap:.5rem;justify-content:space-between;width:100%}.guest-service-category-card .guest-service-item-variant-count{align-items:center;background:#0000;border:none;color:#64748b;display:inline-flex;flex:1 1;font-size:.8125rem;font-weight:500;gap:.25rem;margin:0;padding:0}.guest-service-category-card .guest-service-item-variant-count:before{display:none}.guest-service-see-more-icon{align-items:center;color:#64748b;display:flex;flex-shrink:0;justify-content:center;opacity:.6;transition:all .3s cubic-bezier(.4,0,.2,1)}.guest-service-category-card:hover .guest-service-see-more-icon{color:#667eea;opacity:1;transform:translateX(4px)}.guest-service-see-more-icon svg{transition:transform .3s cubic-bezier(.4,0,.2,1)}.guest-service-category-card:hover .guest-service-see-more-icon svg{transform:translateX(2px)}.guest-service-item-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.guest-service-item-card:hover{background:linear-gradient(135deg,#fff,#fff);border-color:#cbd5e1;box-shadow:0 8px 24px #0000001f,0 4px 8px #00000014;transform:translateY(-4px)}.guest-service-item-card:hover:before{transform:scaleX(1)}.guest-service-item-content{display:flex;flex-direction:column;gap:1rem;position:relative;z-index:1}.guest-service-item-header{display:flex;flex-direction:column;gap:.75rem}.guest-service-item-name{color:#1a202c;font-family:Inter,sans-serif;font-size:1.25rem;font-weight:400;letter-spacing:-.01em;line-height:1.3;margin:0}.guest-service-item-variant{color:#64748b;font-family:Inter,sans-serif;font-size:.875rem;font-weight:400;line-height:1.5}.guest-service-item-category{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid #e2e8f0;border-radius:8px;color:#475569;display:inline-block;font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;padding:.375rem .75rem;width:-webkit-fit-content;width:fit-content}.guest-service-item-notes{color:#64748b;font-family:Inter,sans-serif;font-size:.875rem;line-height:1.6;margin:0}.guest-service-item-footer{align-items:center;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-top:.5rem;padding-top:.75rem}.guest-service-item-price-info{align-items:baseline;display:flex;gap:.25rem}.guest-service-item-price{color:#1a202c;font-family:Inter,sans-serif;font-size:1.25rem;font-weight:700;letter-spacing:-.02em}.guest-service-item-unit{color:#64748b;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500}.guest-service-item-see-btn{background:#1a202c;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.guest-service-item-see-btn:hover{background:#374151;transform:translateY(-1px)}.guest-service-item-see-btn:active{transform:translateY(0)}.guest-service-item-offerings{animation:slideDown .3s ease;border-top:1px solid #e2e8f0;margin-top:1rem;padding-top:1rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.guest-service-offerings-loading{color:#64748b;font-family:Inter,sans-serif;font-size:.875rem;padding:1rem;text-align:center}.guest-service-offerings-list{display:flex;flex-direction:column;gap:.75rem}.guest-service-offering-item{background:#f8f9fa;border-left:3px solid #22c55e;border-radius:8px;color:#1a202c;font-family:Inter,sans-serif;font-size:.875rem;padding:.75rem}.guest-service-offerings-empty{color:#94a3b8;font-family:Inter,sans-serif;font-size:.875rem;font-style:italic;padding:1rem;text-align:center}@media (max-width:768px){.guest-service-item-card{padding:.5rem}.guest-service-item-name,.guest-service-item-price{font-size:1rem}.guest-service-item-see-btn{font-size:.8125rem;padding:.45rem .875rem}}@media (max-width:640px){.guest-service-category-tabs{gap:.4rem}.guest-service-category-tab{font-size:.75rem;padding:.4rem .75rem}.guest-service-item-card{padding:.5rem}.guest-service-item-name{font-size:.9375rem}.guest-service-item-variant{font-size:.8125rem}.guest-service-item-price{font-size:.9375rem}.guest-service-item-see-btn{font-size:.75rem;padding:.4rem .75rem}}.guest-cart-page{background:#fff;height:100%;margin:0 auto;max-width:800px;min-height:100vh;overflow:hidden;padding:1.5rem;position:relative;width:100%}.guest-cart-page:after,.guest-cart-page:before{background:#ffffff80;border-radius:50%;content:"";pointer-events:none;position:absolute;z-index:0}.guest-cart-page:before{animation:float 20s ease-in-out infinite;height:300px;right:-100px;top:-100px;width:300px}.guest-cart-page:after{animation:float 15s ease-in-out infinite reverse;bottom:-50px;height:200px;left:-50px;width:200px}.guest-cart-bubble{animation:floatBubble 20s ease-in-out infinite;background:#ffffff80;border-radius:50%;pointer-events:none;position:absolute;z-index:0}.guest-cart-bubble-1{animation-delay:0s;height:150px;left:10%;top:20%;width:150px}.guest-cart-bubble-2{animation-delay:5s;height:100px;right:15%;top:60%;width:100px}.guest-cart-bubble-3{animation-delay:10s;height:80px;left:20%;top:80%;width:80px}.guest-cart-bubble-4{animation-delay:15s;height:120px;right:5%;top:40%;width:120px}.guest-cart-page .guest-menu-header-section{position:relative;z-index:2}.guest-cart-page .guest-menu-header-section.guest-cart-header-scrolled{backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;background:#fffffff2!important;background-color:#fffffff2!important;border-radius:0!important;box-shadow:0 2px 8px #0000001a!important;margin:-1.5rem -1.5rem 1.5rem!important;opacity:1!important;overflow:hidden!important;padding:1.5rem!important;position:-webkit-sticky!important;position:sticky!important;top:0!important;transition:background-color .3s ease,box-shadow .3s ease!important;z-index:1000!important}.guest-cart-page .guest-menu-header-section.guest-cart-header-scrolled:before{background:#fff!important;bottom:-10px;content:"";left:-100vw;position:absolute;right:-100vw;top:-10px;width:200vw;z-index:-1}.guest-cart-page .guest-menu-header-section.guest-cart-header-scrolled .guest-menu-title,.guest-cart-page .guest-menu-header-section.guest-cart-header-scrolled .guest-menu-title-border,.guest-cart-page .guest-menu-header-section.guest-cart-header-scrolled .guest-menu-title-wrapper{background:#0000!important;background-color:initial!important;position:relative;z-index:1}.guest-cart-loading{align-items:center;display:flex;justify-content:center;min-height:400px}.guest-cart-loading .spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top:4px solid var(--primary-color,#667eea);height:40px;width:40px}.guest-cart-back-btn:hover{background:#f1f5f9;color:#1a202c}.guest-cart-header h2{color:#1a202c;flex:1 1;font-family:Inter,sans-serif;font-size:1.5rem;font-weight:600;margin:0;text-align:center}.guest-cart-content{position:relative;width:100%;z-index:1}.guest-cart-empty{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:4rem 1rem;text-align:center}.guest-cart-empty svg{color:#cbd5e1;margin-bottom:.75rem}.guest-cart-empty p{font-family:Inter,sans-serif;font-size:.875rem;margin:0 0 1.5rem}.guest-cart-continue-shopping-btn{background:#667eea;background:var(--primary-color,#667eea);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;padding:.625rem 1.5rem;transition:all .3s ease}.guest-cart-continue-shopping-btn:hover{background:#764ba2;background:var(--secondary-color,#764ba2);box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.guest-cart-info-section{margin-bottom:2rem}.guest-cart-info-section h3{color:#1a202c;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;margin:0 0 1rem}.guest-cart-form-group{margin-bottom:1rem}.guest-cart-form-group label{color:#475569;display:block;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.guest-cart-form-group input,.guest-cart-form-group select,.guest-cart-form-group textarea{border:1px solid #e2e8f0;border-radius:8px;font-family:Inter,sans-serif;font-size:.875rem;outline:none;padding:.75rem;transition:all .2s ease;width:100%}.guest-cart-form-group input:focus,.guest-cart-form-group select:focus,.guest-cart-form-group textarea:focus{border-color:#667eea;border-color:var(--primary-color,#667eea);box-shadow:0 0 0 3px #667eea1a}.guest-cart-items-section{margin-bottom:2rem}.guest-cart-items-section h3{color:#1a202c;font-family:Inter,sans-serif;font-size:.85rem;font-weight:400;margin:0 0 1rem;text-transform:uppercase}.guest-cart-empty,.guest-cart-item-card,.guest-cart-items-section,.guest-cart-summary{position:relative;z-index:1}.guest-cart-items-list{background-color:color-mix(in srgb,#764ba2 10%,#fff);background-color:color-mix(in srgb,var(--secondary-color,#764ba2) 10%,#fff);border:1px solid #eee;border-radius:12px;padding:10px}.guest-cart-item,.guest-cart-items-list{display:flex;flex-direction:column;gap:0}.guest-cart-item{border-bottom:1px solid #e2e8f0;padding:.5rem 0}.guest-cart-item-row-1{align-items:center;display:flex;justify-content:space-between;width:100%}.guest-cart-item-name{color:#1a202c;flex:1 1;font-family:Inter,sans-serif;font-size:.85rem;font-weight:400;margin:0;text-transform:uppercase}.guest-cart-item-row-2{align-items:center;display:flex;gap:.1rem;justify-content:space-between;width:100%}.guest-cart-item-price{color:#1a202c;min-width:70px;text-align:right}.guest-cart-item-price,.guest-cart-item-qty-label{font-family:Inter,sans-serif;font-size:.85rem;font-weight:400}.guest-cart-item-qty-label{color:#64748b;min-width:50px;text-align:center}.guest-cart-item-total{color:#1a202c;font-family:Inter,sans-serif;font-size:.875rem;font-weight:400;min-width:70px;text-align:right}.guest-cart-quantity-controls{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:.5rem;padding:.25rem}.guest-cart-qty-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#667eea;color:var(--primary-color,#667eea);cursor:pointer;display:flex;justify-content:center;padding:.25rem .5rem;transition:all .2s ease}.guest-cart-qty-btn:hover{background:#667eea;background:var(--primary-color,#667eea);color:#fff}.guest-cart-qty-value{color:#1a202c;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;min-width:24px;text-align:center}.guest-cart-remove-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#667eea;color:var(--primary-color,#667eea);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.guest-cart-remove-btn:hover{background:#fee2e2;color:#dc2626}.guest-cart-totals{margin-top:1rem}.guest-cart-total-row{align-items:center;display:flex;font-family:Inter,sans-serif;justify-content:space-between;padding:.25rem 0}.guest-cart-total-row span:first-child{color:#475560;font-size:.75rem;font-weight:400;text-transform:uppercase}.guest-cart-total-row span:last-child{color:#1a202c;font-size:.85rem;font-weight:400}.guest-cart-total-row.guest-cart-total-final{border-top:1px solid #e2e8f0;margin-top:.5rem;padding-top:.5rem}.guest-cart-total-row.guest-cart-total-final span{color:#1a202c;font-size:1rem;font-weight:500}.guest-cart-place-order-btn{background:#667eea;background:var(--primary-color,#667eea);border:none;border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;padding:1rem;transition:all .3s ease;width:100%}.guest-cart-place-order-btn:hover:not(:disabled){background:#764ba2;background:var(--secondary-color,#764ba2);box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.guest-cart-place-order-btn:disabled{cursor:not-allowed;opacity:.6}.guest-cart-special-instructions{margin-bottom:1.5rem}.guest-cart-label{color:#475569;display:block;font-weight:500;margin-bottom:.5rem;text-transform:uppercase}.guest-cart-label,.guest-cart-textarea{font-family:Inter,sans-serif;font-size:.875rem}.guest-cart-textarea{border:1px solid #e2e8f0;border-radius:8px;min-height:80px;outline:none;padding:.75rem;resize:vertical;transition:all .2s ease;width:100%}.guest-cart-textarea:focus{border-color:#667eea;border-color:var(--primary-color,#667eea);box-shadow:0 0 0 3px #667eea1a}.guest-cart-verification-checking{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:2rem 1rem}.guest-cart-verification-checking .spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top:3px solid var(--primary-color,#667eea);height:32px;width:32px}.guest-cart-verification-checking p{color:#64748b;font-family:Inter,sans-serif;font-size:.875rem;margin:0}.guest-cart-verification-required{align-items:center;background:#fff;border:1px solid #667eea;border:1px solid var(--primary-color,#667eea);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:2rem 1rem;text-align:center;transition:all .3s ease}.guest-cart-verification-required:hover{box-shadow:0 2px 8px #667eea1a}.guest-cart-verification-message{color:#64748b;font-family:Inter,sans-serif;font-size:.875rem;line-height:1.5;margin:0;max-width:400px}.guest-cart-verify-arrow{align-items:center;border:1px solid #667eea;border:1px solid var(--primary-color,#667eea);border-radius:8px;color:#667eea;color:var(--primary-color,#667eea);display:flex;height:40px;justify-content:center;padding:.5rem;transition:all .3s ease;width:40px}.guest-cart-verification-required:hover .guest-cart-verify-arrow{background:color-mix(in srgb,#667eea 10%,#fff);background:color-mix(in srgb,var(--primary-color,#667eea) 10%,#fff);transform:translateX(5px)}.guest-cart-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.guest-cart-modal-card{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;max-width:400px;padding:2rem;width:100%}.guest-cart-modal-message{color:#64748b;font-family:Inter,sans-serif;font-size:.875rem;line-height:1.5;margin:0 0 1.5rem;text-align:center}.guest-cart-modal-buttons{display:flex;gap:1rem;justify-content:center}.guest-cart-modal-cancel-btn,.guest-cart-modal-okay-btn{border:none;border-radius:8px;cursor:pointer;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;padding:.75rem 2rem;transition:all .3s ease}.guest-cart-modal-cancel-btn{background:#fff;border:1px solid #667eea;border:1px solid var(--primary-color,#667eea);color:#667eea;color:var(--primary-color,#667eea)}.guest-cart-modal-cancel-btn:hover{background:color-mix(in srgb,#667eea 10%,#fff);background:color-mix(in srgb,var(--primary-color,#667eea) 10%,#fff)}.guest-cart-modal-okay-btn{background:#667eea;background:var(--primary-color,#667eea);color:#fff}.guest-cart-modal-okay-btn:hover{background:#764ba2;background:var(--secondary-color,#764ba2);box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.guest-cart-alert-modal-card{align-items:center;animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;gap:1.5rem;max-width:400px;padding:2rem;width:100%}.guest-cart-alert-icon{align-items:center;display:flex;justify-content:center}.guest-cart-alert-icon svg{color:#667eea;color:var(--primary-color,#667eea)}.guest-cart-alert-success .guest-cart-alert-icon svg{color:#10b981}.guest-cart-alert-error .guest-cart-alert-icon svg{color:#ef4444}.guest-cart-alert-message{color:#64748b;font-family:Inter,sans-serif;font-size:.875rem;line-height:1.5;margin:0;text-align:center}.guest-cart-alert-okay-btn{background:#667eea;background:var(--primary-color,#667eea);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;max-width:200px;padding:.75rem 2rem;transition:all .3s ease;width:100%}.guest-cart-alert-okay-btn:hover{background:#764ba2;background:var(--secondary-color,#764ba2);box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}@media (max-width:640px){.guest-cart-page{padding:1rem}.guest-cart-header{margin-bottom:1rem;padding:.75rem 0}.guest-cart-header h2{font-size:1.25rem}}.guest-profile-page{background:#fff;height:100%;margin:0 auto;max-width:800px;min-height:100vh;overflow:hidden;padding:1.5rem;position:relative;width:100%}.guest-profile-page:after,.guest-profile-page:before{background:#ffffff80;border-radius:50%;content:"";pointer-events:none;position:absolute;z-index:0}.guest-profile-page:before{animation:float 20s ease-in-out infinite;height:300px;right:-100px;top:-100px;width:300px}.guest-profile-page:after{animation:float 15s ease-in-out infinite reverse;bottom:-50px;height:200px;left:-50px;width:200px}.guest-profile-bubble{animation:floatBubble 20s ease-in-out infinite;background:#ffffff80;border-radius:50%;pointer-events:none;position:absolute;z-index:0}.guest-profile-bubble-1{animation-delay:0s;height:150px;left:10%;top:20%;width:150px}.guest-profile-bubble-2{animation-delay:5s;height:100px;right:15%;top:60%;width:100px}.guest-profile-bubble-3{animation-delay:10s;height:80px;left:20%;top:80%;width:80px}.guest-profile-bubble-4{animation-delay:15s;height:120px;right:5%;top:40%;width:120px}.guest-profile-loading{align-items:center;display:flex;justify-content:center;min-height:400px}.guest-profile-loading .spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top:4px solid var(--primary-color,#667eea);height:40px;width:40px}.guest-profile-content{margin-top:2rem;position:relative;z-index:1}.guest-profile-section{padding:.5rem;position:relative;z-index:1}.guest-profile-checkin-icon{align-items:center;background:#764ba2;background:var(--secondary-color,#764ba2);border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.guest-profile-checkin-icon svg{stroke-width:.05rem;color:#667eea;color:var(--primary-color,#667eea)}.guest-profile-section h3{color:#1a202c;font-family:Inter,sans-serif;font-size:1rem;font-weight:400;margin:0 0 .5rem;text-transform:uppercase}.verification-text{color:#64748b;font-family:Inter,sans-serif;font-size:.875rem;margin-bottom:1.5rem}.guest-profile-form{gap:1.25rem}.form-group,.guest-profile-form{display:flex;flex-direction:column}.form-group{gap:0}.form-group-inline{display:flex}.form-group label{flex-shrink:0;font-family:Inter,sans-serif;min-width:100px}.form-group label,.form-group-inline label{color:#64748b;font-size:.75rem;font-weight:400}.form-group-inline label{display:block;flex:0 0 25%;flex-shrink:0;font-family:sans-serif;text-transform:uppercase;width:25%}.form-group-inline input{flex:1 1;min-width:0;width:auto}.form-group input{background:#0000;border:none;border-bottom:1px solid #667eea;border-bottom:1px solid var(--primary-color,#667eea);border-radius:0;box-shadow:none!important;font-family:Inter,sans-serif;font-size:1rem;outline:none!important;padding:.75rem 0;transition:border-color .2s ease}.form-group input:active,.form-group input:focus,.form-group input:focus-visible{border:none!important;border-bottom:2px solid #667eea!important;border-bottom:2px solid var(--primary-color,#667eea)!important;box-shadow:none!important;outline:none!important}.otp-input-container{align-items:center;display:flex;gap:.75rem;justify-content:center;margin-top:.5rem}.otp-digit-input{border:2px solid #e2e8f0;border-radius:8px;font-family:Inter,sans-serif;font-size:1.5rem;font-weight:600;height:60px;outline:none;text-align:center;transition:all .2s ease;width:60px}.otp-digit-input:focus{box-shadow:0 0 0 3px #667eea1a}.otp-digit-input:focus,.otp-digit-input:not(:placeholder-shown){border-color:#667eea;border-color:var(--primary-color,#667eea)}.otp-input{font-size:1.5rem;font-weight:600;letter-spacing:.5rem;text-align:center}.error-message{background:#fee2e2;border-radius:8px;color:#ef4444;font-family:Inter,sans-serif;font-size:.875rem;padding:.75rem}.guest-profile-submit-btn{background:#667eea;background:var(--primary-color,#667eea);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-family:Inter,sans-serif;font-size:.7rem;font-weight:500;margin-left:auto;padding:.875rem 1.5rem;text-transform:uppercase;transition:opacity .2s ease;width:-webkit-fit-content;width:fit-content}.guest-profile-submit-btn:hover:not(:disabled){opacity:.9}.guest-profile-submit-btn:disabled{cursor:not-allowed;opacity:.6}.form-actions{display:flex;gap:1rem}.guest-profile-back-btn{background:#fff;border:1px solid #667eea;border:1px solid var(--primary-color,#667eea);border-radius:8px;color:#667eea;color:var(--primary-color,#667eea);cursor:pointer;font-family:Inter,sans-serif;font-size:.7rem;font-weight:500;padding:.875rem 1.5rem;text-transform:uppercase;transition:all .2s ease;white-space:nowrap}.guest-profile-back-btn:hover{background:color-mix(in srgb,#667eea 10%,#fff);background:color-mix(in srgb,var(--primary-color,#667eea) 10%,#fff)}.guest-profile-resend-otp-btn{background:#fff;border:1px solid #667eea;border:1px solid var(--primary-color,#667eea);border-radius:8px;color:#667eea;color:var(--primary-color,#667eea);cursor:pointer;font-family:Inter,sans-serif;font-size:.7rem;font-weight:500;height:auto;padding:.875rem 1.5rem;text-transform:uppercase;transition:all .2s ease;white-space:nowrap}.guest-profile-resend-otp-btn:hover:not(:disabled){background:color-mix(in srgb,#667eea 10%,#fff);background:color-mix(in srgb,var(--primary-color,#667eea) 10%,#fff)}.guest-profile-resend-otp-btn:disabled{cursor:not-allowed;opacity:.6}.guest-profile-verified{text-align:center}.verified-icon{color:#10b981;margin-bottom:1rem}.guest-profile-verified h3{color:#1a202c;font-family:Inter,sans-serif;font-size:1rem;font-weight:400;margin:0 0 .5rem;text-transform:uppercase}.guest-profile-card{background:#fff;position:relative;z-index:1}.guest-profile-card-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;flex-direction:column;margin-bottom:.5rem;padding-bottom:.5rem}.guest-profile-card-name{color:#1a202c;font-family:Inter,sans-serif;font-size:1.25rem;font-weight:400;margin:0;text-align:center;text-transform:uppercase}.guest-profile-card-body{display:flex;flex-direction:column;gap:1rem}.guest-profile-info-item{align-items:center;color:#64748b;display:flex;font-family:Inter,sans-serif;font-size:.875rem;gap:.75rem}.guest-profile-info-item svg{color:#667eea;color:var(--primary-color,#667eea);flex-shrink:0}.guest-profile-info-item span:not(.guest-profile-info-value){color:#64748b;font-weight:500}.guest-profile-info-value{color:#1a202c;font-weight:600;margin-left:auto}.checkin-status{align-items:center;border-radius:8px;display:flex;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;margin-bottom:1.5rem;padding:.75rem 1rem}.checkin-status.success{background:#d1fae5;color:#065f46}.checkin-status.success svg{color:#10b981}.checkin-status.failed{background:#fee2e2;color:#991b1b}.checkin-status.pending{background:#fef3c7;color:#92400e}.guest-profile-checkin-btn{background:#667eea;background:var(--primary-color,#667eea);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;margin-bottom:1rem;padding:.75rem 1.5rem;transition:background-color .2s ease,opacity .2s ease;width:100%}.guest-profile-checkin-btn:hover:not(:disabled){opacity:.9}.guest-profile-checkin-btn:disabled{cursor:not-allowed;opacity:.6}.guest-profile-bill-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;margin-bottom:2rem;padding:1.5rem;position:relative;z-index:1}.guest-profile-bill-half{display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:.5rem;text-align:center}.guest-profile-bill-divider{background:#e2e8f0;margin:0 1rem;width:1px}.guest-profile-bill-label{color:#64748b;font-family:Inter,sans-serif;font-size:.875rem;font-weight:400;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.guest-profile-bill-value{color:#1a202c;font-family:Inter,sans-serif;font-size:1.5rem;font-weight:400;line-height:1.2}.guest-profile-all-guests{margin-top:2rem}.guest-profile-all-guests-title{color:#1a202c;font-family:Inter,sans-serif;font-size:1.125rem;font-weight:600;margin:0 0 1rem;text-align:left}.guest-profile-all-guests-list{display:flex;flex-direction:column;gap:.5rem}.guest-profile-guest-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:.75rem;position:relative;transition:background-color .2s ease,border-color .2s ease;z-index:1}.guest-profile-guest-card:hover{background:#f1f5f9}.guest-profile-guest-card.current-user{background:#eff6ff;background:var(--secondary-color,#eff6ff);border-color:#667eea;border-color:var(--primary-color,#667eea);border-width:1px}.guest-profile-guest-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.guest-profile-guest-name{color:#1a202c;font-family:Inter,sans-serif;font-size:.875rem;font-weight:400;text-transform:uppercase}.guest-profile-current-badge{background:#667eea;background:var(--primary-color,#667eea);border-radius:10px;color:#fff;font-family:Inter,sans-serif;font-size:.625rem;font-weight:600;padding:.2rem .4rem;text-transform:uppercase}.guest-profile-guest-card-body{display:flex;flex-direction:column;gap:.375rem}.guest-profile-guest-info{align-items:center;color:#64748b;display:flex;font-family:Inter,sans-serif;font-size:.75rem;gap:.4rem}.guest-profile-guest-info svg{color:#667eea;color:var(--primary-color,#667eea);flex-shrink:0;height:14px;width:14px}.guest-profile-guest-info span{color:#1a202c;flex:1 1;font-family:Inter,sans-serif;font-weight:400;line-height:1.4;text-transform:uppercase}.guest-profile-loading-small{align-items:center;display:flex;justify-content:center;padding:1rem}.spinner-small{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top:3px solid var(--primary-color,#667eea);height:24px;width:24px}@media (max-width:640px){.guest-profile-page{padding:1rem}.guest-profile-section{padding:0}.form-actions{flex-direction:column}.guest-profile-back-btn,.guest-profile-submit-btn{width:-webkit-fit-content;width:fit-content}.guest-profile-all-guests,.guest-profile-bill-card{padding:0}}.guest-order-history-page{background:#fff;height:100%;margin:0 auto;max-width:800px;min-height:100vh;overflow:hidden;padding:1.5rem;position:relative;width:100%}.guest-order-history-page:after,.guest-order-history-page:before{background:#ffffff80;border-radius:50%;content:"";pointer-events:none;position:absolute;z-index:0}.guest-order-history-page:before{animation:float 20s ease-in-out infinite;height:300px;right:-100px;top:-100px;width:300px}.guest-order-history-page:after{animation:float 15s ease-in-out infinite reverse;bottom:-50px;height:200px;left:-50px;width:200px}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.guest-order-history-bubble{animation:floatBubble 20s ease-in-out infinite;background:#ffffff80;border-radius:50%;pointer-events:none;position:absolute;z-index:0}.guest-order-history-bubble-1{animation-delay:0s;height:150px;left:10%;top:20%;width:150px}.guest-order-history-bubble-2{animation-delay:5s;height:100px;right:15%;top:60%;width:100px}.guest-order-history-bubble-3{animation-delay:10s;height:80px;left:20%;top:80%;width:80px}.guest-order-history-bubble-4{animation-delay:15s;height:120px;right:5%;top:40%;width:120px}@keyframes floatBubble{0%,to{opacity:.5;transform:translate(0) scale(1)}25%{opacity:.6;transform:translate(20px,-30px) scale(1.1)}50%{opacity:.55;transform:translate(-15px,-50px) scale(.9)}75%{opacity:.58;transform:translate(30px,-20px) scale(1.05)}}.guest-order-history-loading{align-items:center;display:flex;justify-content:center;min-height:400px}.guest-order-history-loading .spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top:4px solid var(--primary-color,#667eea);height:40px;width:40px}.guest-order-history-content{margin-top:2rem;position:relative;z-index:1}.guest-order-history-empty{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:4rem 1rem;text-align:center}.guest-order-history-empty svg{color:#cbd5e1;margin-bottom:.75rem}.guest-order-history-empty p{font-family:Inter,sans-serif;font-size:.875rem;margin:.25rem 0}.guest-order-history-empty-subtitle{color:#94a3b8;font-size:.75rem}.guest-order-history-list{display:flex;flex-direction:column;gap:1rem}.guest-order-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:.5rem;position:relative;z-index:1}.guest-order-card-clickable{cursor:pointer;transition:all .2s ease}.guest-order-card-clickable:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.guest-order-card-overview{display:flex;flex-direction:column;gap:.1rem}.guest-order-card-header{align-items:center;display:flex;flex-wrap:nowrap;gap:.75rem;justify-content:space-between;width:100%}.guest-order-card-header>*{flex-shrink:0}.guest-order-items-preview{align-items:flex-start;color:#64748b;display:flex;font-family:sans-serif;font-size:.7rem;gap:.5rem;line-height:1.4;margin:.5rem 0;text-transform:uppercase}.guest-order-items-preview svg{color:#667eea;color:var(--primary-color,#667eea);flex-shrink:0;margin-top:.1rem}.guest-order-items-preview span{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;flex:1 1;overflow:hidden;text-overflow:ellipsis}.guest-order-number{align-items:center;display:flex;flex-direction:row;flex-shrink:0;gap:.5rem;white-space:nowrap}.guest-order-number svg{color:#667eea;color:var(--primary-color,#667eea);flex-shrink:0}.guest-order-number-label{color:#64748b;font-family:Inter,sans-serif;font-size:.75rem;font-weight:400;text-transform:uppercase}.guest-order-number-value{color:#1a202c;font-family:Inter,sans-serif;font-size:.75rem;font-weight:500}.guest-order-status{border-radius:6px;flex-shrink:0;font-family:Inter,sans-serif;font-size:.625rem;font-weight:500;padding:.2rem .25rem;text-transform:uppercase;white-space:nowrap}.guest-order-card-info{display:flex;flex-direction:column;gap:.75rem}.guest-order-info-item{align-items:center;display:flex;font-family:Inter,sans-serif;font-size:.875rem;gap:.5rem}.guest-order-info-item svg{color:#667eea;color:var(--primary-color,#667eea);flex-shrink:0}.guest-order-info-label{color:#64748b;flex:1 1;font-size:.75rem;font-weight:500;text-transform:uppercase}.guest-order-info-value{color:#1a202c;font-size:.875rem;font-weight:600;text-transform:uppercase}.guest-order-signature{border-top:1px solid #e5e7eb;color:#6b7280;font-family:Inter,sans-serif;font-size:.65rem;font-weight:300;margin-top:.5rem;padding-top:.5rem;text-align:right}.guest-order-card-details{border-top:1px solid #e2e8f0;display:flex;flex-direction:column;gap:1.5rem;margin-top:1.5rem;padding-top:1.5rem}.guest-order-details-section{display:flex;flex-direction:column;gap:.75rem}.guest-order-details-title{color:#1a202c;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;margin:0;text-transform:uppercase}.guest-order-items-list{display:flex;flex-direction:column;gap:.75rem}.guest-order-item{align-items:center;background:#f8fafc;border-radius:8px;display:flex;justify-content:space-between;padding:.75rem}.guest-order-item-name{color:#1a202c;flex:1 1;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;text-transform:uppercase}.guest-order-item-details{align-items:center;color:#64748b;display:flex;font-family:Inter,sans-serif;font-size:.875rem;gap:1rem}.guest-order-item-details span:last-child{color:#1a202c;font-weight:600;min-width:70px;text-align:right}.guest-order-special-instructions{background:#f8fafc;border-radius:8px;color:#64748b;font-family:Inter,sans-serif;font-size:.875rem;line-height:1.5;margin:0;padding:.75rem}.guest-order-details-row{align-items:center;display:flex;font-family:Inter,sans-serif;font-size:.875rem;justify-content:space-between;padding:.5rem 0}.guest-order-details-row span:first-child{color:#64748b;font-weight:500;text-transform:uppercase}.guest-order-details-row span:last-child{color:#1a202c;font-weight:600;text-transform:uppercase}.guest-order-payment-status{border-radius:6px;font-size:.75rem;padding:.25rem .5rem}.guest-order-payment-status.paid{background:#d1fae5;color:#065f46}.guest-order-payment-status.pending{background:#fef3c7;color:#92400e}.guest-order-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;margin-top:50px;padding:1rem;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.guest-order-modal-content{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.guest-order-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:.5rem 1.5rem}.guest-order-modal-title{color:#1a202c;font-family:Inter,sans-serif;font-size:1rem;font-weight:400;margin:0}.guest-order-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:.25rem;transition:background-color .2s ease}.guest-order-modal-close:hover{background:#f1f5f9;color:#1a202c}.guest-order-modal-body{-webkit-overflow-scrolling:touch;flex:1 1 auto;max-height:calc(90vh - 80px);min-height:0;overflow-x:hidden;overflow-y:auto;padding:1.5rem}.guest-order-bill{font-family:Inter,sans-serif}.guest-order-bill-header{border-bottom:1px dashed #e2e8f0;display:flex;flex-direction:column;gap:0;margin-bottom:.5rem;padding-bottom:.5rem}.guest-order-bill-items{margin-bottom:.5rem}.guest-order-bill-items-header{grid-gap:2rem;border-bottom:1px solid #e2e8f0;color:#64748b;display:grid;font-size:.75rem;font-weight:400;gap:2rem;grid-template-columns:1fr auto auto;padding:.5rem 0;text-transform:uppercase}.guest-order-bill-item-row{grid-gap:1rem;border-bottom:1px dashed #e2e8f0;display:grid;font-size:.75rem;gap:1rem;grid-template-columns:1fr auto auto;padding:.5rem 0}.guest-order-bill-item-name{color:#1a202c;text-transform:uppercase}.guest-order-bill-item-qty{color:#64748b;min-width:30px;text-align:center}.guest-order-bill-item-price{color:#1a202c;font-weight:500;min-width:70px;text-align:right}.guest-order-bill-summary-row{color:#64748b;display:flex;font-size:.75rem;justify-content:space-between;padding:.2rem 0}.guest-order-bill-summary-row span:first-child{text-transform:uppercase}.guest-order-bill-summary-row span:last-child{color:#1a202c;font-weight:300}.guest-order-bill-total{border-top:1px solid #e2e8f0;color:#1a202c;font-size:1rem;font-weight:600;margin-top:.5rem;padding-top:.5rem}.guest-order-bill-total span:first-child{text-transform:uppercase}.guest-order-bill-total span:last-child{font-size:1.125rem}.guest-order-bill-instructions{border-top:1px dashed #e2e8f0;margin-top:1.5rem;padding-top:1.5rem}.guest-order-bill-instructions-label{color:#64748b;font-size:.75rem;font-weight:600;margin-bottom:.5rem;text-transform:uppercase}.guest-order-bill-instructions-text{color:#1a202c;font-size:.875rem;line-height:1.5}@media (max-width:640px){.guest-order-history-page{padding:1rem}.guest-order-card{padding:.5rem}.guest-order-card-header{align-items:center;flex-direction:row;flex-wrap:nowrap;justify-content:space-between}.guest-order-modal-content{max-height:95vh;max-width:100%}.guest-order-modal-body,.guest-order-modal-header{padding:1rem}}.guest-hotel-info-container{margin:0 auto;max-width:800px;min-height:calc(100vh - 120px);padding:1rem}.guest-hotel-info-loading{align-items:center;display:flex;justify-content:center;min-height:50vh}.spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;border-top:3px solid var(--primary-color,#667eea);height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.guest-hotel-info-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;gap:1rem;margin-bottom:2rem;padding-bottom:1rem}.guest-hotel-info-back-btn{align-items:center;background:none;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.guest-hotel-info-back-btn:hover{background:#f1f5f9;color:#1a202c}.guest-hotel-info-title{color:#1a202c;font-size:1.5rem;font-weight:600;margin:0}.guest-hotel-info-empty{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.guest-hotel-info-empty svg{margin-bottom:1rem;opacity:.5}.guest-hotel-info-categories{display:flex;flex-direction:column;gap:1.5rem}.guest-hotel-info-category{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1.5rem}.guest-hotel-info-category-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.guest-hotel-info-category-icon-wrapper{align-items:center;background:color-mix(in srgb,#667eea 10%,#fff);background:color-mix(in srgb,var(--primary-color,#667eea) 10%,#fff);border-radius:12px;color:#667eea;color:var(--primary-color,#667eea);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.guest-hotel-info-category-title{color:#1a202c;font-size:1.25rem;font-weight:600;margin:0}.guest-hotel-info-category-description{color:#64748b;font-size:.875rem;line-height:1.5;margin:0 0 1rem}.guest-hotel-info-fields{display:flex;flex-direction:column;gap:1rem}.guest-hotel-info-field{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1rem}.guest-hotel-info-field-label{color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.guest-hotel-info-field-value-wrapper{align-items:center;display:flex;gap:.5rem}.guest-hotel-info-field-value{color:#1a202c;flex:1 1;font-size:1rem;word-break:break-word}.guest-hotel-info-field-link{align-items:center;color:#667eea;color:var(--primary-color,#667eea);display:flex;flex:1 1;font-size:1rem;gap:.5rem;text-decoration:none;transition:color .2s ease;word-break:break-all}.guest-hotel-info-field-link:hover{color:#764ba2;color:var(--secondary-color,#764ba2);text-decoration:underline}.guest-hotel-info-copy-btn{align-items:center;background:none;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:.5rem;transition:all .2s ease}.guest-hotel-info-copy-btn:hover{background:#e2e8f0;color:#1a202c}.guest-hotel-info-copy-btn svg{color:#667eea;color:var(--primary-color,#667eea)}.guest-hotel-info-no-fields{color:#94a3b8;font-size:.875rem;font-style:italic;padding:1rem;text-align:center}@media (max-width:768px){.guest-hotel-info-container{padding:.75rem}.guest-hotel-info-header{margin-bottom:1.5rem;padding-bottom:.75rem}.guest-hotel-info-title{font-size:1.25rem}.guest-hotel-info-category{padding:1rem}.guest-hotel-info-category-title{font-size:1.125rem}.guest-hotel-info-field{padding:.75rem}.guest-hotel-info-field-link,.guest-hotel-info-field-value{font-size:.875rem}}*{box-sizing:border-box;margin:0;padding:0}*,body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.App{min-height:100vh}button{font-family:inherit}a{text-decoration:none}input{font-family:inherit}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.0b0dbb18.css.map*/