*,:before,:after{--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: rgb(59 130 246 / .5);--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: rgb(59 130 246 / .5);--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: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,Poppins,Nunito,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}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,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color: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:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-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,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-y-0{top:0;bottom:0}.bottom-0{bottom:0}.left-0{left:0}.left-1{left:.25rem}.left-1\/2{left:50%}.right-0{right:0}.right-2{right:.5rem}.top-0{top:0}.top-1\/2{top:50%}.top-3{top:.75rem}.top-\[6px\]{top:6px}.z-40{z-index:40}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.-ml-1{margin-left:-.25rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.\!block{display:block!important}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-12{height:3rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-32{height:8rem}.h-4{height:1rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-full{height:100%}.h-px{height:1px}.max-h-60{max-height:15rem}.max-h-72{max-height:18rem}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-2{width:.5rem}.w-20{width:5rem}.w-3{width:.75rem}.w-3\/4{width:75%}.w-32{width:8rem}.w-4{width:1rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-72{width:18rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0px}.min-w-full{min-width:100%}.max-w-3xl{max-width:48rem}.max-w-6xl{max-width:72rem}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-2{--tw-translate-y: .5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[-2px\]{--tw-translate-y: -2px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{animation:bounce 1s infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-gray-100>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(243 244 246 / var(--tw-divide-opacity, 1))}.divide-gray-200>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(229 231 235 / var(--tw-divide-opacity, 1))}.self-center{align-self:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-card{border-radius:20px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-amber-200{--tw-border-opacity: 1;border-color:rgb(253 230 138 / var(--tw-border-opacity, 1))}.border-amber-300{--tw-border-opacity: 1;border-color:rgb(252 211 77 / var(--tw-border-opacity, 1))}.border-blue-200{--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1))}.border-blue-300{--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1))}.border-blue-400{--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1))}.border-blue-500{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.border-blue-600{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity, 1))}.border-emerald-200{--tw-border-opacity: 1;border-color:rgb(167 243 208 / var(--tw-border-opacity, 1))}.border-emerald-300{--tw-border-opacity: 1;border-color:rgb(110 231 183 / var(--tw-border-opacity, 1))}.border-gray-100{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-orange-300{--tw-border-opacity: 1;border-color:rgb(253 186 116 / var(--tw-border-opacity, 1))}.border-red-300{--tw-border-opacity: 1;border-color:rgb(252 165 165 / var(--tw-border-opacity, 1))}.border-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.border-rose-200{--tw-border-opacity: 1;border-color:rgb(254 205 211 / var(--tw-border-opacity, 1))}.border-rose-300{--tw-border-opacity: 1;border-color:rgb(253 164 175 / var(--tw-border-opacity, 1))}.border-slate-100{--tw-border-opacity: 1;border-color:rgb(241 245 249 / var(--tw-border-opacity, 1))}.border-slate-200{--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1))}.border-slate-300{--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.border-violet-300{--tw-border-opacity: 1;border-color:rgb(196 181 253 / var(--tw-border-opacity, 1))}.border-yellow-300{--tw-border-opacity: 1;border-color:rgb(253 224 71 / var(--tw-border-opacity, 1))}.bg-amber-100{--tw-bg-opacity: 1;background-color:rgb(254 243 199 / var(--tw-bg-opacity, 1))}.bg-amber-50{--tw-bg-opacity: 1;background-color:rgb(255 251 235 / var(--tw-bg-opacity, 1))}.bg-amber-500{--tw-bg-opacity: 1;background-color:rgb(245 158 11 / var(--tw-bg-opacity, 1))}.bg-black\/40{background-color:#0006}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.bg-blue-400{--tw-bg-opacity: 1;background-color:rgb(96 165 250 / var(--tw-bg-opacity, 1))}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-blue-700{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.bg-emerald-100{--tw-bg-opacity: 1;background-color:rgb(209 250 229 / var(--tw-bg-opacity, 1))}.bg-emerald-50{--tw-bg-opacity: 1;background-color:rgb(236 253 245 / var(--tw-bg-opacity, 1))}.bg-emerald-500{--tw-bg-opacity: 1;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))}.bg-emerald-600{--tw-bg-opacity: 1;background-color:rgb(5 150 105 / var(--tw-bg-opacity, 1))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-gray-400{--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.bg-green-400{--tw-bg-opacity: 1;background-color:rgb(74 222 128 / var(--tw-bg-opacity, 1))}.bg-green-50{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.bg-indigo-600{--tw-bg-opacity: 1;background-color:rgb(79 70 229 / var(--tw-bg-opacity, 1))}.bg-orange-100{--tw-bg-opacity: 1;background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1))}.bg-orange-400{--tw-bg-opacity: 1;background-color:rgb(251 146 60 / var(--tw-bg-opacity, 1))}.bg-primary-50{--tw-bg-opacity: 1;background-color:rgb(245 247 255 / var(--tw-bg-opacity, 1))}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.bg-red-400{--tw-bg-opacity: 1;background-color:rgb(248 113 113 / var(--tw-bg-opacity, 1))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.bg-rose-100{--tw-bg-opacity: 1;background-color:rgb(255 228 230 / var(--tw-bg-opacity, 1))}.bg-rose-400{--tw-bg-opacity: 1;background-color:rgb(251 113 133 / var(--tw-bg-opacity, 1))}.bg-rose-50{--tw-bg-opacity: 1;background-color:rgb(255 241 242 / var(--tw-bg-opacity, 1))}.bg-rose-500{--tw-bg-opacity: 1;background-color:rgb(244 63 94 / var(--tw-bg-opacity, 1))}.bg-rose-600{--tw-bg-opacity: 1;background-color:rgb(225 29 72 / var(--tw-bg-opacity, 1))}.bg-slate-100{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.bg-slate-200{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity, 1))}.bg-slate-300{--tw-bg-opacity: 1;background-color:rgb(203 213 225 / var(--tw-bg-opacity, 1))}.bg-slate-400{--tw-bg-opacity: 1;background-color:rgb(148 163 184 / var(--tw-bg-opacity, 1))}.bg-slate-50{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}.bg-slate-800{--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.bg-slate-900{--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1))}.bg-violet-100{--tw-bg-opacity: 1;background-color:rgb(237 233 254 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-yellow-100{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1))}.bg-yellow-400{--tw-bg-opacity: 1;background-color:rgb(250 204 21 / var(--tw-bg-opacity, 1))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-blue-50{--tw-gradient-from: #eff6ff var(--tw-gradient-from-position);--tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-500{--tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-emerald-500{--tw-gradient-to: #10b981 var(--tw-gradient-to-position)}.to-white{--tw-gradient-to: #fff var(--tw-gradient-to-position)}.object-cover{-o-object-fit:cover;object-fit:cover}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-4{padding-bottom:1rem}.pl-5{padding-left:1.25rem}.pr-10{padding-right:2.5rem}.pr-3{padding-right:.75rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-4{line-height:1rem}.tracking-wider{letter-spacing:.05em}.text-amber-600{--tw-text-opacity: 1;color:rgb(217 119 6 / var(--tw-text-opacity, 1))}.text-amber-700{--tw-text-opacity: 1;color:rgb(180 83 9 / var(--tw-text-opacity, 1))}.text-amber-800{--tw-text-opacity: 1;color:rgb(146 64 14 / var(--tw-text-opacity, 1))}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-blue-700{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.text-blue-800{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.text-emerald-600{--tw-text-opacity: 1;color:rgb(5 150 105 / var(--tw-text-opacity, 1))}.text-emerald-700{--tw-text-opacity: 1;color:rgb(4 120 87 / var(--tw-text-opacity, 1))}.text-emerald-800{--tw-text-opacity: 1;color:rgb(6 95 70 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-green-700{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.text-green-800{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}.text-indigo-600{--tw-text-opacity: 1;color:rgb(79 70 229 / var(--tw-text-opacity, 1))}.text-orange-800{--tw-text-opacity: 1;color:rgb(154 52 18 / var(--tw-text-opacity, 1))}.text-primary-500{--tw-text-opacity: 1;color:rgb(115 89 255 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.text-red-800{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}.text-rose-600{--tw-text-opacity: 1;color:rgb(225 29 72 / var(--tw-text-opacity, 1))}.text-rose-700{--tw-text-opacity: 1;color:rgb(190 18 60 / var(--tw-text-opacity, 1))}.text-rose-800{--tw-text-opacity: 1;color:rgb(159 18 57 / var(--tw-text-opacity, 1))}.text-slate-400{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.text-slate-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.text-slate-600{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.text-slate-700{--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity, 1))}.text-slate-800{--tw-text-opacity: 1;color:rgb(30 41 59 / var(--tw-text-opacity, 1))}.text-slate-900{--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.text-violet-800{--tw-text-opacity: 1;color:rgb(91 33 182 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-yellow-800{--tw-text-opacity: 1;color:rgb(133 77 14 / var(--tw-text-opacity, 1))}.line-through{text-decoration-line:line-through}.placeholder-gray-400::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}.placeholder-gray-400::placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}.placeholder-gray-500::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(107 114 128 / var(--tw-placeholder-opacity, 1))}.placeholder-gray-500::placeholder{--tw-placeholder-opacity: 1;color:rgb(107 114 128 / var(--tw-placeholder-opacity, 1))}.accent-blue-600{accent-color:#2563eb}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.blur{--tw-blur: blur(8px);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)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\:bg-blue-50:hover{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-800:hover{--tw-bg-opacity: 1;background-color:rgb(30 64 175 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.hover\:bg-indigo-700:hover{--tw-bg-opacity: 1;background-color:rgb(67 56 202 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-50:hover{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}.hover\:text-blue-500:hover{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.hover\:text-blue-800:hover{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.hover\:text-primary-600:hover{--tw-text-opacity: 1;color:rgb(99 71 255 / var(--tw-text-opacity, 1))}.hover\:text-rose-700:hover{--tw-text-opacity: 1;color:rgb(190 18 60 / var(--tw-text-opacity, 1))}.hover\:text-slate-600:hover{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.hover\:text-slate-800:hover{--tw-text-opacity: 1;color:rgb(30 41 59 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-md:hover{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:z-10:focus{z-index:10}.focus\:border-blue-500:focus{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.focus\:border-indigo-500:focus{--tw-border-opacity: 1;border-color:rgb(99 102 241 / var(--tw-border-opacity, 1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-1: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(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.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),var(--tw-shadow, 0 0 #0000)}.focus\:ring-blue-400:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity, 1))}.focus\:ring-blue-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.focus\:ring-indigo-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity, 1))}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.disabled\:opacity-60:disabled{opacity:.6}.group:last-child .group-last\:hidden{display:none}@media (min-width: 640px){.sm\:col-span-2{grid-column:span 2 / span 2}.sm\:block{display:block}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:p-6{padding:1.5rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width: 768px){.md\:col-span-2{grid-column:span 2 / span 2}.md\:col-span-3{grid-column:span 3 / span 3}.md\:col-span-5{grid-column:span 5 / span 5}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:sticky{position:sticky}.lg\:top-4{top:1rem}.lg\:col-span-1{grid-column:span 1 / span 1}.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:px-8{padding-left:2rem;padding-right:2rem}}.register-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.register-card{background:linear-gradient(135deg,#667eea,#764ba2);padding:32px;border-radius:12px;box-shadow:0 8px 24px #0000001a;width:100%;max-width:400px;border:1px solid rgba(255,255,255,.2)}.register-header{text-align:center;margin-bottom:24px}.register-title{color:#f6faff;font-size:24px;font-weight:700;margin-bottom:4px}.register-subtitle{color:#c6c9cd;font-size:14px;margin:0}.register-form{display:flex;flex-direction:column;gap:16px}.name-row{display:flex;gap:12px;width:100%}.name-input{flex:1;min-width:0}.form-group{display:flex;flex-direction:column}.form-input{padding:10px 12px;border:1.5px solid #e2e8f0;border-radius:6px;font-size:14px;transition:all .2s ease;background-color:#fff;height:40px;width:100%;box-sizing:border-box}.role-select{padding:10px 32px 10px 12px;border:1.5px solid #e2e8f0;border-radius:6px;font-size:14px;transition:all .2s ease;background-color:#fff;height:40px;width:100%;box-sizing:border-box;color:#2d3748;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'><path fill='%23666' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>");background-repeat:no-repeat;background-position:right 12px center;background-size:12px}.role-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.role-select:disabled{background-color:#f7fafc;cursor:not-allowed;opacity:.7;color:#a0aec0}.role-select option{color:#2d3748;padding:8px;font-size:14px}.role-select option[value=""]{color:#a0aec0}.form-input:focus,.password-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.form-input:disabled,.role-select:disabled,.password-input:disabled{background-color:#f7fafc;cursor:not-allowed;opacity:.7}.form-input::-moz-placeholder,.password-input::-moz-placeholder{color:#a0aec0;font-size:13px}.form-input::placeholder,.password-input::placeholder{color:#a0aec0;font-size:13px}.error-message{background-color:#fed7d7;color:#c53030;padding:10px 12px;border-radius:6px;border:1px solid #feb2b2;display:flex;align-items:center;gap:6px;font-size:13px;margin-bottom:16px}.error-icon{font-size:14px}.submit-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 20px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px;margin-top:4px;height:42px;width:100%}.submit-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.submit-button:disabled{cursor:not-allowed;opacity:.7}.submit-button.loading{background:#a0aec0}.spinner{width:14px;height:14px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.register-footer{text-align:center;margin-top:20px;padding-top:20px;border-top:1px solid #e2e8f0;color:#fcfcfc;font-size:13px}.login-link{color:#667eea;text-decoration:none;font-weight:600;transition:color .2s ease}.login-link:hover{color:#5a6fd8;text-decoration:underline}@media (max-width: 480px){.register-container{padding:12px}.register-card{padding:24px 20px}.name-row{flex-direction:column;gap:12px}.register-title{font-size:22px}}.password-strength{margin-top:8px}.strength-bar{display:flex;gap:4px;margin-bottom:8px}.strength-segment{height:4px;flex:1;border-radius:2px;transition:background-color .3s ease}.strength-info{display:flex;justify-content:space-between;align-items:flex-start}.strength-text{font-size:12px;font-weight:600;text-transform:uppercase}.password-requirements{margin-top:8px;padding:12px;background-color:#f7fafc;border-radius:6px;border-left:3px solid #667eea}.requirements-title{font-size:12px;font-weight:600;color:#4a5568;margin:0 0 6px}.requirements-list{margin:0;padding-left:16px;list-style:none}.requirement-item{font-size:11px;color:#a0aec0;margin-bottom:2px;position:relative;transition:color .3s ease}.requirement-item:before{content:"✗";position:absolute;left:-16px;color:#e53e3e}.requirement-item.requirement-met{color:#48bb78}.requirement-item.requirement-met:before{content:"✓";color:#48bb78}.password-group{position:relative}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input{padding:10px 42px 10px 12px;border:1.5px solid #e2e8f0;border-radius:6px;font-size:14px;transition:all .2s ease;background-color:#fff;height:40px;width:100%;box-sizing:border-box}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;padding:4px;cursor:pointer;color:#a0aec0;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.password-toggle:hover:not(:disabled){color:#667eea;background-color:#f7fafc}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.eye-icon{display:block}.submit-button:disabled:not(.loading){background:#a0aec0;cursor:not-allowed;transform:none;box-shadow:none}:root{--sb-primary-color: #7269ef;--sb-primary-dark: #6658dd;--sb-bg-color: #fff;--sb-bg-secondary: #f8f9fa;--sb-text-color: #495057;--sb-text-muted: #6c757d;--sb-border-color: #e9ecef;--sb-shadow: 0 .5rem 1rem rgba(0, 0, 0, .05);--sb-border-radius: 12px;--sb-transition: all .3s cubic-bezier(.4, 0, .2, 1);--sb-sidebar-width: 260px;--sb-sidebar-collapsed: 70px;--sb-header-height: 120px;--sb-footer-height: 220px}[data-theme=dark]{--sb-bg-color: #1a1a1a;--sb-bg-secondary: #2d2d2d;--sb-text-color: #e9ecef;--sb-text-muted: #adb5bd;--sb-border-color: #404040;--sb-shadow: 0 .5rem 1rem rgba(0, 0, 0, .2)}.sb-sidebar{position:fixed;left:0;top:0;height:100vh;width:var(--sb-sidebar-width);background:var(--sb-bg-color);border-right:1px solid var(--sb-border-color);display:flex;flex-direction:column;transition:var(--sb-transition);z-index:1000;box-shadow:var(--sb-shadow);overflow:hidden}.sb-sidebar.sb-collapsed{width:var(--sb-sidebar-collapsed)}.sb-sidebar-header{padding:1rem;border-bottom:.1px solid var(--sb-border-color);background:var(--sb-bg-color);flex-shrink:0;min-height:var(--sb-header-height);box-sizing:border-box}.sb-sidebar-content{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;display:flex;flex-direction:column}.sb-sidebar-nav{position:relative;flex:1;min-height:0}.sb-sidebar-footer{border-top:1px solid var(--sb-border-color);background:var(--sb-bg-color);flex-shrink:0;height:auto;max-height:var(--sb-footer-height);box-sizing:border-box;overflow-y:auto}.sb-sidebar>*{box-sizing:border-box}.sb-logo{display:flex;align-items:center;gap:.75rem}.sb-logo-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--sb-primary-color),var(--sb-primary-dark));border-radius:10px;color:#fff}.sb-toggle-btn{background:none;border:none;color:inherit;cursor:pointer;padding:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:var(--sb-transition)}.sb-toggle-btn:hover{transform:scale(1.05);background:#ffffff1a}.sb-logo-content{display:flex;flex-direction:column;gap:.25rem}.sb-logo-text{font-size:1.25rem;font-weight:700;color:var(--sb-text-color);line-height:1}.sb-version{font-size:.75rem;color:var(--sb-text-muted);font-weight:500}.sb-search-container{margin-top:1rem}.sb-search-wrapper{position:relative;display:flex;align-items:center;gap:8px}.sb-search-icon{position:absolute;left:.75rem;color:var(--sb-text-muted);z-index:1}.sb-search-input{width:100%;padding:.75rem .75rem .75rem 2.5rem;border:1px solid var(--sb-border-color);border-radius:8px;background:var(--sb-bg-secondary);color:var(--sb-text-color);font-size:.875rem;transition:var(--sb-transition)}.sb-search-input:focus{outline:none;border-color:var(--sb-primary-color);box-shadow:0 0 0 3px #7269ef1a}.sb-search-clear{position:absolute;right:.5rem;background:none;border:none;color:var(--sb-text-muted);cursor:pointer;padding:.25rem;border-radius:4px;transition:var(--sb-transition)}.sb-search-clear:hover{color:var(--sb-text-color);background:var(--sb-border-color)}.sb-search-results-info{padding:.5rem 1rem;font-size:.75rem;color:var(--sb-text-muted);border-bottom:1px solid var(--sb-border-color);background:var(--sb-bg-secondary)}.sb-active-indicator{position:absolute;left:.5rem;right:.5rem;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1}.sb-category-header{padding:1rem 1.5rem .5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--sb-text-muted);margin-top:.5rem}.sb-sidebar.sb-collapsed .sb-category-header{display:none}.sb-sidebar-nav ul{list-style:none;margin:0;padding:.5rem 0;position:relative}.sb-menu-item{position:relative;margin:.25rem .5rem}.sb-menu-link{display:flex;align-items:center;padding:.75rem 1rem;color:var(--sb-text-color);text-decoration:none;border-radius:8px;transition:var(--sb-transition);position:relative;z-index:2}.sb-menu-link:hover{background:var(--sb-bg-secondary);color:var(--sb-primary-color);transform:translate(2px)}.sb-menu-item.sb-active .sb-menu-link{background:#7269ef1a;color:var(--sb-primary-color);font-weight:600}.sb-menu-item.sb-search-match .sb-menu-link{background:#ffc1071a;border:1px solid rgba(255,193,7,.2)}.sb-menu-item-content{display:flex;align-items:center;gap:.75rem;width:100%}.sb-menu-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:1.25rem;flex-shrink:0}.sb-menu-text-wrapper{display:flex;align-items:center;justify-content:space-between;width:100%}.sb-menu-text{font-size:.875rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-menu-badge{background:var(--sb-primary-color);color:#fff;font-size:.625rem;font-weight:600;padding:.125rem .375rem;border-radius:10px;min-width:18px;text-align:center}.sb-tooltip{position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);background:#1a1a1a;color:#fff;padding:.5rem .75rem;border-radius:6px;font-size:.75rem;font-weight:500;white-space:nowrap;z-index:1000;box-shadow:0 4px 12px #00000026;animation:sb-fadeIn .2s ease-out}.sb-tooltip:before{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);border:5px solid transparent;border-right-color:#1a1a1a}.sb-tooltip-badge{background:#ff4757;color:#fff;font-size:.5rem;padding:.125rem .25rem;border-radius:8px;margin-left:.5rem}@keyframes sb-fadeIn{0%{opacity:0;transform:translateY(-50%) translate(-10px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.sb-quick-actions{margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--sb-border-color)}.sb-quick-actions-header{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--sb-text-muted);margin-bottom:.5rem}.sb-quick-actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.sb-quick-action-btn{background:var(--sb-bg-secondary);border:1px solid var(--sb-border-color);border-radius:8px;padding:.5rem;cursor:pointer;transition:var(--sb-transition);display:flex;align-items:center;justify-content:center;color:var(--sb-text-color)}.sb-quick-action-btn:hover{background:var(--sb-primary-color);color:#fff;transform:translateY(-1px)}.sb-notifications-container{position:relative;margin-bottom:.75rem}.sb-notifications-btn{width:100%;background:var(--sb-bg-secondary);border:1px solid var(--sb-border-color);border-radius:8px;padding:.75rem;cursor:pointer;transition:var(--sb-transition);display:flex;align-items:center;justify-content:center;color:var(--sb-text-color);position:relative}.sb-notifications-btn:hover{background:var(--sb-primary-color);color:#fff}.sb-notifications-badge{position:absolute;top:-5px;right:-5px;background:#ff4757;color:#fff;font-size:.625rem;font-weight:600;padding:.125rem .375rem;border-radius:10px;min-width:18px;text-align:center}.sb-user-profile{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;padding:.75rem;background:var(--sb-bg-secondary);border-radius:8px}.sb-avatar{position:relative;width:40px;height:40px;flex-shrink:0}.sb-avatar img{width:100%;height:100%;border-radius:8px;-o-object-fit:cover;object-fit:cover}.sb-user-status{position:absolute;bottom:0;right:0;width:10px;height:10px;background:#28a745;border:2px solid var(--sb-bg-color);border-radius:50%}.sb-user-info{flex:1;min-width:0}.sb-user-info h4{margin:0 0 .125rem;font-size:.875rem;font-weight:600;color:var(--sb-text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-user-info p{margin:0 0 .25rem;font-size:.75rem;color:var(--sb-text-muted);font-weight:500}.sb-user-email{font-size:.7rem;color:var(--sb-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-footer-buttons{display:flex;flex-direction:column;gap:.5rem}.sb-logout-btn,.sb-theme-toggle{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:none;border:1px solid var(--sb-border-color);border-radius:8px;color:var(--sb-text-color);cursor:pointer;transition:var(--sb-transition);text-decoration:none;width:100%;box-sizing:border-box}.sb-logout-btn:hover{background:#ff4757;color:#fff;border-color:#ff4757}.sb-theme-toggle:hover{background:var(--sb-primary-color);color:#fff;border-color:var(--sb-primary-color)}.sb-sidebar.sb-collapsed .sb-search-container,.sb-sidebar.sb-collapsed .sb-category-header,.sb-sidebar.sb-collapsed .sb-menu-text,.sb-sidebar.sb-collapsed .sb-menu-badge,.sb-sidebar.sb-collapsed .sb-user-info,.sb-sidebar.sb-collapsed .sb-quick-actions,.sb-sidebar.sb-collapsed .sb-logout-btn span,.sb-sidebar.sb-collapsed .sb-theme-toggle span{display:none}.sb-sidebar.sb-collapsed .sb-user-profile{justify-content:center;padding:.5rem}.sb-sidebar.sb-collapsed .sb-logout-btn,.sb-sidebar.sb-collapsed .sb-theme-toggle{justify-content:center;padding:.75rem}.sb-sidebar.sb-collapsed .sb-footer-buttons{gap:.25rem}.sb-sidebar-content::-webkit-scrollbar{width:4px}.sb-sidebar-content::-webkit-scrollbar-track{background:var(--sb-bg-secondary)}.sb-sidebar-content::-webkit-scrollbar-thumb{background:var(--sb-border-color);border-radius:2px}.sb-sidebar-content::-webkit-scrollbar-thumb:hover{background:var(--sb-text-muted)}.sb-sidebar-footer::-webkit-scrollbar{width:4px}.sb-sidebar-footer::-webkit-scrollbar-track{background:var(--sb-bg-secondary)}.sb-sidebar-footer::-webkit-scrollbar-thumb{background:var(--sb-border-color);border-radius:2px}.sb-main-content{margin-left:var(--sb-sidebar-width);transition:var(--sb-transition);min-height:100vh;background:var(--sb-bg-secondary)}.sb-sidebar.sb-collapsed~.sb-main-content{margin-left:var(--sb-sidebar-collapsed)}@media (max-width: 768px){.sb-sidebar{transform:translate(-100%);z-index:1000}.sb-sidebar.sb-mobile-open{transform:translate(0)}.sb-sidebar.sb-collapsed{transform:translate(-100%)}.sb-main-content{margin-left:0!important}}.sb-toggle-btn:focus,.sb-menu-link:focus,.sb-quick-action-btn:focus,.sb-notifications-btn:focus,.sb-logout-btn:focus,.sb-theme-toggle:focus{outline:2px solid var(--sb-primary-color);outline-offset:2px}.sb-user-profile-with-logout{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:var(--sb-bg-secondary);border-radius:8px;margin-bottom:.75rem}.sb-user-compact{display:flex;align-items:center;gap:.75rem;flex:1}.sb-user-info-compact{flex:1;min-width:0}.sb-user-main-info{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.sb-user-main-info h4{margin:0;font-size:.875rem;font-weight:600;color:var(--sb-text-color)}.sb-user-role{font-size:.7rem;color:var(--sb-text-muted);background:var(--sb-border-color);padding:.125rem .375rem;border-radius:4px}.sb-user-email-compact{font-size:.7rem;color:var(--sb-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.sb-logout-btn-compact{background:none;border:1px solid var(--sb-border-color);border-radius:6px;padding:.5rem;color:var(--sb-text-color);cursor:pointer;transition:var(--sb-transition);display:flex;align-items:center;gap:.5rem}.sb-logout-btn-compact:hover{background:#ff4757;color:#fff;border-color:#ff4757}.sb-sidebar.sb-collapsed .sb-user-info-compact,.sb-sidebar.sb-collapsed .sb-logout-btn-compact span{display:none}.sb-sidebar.sb-collapsed .sb-user-profile-with-logout{justify-content:center;padding:.5rem}.sb-notification-logout-container{background:var(--sb-bg-color);border-top:1px solid var(--sb-border-color);border-bottom:1px solid var(--sb-border-color);padding:1rem;flex-shrink:0;z-index:5}.sb-sidebar.sb-collapsed .sb-notification-logout-container{padding:.75rem .5rem}.sb-logout-btn-compact{background:none;border:1px solid var(--sb-border-color);border-radius:6px;padding:.5rem;color:var(--sb-text-color);cursor:pointer;transition:var(--sb-transition);display:flex;align-items:center;justify-content:center}.sb-logout-btn-compact:hover{background:#ff4757;color:#fff;border-color:#ff4757;transform:scale(1.05)}.sb-sidebar.sb-collapsed .sb-user-profile-with-logout{flex-direction:column;gap:.5rem}.sb-sidebar.sb-collapsed .sb-user-compact{justify-content:center}.sb-notifications-panel{position:absolute;bottom:100%;left:0;right:0;background:var(--sb-bg-color);border:1px solid var(--sb-border-color);border-radius:8px;margin-bottom:.5rem;box-shadow:var(--sb-shadow);z-index:20}.sb-notifications-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--sb-border-color)}.sb-notifications-header h4{margin:0;font-size:.875rem;font-weight:600;color:var(--sb-text-color)}.sb-notifications-actions{display:flex;align-items:center;gap:.5rem}.sb-notifications-actions button{background:none;border:none;color:var(--sb-text-muted);cursor:pointer;padding:.25rem;border-radius:4px;font-size:.75rem;transition:var(--sb-transition)}.sb-notifications-actions button:hover{color:var(--sb-text-color);background:var(--sb-bg-secondary)}.sb-notifications-list{max-height:200px;overflow-y:auto}.sb-notification-item{padding:.75rem 1rem;border-bottom:1px solid var(--sb-border-color);transition:var(--sb-transition)}.sb-notification-item:last-child{border-bottom:none}.sb-notification-item:hover{background:var(--sb-bg-secondary)}.sb-notification-content p{margin:0 0 .25rem;font-size:.8rem;color:var(--sb-text-color)}.sb-notification-time{font-size:.7rem;color:var(--sb-text-muted)}.sb-notification-info{border-left:3px solid #17a2b8}.sb-notification-success{border-left:3px solid #28a745}.sb-notification-warning{border-left:3px solid #ffc107}.sb-tooltip{position:absolute;left:100%;top:50%;transform:translateY(-50%);background:#000c;color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;white-space:nowrap;z-index:1000;margin-left:8px;pointer-events:none;animation:sb-tooltip-fade .2s ease-in-out}.sb-tooltip:before{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);border:5px solid transparent;border-right-color:#000c}.sb-tooltip-right{left:100%;right:auto;margin-left:8px}.sb-tooltip-right:before{right:100%;left:auto;border-right-color:#000c;border-left-color:transparent}@keyframes sb-tooltip-fade{0%{opacity:0;transform:translateY(-50%) translate(-10px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.sb-menu-item,.sb-toggle-btn,.sb-notifications-btn,.sb-quick-action-btn,.sb-user-compact,.sb-logout-btn-compact,.sb-theme-toggle{position:relative}.sb-tooltip{pointer-events:none}:root{--ds-primary: #7269ef;--ds-primary-dark: #6658dd;--ds-success: #22c55e;--ds-error: #ef4444;--ds-warning: #f59e0b;--ds-info: #3b82f6;--ds-bg-gradient: linear-gradient(135deg, #f0f4f8 0%, #e0e7ff 100%);--ds-card-bg: #fdfbff;--ds-text-primary: #0a0214;--ds-text-secondary: #9f9f9f;--ds-border: #e5e7eb;--ds-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--ds-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--ds-border-radius: 12px;--ds-transition: all .3s cubic-bezier(.4, 0, .2, 1)}.ds-page-content{background:var(--ds-bg-gradient);min-height:100vh;color:var(--ds-text-primary)}.ds-system-header{background:var(--ds-card-bg);box-shadow:var(--ds-shadow);border-bottom:1px solid var(--ds-border)}.ds-header-container{max-width:1400px;margin:0 auto;padding:0 24px}.ds-header-content{display:flex;justify-content:space-between;align-items:center;height:80px}.ds-header-title{font-size:2rem;font-weight:700;margin:0 0 4px;color:var(--ds-text-primary);font-family:Inter,Poppins,sans-serif}.ds-header-subtitle{font-size:1rem;color:var(--ds-text-secondary);margin:0;font-weight:400}.ds-header-controls{display:flex;align-items:center;gap:1rem}.ds-date-select{border:1px solid var(--ds-border);border-radius:var(--ds-border-radius);padding:.75rem 1rem;font-size:.875rem;background:var(--ds-card-bg);color:var(--ds-text-primary);transition:var(--ds-transition)}.ds-date-select:focus{outline:none;border-color:var(--ds-primary);box-shadow:0 0 0 3px #7269ef1a}.ds-user-avatar{display:flex;align-items:center}.ds-avatar-icon{width:40px;height:40px;background:var(--ds-primary);border-radius:50%;display:flex;align-items:center;justify-content:center}.ds-avatar-text{color:#fff;font-size:.875rem;font-weight:600}.ds-main-content{max-width:1400px;margin:0 auto;padding:24px;width:100%}.ds-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.ds-charts-section{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;margin-bottom:2rem}.ds-charts-main{grid-column:1}.ds-sidebar-section{display:flex;flex-direction:column;gap:1.5rem}.ds-sidebar-card{background:var(--ds-card-bg);border-radius:var(--ds-border-radius);box-shadow:var(--ds-shadow);padding:1.5rem}.ds-sidebar-title{font-size:1.25rem;font-weight:600;color:var(--ds-text-primary);margin:0 0 1rem}.ds-deadlines-list{list-style:none;margin:0;padding:0;max-height:256px;overflow-y:auto}.ds-deadline-item{padding:.75rem 0;border-bottom:1px solid var(--ds-border)}.ds-deadline-item:last-child{border-bottom:none}.ds-deadline-content{display:flex;justify-content:space-between;align-items:center}.ds-deadline-ticket{font-size:.875rem;font-weight:500;color:var(--ds-text-primary);margin:0 0 .25rem}.ds-deadline-info{font-size:.75rem;color:var(--ds-text-secondary);margin:0}.ds-deadline-status{font-weight:500}.ds-status-confirmed{color:var(--ds-success)}.ds-status-cancelled{color:var(--ds-error)}.ds-deadline-badge{font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:6px;white-space:nowrap}.ds-deadline-soon{background:#ef44441a;color:var(--ds-error);border:1px solid rgba(239,68,68,.2)}.ds-deadline-normal{background:#9ca3af1a;color:var(--ds-text-secondary)}.ds-deadline-expired{color:var(--ds-text-secondary);font-style:italic;text-decoration:line-through}.ds-no-data{color:var(--ds-text-secondary);font-size:.875rem;text-align:center;margin:1rem 0}.ds-chart-placeholder{height:256px;background:#9ca3af1a;border-radius:var(--ds-border-radius)}.ds-bottom-section{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width: 1024px){.ds-charts-section,.ds-bottom-section{grid-template-columns:1fr}}@media (max-width: 768px){.ds-main-content{padding:16px}.ds-header-content{flex-direction:column;height:auto;padding:1rem 0;gap:1rem}.ds-header-title{font-size:1.5rem}.ds-kpi-grid{grid-template-columns:1fr}}@media (max-width: 480px){.ds-header-container{padding:0 16px}.ds-main-content{padding:12px}.ds-sidebar-card{padding:1rem}}.recent-activity-card{font-size:13px}.recent-activity-card li:hover{background:#f9fafb;transition:.15s ease}.hotel-form-container{padding:20px;transform:scale(.92);transform-origin:top center;background:#fff;border-radius:12px;box-shadow:0 8px 30px #00000014;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#2d3748}.form-header{text-align:left;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between}.form-header h2{color:#2a4365;font-weight:700;margin-bottom:6px;font-size:22px;letter-spacing:-.5px}.form-header p{color:#718096;margin-bottom:10px;font-size:12px;line-height:1.5}.form-progress{display:flex;justify-content:space-between;max-width:500px;width:704px;margin:0 auto;position:relative}.form-progress:before{content:"";position:absolute;top:20px;left:0;right:0;height:4px;background-color:#e2e8f0;z-index:1;border-radius:2px}.progress-step{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2}.progress-step span{width:30px;height:30px;font-size:13px;border-radius:50%;background-color:#e2e8f0;color:#718096;display:flex;align-items:center;justify-content:center;margin-bottom:10px;font-weight:600;transition:all .3s ease;box-shadow:0 2px 5px #00000014;border:2px solid #e2e8f0}.progress-step.active span{background-color:#3182ce;color:#fff;border-color:#3182ce;box-shadow:0 4px 10px #3182ce4d}.progress-step p{margin:0;font-size:12px;color:#a0aec0;font-weight:500}.progress-step.active p{color:#3182ce;font-weight:600}.page-header{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #edf2f7}.page-header h3{margin-bottom:8px;color:#2d3748;font-weight:600;font-size:18px;display:flex;align-items:center;gap:12px}.page-header p{color:#718096;margin:0;font-size:13px;line-height:1.5}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;margin-bottom:25px}.form-group{margin-bottom:24px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#4a5568;display:flex;align-items:center;gap:8px;font-size:14px}.form-group input,.form-group textarea{width:100%;padding:14px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:15px;transition:all .3s;box-sizing:border-box;background:#fff;color:#2d3748}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px #4299e126}.form-group input.error,.form-group input.error:focus{border-color:#e53e3e;box-shadow:0 0 0 3px #e53e3e26}.error-text{color:#e53e3e;font-size:13px;margin-top:6px;display:block;font-weight:500}.required{color:#e53e3e;font-weight:600}.searchable-dropdown,.dropdown-container{position:relative}.dropdown-container input{padding-right:45px}.dropdown-chevron{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#a0aec0;pointer-events:none;font-size:14px}.dropdown-options{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-top:none;border-radius:0 0 8px 8px;max-height:220px;overflow-y:auto;z-index:10;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.dropdown-option{padding:12px 16px;cursor:pointer;transition:background .2s;border-bottom:1px solid #f7fafc;font-size:14px}.dropdown-option:last-child{border-bottom:none}.dropdown-option:hover{background:#f7fafc}.manual-option{color:#3182ce;font-weight:500}.phone-input-container{display:flex;align-items:center}.phone-prefix{padding:14px 12px;background:#f7fafc;border:1px solid #e2e8f0;border-right:none;border-radius:8px 0 0 8px;color:#718096;font-size:14px;font-weight:500}.phone-input-container input{border-radius:0 8px 8px 0;flex:1}.form-section{margin-bottom:32px;padding:24px;background:#f7fafc;border-radius:10px;border:1px solid #e2e8f0}.section-header{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #edf2f7}.section-header h3{color:#2d3748;font-weight:600;font-size:20px;display:flex;align-items:center;gap:10px;margin-bottom:6px}.section-header p{color:#718096;margin:0;font-size:14px}.full-width{grid-column:1 / -1}.page-navigation{display:flex;justify-content:space-between;margin-top:35px;padding-top:25px;border-top:1px solid #e2e8f0}.btn{padding:14px 26px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s;display:inline-flex;align-items:center;gap:8px;box-shadow:0 2px 5px #00000014}.btn-primary{background:#3182ce;color:#fff}.btn-primary:hover:not(:disabled){background:#2c5282;transform:translateY(-2px);box-shadow:0 4px 12px #3182ce40}.btn-secondary{background:#a0aec0;color:#fff}.btn-secondary:hover{background:#718096;transform:translateY(-2px);box-shadow:0 4px 12px #71809640}.btn:disabled{opacity:.7;cursor:not-allowed;transform:none!important;box-shadow:none!important}.message{padding:14px 18px;border-radius:8px;margin-bottom:24px;font-weight:500;display:flex;align-items:center;gap:10px}.error-message{color:#c53030;border-left:4px solid #e53e3e;padding-left:12px}.success-message{background:#c6f6d5;color:#2f855a;border-left:4px solid #38a169}.form-page{animation:fadeIn .4s ease-in}.contact-role-section{margin-bottom:28px;padding:20px;background:#fff;border-radius:8px;border:1px solid #edf2f7}.role-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.role-header h4{color:#2d3748;font-weight:600;display:flex;align-items:center;gap:10px;margin:0;font-size:18px}.btn-add-person{padding:10px 16px;background:#3182ce;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s;display:inline-flex;align-items:center;gap:6px}.btn-add-person:hover{background:#2b6cb0}.person-row{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:16px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #edf2f7;align-items:end}.person-row:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.btn-remove-person{padding:12px;background:#fed7d7;color:#e53e3e;border:none;border-radius:6px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}.btn-remove-person:hover:not(:disabled){background:#feb2b2}.btn-remove-person:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 900px){.person-row{grid-template-columns:1fr 1fr;gap:16px}.btn-remove-person{grid-column:1 / -1;justify-self:start;width:auto;padding:10px 16px}}@media (max-width: 768px){.hotel-form-container{padding:20px;margin:15px}.form-grid{grid-template-columns:1fr}.page-navigation{flex-direction:column;gap:15px}.btn{width:100%;justify-content:center}.form-progress{max-width:300px}.role-header{flex-direction:column;align-items:flex-start;gap:15px}.person-row{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-box-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease}.message-box-overlay.visible{opacity:1;visibility:visible}.message-box{background:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;width:90%;max-width:450px;overflow:hidden;transform:translateY(-20px);transition:transform .3s ease}.message-box-overlay.visible .message-box{transform:translateY(0)}.message-box-header{display:flex;align-items:center;padding:20px;border-bottom:1px solid #eee}.message-box.success .message-box-header{background-color:#f0fff4;color:#2d7738}.message-box.error .message-box-header{background-color:#fff5f5;color:#c53030}.message-icon{margin-right:10px;font-size:1.5rem}.message-box-header h3{margin:0;flex:1}.close-btn{background:none;border:none;font-size:1.2rem;cursor:pointer;color:inherit}.message-box-content{padding:20px}.message-box-footer{padding:15px 20px;text-align:right;border-top:1px solid #eee}.skeleton.static{background:linear-gradient(90deg,#f0f0f0,#e8e8e8,#f0f0f0);animation:none}.skeleton.static:after{display:none}@keyframes subtle-pulse{0%{opacity:.3;transform:translate(-100%)}60%{opacity:.6}to{opacity:.3;transform:translate(100%)}}.skeleton.alternative{animation:fade-pulse 1.5s ease-in-out infinite}@keyframes fade-pulse{0%,to{opacity:.6}50%{opacity:.8}}.skeleton-mode .ag-head{margin-bottom:20px}.skeleton-title{height:32px;width:250px;margin-bottom:8px}.skeleton-subtitle{height:16px;width:300px}.skeleton-tab{height:40px;width:120px;margin-right:10px}.skeleton-section-title{height:24px;width:200px;margin-bottom:20px}.skeleton-button{height:36px;width:120px;margin-left:10px}.skeleton-header-text{height:20px;width:80px;margin:0 auto}.skeleton-text{height:16px;width:100px}.skeleton-status{height:24px;width:60px;border-radius:12px}.skeleton-action-button{height:28px;width:28px;border-radius:4px;display:inline-block;margin-right:8px}.skeleton-step{height:30px;width:30px;border-radius:50%}.skeleton-label{height:16px;width:80px;margin-bottom:8px}.skeleton-input,.skeleton-select{height:38px;width:100%}.agency-management-container.skeleton-mode .form-group{margin-bottom:20px}.agency-management-container.skeleton-mode .form-row{margin-bottom:15px}.agency-management-container.skeleton-mode .table-actions{display:flex;gap:8px}@media (prefers-reduced-motion: reduce){.skeleton:after{animation:none}.skeleton.alternative{animation:none;opacity:.7}}:root{--primary-color: #3b82f6;--primary-dark: #2563eb;--primary-light: #93c5fd;--secondary-color: #64748b;--accent-color: #f97316;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--info-color: #3b82f6;--text-primary: #1e293b;--text-secondary: #64748b;--text-light: #94a3b8;--divider-color: #e2e8f0;--background-color: #f8fafc;--card-background: #ffffff;--header-background: #f1f5f9;--border-radius: 8px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif}*{box-sizing:border-box}body{color:var(--text-primary);font-family:poppins,sans-serif;margin:0;padding:0;line-height:1.5}.hsl-hotel-sales-list{padding:24px;margin:0 auto;border-radius:50px}.hsl-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px;border-radius:var(--border-radius);background-color:var(--header-background);border:1px solid var(--divider-color)}.hsl-title-section h1{font-size:24px;font-weight:600;margin:0 0 4px;color:var(--text-primary)}.hsl-title-section p{font-size:14px;color:var(--text-secondary);margin:0}.hsl-card{background-color:var(--card-background);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:24px;margin-bottom:24px;border:1px solid var(--divider-color)}.hsl-list-controls{margin-bottom:24px}.hsl-search-filter-section{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end;margin-bottom:16px}.hsl-search-box{position:relative;flex:1;min-width:300px}.hsl-search-box input{width:100%;padding:10px 12px 10px 36px;border:1px solid var(--divider-color);border-radius:var(--border-radius);font-size:14px;transition:all .2s ease;background-color:var(--background-color)}.hsl-search-box input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.hsl-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-secondary)}.hsl-clear-search{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center}.hsl-clear-search:hover{background-color:var(--divider-color)}.hsl-filter-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.hsl-filter-group{display:flex;flex-direction:column}.hsl-filter-group label{font-size:12px;font-weight:500;margin-bottom:4px;color:var(--text-secondary)}.hsl-filter-group select{padding:10px 12px;border:1px solid var(--divider-color);border-radius:var(--border-radius);font-size:14px;min-width:150px;background-color:var(--background-color);color:var(--text-primary)}.hsl-filter-group select:focus{outline:none;border-color:var(--primary-color)}.hsl-bulk-actions-card{background-color:#fffbeb;border-radius:var(--border-radius);padding:16px;border-left:4px solid var(--warning-color);margin-top:16px}.hsl-bulk-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-weight:500;color:var(--text-primary)}.hsl-bulk-header svg{color:var(--warning-color)}.hsl-clear-selection{background:none;border:none;color:var(--text-secondary);cursor:pointer;margin-left:auto;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center}.hsl-clear-selection:hover{background-color:var(--divider-color)}.hsl-bulk-controls{display:flex;gap:12px;align-items:center}.hsl-bulk-controls select{padding:8px 12px;border:1px solid var(--divider-color);border-radius:var(--border-radius);font-size:14px;background-color:var(--background-color)}.hsl-results-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px;padding:12px 0;border-bottom:1px solid var(--divider-color)}.hsl-results-count{display:flex;align-items:center;gap:8px}.hsl-results-text{color:var(--text-secondary);font-size:14px}.hsl-results-text strong{color:var(--text-primary)}.hsl-sort-controls{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary)}.hsl-sort-btn{display:flex;align-items:center;gap:4px;background:none;border:none;padding:6px 10px;border-radius:4px;cursor:pointer;color:var(--text-secondary);font-size:14px}.hsl-sort-btn:hover{background-color:var(--divider-color)}.hsl-sort-btn.hsl-active{color:var(--primary-color);background-color:#3b82f61a;font-weight:500}.hsl-hotels-table-container{overflow-x:auto;margin-bottom:16px;border:1px solid var(--divider-color);border-radius:var(--border-radius)}.hsl-hotels-table{width:100%;border-collapse:collapse;font-size:14px}.hsl-hotels-table th{text-align:left;padding:12px;font-weight:500;color:var(--text-secondary);background-color:var(--header-background);border-bottom:1px solid var(--divider-color);white-space:nowrap}.hsl-sortable-header{cursor:pointer;transition:background-color .2s ease}.hsl-sortable-header:hover{background-color:#00000005}.hsl-sortable-header>div{display:flex;align-items:center;gap:4px}.hsl-hotels-table td{padding:12px;border-bottom:1px solid var(--divider-color);transition:background-color .2s ease}.hsl-hotels-table tr:last-child td{border-bottom:none}.hsl-hotels-table tr.hsl-selected{background-color:#3b82f60d}.hsl-hotels-table tr:hover td{background-color:var(--header-background)}.hsl-select-column{width:40px;text-align:center}.hsl-select-column input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--primary-color)}.hsl-hotel-name-cell{display:flex;flex-direction:column;gap:4px}.hsl-hotel-name{font-weight:500;color:var(--text-primary)}.hsl-hotel-chain{font-size:12px;color:var(--text-secondary)}.hsl-contact-info{display:flex;flex-direction:column;gap:2px}.hsl-contact-count{font-size:12px;color:var(--text-secondary)}.hsl-contact-preview{font-size:13px;color:var(--text-primary);font-weight:500}.hsl-action-buttons{display:flex;gap:4px}.hsl-btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:4px;background:none;cursor:pointer;color:var(--text-secondary);font-size:14px;transition:all .2s ease}.hsl-btn-icon:hover{background-color:var(--divider-color)}.hsl-view-btn:hover{color:var(--info-color)}.hsl-edit-btn:hover{color:var(--primary-color)}.hsl-delete-btn:hover{color:var(--error-color)}.hsl-more-btn:hover{color:var(--text-primary)}.hsl-table-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;padding-top:16px;border-top:1px solid var(--divider-color)}.hsl-rows-info{font-size:14px;color:var(--text-secondary)}.hsl-pagination{display:flex;align-items:center;gap:8px}.hsl-pagination-btn{padding:8px 12px;border:1px solid var(--divider-color);background-color:var(--card-background);color:var(--text-primary);border-radius:4px;cursor:pointer;font-size:14px;min-width:40px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.hsl-pagination-btn:hover:not(:disabled){background-color:var(--header-background);border-color:var(--primary-light)}.hsl-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.hsl-pagination-btn.hsl-active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.hsl-page-numbers{display:flex;align-items:center;gap:4px}.hsl-pagination-ellipsis{padding:0 8px;color:var(--text-secondary)}.hsl-no-results{text-align:center;padding:48px 24px;color:var(--text-secondary);background-color:var(--header-background);border-radius:var(--border-radius);border:1px solid var(--divider-color)}.hsl-no-results svg{font-size:48px;margin-bottom:16px;color:var(--warning-color)}.hsl-no-results h3{font-size:18px;margin:0 0 8px;color:var(--text-primary);font-weight:500}.hsl-no-results p{font-size:14px;max-width:400px;margin:0 auto 20px}.hsl-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:1px solid transparent;border-radius:var(--border-radius);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;line-height:1}.hsl-btn:disabled{opacity:.6;cursor:not-allowed}.hsl-btn-primary{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.hsl-btn-primary:hover:not(:disabled){background-color:var(--primary-dark);border-color:var(--primary-dark)}.hsl-btn-secondary{background-color:transparent;color:var(--text-primary);border:1px solid var(--divider-color)}.hsl-btn-secondary:hover:not(:disabled){background-color:var(--header-background)}.hsl-btn-danger{background-color:var(--error-color);color:#fff;border-color:var(--error-color)}.hsl-btn-danger:hover:not(:disabled){background-color:#dc2626;border-color:#dc2626}.hsl-btn-text{background:none;border:none;color:var(--primary-color);padding:8px;text-decoration:underline;font-weight:500}.hsl-btn-text:hover{color:var(--primary-dark)}.hsl-status{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.hsl-status-success{background-color:#10b9811a;color:var(--success-color)}.hsl-status-pending{background-color:#f59e0b1a;color:var(--warning-color)}.hsl-status-unfulfilled{background-color:#ef44441a;color:var(--error-color)}.hsl-status-fulfilled{background-color:#10b9811a;color:var(--success-color)}.hsl-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-secondary)}.hsl-spinner{width:40px;height:40px;border:4px solid var(--divider-color);border-top:4px solid var(--primary-color);border-radius:50%;animation:hsl-spin 1s linear infinite;margin-bottom:16px}@keyframes hsl-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hsl-spin{animation:hsl-spin 1s linear infinite}@media (max-width: 1024px){.hsl-search-filter-section{flex-direction:column;align-items:stretch}.hsl-search-box{min-width:auto}}@media (max-width: 768px){.hsl-hotel-sales-list{padding:16px}.hsl-header{flex-direction:column;align-items:flex-start;gap:16px}.hsl-results-info,.hsl-table-footer{flex-direction:column;align-items:flex-start}.hsl-pagination{flex-wrap:wrap}.hsl-filter-controls{flex-direction:column;align-items:stretch}.hsl-filter-group select{min-width:auto}.hsl-bulk-controls{flex-direction:column;align-items:stretch}}@media (max-width: 480px){.hsl-action-buttons{flex-direction:column}.hsl-page-numbers{display:none}.hsl-card{padding:16px}}.hsl-inactive-row{opacity:.7;background-color:#f9f9f9}.hsl-inactive-row:hover{background-color:#f0f0f0}.hsl-inactive-label{display:inline-flex;align-items:center;gap:4px;background-color:#fef0f0;color:#ff4d4f;padding:2px 6px;border-radius:4px;font-size:.75rem;margin-top:4px}.hsl-disabled{opacity:.5;cursor:not-allowed!important}.hsl-disabled:hover{background-color:transparent!important}.hsl-view-only-notice{display:flex;align-items:center;gap:8px;background-color:#f0f8ff;color:#1890ff;padding:10px 15px;border-radius:6px;margin-bottom:15px;font-size:.9rem;border-left:4px solid #1890ff}.hsl-permission-notice{display:flex;align-items:center;gap:8px;background-color:#e3f2fd;color:#1976d2;padding:10px 15px;border-radius:6px;margin-bottom:15px;font-size:.9rem}.hsl-header-with-actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.hsl-action-buttons{display:flex;gap:10px}.hsl-btn.hsl-btn-export{background-color:#27ae60;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;transition:background-color .2s}.hsl-btn.hsl-btn-export:hover{background-color:#219a52}.hsl-btn.hsl-btn-print{background-color:#95a5a6;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;transition:background-color .2s}.hsl-btn.hsl-btn-print:hover{background-color:#7f8c8d}@media (max-width: 768px){.hsl-header-with-actions{flex-direction:column;align-items:flex-start}.hsl-action-buttons{width:100%;justify-content:flex-end}}.modal-overlay{position:fixed;inset:0;background-color:#000000a6;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;opacity:0;animation:fadeIn .3s ease-out forwards}.overlay-blur{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background:#fff;box-shadow:0 20px 40px #00000026,0 15px 25px #0000001a;display:flex;flex-direction:column;transform:translateY(20px);animation:slideUp .3s ease-out forwards}.rounded{border-radius:12px;overflow:hidden}.modal-content.scrollable .modal-body{overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #eaeaea;position:relative}.modal-title{flex:1;text-align:center;margin:0 40px}.modal-title h3{margin:0;font-size:1.25rem;font-weight:600;color:#2d3748}.modal-step-indicator{display:block;font-size:.75rem;color:#718096;margin-top:4px}.modal-nav-button{background:none;border:none;font-size:1rem;color:#4a5568;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.modal-nav-button:hover{background-color:#f7fafc}.modal-close{background:none;border:none;font-size:1.25rem;color:#718096;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s}.modal-close:hover{color:#2d3748;background-color:#f7fafc}.modal-body{padding:24px;overflow-y:auto;flex:1}.modal-footer{padding:20px 24px;border-top:1px solid #eaeaea;display:flex;justify-content:flex-end;gap:12px}.modal-button{padding:10px 20px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;border:none;font-size:.9rem}.modal-button.cancel{background-color:#f7fafc;color:#4a5568;border:1px solid #e2e8f0}.modal-button.cancel:hover{background-color:#edf2f7}.modal-button.confirm{background-color:#4299e1;color:#fff}.modal-button.confirm:hover{background-color:#3182ce}.modal-small{width:100%;max-width:400px}.modal-medium{width:100%;max-width:600px}.modal-large{width:100%;max-width:800px}@keyframes slideUp{0%{transform:translateY(20px)}to{transform:translateY(0)}}.modal-overlay.fade{animation:fadeIn .3s ease-out forwards}.modal-overlay.scale{animation:scaleIn .3s ease-out forwards}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.modal-overlay{padding:10px}.mobile-fullscreen{width:100%;max-width:none;height:100%;max-height:100%;border-radius:0}.modal-header,.modal-body,.modal-footer{padding:16px}}.modal-overlay:focus{outline:none}.modal-close:focus,.modal-button:focus,.modal-nav-button:focus{outline:2px solid #4299e1;outline-offset:2px}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.modal-body::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:#a0aec0}:root{--hms-primary: #7269ef;--hms-primary-dark: #6658dd;--hms-success: #22c55e;--hms-error: #ef4444;--hms-warning: #f59e0b;--hms-info: #3b82f6;--hms-bg-gradient: linear-gradient(135deg, #f0f4f8 0%, #e0e7ff 100%);--hms-card-bg: #fdfbff;--hms-text-primary: #0a0214;--hms-text-secondary: #9f9f9f;--hms-border: #e5e7eb;--hms-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--hms-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--hms-border-radius: 8px;--hms-transition: all .3s cubic-bezier(.4, 0, .2, 1)}.hms-page-content{background:var(--hms-bg-gradient);min-height:100vh;padding:0 16px 16px;color:var(--hms-text-primary)}.hms-system-header{background:var(--hms-card-bg);padding:1rem 1.5rem;border-bottom:1px solid var(--hms-border);margin-bottom:1rem}.hms-header-content{display:flex;justify-content:space-between;align-items:center;gap:1rem}.hms-header-content-title{flex:1}.hms-header-title{font-size:1.5rem;font-weight:600;margin:0 0 4px;color:var(--hms-text-primary)}.hms-header-subtitle{font-size:.875rem;color:var(--hms-text-secondary);margin:0;font-weight:400}.hms-user-role{font-weight:500;padding:.25rem .5rem;border-radius:4px}.hms-user-role-badge{font-size:.75rem;color:var(--hms-text-secondary);margin-top:4px}.hms-role-admin{color:var(--hms-primary)}.hms-role-employee{color:var(--hms-success);background-color:#22c55e1a}.hms-role-admin,.hms-role-employee{font-weight:500;padding:2px 6px;border-radius:4px;font-size:.7rem}.hms-nav-buttons{display:flex;gap:.75rem;align-items:center}.hms-nav-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--hms-text-primary);background:var(--hms-card-bg);border:1px solid var(--hms-border);border-radius:var(--hms-border-radius);cursor:pointer;transition:var(--hms-transition);box-shadow:var(--hms-shadow)}.hms-nav-button:hover{transform:translateY(-1px);box-shadow:var(--hms-shadow-lg);border-color:var(--hms-primary)}.hms-nav-button.hms-active{background:var(--hms-primary);color:#fff;border-color:var(--hms-primary)}.hms-nav-button.hms-disabled{opacity:.5;cursor:not-allowed;transform:none!important}.hms-nav-button.hms-disabled:hover{background:var(--hms-card-bg);border-color:var(--hms-border);box-shadow:var(--hms-shadow)}.hms-content{background:var(--hms-card-bg);border-radius:var(--hms-border-radius);box-shadow:var(--hms-shadow);min-height:calc(100vh - 120px);overflow:hidden}.hms-notification{position:fixed;top:16px;right:16px;z-index:1000;max-width:350px;border-radius:var(--hms-border-radius);box-shadow:var(--hms-shadow-lg);background:var(--hms-card-bg);transform:translate(100%);animation:hms-slideInRight .3s ease-out forwards}.hms-notification-content{display:flex;align-items:center;padding:12px 16px;gap:10px}.hms-notification-icon{font-size:1.25rem;flex-shrink:0}.hms-notification-message{flex-grow:1;font-size:.875rem;font-weight:500;line-height:1.3}.hms-notification-close{background:none;border:none;font-size:1rem;color:var(--hms-text-secondary);cursor:pointer;padding:2px;border-radius:3px;transition:var(--hms-transition);flex-shrink:0}@media (max-width: 1024px){.hms-header-content{flex-direction:column;gap:1rem;align-items:flex-start}.hms-nav-buttons{width:100%;justify-content:flex-start}}@media (max-width: 768px){.hms-page-content{padding:0 12px 12px}.hms-system-header{padding:.75rem 1rem;margin-bottom:.75rem}.hms-header-title{font-size:1.25rem}.hms-header-subtitle{font-size:.8rem}.hms-nav-buttons{flex-direction:row;width:100%;gap:.5rem}.hms-nav-button{flex:1;justify-content:center;font-size:.8rem;padding:.5rem .75rem}.hms-notification{right:12px;left:12px;width:auto;max-width:none}}@media (max-width: 480px){.hms-header-title{font-size:1.1rem}.hms-header-subtitle{font-size:.75rem}.hms-user-role-badge{font-size:.7rem}}@media print{.hms-nav-buttons,.hms-notification{display:none}.hms-page-content{background:#fff;padding:0}.hms-system-header{box-shadow:none;border:none}}.location-selector{position:relative;width:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;--primary: #3b82f6;--primary-hover: #2563eb;--success: #10b981;--danger: #ef4444;--warning: #f59e0b;--gray-100: #f8fafc;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--radius: 12px;--shadow: 0 10px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--transition: all .3s cubic-bezier(.4, 0, .2, 1)}.ls-notice{background:linear-gradient(135deg,#fffbeb,#fef3c7);color:#92400e;padding:12px 16px;border-radius:var(--radius);margin-bottom:16px;border:1px solid #fcd34d;font-size:14px;font-weight:500;box-shadow:var(--shadow);display:flex;align-items:center;gap:8px}.ls-notice:before{content:"💡";font-size:16px}.ls-input-wrap{position:relative;display:flex;align-items:center}.ls-chevron{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--gray-500);padding:6px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:var(--transition);z-index:2}.ls-chevron:hover{color:var(--primary);background-color:#3b82f61a;transform:translateY(-50%) rotate(180deg)}.ls-chevron:disabled{color:var(--gray-300);cursor:not-allowed}.ls-chevron:disabled:hover{background-color:transparent;transform:translateY(-50%)}.ls-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:240px;overflow-y:auto;background-color:#fff;border:2px solid var(--gray-200);border-radius:var(--radius);margin:0;padding:8px;list-style:none;z-index:1000;box-shadow:var(--shadow);animation:slideDown .3s cubic-bezier(.4,0,.2,1)}.ls-dropdown li{padding:12px 14px;cursor:pointer;border-radius:8px;font-size:14px;color:var(--gray-700);transition:var(--transition);display:flex;align-items:center;margin-bottom:4px}.ls-dropdown li:last-child{margin-bottom:0}.ls-dropdown li:hover{background-color:var(--gray-100);transform:translate(2px)}.ls-dropdown li.highlighted{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);color:#fff;box-shadow:0 4px 6px -1px #3b82f64d}.ls-dropdown li.highlighted b{color:#fff;text-decoration:underline}.ls-dropdown li.ls-manual{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:var(--success);font-weight:600;border:1px dashed #a7f3d0;display:flex;align-items:center;gap:8px}.ls-dropdown li.ls-manual:before{content:" ";font-size:16px}.ls-dropdown li.ls-manual:hover{background:linear-gradient(135deg,#d1fae5,#a7f3d0);transform:translate(2px)}.ls-dropdown b{font-weight:700;color:var(--primary);background-color:#3b82f61a;padding:0 2px;border-radius:4px}.ls-status{padding:12px 16px;background:linear-gradient(135deg,var(--gray-100) 0%,#f1f5f9 100%);border:1px solid var(--gray-200);border-radius:var(--radius);color:var(--gray-600);font-size:14px;margin-top:12px;display:flex;align-items:center;gap:8px;font-weight:500}.ls-status:before{content:"";width:12px;height:12px;border-radius:50%;border:2px solid var(--gray-400);border-top-color:transparent;animation:spin 1s linear infinite}.ls-dropdown::-webkit-scrollbar{width:8px}.ls-dropdown::-webkit-scrollbar-track{background:var(--gray-100);border-radius:4px}.ls-dropdown::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:4px}.ls-dropdown::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}@media (max-width: 768px){.location-selector{margin-bottom:24px}.form-input{padding:16px 48px 16px 16px;font-size:16px}.ls-dropdown{max-height:200px}.ls-dropdown li{padding:14px 16px}}.ls-chevron:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.agency-registration-form{max-width:1400px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.agency-registration-title{font-size:1.75rem;font-weight:600;margin-bottom:2rem;text-align:center;color:#1f2937;border-bottom:2px solid #e5e7eb;padding-bottom:.75rem}.agency-registration-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:1.5rem;align-items:start}.agency-field-group{display:flex;flex-direction:column}.agency-field-group.agency-field-fullwidth{grid-column:1 / -1}.agency-field-label{font-size:.875rem;font-weight:500;margin-bottom:.5rem;color:#374151;line-height:1.25}.agency-field-label.required:after{content:" *";color:#dc2626}.agency-field-input{padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;width:100%;box-sizing:border-box;transition:all .2s ease-in-out;background-color:#fff}.agency-field-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.agency-field-input:hover{border-color:#9ca3af}.agency-field-input::-moz-placeholder{color:#9ca3af}.agency-field-input::placeholder{color:#9ca3af}.agency-field-input:disabled{background-color:#f9fafb;color:#6b7280}.agency-field-input.error{border-color:#dc2626}.agency-field-error{font-size:.75rem;color:#dc2626;margin-top:.25rem;display:block;line-height:1.25}.agency-input-hint{font-size:.75rem;color:#6b7280;margin-top:.25rem}.agency-input-with-icon{position:relative;display:flex;align-items:center}.agency-input-with-icon .agency-field-input{padding-right:3rem}.agency-toggle-icon{position:absolute;right:.75rem;background:none;border:none;cursor:pointer;font-size:1rem;padding:.25rem;border-radius:.25rem;transition:background-color .2s}.agency-toggle-icon:hover{background-color:#f3f4f6}.agency-password-strength{display:flex;flex-direction:column;gap:.5rem}.agency-password-strength-bar{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.agency-password-strength-fill{height:100%;transition:width .16s ease,background-color .16s ease}.agency-password-strength-label{font-size:.75rem;color:#374151;font-weight:500;text-align:center}.agency-textarea{padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;width:100%;box-sizing:border-box;transition:all .2s ease-in-out;background-color:#fff;resize:vertical;min-height:60px;font-family:inherit}.agency-checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem}.agency-checkbox{width:1rem;height:1rem}.agency-checkbox-text{color:#374151}.agency-staff-section{border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem;background-color:#f9fafb}.agency-staff-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.agency-staff-header h4{margin:0;color:#374151;font-size:1rem}.agency-add-staff-btn{background:#3b82f6;color:#fff;border:none;padding:.5rem 1rem;border-radius:.375rem;cursor:pointer;font-size:.875rem}.agency-add-staff-btn:hover{background:#2563eb}.agency-staff-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr auto;gap:.75rem;align-items:start;margin-bottom:.75rem}.agency-remove-staff-btn{background:#ef4444;color:#fff;border:none;padding:.5rem;border-radius:.375rem;cursor:pointer;font-size:.875rem}.agency-remove-staff-btn:hover:not(:disabled){background:#dc2626}.agency-remove-staff-btn:disabled{background:#9ca3af;cursor:not-allowed}.agency-form-actions{grid-column:1 / -1;margin-top:2rem;text-align:center;padding-top:1.5rem;border-top:1px solid #e5e7eb}.agency-submit-button{padding:.875rem 3rem;background-color:#3b82f6;color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease-in-out;min-width:200px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.agency-submit-button:hover:not(:disabled){background-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.agency-submit-button:disabled{background-color:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.agency-loading-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid #ffffff;border-radius:50%;animation:agencySpin 1s linear infinite}@keyframes agencySpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.agency-location-wrapper{width:100%}.agency-location-wrapper :global(.location-selector){width:100%;display:flex;flex-direction:column;gap:.75rem}@media (max-width: 1200px){.agency-registration-grid{grid-template-columns:1fr 1fr 1fr}}@media (max-width: 900px){.agency-registration-grid{grid-template-columns:1fr 1fr}.agency-staff-row{grid-template-columns:1fr;gap:.5rem}}@media (max-width: 600px){.agency-registration-form{padding:1rem}.agency-registration-grid{grid-template-columns:1fr}.agency-registration-title{font-size:1.25rem}.agency-submit-button{width:100%}}.agency-list-container{background:var(--sb-background-color);border-radius:12px;border:1px solid var(--sb-border-color);overflow:hidden}.agency-list-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px;border-bottom:1px solid var(--sb-border-color);background:var(--sb-card-background)}.agency-list-header-main{display:flex;align-items:center;gap:16px}.agency-list-title-section{display:flex;flex-direction:column;gap:4px}.agency-list-title{font-size:24px;font-weight:600;color:var(--sb-text-strong);margin:0}.agency-list-count{font-size:14px;color:var(--sb-text-muted);background:var(--sb-secondary-color);padding:4px 8px;border-radius:6px;font-weight:500}.agency-list-view-only{display:flex;align-items:center;gap:6px;background:#fff3cd;color:#856404;padding:6px 12px;border-radius:6px;font-size:14px;font-weight:500;border:1px solid #ffeaa7}.agency-list-lock-icon{font-size:16px}.agency-list-actions{display:flex;gap:12px}.agency-list-action-group{display:flex;gap:8px}.agency-list-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--sb-border-color);background:var(--sb-card-background);color:var(--sb-text-color);border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.agency-list-btn:hover{background:var(--sb-hover-color);border-color:var(--sb-primary-color);transform:translateY(-1px)}.agency-list-refresh-btn:hover{background:#e3f2fd;border-color:#2196f3}.agency-list-export-btn{position:relative;padding-right:12px}.agency-list-dropdown{position:relative;display:inline-block}.agency-list-dropdown-content{display:none;position:absolute;top:100%;right:0;background:var(--sb-card-background);border:1px solid var(--sb-border-color);border-radius:6px;box-shadow:0 4px 12px #0000001a;z-index:1000;min-width:200px}.agency-list-dropdown-content button{display:block;width:100%;padding:12px 16px;border:none;background:none;text-align:left;cursor:pointer;font-size:14px;color:var(--sb-text-color);transition:background .2s ease}.agency-list-dropdown-content button:hover:not(:disabled){background:var(--sb-hover-color)}.agency-list-dropdown-content button:disabled{opacity:.5;cursor:not-allowed}.agency-list-dropdown:hover .agency-list-dropdown-content{display:block}.agency-list-dropdown-arrow{font-size:14px;margin-left:4px}.agency-list-btn-icon{font-size:16px}.agency-list-filters{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:var(--sb-secondary-color);border-bottom:1px solid var(--sb-border-color);gap:16px}.agency-list-search{position:relative;flex:1;max-width:400px;display:flex;align-items:center;gap:12px}.agency-list-search-input{width:100%;padding:10px 16px 10px 40px;border:1px solid var(--sb-border-color);border-radius:8px;background:var(--sb-background-color);color:var(--sb-text-color);font-size:14px;transition:border-color .2s ease}.agency-list-search-input:focus{outline:none;border-color:var(--sb-primary-color);box-shadow:0 0 0 3px #7269ef1a}.agency-list-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--sb-text-muted);font-size:16px}.agency-list-clear-search{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--sb-text-muted);cursor:pointer;font-size:16px;padding:4px}.agency-list-clear-search:hover{color:var(--sb-text-color)}.agency-list-filter-group{display:flex;align-items:center;gap:12px}.agency-list-filter-select{padding:10px 12px;border:1px solid var(--sb-border-color);border-radius:6px;background:var(--sb-background-color);color:var(--sb-text-color);font-size:14px;cursor:pointer}.agency-list-bulk-actions{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--sb-primary-color);border-radius:6px;color:#fff}.agency-list-bulk-count{font-size:12px;font-weight:500}.agency-list-bulk-btn{padding:4px 8px;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:opacity .2s ease}.agency-list-bulk-activate{background:#28a745;color:#fff}.agency-list-bulk-deactivate{background:#dc3545;color:#fff}.agency-list-bulk-clear{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3)}.agency-list-bulk-btn:hover{opacity:.9}.agency-list-results-info{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background:var(--sb-secondary-color);border-bottom:1px solid var(--sb-border-color);font-size:14px;color:var(--sb-text-muted)}.agency-list-clear-filters{background:none;border:none;color:var(--sb-primary-color);cursor:pointer;font-size:14px;text-decoration:underline}.agency-list-clear-filters:hover{color:var(--sb-primary-dark)}.agency-list-table-container{overflow-x:auto}.agency-list-table{width:100%;border-collapse:collapse;font-size:14px}.agency-list-table th{background:var(--sb-secondary-color);padding:16px 12px;text-align:left;font-weight:600;color:var(--sb-text-strong);border-bottom:1px solid var(--sb-border-color);white-space:nowrap}.agency-list-table td{padding:16px 12px;border-bottom:1px solid var(--sb-border-color);vertical-align:top}.agency-list-row{transition:background .2s ease}.agency-list-row:hover{background:var(--sb-hover-color)}.agency-list-row-selected{background:#7269ef14}.agency-list-row-inactive{opacity:.7}.agency-list-row-inactive:hover{opacity:.9}.agency-list-sortable-header{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .2s ease}.agency-list-sortable-header:hover{background:var(--sb-hover-color)}.agency-list-sort-icon{margin-left:4px;font-size:14px;color:var(--sb-primary-color)}.agency-list-select-column{width:40px;text-align:center}.agency-list-select-checkbox{width:16px;height:16px;cursor:pointer;accent-color:var(--sb-primary-color)}.agency-list-info{display:flex;flex-direction:column;gap:4px}.agency-list-name{font-weight:600;color:var(--sb-text-strong)}.agency-list-currency{background:var(--sb-primary-color);color:#fff;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:500;align-self:flex-start}.agency-list-location,.agency-list-contact,.agency-list-phone,.agency-list-email{display:flex;flex-direction:column;gap:2px}.agency-list-designation,.agency-list-mobile,.agency-list-user-email{font-size:12px;color:var(--sb-text-muted)}.agency-list-email-link{color:var(--sb-primary-color);text-decoration:none}.agency-list-email-link:hover{text-decoration:underline}.agency-list-status{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500}.agency-list-status-active{background:#d4edda;color:#155724}.agency-list-status-inactive{background:#f8d7da;color:#721c24}.agency-list-status-dot{width:6px;height:6px;border-radius:50%}.agency-list-status-active .agency-list-status-dot{background:#28a745}.agency-list-status-inactive .agency-list-status-dot{background:#dc3545}.agency-list-row-actions{display:flex;gap:4px}.agency-list-action-btn{padding:6px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.agency-list-view-btn{background:#e3f2fd;color:#1976d2}.agency-list-edit-btn{background:#fff3e0;color:#f57c00}.agency-list-status-btn-activate{background:#d4edda;color:#155724}.agency-list-status-btn-deactivate{background:#f8d7da;color:#721c24}.agency-list-disabled-btn{background:var(--sb-disabled-color);color:var(--sb-text-muted);cursor:not-allowed}.agency-list-action-btn:hover:not(.agency-list-disabled-btn){transform:translateY(-1px);opacity:.9}.agency-list-empty{padding:60px 24px;text-align:center;color:var(--sb-text-muted)}.agency-list-empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.agency-list-empty h3{font-size:20px;font-weight:600;margin-bottom:8px;color:var(--sb-text-strong)}.agency-list-empty p{margin-bottom:20px;font-size:14px}.agency-list-primary-btn,.agency-list-secondary-btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.agency-list-primary-btn{background:var(--sb-primary-color);color:#fff}.agency-list-primary-btn:hover{background:var(--sb-primary-dark);transform:translateY(-1px)}.agency-list-secondary-btn{background:var(--sb-secondary-color);color:var(--sb-text-color);border:1px solid var(--sb-border-color)}.agency-list-secondary-btn:hover{background:var(--sb-hover-color);transform:translateY(-1px)}.agency-list-pagination{display:flex;justify-content:center;align-items:center;padding:20px 24px;gap:16px;border-top:1px solid var(--sb-border-color);background:var(--sb-card-background)}.agency-list-pagination-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--sb-border-color);background:var(--sb-background-color);color:var(--sb-text-color);border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s ease}.agency-list-pagination-btn:hover:not(:disabled){background:var(--sb-hover-color);border-color:var(--sb-primary-color)}.agency-list-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.agency-list-pagination-pages{display:flex;gap:4px}.agency-list-pagination-page{padding:8px 12px;border:1px solid var(--sb-border-color);background:var(--sb-background-color);color:var(--sb-text-color);border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s ease}.agency-list-pagination-page:hover{background:var(--sb-hover-color)}.agency-list-pagination-page-active{background:var(--sb-primary-color);color:#fff;border-color:var(--sb-primary-color)}.agency-list-pagination-info{font-size:14px;color:var(--sb-text-muted);margin-left:auto}.agency-list-pagination-icon{font-size:14px}@media (max-width: 768px){.agency-list-header{flex-direction:column;gap:16px;align-items:stretch}.agency-list-header-main{justify-content:space-between}.agency-list-filters{flex-direction:column;align-items:stretch;gap:12px}.agency-list-search{max-width:none}.agency-list-filter-group{justify-content:space-between}.agency-list-bulk-actions{flex-wrap:wrap}.agency-list-table-container{font-size:12px}.agency-list-table th,.agency-list-table td{padding:12px 8px}.agency-list-pagination{flex-wrap:wrap;gap:8px}.agency-list-pagination-info{margin-left:0;width:100%;text-align:center}}@media print{.agency-list-header,.agency-list-filters,.agency-list-results-info,.agency-list-pagination,.agency-list-select-column,.agency-list-row-actions{display:none!important}.agency-list-container{border:none;border-radius:0}.agency-list-table-container{overflow:visible}.agency-list-table{font-size:12px}}:root{--ams-primary: #7269ef;--ams-primary-dark: #6658dd;--ams-success: #22c55e;--ams-error: #ef4444;--ams-warning: #f59e0b;--ams-info: #3b82f6;--ams-bg-gradient: linear-gradient(135deg, #f0f4f8 0%, #e0e7ff 100%);--ams-card-bg: #fdfbff;--ams-text-primary: #0a0214;--ams-text-secondary: #9f9f9f;--ams-border: #e5e7eb;--ams-shadow: 0 2px 4px -1px rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .06);--ams-shadow-lg: 0 4px 6px -3px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .05);--ams-border-radius: 8px;--ams-transition: all .2s cubic-bezier(.4, 0, .2, 1)}.ams-page-content{background:var(--ams-bg-gradient);min-height:100vh;padding:0 16px 16px;color:var(--ams-text-primary)}.ams-system-header{background:var(--ams-card-bg);padding:1rem 1.5rem;border-bottom:1px solid var(--ams-border);margin-bottom:1rem;box-shadow:var(--ams-shadow)}.ams-header-content{display:flex;justify-content:space-between;align-items:center;gap:1rem}.ams-header-main{display:flex;align-items:center;gap:1rem}.ams-header-title{font-size:1.5rem;font-weight:600;margin:0;color:var(--ams-text-primary)}.ams-header-subtitle{font-size:.5rem;color:var(--ams-text-secondary);margin:0;font-weight:400}.ams-header-info{display:flex;align-items:center;gap:.75rem;font-size:.675rem}.ams-agency-count{color:var(--ams-text-secondary);background:#f8f9fa;padding:.25rem .5rem;border-radius:4px;font-weight:500}.ams-user-role{color:var(--ams-primary);font-weight:500;background:#7269ef1a;padding:.25rem .5rem;border-radius:4px}.ams-role-admin{color:var(--ams-primary);font-weight:500;padding:2px 6px;border-radius:4px;font-size:.7rem}.ams-role-employee{color:var(--ams-secondary);font-weight:500;padding:2px 6px;border-radius:4px;font-size:.7rem}.ams-nav-buttons{display:flex;gap:.5rem;align-items:center}.ams-nav-button{padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--ams-text-primary);background:var(--ams-card-bg);border:1px solid var(--ams-border);border-radius:var(--ams-border-radius);cursor:pointer;transition:var(--ams-transition)}.ams-nav-button:hover{border-color:var(--ams-primary);box-shadow:var(--ams-shadow-lg)}.ams-content{background:var(--ams-card-bg);border-radius:var(--ams-border-radius);box-shadow:var(--ams-shadow);min-height:calc(100vh - 140px);overflow:hidden}@media (max-width: 768px){.ams-page-content{padding:0 12px 12px}.ams-system-header{padding:.75rem 1rem;margin-bottom:.75rem}.ams-header-content{flex-direction:column;gap:.75rem;align-items:flex-start}.ams-header-main{width:100%;justify-content:space-between}.ams-header-title{font-size:1.1rem}.ams-nav-buttons{width:100%;justify-content:center}.ams-nav-button{flex:1;text-align:center}}@media (max-width: 480px){.ams-header-main{flex-direction:column;align-items:flex-start;gap:.5rem}.ams-header-info{width:100%;justify-content:space-between}}.tabs{display:flex;background:#fff;border-radius:10px;margin-bottom:30px;box-shadow:0 2px 10px #0000001a;overflow:hidden;width:40vw;height:7vh}.tab{flex:1;padding:15px 20px;border:none;background:transparent;cursor:pointer;font-size:1.1rem;font-weight:500;color:#666;transition:all .3s ease;position:relative}.tab.active{color:#667eea;background:#667eea1a}.tab.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:#667eea}.tab:hover:not(.active){background:#f8f9fa}.terms-checkbox{width:23px}.form-section{margin-bottom:40px;padding:34px;border-radius:15px;border-bottom:2px solid #e9ecef}.dropdown-option.highlighted{background-color:#e6e5ed}.form-input,.form-select{width:100%;padding:12px 15px;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#fff}.form-input:focus,.form-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-input.error,.form-select.error{border-color:#e74c3c}.input-hint{font-size:.85rem;color:#6c757d;margin-top:5px;font-style:italic}.input-with-icon{position:relative}.input-with-icon input{width:100%;padding-right:35px}.toggle-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);cursor:pointer;font-size:18px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.password-strength{margin-top:5px;font-size:.9rem;font-weight:500}.password-strength.weak{color:#e74c3c}.password-strength.medium{color:#f39c12}.password-strength.strong{color:#27ae60}.terms-container{display:flex;gap:10px;margin-top:10px}.terms-checkbox{width:18px;height:18px;accent-color:#667eea}.terms-text{color:#2c3e50;font-weight:500}.terms-link{color:#667eea;text-decoration:none}.terms-link:hover{text-decoration:underline}.form-actions{text-align:center;margin-top:30px}.submit-button{border:2px solid #4b52a2;background:#dee4fd;color:#4b52a2;padding:15px 40px;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #f3f3f34d}.submit-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #a2a2a266}.secondary-button{background:#6c757d;color:#fff;padding:12px 25px;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:all .3s ease}.agencies-list{background:#fff;padding:30px;border-radius:15px;box-shadow:0 4px 20px #00000014}.action-buttons{display:flex;gap:15px}.action-btn{padding:10px 20px;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .3s ease}.action-btn.export{background:#28a745;color:#fff}.action-btn.export:hover{background:#218838}.action-btn.print{background:#17a2b8;color:#fff}.action-btn.print:hover{background:#138496}.action-btn.view{background:#17a2b8;color:#fff}.action-btn.edit{background:#ffc107;color:#212529}.action-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.empty-state{text-align:center;padding:60px 20px;color:#6c757d}.empty-state p{font-size:1.2rem;margin-bottom:20px}.agencies-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;margin-top:20px}.agency-card{background:#fff;border:2px solid #e9ecef;border-radius:12px;padding:20px;transition:all .3s ease;box-shadow:0 2px 10px #0000000d}.agency-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0000001a;border-color:#667eea}.agency-card.inactive{opacity:.7;background:#f8f9fa}.agency-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;flex-wrap:wrap;gap:10px}.agency-header h3{margin:0;color:#2c3e50;font-size:1.3rem}.status-toggle{display:flex;align-items:center;gap:10px}.status-indicator{padding:4px 12px;border-radius:20px;font-size:.85rem;font-weight:500}.status-indicator.active{background:#d4edda;color:#155724}.status-indicator.inactive{background:#f8d7da;color:#721c24}.toggle-btn{padding:4px 12px;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer;font-size:.8rem;transition:all .3s ease}.toggle-btn.active{color:#dc3545;border-color:#dc3545}.toggle-btn.inactive{color:#28a745;border-color:#28a745}.toggle-btn:hover{transform:translateY(-1px)}.agency-details{margin-bottom:20px}.detail-row{display:flex;justify-content:space-between;margin-bottom:8px;padding:5px 0;border-bottom:1px solid #f1f3f4}.detail-row:last-child{border-bottom:none}.detail-label{font-weight:500;color:#6c757d}.detail-value{color:#2c3e50;text-align:right}.detail-value.status.active{color:#28a745;font-weight:500}.detail-value.status.inactive{color:#dc3545;font-weight:500}.agency-actions{display:flex;gap:10px;justify-content:flex-end}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.modal{background:#fff;border-radius:15px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;border-bottom:2px solid #e9ecef;background:#f8f9fa;border-radius:15px 15px 0 0;position:relative}.modal-header h2{margin:0;color:#2c3e50;font-size:1.5rem}.close-btn{background:none;border:none;font-size:2rem;cursor:pointer;color:#6c757d;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.close-btn:hover{background:#e9ecef;color:#2c3e50}.modal-content{padding:30px}.modal-footer{padding:20px 30px;border-top:2px solid #e9ecef;text-align:right;background:#f8f9fa;border-radius:0 0 15px 15px}.btn{padding:10px 25px;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s ease}.btn.secondary{background:#6c757d;color:#fff}.btn.secondary:hover{background:#5a6268}.agency-details-modal{display:flex;flex-direction:column;gap:25px}.detail-section{padding:20px;background:#f8f9fa;border-radius:10px;border-left:4px solid #667eea}.detail-section h3{margin:0 0 15px;color:#2c3e50;font-size:1.2rem}@media (max-width: 768px){.agency-management-container{padding:10px}.header h1{font-size:2rem}.tabs{flex-direction:column}.form-row{flex-direction:column;gap:15px}.form-group{min-width:100%}.list-header{flex-direction:column;align-items:flex-start}.action-buttons{width:100%;justify-content:center}.agencies-container{grid-template-columns:1fr}.agency-header{flex-direction:column;align-items:flex-start}.status-toggle{width:100%;justify-content:space-between}.modal{margin:10px;max-height:95vh}.modal-content{padding:20px}}@media (max-width: 480px){.header{padding:15px}.header h1{font-size:1.8rem}.agency-form,.agencies-list{padding:20px}.section-title{font-size:1.3rem}.submit-button{width:100%;padding:12px}.action-buttons{flex-direction:column}.action-btn{width:100%}}@keyframes modalAppear{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal{animation:modalAppear .3s ease-out}.agency-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.modal::-webkit-scrollbar{width:8px}.modal::-webkit-scrollbar-track{background:#f1f1f1;border-radius:0 15px 15px 0}.modal::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.modal::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.loading{opacity:.7;pointer-events:none}.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid #f3f3f3;border-top:2px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.location-selector{margin-right:5%}.form-progress{display:flex;align-items:center;margin-bottom:30px;gap:20px}.progress-step{display:flex;flex-direction:column;align-items:center;position:relative}.step-connector{width:50px;height:2px;background:#e0e0e0;position:absolute;top:24px;right:-90px}.step-icon{width:50px;height:50px;border-radius:50%;background:#f0f0f0;display:flex;align-items:center;justify-content:center;margin-bottom:10px;color:#999;font-size:20px;transition:all .3s ease}.progress-step.active .step-icon{background:#667eea;color:#fff;box-shadow:0 4px 10px #667eea66}.progress-step.completed .step-icon{background:#4caf68;color:#fff}.progress-step.active .step-label{color:#667eea;font-weight:600}input[type=checkbox]{width:34px}.agencies-table-container{overflow-x:auto;margin-top:20px;border-radius:8px;box-shadow:0 2px 10px #0000001a}.agencies-table{width:100%;border-collapse:collapse;background:#fff}.agencies-table th{background-color:#f8f9fa;padding:12px 15px;text-align:left;font-weight:600;color:#495057;border-bottom:2px solid #e9ecef}.agencies-table td{padding:12px 15px;border-bottom:1px solid #e9ecef;vertical-align:middle}.agencies-table tr:hover{background-color:#f8f9fa}.agencies-table tr.inactive{background-color:#f8f9fa;opacity:.7}.status-indicator{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.status-indicator.active{background-color:#d4edda;color:#155724}.status-indicator.inactive{background-color:#f8d7da;color:#721c24}.table-actions{display:flex;gap:8px;flex-wrap:wrap}.table-actions .action-btn,.table-actions .toggle-btn{padding:6px 12px;font-size:12px;border-radius:4px;border:none;cursor:pointer;white-space:nowrap}.table-actions .action-btn.view{background-color:#17a2b8;color:#fff}.table-actions .action-btn.edit{background-color:#ffc107;color:#212529}.table-actions .toggle-btn.active{background-color:#dc3545;color:#fff}.table-actions .toggle-btn.inactive{background-color:#28a745;color:#fff}.table-actions .action-btn:hover,.table-actions .toggle-btn:hover{opacity:.9;transform:translateY(-1px)}@media (max-width: 768px){.agencies-table-container{border-radius:4px}.agencies-table th,.agencies-table td{padding:8px 10px;font-size:14px}.table-actions{flex-direction:column;gap:4px}.table-actions .action-btn,.table-actions .toggle-btn{padding:4px 8px;font-size:11px}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px}.skeleton-text{height:16px;margin:8px 0}.skeleton-button{height:32px;width:80px;margin:0 4px;display:inline-block}.skeleton-actions{display:flex;gap:8px}.skeleton-row td{padding:12px 8px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.agencies-table .skeleton-row td{vertical-align:middle}:root{--ams-primary: #7269ef;--ams-primary-dark: #6658dd;--ams-success: #22c55e;--ams-error: #ef4444;--ams-warning: #f59e0b;--ams-info: #3b82f6;--ams-bg-gradient: linear-gradient(135deg, #f0f4f8 0%, #e0e7ff 100%);--ams-card-bg: #fdfbff;--ams-text-primary: #0a0214;--ams-text-secondary: #9f9f9f;--ams-border: #e5e7eb;--ams-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--ams-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--ams-border-radius: 12px;--ams-transition: all .3s cubic-bezier(.4, 0, .2, 1)}.ams-page-content{background:var(--ams-bg-gradient);min-height:100vh;padding:0 24px 24px;color:var(--ams-text-primary)}.ams-system-header{background:var(--ams-card-bg);padding:2rem}.ams-header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.ams-header-content-title{flex:1}.ams-header-subtitle{font-size:.875rem;color:var(--ams-text-secondary);margin:0 0 12px;font-weight:400;line-height:1.5}.ams-user-role-badge{font-size:.875rem;color:var(--ams-text-secondary)}.ams-role-admin{color:var(--ams-primary);font-weight:600;background:#7269ef1a;padding:4px 8px;border-radius:6px}.ams-role-employee{color:var(--ams-success);font-weight:600;background:#22c55e1a;padding:4px 8px;border-radius:6px}.ams-nav-buttons{display:flex;gap:1rem;align-items:center}.ams-nav-button{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.5rem;font-size:.8rem;font-weight:500;color:var(--ams-text-primary);background:var(--ams-card-bg);border:1px solid var(--ams-border);border-radius:var(--ams-border-radius);cursor:pointer;transition:var(--ams-transition);box-shadow:var(--ams-shadow);position:relative;overflow:hidden}.ams-nav-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s}.ams-nav-button:hover:before{left:100%}.ams-nav-button:hover{transform:translateY(-2px);box-shadow:var(--ams-shadow-lg);border-color:var(--ams-primary)}.ams-nav-button.ams-active{background:var(--ams-primary);color:#fff;border-color:var(--ams-primary)}.ams-content{background:var(--ams-card-bg);overflow:hidden}@media (max-width: 1024px){.ams-header-content{flex-direction:column;gap:1.5rem}.ams-nav-buttons{width:100%;justify-content:center}}@media (max-width: 768px){.ams-page-content{padding:16px}.ams-system-header{padding:1.5rem}.ams-header-title{font-size:1.75rem}.ams-nav-buttons{flex-direction:column;width:100%}.ams-nav-button{width:100%;justify-content:center}}@media (max-width: 480px){.ams-header-title{font-size:1.5rem}.ams-header-subtitle{font-size:1rem}}.category-selector{position:relative;width:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;--primary: #3b82f6;--primary-hover: #2563eb;--success: #10b981;--danger: #ef4444;--warning: #f59e0b;--gray-100: #f8fafc;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--radius: 12px;--shadow: 0 10px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--transition: all .3s cubic-bezier(.4, 0, .2, 1)}.cs-notice{background:linear-gradient(135deg,#fffbeb,#fef3c7);color:#92400e;padding:12px 16px;border-radius:var(--radius);margin-bottom:16px;border:1px solid #fcd34d;font-size:14px;font-weight:500;box-shadow:var(--shadow);display:flex;align-items:center;gap:8px}.cs-notice:before{content:"💡";font-size:16px}.form-group{margin-bottom:24px;position:relative}.form-group.error .form-input{border-color:var(--danger);box-shadow:0 0 0 4px #ef444426;background:linear-gradient(0deg,#fef2f2,#fff)}.form-label{display:block;margin-bottom:8px;font-weight:600;color:var(--gray-800);font-size:14px;letter-spacing:-.01em}.form-label.required:after{content:"*";color:var(--danger);margin-left:4px}.cs-input-wrap{position:relative;display:flex;align-items:center}.form-input{width:100%;padding:14px 48px 14px 16px;border:2px solid var(--gray-200);border-radius:var(--radius);font-size:15px;transition:var(--transition);background-color:#fff;color:var(--gray-800);letter-spacing:-.01em;box-shadow:0 1px 2px #0000000d}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #3b82f626;transform:translateY(-1px)}.form-input:disabled{background-color:var(--gray-100);color:var(--gray-400);cursor:not-allowed;border-color:var(--gray-200)}.cs-chevron{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--gray-500);padding:6px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:var(--transition);z-index:2}.cs-chevron:hover{color:var(--primary);background-color:#3b82f61a;transform:translateY(-50%) rotate(180deg)}.cs-chevron:disabled{color:var(--gray-300);cursor:not-allowed}.cs-chevron:disabled:hover{background-color:transparent;transform:translateY(-50%)}.cs-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:240px;overflow-y:auto;background-color:#fff;border:2px solid var(--gray-200);border-radius:var(--radius);margin:0;padding:8px;list-style:none;z-index:1000;box-shadow:var(--shadow);animation:slideDown .3s cubic-bezier(.4,0,.2,1)}.cs-dropdown li{padding:12px 14px;cursor:pointer;border-radius:8px;font-size:14px;color:var(--gray-700);transition:var(--transition);display:flex;align-items:center;margin-bottom:4px}.cs-dropdown li:last-child{margin-bottom:0}.cs-dropdown li:hover{background-color:var(--gray-100);transform:translate(2px)}.cs-dropdown li.highlighted{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);color:#fff;box-shadow:0 4px 6px -1px #3b82f64d}.cs-dropdown li.highlighted b{color:#fff;text-decoration:underline}.cs-dropdown li.cs-manual{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:var(--success);font-weight:600;border:1px dashed #a7f3d0;display:flex;align-items:center;gap:8px}.cs-dropdown li.cs-manual:before{content:"➕";font-size:16px}.cs-dropdown li.cs-manual:hover{background:linear-gradient(135deg,#d1fae5,#a7f3d0);transform:translate(2px)}.cs-dropdown b{font-weight:700;color:var(--primary);background-color:#3b82f61a;padding:0 2px;border-radius:4px}.cs-status{padding:12px 16px;background:linear-gradient(135deg,var(--gray-100) 0%,#f1f5f9 100%);border:1px solid var(--gray-200);border-radius:var(--radius);color:var(--gray-600);font-size:14px;margin-top:12px;display:flex;align-items:center;gap:8px;font-weight:500}.cs-status:before{content:"";width:12px;height:12px;border-radius:50%;border:2px solid var(--gray-400);border-top-color:transparent;animation:spin 1s linear infinite}.cs-dropdown::-webkit-scrollbar{width:8px}.cs-dropdown::-webkit-scrollbar-track{background:var(--gray-100);border-radius:4px}.cs-dropdown::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:4px}.cs-dropdown::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}@keyframes slideDown{0%{opacity:0;transform:translateY(-16px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.category-selector{margin-bottom:24px}.form-input{padding:16px 48px 16px 16px;font-size:16px}.cs-dropdown{max-height:200px}.cs-dropdown li{padding:14px 16px}}.form-input:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.cs-chevron:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.supplier-registration-form{max-width:1400px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.supplier-registration-title{font-size:1.75rem;font-weight:600;margin-bottom:2rem;text-align:center;color:#1f2937;border-bottom:2px solid #e5e7eb;padding-bottom:.75rem}.supplier-registration-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:1.5rem;align-items:start}.registration-field-group{display:flex;flex-direction:column}.registration-field-group.registration-field-fullwidth{grid-column:1 / -1}.registration-field-label{font-size:.875rem;font-weight:500;margin-bottom:.5rem;color:#374151;line-height:1.25}.registration-field-label.required:after{content:" *";color:#dc2626}.registration-field-input{padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;width:100%;box-sizing:border-box;transition:all .2s ease-in-out;background-color:#fff}.registration-field-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background-color:#fafafa}.registration-field-input:hover{border-color:#9ca3af}.registration-field-input::-moz-placeholder{color:#9ca3af;font-size:.8rem}.registration-field-input::placeholder{color:#9ca3af;font-size:.8rem}.registration-textarea{padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;width:100%;box-sizing:border-box;transition:all .2s ease-in-out;background-color:#fff;resize:vertical;min-height:60px;font-family:inherit}.registration-field-error{font-size:.75rem;color:#dc2626;margin-top:.25rem;display:block;line-height:1.25}.registration-input-with-icon{position:relative;display:flex;align-items:center}.registration-input-with-icon .registration-field-input{padding-right:3rem}.registration-toggle-icon{position:absolute;right:.75rem;background:none;border:none;cursor:pointer;font-size:1rem;padding:.25rem;border-radius:.25rem;transition:background-color .2s}.registration-toggle-icon:hover{background-color:#f3f4f6}.registration-password-strength{display:flex;flex-direction:column;gap:.5rem}.registration-password-strength-bar{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.registration-password-strength-fill{height:100%;transition:width .16s ease,background-color .16s ease}.registration-password-strength-label{font-size:.75rem;color:#374151;font-weight:500;text-align:center}.registration-password-tip{color:#6b7280;font-size:.7rem;line-height:1.3;text-align:center}.registration-checkbox-group{margin-top:.5rem}.registration-checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem}.registration-checkbox{width:1rem;height:1rem}.registration-checkbox-text{color:#374151}.registration-form-actions{grid-column:1 / -1;margin-top:2rem;text-align:center;padding-top:1.5rem;border-top:1px solid #e5e7eb}.registration-submit-button{padding:.875rem 3rem;background-color:#3b82f6;color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease-in-out;min-width:200px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.registration-submit-button:hover:not(:disabled){background-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.registration-submit-button:active:not(:disabled){transform:translateY(0)}.registration-submit-button:disabled{background-color:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.registration-loading-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid #ffffff;border-radius:50%;animation:registrationSpin 1s linear infinite}@keyframes registrationSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.registration-location-wrapper{width:100%}.registration-location-wrapper :global(.location-selector){width:100%;display:flex;flex-direction:column;gap:.75rem}@media (max-width: 1200px){.supplier-registration-grid{grid-template-columns:1fr 1fr 1fr;gap:1.25rem}}@media (max-width: 900px){.supplier-registration-grid{grid-template-columns:1fr 1fr;gap:1rem}}@media (max-width: 600px){.supplier-registration-form{padding:1rem;max-width:100%}.supplier-registration-grid{grid-template-columns:1fr;gap:1rem}.supplier-registration-title{font-size:1.25rem;margin-bottom:1.5rem}.registration-submit-button{width:100%;max-width:280px}}@media (max-width: 480px){.supplier-registration-form{padding:.75rem}.supplier-registration-title{font-size:1.125rem;margin-bottom:1rem}.registration-field-input{padding:.625rem .75rem}.registration-submit-button{padding:.875rem 1.5rem;font-size:.85rem}}.registration-field-group{animation:registrationFadeInUp .3s ease-out}@keyframes registrationFadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}:root{--primary-color: #2563eb;--primary-dark: #1d4ed8;--primary-light: #3b82f6;--secondary-color: #64748b;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--background-color: #f8fafc;--surface-color: #ffffff;--text-primary: #1e293b;--text-secondary: #64748b;--text-tertiary: #94a3b8;--border-color: #e2e8f0;--border-light: #f1f5f9;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--radius-md: 8px;--radius-lg: 12px;--transition: all .2s cubic-bezier(.4, 0, .2, 1)}.supplier-list-wrapper{background:var(--background-color);min-height:100vh;padding:20px;text-align:center}.supplier-list-header{display:flex;justify-content:space-between;align-items:center;text-align:center;margin-bottom:24px;padding:0}.supplier-title-section h2{font-size:24px;font-weight:600;color:var(--text-primary);margin:0}.supplier-action-buttons{display:flex;gap:8px}.supplier-action-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--border-color);background:var(--surface-color);color:var(--text-secondary);border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:var(--transition)}.supplier-action-btn:hover{background:var(--background-color);border-color:var(--primary-light);color:var(--primary-color)}.supplier-controls{display:flex;gap:12px;margin-bottom:20px}.supplier-search-box{flex:1}.supplier-search-input{width:100%;padding:10px 16px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-color);font-size:14px;color:var(--text-primary);transition:var(--transition)}.supplier-search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.supplier-filter-select{padding:10px 16px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-color);font-size:14px;color:var(--text-primary);min-width:140px;transition:var(--transition);cursor:pointer}.supplier-filter-select:focus{outline:none;border-color:var(--primary-color)}.supplier-data-table{width:100%;border-collapse:collapse;font-size:14px}.supplier-data-table th{background:#f8fafc;padding:16px 12px;text-align:center;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border-color);position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sortable-header{cursor:pointer;transition:var(--transition)}.sortable-header:hover{background:#f1f5f9}.supplier-data-table td{padding:16px 12px;border-bottom:1px solid var(--border-light);color:var(--text-primary);transition:var(--transition)}.supplier-data-table tbody tr{transition:var(--transition)}.supplier-data-table tbody tr:hover{background:#fafbff}.supplier-inactive{background:#fef2f2!important}.supplier-inactive:hover{background:#fecaca!important}.supplier-action-cells{display:flex;gap:8px;align-items:center}.supplier-icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;background:transparent;cursor:pointer;transition:var(--transition)}.supplier-view-btn{color:var(--primary-color)}.supplier-edit-btn{color:var(--warning-color)}.supplier-toggle-btn{color:var(--success-color)}.deactivate-btn{color:var(--error-color)}.supplier-more-btn{color:var(--text-secondary)}.supplier-icon-btn:hover{background:var(--background-color);transform:scale(1.05)}.sms-content{background:#fdfbff;border-radius:8px;box-shadow:0 2px 4px -1px #0000001a,0 1px 2px -1px #0000000f;min-height:calc(100vh - 160px);overflow:hidden}.quick-actions-wrapper{position:relative;z-index:1000;display:inline-block}.quick-actions-menu{position:absolute;top:100%;left:0;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:9999;min-width:180px;animation:fadeIn .2s ease-out}.quick-action-item{display:flex;align-items:center;gap:8px;width:100%;padding:12px 16px;border:none;background:transparent;color:var(--text-primary);font-size:13px;text-align:left;cursor:pointer;transition:var(--transition)}.supplier-pagination{display:flex;justify-content:space-between;align-items:center;padding:16px 0;font-size:14px;color:var(--text-secondary)}.supplier-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;background:var(--surface-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.supplier-loading-spinner{width:48px;height:48px;border:3px solid var(--border-light);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.supplier-loading-text{font-size:16px;color:var(--text-secondary);font-weight:500}.supplier-empty-state{text-align:center;padding:60px 20px;background:var(--surface-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.supplier-empty-state p{font-size:16px;color:var(--text-secondary);margin:0 0 20px}.supplier-empty-actions{display:flex;gap:12px;justify-content:center}@media (max-width: 768px){.supplier-list-wrapper{padding:16px}.supplier-list-header{flex-direction:column;gap:16px;align-items:flex-start}.supplier-action-buttons{width:100%;justify-content:flex-start;flex-wrap:wrap}.supplier-controls{flex-direction:column}.supplier-table-wrapper{overflow-x:auto}.supplier-data-table{min-width:800px}}@media (max-width: 480px){.supplier-list-wrapper{padding:12px}.supplier-action-buttons{flex-direction:column}.supplier-action-btn{justify-content:center}}.supplier-action-cells{display:flex;gap:8px;align-items:center;justify-content:flex-end}.supplier-icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;background:transparent;cursor:pointer;transition:var(--transition);font-size:16px}.quick-action-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;border:none;background:transparent;color:var(--text-primary);font-size:13px;text-align:left;cursor:pointer;transition:var(--transition)}@media (max-width: 768px){.supplier-action-cells{justify-content:center;flex-wrap:wrap}.quick-actions-menu{right:auto;left:0}}.sortable-header{cursor:pointer;transition:var(--transition);position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding-right:20px!important}.sortable-header:hover{background:#f1f5f9;color:var(--primary-color)}.sortable-header:after{content:" ";position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:12px;color:var(--text-tertiary);opacity:.6}.sortable-header:hover:after{opacity:1;color:var(--primary-color)}.supplier-action-cells{display:flex;gap:8px;align-items:center;justify-content:flex-end;position:static!important}.supplier-icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;background:transparent;cursor:pointer;transition:var(--transition);font-size:16px;flex-shrink:0}.status-toggle-btn{color:var(--success-color);border:1px solid var(--border-color)}.status-toggle-btn.deactivate-btn{color:var(--error-color)}.status-toggle-btn:hover{background:var(--background-color);transform:scale(1.05);box-shadow:var(--shadow-sm)}.supplier-more-btn{color:var(--text-secondary);border:1px solid var(--border-color)}.supplier-more-btn:hover{background:var(--background-color);color:var(--text-primary);transform:scale(1.05)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.quick-action-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;border:none;background:transparent;color:var(--text-primary);font-size:13px;text-align:left;cursor:pointer;transition:var(--transition);white-space:nowrap}.quick-action-item:hover{background:var(--background-color);color:var(--primary-color)}.quick-action-item:not(:last-child){border-bottom:1px solid var(--border-light)}.supplier-status{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:inline-block;min-width:70px;text-align:center}.active-status{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.inactive-status{background:#fecaca;color:#991b1b;border:1px solid #fca5a5}.supplier-table-wrapper{background:var(--surface-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);overflow:visible!important;margin-bottom:16px;position:relative}.supplier-data-table{width:100%;border-collapse:collapse;font-size:14px;table-layout:fixed}.supplier-data-table th{background:#f8fafc;padding:16px 12px;text-align:center;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border-color);position:relative}.supplier-data-table td{padding:16px 12px;border-bottom:1px solid var(--border-light);color:var(--text-primary);transition:var(--transition);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.supplier-data-table th:last-child,.supplier-data-table td:last-child{width:120px;min-width:120px;max-width:120px}@media (max-width: 1024px){.supplier-data-table{table-layout:auto}.supplier-data-table th:last-child,.supplier-data-table td:last-child{width:auto;min-width:100px;max-width:none}}@media (max-width: 768px){.supplier-action-cells{justify-content:center;flex-wrap:wrap}.quick-actions-menu{right:auto;left:0;transform:translate(-50%)}.supplier-data-table th:last-child,.supplier-data-table td:last-child{width:auto;min-width:80px}}.supplier-list-wrapper{overflow-x:hidden}.quick-actions-menu{max-height:200px;overflow-y:auto}@media (max-width: 480px){.quick-actions-menu{right:0;left:auto;transform:none}.supplier-action-cells{flex-direction:column;gap:4px}}.svm-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:svm-fadeOverlay .4s cubic-bezier(.25,.46,.45,.94);padding:20px}.svm-modal-content{background:linear-gradient(145deg,#fff,#f8fafc);padding:0;border-radius:20px;width:920px;max-width:95%;max-height:90vh;box-shadow:0 25px 50px #0f172a40,0 0 0 1px #ffffff1a,inset 0 1px #fff6;animation:svm-modalSlideIn .5s cubic-bezier(.25,.46,.45,.94);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.3);position:relative}.svm-modal-content:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2,#667eea);background-size:200% 100%;animation:svm-shimmer 3s ease-in-out infinite}.svm-modal-header{display:flex;justify-content:space-between;align-items:center;padding:28px 32px 24px;background:linear-gradient(135deg,#fff,#f8fafc);border-bottom:1px solid rgba(226,232,240,.8);position:relative;overflow:hidden}.svm-modal-header:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(102,126,234,.3),transparent)}.svm-modal-header h2{font-size:24px;font-weight:700;color:transparent;background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;background-clip:text;margin:0;display:flex;align-items:center;gap:12px;letter-spacing:-.5px}.svm-modal-header h2:before{content:"👤";font-size:20px;background:none;animation:svm-bounce 2s ease-in-out infinite}.svm-close-btn{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:none;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:300;cursor:pointer;color:#64748b;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0f172a14,inset 0 1px #fffc;position:relative;overflow:hidden}.svm-close-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transition:left .6s}.svm-close-btn:hover{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626;transform:rotate(90deg) scale(1.1);box-shadow:0 4px 12px #dc262626,inset 0 1px #fffc}.svm-close-btn:hover:before{left:100%}.svm-modal-body{display:grid;grid-template-columns:1fr 1fr;gap:0;flex:1;overflow:hidden;background:linear-gradient(135deg,#fafbfc,#fff)}.svm-column{padding:28px;overflow-y:auto;height:100%;position:relative}.svm-column-left{border-right:1px solid rgba(226,232,240,.8);background:linear-gradient(135deg,#f8fafccc,#ffffffe6),radial-gradient(circle at 20% 80%,rgba(102,126,234,.05) 0%,transparent 50%)}.svm-column-right{background:linear-gradient(135deg,#ffffffe6,#f8fafccc),radial-gradient(circle at 80% 20%,rgba(118,75,162,.05) 0%,transparent 50%)}.svm-detail-section{margin-bottom:24px;background:linear-gradient(135deg,#fff,#fcfcfd);padding:22px;border-radius:16px;border:1px solid rgba(226,232,240,.8);box-shadow:0 4px 12px #0f172a0f,0 0 0 1px #fffc,inset 0 1px #fff9;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.svm-detail-section:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(180deg,#667eea,#764ba2);opacity:0;transition:opacity .3s ease}.svm-detail-section:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0f172a1f,0 0 0 1px #ffffffe6,inset 0 1px #fffc;border-color:#667eea33}.svm-detail-section:hover:before{opacity:1}.svm-detail-section h3{margin-bottom:18px;font-size:16px;font-weight:700;color:transparent;background:linear-gradient(135deg,#374151,#6b7280);-webkit-background-clip:text;background-clip:text;padding-bottom:12px;border-bottom:1px solid rgba(226,232,240,.8);display:flex;align-items:center;gap:10px;letter-spacing:-.3px}.svm-detail-section h3:before{content:"";width:4px;height:18px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;display:inline-block;box-shadow:0 2px 4px #667eea4d}.svm-detail-grid{display:flex;flex-direction:column;gap:16px}.svm-detail-item{display:flex;flex-direction:column;gap:6px;padding:12px 0;border-bottom:1px solid rgba(241,245,249,.8);transition:all .2s ease}.svm-detail-item:hover{border-bottom-color:#667eea4d;transform:translate(4px)}.svm-detail-item:last-child{border-bottom:none}.svm-detail-item strong{font-weight:600;color:#4b5563;font-size:13px;letter-spacing:.3px;text-transform:uppercase;display:flex;align-items:center;gap:6px}.svm-detail-item strong:before{content:"→";color:#667eea;font-size:12px;opacity:.7;transition:transform .2s ease}.svm-detail-item:hover strong:before{transform:translate(2px)}.svm-detail-item span{color:#1f2937;font-size:14px;line-height:1.5;font-weight:500;padding-left:12px}.svm-status-badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;border-radius:10px;font-size:12px;font-weight:600;min-width:70px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #0f172a1a,inset 0 1px #fff9;position:relative;overflow:hidden;transition:all .3s ease}.svm-status-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s}.svm-status-badge:hover:before{left:100%}.svm-active{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b98140,inset 0 1px #ffffff4d}.svm-inactive{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #ef444440,inset 0 1px #ffffff4d}.svm-modal-footer{display:flex;justify-content:flex-end;padding:24px 32px;background:linear-gradient(135deg,#f8fafc,#fff);border-top:1px solid rgba(226,232,240,.8);position:relative}.svm-modal-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(102,126,234,.2),transparent)}.svm-close-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:12px 28px;font-size:14px;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #667eea4d,0 0 0 1px #ffffff1a,inset 0 1px #fff3;position:relative;overflow:hidden;letter-spacing:.3px}.svm-close-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s}.svm-close-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66,0 0 0 1px #fff3,inset 0 1px #ffffff4d}.svm-close-button:hover:before{left:100%}.svm-close-button:active{transform:translateY(0)}@keyframes svm-modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes svm-fadeOverlay{0%{opacity:0;-webkit-backdrop-filter:blur(0px) saturate(100%);backdrop-filter:blur(0px) saturate(100%)}to{opacity:1;-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%)}}@keyframes svm-shimmer{0%,to{background-position:-200% 0}50%{background-position:200% 0}}@keyframes svm-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-3px)}60%{transform:translateY(-1px)}}.svm-column::-webkit-scrollbar{width:6px}.svm-column::-webkit-scrollbar-track{background:#f1f5f980;border-radius:3px}.svm-column::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#cbd5e1,#94a3b8);border-radius:3px}.svm-column::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#94a3b8,#64748b)}@media (max-width: 768px){.svm-modal-body{grid-template-columns:1fr}.svm-column-left{border-right:none;border-bottom:1px solid rgba(226,232,240,.8)}.svm-modal-content{width:95%;max-height:95vh}}@media (max-width: 480px){.svm-modal-header{padding:24px}.svm-modal-header h2{font-size:22px}.svm-column{padding:24px}.svm-detail-section{padding:20px}}:root{--sms-primary: #7269ef;--sms-primary-dark: #6658dd;--sms-success: #22c55e;--sms-error: #ef4444;--sms-warning: #f59e0b;--sms-info: #3b82f6;--sms-bg-gradient: linear-gradient(135deg, #f0f4f8 0%, #e0e7ff 100%);--sms-card-bg: #fdfbff;--sms-text-primary: #0a0214;--sms-text-secondary: #9f9f9f;--sms-border: #e5e7eb;--sms-shadow: 0 2px 4px -1px rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .06);--sms-shadow-lg: 0 4px 6px -3px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .05);--sms-border-radius: 8px;--sms-transition: all .2s cubic-bezier(.4, 0, .2, 1)}.sms-page-content{background:var(--sms-bg-gradient);min-height:100vh;padding:0 16px 16px;color:var(--sms-text-primary)}.sms-system-header{background:var(--sms-card-bg);padding:1rem 1.5rem;border-bottom:1px solid var(--sms-border);margin-bottom:1rem;box-shadow:var(--sms-shadow)}.sms-header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.sms-header-main{display:flex;justify-content:space-between;align-items:flex-start;width:100%;gap:1rem}.sms-header-text{flex:1}.sms-header-title{font-size:1.5rem;font-weight:600;margin:0 0 4px;color:var(--sms-text-primary)}.sms-header-subtitle{font-size:.875rem;color:var(--sms-text-secondary);margin:0 0 8px;font-weight:400;line-height:1.4}.sms-user-role-badge{font-size:.75rem;color:var(--sms-text-secondary)}.sms-role-admin{color:var(--sms-primary);font-weight:600;background:#7269ef1a;padding:2px 6px;border-radius:4px;font-size:.7rem}.sms-role-employee{color:var(--sms-success);font-weight:600;background:#22c55e1a;padding:2px 6px;border-radius:4px;font-size:.7rem}.sms-header-stats{display:flex;align-items:center;gap:.75rem}.sms-supplier-count{color:var(--sms-text-secondary);background:#f8f9fa;padding:.25rem .5rem;border-radius:4px;font-weight:500;font-size:.875rem}.sms-nav-buttons{display:flex;gap:.6rem;align-items:center}.sms-nav-button{padding:.8rem 1rem;font-size:.8rem;font-weight:500;color:var(--sms-text-primary);background:var(--sms-card-bg);border:1px solid var(--sms-border);border-radius:var(--sms-border-radius);cursor:pointer;transition:var(--sms-transition)}.sms-nav-button:hover{border-color:var(--sms-primary);box-shadow:var(--sms-shadow-lg)}.sms-content{background:var(--sms-card-bg);border-radius:var(--sms-border-radius);box-shadow:var(--sms-shadow);min-height:calc(100vh - 160px);overflow:hidden}@media (max-width: 768px){.sms-page-content{padding:0 12px 12px}.sms-system-header{padding:.75rem 1rem;margin-bottom:.75rem}.sms-header-content{flex-direction:column;gap:.75rem;align-items:stretch}.sms-header-main{flex-direction:column;gap:.75rem}.sms-header-title{font-size:1.25rem}.sms-header-subtitle{font-size:.8rem}.sms-header-stats{align-self:flex-start}.sms-nav-buttons{width:100%;justify-content:center}.sms-nav-button{flex:1;text-align:center}}@media (max-width: 480px){.sms-header-title{font-size:1.1rem}.sms-header-subtitle{font-size:.75rem}.sms-user-role-badge{font-size:.7rem}.sms-supplier-count{font-size:.8rem}}.supplier-management-container{max-width:1500px;margin:0 auto;padding:20px;font-family:Poppins,sans-serif;background-color:#f5f7f9;min-height:100vh}.sm-header-tabs-container{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;padding:25px;background:#fff;border-radius:15px;box-shadow:0 4px 20px #00000014;flex-wrap:wrap;gap:20px}.header-content{flex:1;min-width:400px}.title-section h1{margin:0 0 8px;font-size:2.2rem;font-weight:600;color:#342d5e}.title-section p{margin:0;opacity:.9;font-size:1rem;color:#666}.user-role-badge{background:#f8f9fa;padding:8px 16px;border-radius:20px;font-weight:500;font-size:.9rem;margin-top:12px;display:inline-block;box-shadow:0 2px 8px #0000001a}.role-admin{color:#667eea}.role-employee{color:#28a745}.role-manager{color:#ffc107}.tabs-section{display:flex;background:#f8f9fa;border-radius:10px;box-shadow:0 2px 10px #0000001a;overflow:hidden;height:-moz-fit-content;height:fit-content;align-self:center}.tabs-section .tab{padding:14px 28px;border:none;background:transparent;cursor:pointer;font-size:1rem;font-weight:500;color:#666;transition:all .3s ease;position:relative;white-space:nowrap}.tabs-section .tab.active{color:#667eea;background:#667eea1a}.tabs-section .tab.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:#667eea}.tabs-section .tab:hover:not(.active){background:#667eea0d}.tab-content{background:#fff;border-radius:15px;box-shadow:0 4px 20px #00000014;overflow:hidden;animation:fadeIn .5s ease-in}.supplier-form-container,.suppliers-list-container{padding:0}.view-controls{display:flex;gap:15px;align-items:center}.search-box{position:relative}.form-input{width:300px;padding:12px 15px;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#fff}.form-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-select{padding:12px 15px;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;background:#fff;cursor:pointer}.form-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.action-btn.refresh{background:#667eea;color:#fff;padding:12px 20px;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease}.action-btn.refresh:hover{background:#5a6fd8;transform:translateY(-1px)}.notification{position:fixed;top:20px;right:20px;padding:15px 20px;border-radius:8px;color:#fff;display:flex;align-items:center;gap:10px;z-index:1000;animation:slideIn .3s ease-out;box-shadow:0 4px 12px #00000026;max-width:400px}.notification.success{background:#28a745}.notification.error{background:#dc3545}.notification.warning{background:#ffc107;color:#212529}.notification.info{background:#17a2b8}.notification-icon{font-weight:700;font-size:16px}.notification-close{background:none;border:none;color:inherit;font-size:18px;cursor:pointer;margin-left:auto;opacity:.8}.notification-close:hover{opacity:1}.supplier-form{padding:30px}.form-section{margin-bottom:40px;padding:30px;border-radius:15px;border-bottom:2px solid #e9ecef;background:#f8f9fa}.form-section:last-of-type{border-bottom:none;margin-bottom:20px}.section-title{color:#2c3e50;font-size:1.5rem;margin-bottom:25px;padding-bottom:10px;border-bottom:2px solid #667eea;font-weight:600}.form-row{display:flex;gap:20px;margin-bottom:20px;flex-wrap:wrap}.form-group{flex:1;min-width:250px}.form-group.full-width{flex:100%}.form-label{display:block;margin-bottom:8px;font-weight:500;color:#2c3e50}.form-label.required:after{content:"*";color:#e74c3c;margin-left:4px}.error-message{display:block;color:#e74c3c;font-size:.9rem;margin-top:5px;font-weight:500}.form-actions{text-align:center;margin-top:30px;padding:20px;background:#f8f9fa;border-radius:10px}.submit-button{background:#667eea;color:#fff;padding:15px 40px;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.submit-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.submit-button:active{transform:translateY(0)}.secondary-button{background:#6c757d;color:#fff;padding:12px 25px;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:all .3s ease;margin-left:10px}.secondary-button:hover{background:#5a6268}.suppliers-list{padding:30px}.list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:20px}.list-title{color:#2c3e50;font-size:1.8rem;font-weight:600;margin:0}.list-stats{color:#6c757d;font-size:1rem}@media (max-width: 1024px){.sm-header-tabs-container{flex-direction:column;align-items:stretch;gap:25px}.header-content{min-width:100%}.tabs-section{align-self:stretch;justify-content:center}}@media (max-width: 768px){.supplier-management-container{padding:10px}.sm-header-tabs-container{padding:20px}.title-section h1{font-size:2rem}.tabs-section{width:100%;justify-content:stretch}.tabs-section .tab{flex:1;text-align:center;padding:12px 20px}.view-controls{flex-direction:column;width:100%}.form-input,.action-btn.refresh{width:100%}.form-row{flex-direction:column;gap:15px}.form-group{min-width:100%}}@media (max-width: 480px){.sm-header-tabs-container{padding:15px}.title-section h1{font-size:1.8rem}.supplier-form,.suppliers-list{padding:20px}.section-title{font-size:1.3rem}.submit-button,.secondary-button{width:100%;margin:5px 0}.tabs-section .tab{padding:10px 15px;font-size:.9rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loading{display:flex;justify-content:center;align-items:center;padding:60px;color:#6c757d}.loading-spinner{display:inline-block;width:20px;height:20px;border:3px solid #f3f3f3;border-top:3px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-right:10px}button:focus,input:focus,select:focus{outline:2px solid #667eea;outline-offset:2px}.form-input:hover{border-color:#cbd5e1}.form-input option{padding:8px 12px;background:#fff;color:#1a202c}.form-input.compact{padding:8px 32px 8px 12px;font-size:13px}.form-input.borderless{border:1px solid transparent;background-color:#f8fafc}@media (max-width: 1200px){.supplier-management-container{max-width:100%;padding:15px}}@media print{.sm-header-tabs-container,.view-controls,.table-actions{display:none}.supplier-management-container{background:#fff;padding:0}.tab-content{box-shadow:none}}:root{--sms-primary: #7269ef;--sms-primary-dark: #6658dd;--sms-success: #22c55e;--sms-error: #ef4444;--sms-warning: #f59e0b;--sms-info: #3b82f6;--sms-bg-gradient: linear-gradient(135deg, #f0f4f8 0%, #e0e7ff 100%);--sms-card-bg: #fdfbff;--sms-text-primary: #0a0214;--sms-text-secondary: #9f9f9f;--sms-border: #e5e7eb;--sms-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--sms-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--sms-border-radius: 12px;--sms-transition: all .3s cubic-bezier(.4, 0, .2, 1)}.sms-page-content{background:var(--sms-bg-gradient);min-height:100vh;padding:0 24px 24px;color:var(--sms-text-primary)}.sms-system-header{background:var(--sms-card-bg);padding:2rem}.sms-header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.sms-header-content-title{flex:1}.sms-user-role-badge{font-size:.875rem;color:var(--sms-text-secondary)}.sms-role-admin{color:var(--sms-primary);font-weight:600;background:#7269ef1a;padding:4px 8px;border-radius:6px}.sms-role-employee{color:var(--sms-success);font-weight:600;background:#22c55e1a;padding:4px 8px;border-radius:6px}.sms-nav-buttons{display:flex;gap:1rem;align-items:center}.sms-nav-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s}.sms-nav-button:hover:before{left:100%}.sms-nav-button:hover{transform:translateY(-2px);box-shadow:var(--sms-shadow-lg);border-color:var(--sms-primary)}.sms-nav-button.sms-active{background:var(--sms-primary);color:#fff;border-color:var(--sms-primary)}.sms-content{background:var(--sms-card-bg);overflow:hidden}@media (max-width: 1024px){.sms-header-content{flex-direction:column;gap:1.5rem}.sms-nav-buttons{width:100%;justify-content:center}}@media (max-width: 768px){.sms-page-content{padding:16px}.sms-system-header{padding:1.5rem}.sms-header-title{font-size:1.75rem}.sms-nav-buttons{flex-direction:column;width:100%}.sms-nav-button{width:100%;justify-content:center}}@media (max-width: 480px){.sms-header-title{font-size:1.5rem}.sms-header-subtitle{font-size:1rem}}.booking-form-container{max-width:1200px;margin:0 auto;padding:24px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f8fafc;min-height:100vh}.booking-form-header{text-align:center;margin-bottom:40px;padding:30px;background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014;border:1px solid #f1f5f9}.booking-form-header h2{color:#1e293b;margin-bottom:12px;font-size:32px;font-weight:700}.booking-form-header p{color:#64748b;font-size:16px;font-weight:500}.booking-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:32px}.booking-form-box{display:flex;flex-direction:column;gap:8px}.booking-form-box label{font-size:14px;font-weight:600;color:#374151;margin-bottom:4px}.booking-form-box.full-width{grid-column:1 / -1}.booking-searchable-dropdown{position:relative}.booking-search-input{width:100%;padding:14px 16px;border:2px solid #e2e8f0;border-radius:12px;font-size:14px;background:#fff;transition:all .3s ease}.booking-search-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.booking-search-input:disabled{background-color:#f8fafc;color:#94a3b8;cursor:not-allowed}.booking-dropdown-list{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 25px #00000026;max-height:240px;overflow-y:auto;z-index:1000;margin-top:8px}.booking-dropdown-item{padding:12px 16px;cursor:pointer;border-bottom:1px solid #f8fafc;transition:background-color .2s ease;font-size:14px;color:#374151}.booking-dropdown-item:hover{background:#f8fafc}.booking-dropdown-item:last-child{border-bottom:none}.booking-selected-badge{background:#10b981;color:#fff;padding:8px 12px;border-radius:8px;font-size:12px;font-weight:600;margin-top:6px;display:inline-flex;align-items:center;gap:6px}.booking-selected-badge:before{content:"✓";font-weight:700}.booking-hotel-search-container{position:relative;width:100%}.booking-search-input-wrapper{position:relative;display:flex;align-items:center;background:#fff;border-radius:12px;border:2px solid #e2e8f0;transition:all .3s ease;width:100%;min-height:52px;box-sizing:border-box}.booking-search-input-wrapper:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.booking-search-icon{position:absolute;left:16px;display:flex;align-items:center;justify-content:center;color:#64748b;z-index:1;pointer-events:none}.booking-search-icon svg{width:20px;height:20px;flex-shrink:0}.booking-hotel-search-input{width:100%;padding:14px 50px 14px 44px;border:none;border-radius:12px;font-size:16px;background:transparent;outline:none;color:#374151;font-family:inherit;line-height:1.5;box-sizing:border-box;position:relative;z-index:2}.booking-hotel-search-input::-moz-placeholder{color:#94a3b8;font-size:15px;opacity:1}.booking-hotel-search-input::placeholder{color:#94a3b8;font-size:15px;opacity:1}.booking-clear-search{position:absolute;right:12px;background:#f1f5f9;border:none;color:#64748b;cursor:pointer;padding:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease;z-index:3}.booking-clear-search:hover{background:#e2e8f0;color:#374151}.booking-clear-search svg{width:16px;height:16px;flex-shrink:0}.booking-search-results-panel{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 25px #00000026;max-height:300px;overflow-y:auto;z-index:1000;margin-top:8px}.booking-hotel-result{display:flex;align-items:center;padding:16px;cursor:pointer;border-bottom:1px solid #f1f5f9;transition:background-color .2s ease}.booking-hotel-result:hover{background:#f8fafc}.booking-hotel-result.selected{background:#f0f9ff}.booking-hotel-icon{margin-right:16px;display:flex;align-items:center;justify-content:center;color:#64748b;flex-shrink:0}.booking-hotel-icon svg{width:20px;height:20px}.booking-hotel-info{flex:1;min-width:0}.booking-hotel-name{font-weight:600;color:#1e293b;font-size:14px;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.booking-hotel-location{font-size:12px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.booking-loading-results{padding:24px;text-align:center;color:#64748b;display:flex;align-items:center;justify-content:center;gap:12px;font-size:14px}.booking-no-results{padding:24px;text-align:center;color:#94a3b8;font-style:italic;font-size:14px}.booking-selected-hotel-display{margin-top:12px;padding:16px;background:#f0f9ff;border:2px solid #bae6fd;border-radius:12px;display:flex;align-items:center;gap:12px}.booking-selected-hotel-badge{background:#10b981;color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap;flex-shrink:0}.booking-selected-hotel-info{display:flex;flex-direction:column;flex:1;min-width:0}.booking-selected-hotel-info strong{color:#0c4a6e;font-size:14px;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.booking-selected-hotel-info span{color:#475569;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.booking-date-input-container{position:relative;display:flex;align-items:center;background:#fff;border-radius:12px;border:2px solid #e2e8f0;transition:all .3s ease;min-height:52px}.booking-date-input-container:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.booking-clickable-date-input{width:100%;padding:14px 50px 14px 16px;border:none;border-radius:12px;font-size:14px;background:transparent;cursor:pointer;color:#374151;line-height:1.5}.booking-clickable-date-input::-moz-placeholder{color:#94a3b8}.booking-clickable-date-input::placeholder{color:#94a3b8}.booking-calendar-button{position:absolute;right:12px;background:#f8fafc;border:none;font-size:18px;color:#64748b;cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:2}.booking-calendar-button:hover{background:#e2e8f0;color:#374151}.booking-hidden-date-input{position:absolute;opacity:0;pointer-events:none}.booking-nights-display,.booking-total-display{padding:14px 16px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;font-weight:600;text-align:center;font-size:16px;color:#374151;min-height:52px;display:flex;align-items:center;justify-content:center}.booking-number-input,.booking-small-input{padding:14px;border:2px solid #e2e8f0;border-radius:12px;font-size:14px;text-align:center;background:#fff;transition:all .3s ease;min-height:52px;box-sizing:border-box}.booking-number-input:focus,.booking-small-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.booking-number-input{width:90px}.booking-small-input{width:70px}.booking-rooms-section{margin:32px 0;padding:28px;background:#fff;border-radius:20px;border:1px solid #f1f5f9;box-shadow:0 4px 20px #00000014}.booking-rooms-section h4{margin:0 0 24px;color:#1e293b;font-size:20px;font-weight:700}.booking-rooms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}.booking-room-box{background:#f8fafc;border:2px solid #e2e8f0;border-radius:16px;padding:20px;transition:all .3s ease}.booking-room-box:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.booking-room-header{font-weight:700;color:#1e293b;margin-bottom:16px;font-size:16px;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.booking-room-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px}.booking-field-box{display:flex;flex-direction:column;gap:8px}.booking-field-box label{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.booking-ages-box{grid-column:1 / -1;padding-top:12px;border-top:1px dashed #e2e8f0}.booking-ages-grid{display:flex;gap:8px;flex-wrap:wrap}.booking-age-input{width:60px;padding:10px;border:2px solid #e2e8f0;border-radius:10px;text-align:center;font-size:12px;background:#fff;transition:all .2s ease;min-height:42px;box-sizing:border-box}.booking-age-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.booking-form-box textarea{width:100%;padding:16px;border:2px solid #e2e8f0;border-radius:12px;font-size:14px;resize:vertical;min-height:100px;font-family:inherit;transition:all .3s ease;background:#fff;line-height:1.5;box-sizing:border-box}.booking-form-box textarea:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.booking-actions-section{display:flex;justify-content:flex-end;gap:16px;margin-top:40px;border-top:2px solid #f1f5f9;background:#fff;padding:28px;border-radius:20px;box-shadow:0 4px 20px #00000014}.booking-btn-cancel,.booking-btn-save{padding:16px 32px;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;min-width:140px;transition:all .3s ease;min-height:56px;display:flex;align-items:center;justify-content:center}.booking-btn-cancel{background:#f1f5f9;color:#64748b;border:2px solid #e2e8f0}.booking-btn-cancel:hover{background:#e2e8f0;transform:translateY(-2px);box-shadow:0 6px 20px #64748b33}.booking-btn-save{background:#667eea;color:#fff;box-shadow:0 4px 15px #667eea66}.booking-btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #667eea80}.booking-btn-save:disabled{background:#cbd5e1;cursor:not-allowed;box-shadow:none;transform:none}.booking-spinner{width:18px;height:18px;border:2px solid #e2e8f0;border-top:2px solid #667eea;border-radius:50%;animation:booking-spin 1s linear infinite;flex-shrink:0}@keyframes booking-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.booking-dropdown-list::-webkit-scrollbar,.booking-search-results-panel::-webkit-scrollbar{width:6px}.booking-dropdown-list::-webkit-scrollbar-track,.booking-search-results-panel::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.booking-dropdown-list::-webkit-scrollbar-thumb,.booking-search-results-panel::-webkit-scrollbar-thumb{background:#667eea;border-radius:3px}@media (max-width: 1024px){.booking-form-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.booking-form-container{padding:16px}.booking-form-grid{grid-template-columns:1fr;gap:16px}.booking-rooms-grid,.booking-room-fields{grid-template-columns:1fr}.booking-actions-section{flex-direction:column;gap:12px}.booking-btn-cancel,.booking-btn-save{width:100%;min-width:auto}.booking-form-header{padding:24px 20px}.booking-form-header h2{font-size:28px}.booking-number-input{max-width:100%}.booking-hotel-search-input::-moz-placeholder{font-size:16px}.booking-hotel-search-input::placeholder{font-size:16px}.booking-search-input-wrapper,.booking-date-input-container,.booking-nights-display,.booking-total-display,.booking-number-input,.booking-small-input{min-height:56px}}.booking-search-input:focus-visible,.booking-hotel-search-input:focus-visible,.booking-number-input:focus-visible,.booking-small-input:focus-visible,.booking-age-input:focus-visible,.booking-form-box textarea:focus-visible{outline:2px solid #667eea;outline-offset:2px}.booking-nights-display,.booking-total-display,.booking-adults-display,.booking-children-display{padding:14px 16px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;font-weight:600;text-align:center;font-size:16px;color:#374151;min-height:52px;display:flex;align-items:center;justify-content:center;cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:50px}.viewonly{display:flex;gap:23px}.booking-nights-display:before,.booking-total-display:before,.booking-adults-display:before,.booking-children-display:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 95%,rgba(172,37,37,.03) 95%);border-radius:8px;pointer-events:none}.viewonly{display:flex;align-items:center;justify-content:end;gap:23px;margin:23px}.booking-date-range-wrapper{position:relative;grid-column:1 / -1;height:0}.booking-calendar-popup{position:absolute;z-index:2000;top:1px;left:30%;transform:translate(-50%);background:#fff;border-radius:12px;box-shadow:0 10px 30px #00000026;overflow:hidden}.booking-calendar-centered{width:-moz-max-content;width:max-content}.booking-clickable-date-input{border:1px solid var(--border-color, #ccc);border-radius:6px;padding:10px 14px;background:#fff;cursor:pointer;font-weight:500;color:#1e293b;-webkit-user-select:none;-moz-user-select:none;user-select:none}.booking-clickable-date-input:focus{outline:2px solid var(--primary-color, #2563eb);outline-offset:2px}.booking-rooms-table-container{background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden;box-shadow:0 2px 8px #00000014}.booking-rooms-table{width:100%;border-collapse:collapse;font-size:14px}.booking-rooms-table th{background:#f8fafc;padding:16px 12px;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e2e8f0;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.booking-rooms-table td{padding:16px 12px;border-bottom:1px solid #f1f5f9;vertical-align:top}.booking-room-row:hover{background:#f8fafc}.booking-room-row:last-child td{border-bottom:none}.booking-table-input{width:100%;padding:10px 12px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;background:#fff;transition:all .2s ease;box-sizing:border-box}.booking-table-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.booking-table-select{width:100%;padding:10px 12px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;background:#fff;transition:all .2s ease;cursor:pointer}.booking-table-select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.booking-table-input.booking-number-input{text-align:center;width:70px}.booking-room-number{font-weight:600;color:#1e293b;min-width:80px}.booking-children-ages{min-width:150px}.booking-ages-container{display:flex;flex-direction:column;gap:8px}.booking-ages-grid{display:flex;gap:6px;flex-wrap:wrap}.booking-no-children{color:#94a3b8;font-style:italic;font-size:13px}.booking-room-type{position:static;min-width:180px;z-index:1000}.booking-room-type .room-type-selector{position:relative;z-index:100}.booking-room-type .room-type-dropdown{z-index:1000!important;position:absolute;top:100%;left:0;right:0}.booking-rooms-table-container,.booking-rooms-table,.booking-room-row{position:relative;z-index:1}.booking-room-type .room-type-dropdown,.booking-room-type .dropdown-list,.booking-room-type .booking-dropdown-list{z-index:1000!important;position:absolute!important}@media (max-width: 1024px){.booking-rooms-table-container{overflow-x:auto}.booking-rooms-table{min-width:800px}}@media (max-width: 768px){.booking-rooms-table th,.booking-rooms-table td{padding:12px 8px;font-size:13px}.booking-table-input,.booking-table-select{padding:8px 10px;font-size:13px}.booking-table-input.booking-number-input{width:60px}.booking-ages-grid{gap:4px}.booking-age-input{width:50px;padding:6px;font-size:12px}}.booking-age-input{width:55px;padding:6px;border:2px solid #e2e8f0;border-radius:6px;text-align:center;font-size:12px;background:#fff;transition:all .2s ease}.booking-age-input:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.rt-selector-container{position:relative;width:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;--primary: #3b82f6;--primary-hover: #2563eb;--success: #10b981;--danger: #ef4444;--warning: #f59e0b;--gray-100: #f8fafc;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--radius: 12px;--shadow: 0 10px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--transition: all .3s cubic-bezier(.4, 0, .2, 1)}.rt-selector-notice{background:linear-gradient(135deg,#fffbeb,#fef3c7);color:#92400e;padding:12px 16px;border-radius:var(--radius);margin-bottom:16px;border:1px solid #fcd34d;font-size:14px;font-weight:500;box-shadow:var(--shadow);display:flex;align-items:center;gap:8px}.rt-selector-notice:before{content:"💡";font-size:16px}.rt-form-group{margin-bottom:24px;position:relative}.rt-form-group.rt-error .rt-form-input{border-color:var(--danger);box-shadow:0 0 0 4px #ef444426;background:linear-gradient(0deg,#fef2f2,#fff)}.rt-form-label{display:block;margin-bottom:8px;font-weight:600;color:var(--gray-800);font-size:14px;letter-spacing:-.01em}.rt-form-label.rt-required:after{content:"*";color:var(--danger);margin-left:4px}.rt-input-wrapper{position:relative;display:flex;align-items:center}.rt-form-input{width:100%;padding:14px 48px 14px 16px;border:2px solid var(--gray-200);border-radius:var(--radius);font-size:15px;transition:var(--transition);background-color:#fff;color:var(--gray-800);letter-spacing:-.01em;box-shadow:0 1px 2px #0000000d}.rt-form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #3b82f626;transform:translateY(-1px)}.rt-form-input:disabled{background-color:var(--gray-100);color:var(--gray-400);cursor:not-allowed;border-color:var(--gray-200)}.rt-chevron-button{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--gray-500);padding:6px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:var(--transition);z-index:2}.rt-chevron-button:hover{color:var(--primary);background-color:#3b82f61a;transform:translateY(-50%) rotate(180deg)}.rt-chevron-button:disabled{color:var(--gray-300);cursor:not-allowed}.rt-chevron-button:disabled:hover{background-color:transparent;transform:translateY(-50%)}.rt-dropdown-list{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:240px;overflow-y:auto;background-color:#fff;border:2px solid var(--gray-200);border-radius:var(--radius);margin:0;padding:8px;list-style:none;z-index:1000;box-shadow:var(--shadow);animation:rtSlideDown .3s cubic-bezier(.4,0,.2,1)}.rt-dropdown-list li{padding:12px 14px;cursor:pointer;border-radius:8px;font-size:14px;transition:var(--transition);display:flex;align-items:center;margin-bottom:4px}.rt-dropdown-list li:last-child{margin-bottom:0}.rt-dropdown-list li:hover{background-color:var(--gray-100);transform:translate(2px)}.rt-dropdown-list li.rt-highlighted{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);color:#fff;box-shadow:0 4px 6px -1px #3b82f64d}.rt-dropdown-list li.rt-highlighted b{color:#fff;text-decoration:underline}.rt-dropdown-list li.rt-add-option{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:var(--success);font-weight:600;border:1px dashed #a7f3d0;display:flex;align-items:center;gap:8px}.rt-dropdown-list li.rt-add-option:before{content:"➕";font-size:14px}.rt-dropdown-list li.rt-add-option:hover{background:linear-gradient(135deg,#d1fae5,#a7f3d0);transform:translate(2px)}.rt-dropdown-list b{font-weight:700;color:var(--primary);background-color:#3b82f61a;padding:0 2px;border-radius:4px}.rt-status-indicator{padding:12px 16px;background:linear-gradient(135deg,var(--gray-100) 0%,#f1f5f9 100%);border:1px solid var(--gray-200);border-radius:var(--radius);color:var(--gray-600);font-size:14px;margin-top:12px;display:flex;align-items:center;gap:8px;font-weight:500}.rt-status-indicator:before{content:"";width:12px;height:12px;border-radius:50%;border:2px solid var(--gray-400);border-top-color:transparent;animation:rtSpin 1s linear infinite}.rt-dropdown-list::-webkit-scrollbar{width:8px}.rt-dropdown-list::-webkit-scrollbar-track{background:var(--gray-100);border-radius:4px}.rt-dropdown-list::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:4px}.rt-dropdown-list::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}@keyframes rtSlideDown{0%{opacity:0;transform:translateY(-16px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes rtSpin{to{transform:rotate(360deg)}}@media (max-width: 768px){.rt-selector-container{margin-bottom:24px}.rt-form-input{padding:16px 48px 16px 16px;font-size:16px}.rt-dropdown-list{max-height:200px}.rt-dropdown-list li{padding:14px 16px}}.rt-form-input:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.rt-chevron-button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.rt-selector-container{position:relative!important;overflow:visible!important;z-index:10!important}.rt-dropdown-list{position:absolute!important;top:calc(100% + 8px);left:0;right:0;z-index:99999!important;background:#fff;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 12px 32px #0000002e;padding:4px 0;max-height:260px;overflow-y:auto;animation:dropdownFade .15s ease-out}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.rt-dropdown-item{padding:10px 14px;font-size:14px;cursor:pointer;transition:all .15s ease}.rt-dropdown-item:hover,.rt-dropdown-item.rt-highlighted{border-radius:6px}.rt-add-option{padding:10px 14px;background:#f8fafc;font-weight:500;border-top:1px solid #e2e8f0;cursor:pointer}.booking-rooms-table-container,.booking-room-type,.booking-room-row,.booking-rooms-section{overflow:visible!important;position:relative!important;z-index:auto!important}.booking-room-row{position:relative!important;z-index:0;overflow:visible!important;transform:translateZ(0)}.booking-room-row.dropdown-open{z-index:9999!important}.rt-dropdown-list{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#f2f2f2;border:1px solid #0c4a9b;border-radius:12px;box-shadow:0 12px 32px #0000002e;max-height:260px;overflow-y:auto;animation:dropdownFade .15s ease-out;z-index:1000}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.commercial-form-container{max-width:1400px;margin:0 auto;padding:20px;font-family:Arial,sans-serif}.commercial-form-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:25px;border-radius:12px;margin-bottom:25px;text-align:center}.commercial-form-header h1{margin:0;font-size:28px;font-weight:700}.commercial-form-header p{margin:8px 0 0;opacity:.9;font-size:16px}.commercial-form-main-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-bottom:25px;display:flex}.commercial-form-section{background:#fff;border:1px solid #e1e5e9;border-radius:12px;padding:25px;box-shadow:0 4px 15px #0000001a}.commercial-form-section-header{padding:18px;border-radius:8px;margin-bottom:25px;text-align:center;color:#fff}.commercial-form-buying-header{background:linear-gradient(135deg,#dc3545,#c82333)}.commercial-form-selling-header{background:linear-gradient(135deg,#28a745,#20c997)}.commercial-form-section-header h3{margin:0;font-size:20px;font-weight:700}.commercial-form-section-header p{margin:5px 0 0;opacity:.9;font-size:14px}.commercial-form-input-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px}.commercial-form-label{display:block;margin-bottom:8px;font-weight:700;color:#555;font-size:14px}.commercial-form-sublabel{display:block;margin-bottom:6px;color:#555;font-weight:700;font-size:12px}.commercial-form-input{width:100%;padding:12px;border:2px solid #e1e5e9;border-radius:8px;font-size:14px;transition:border-color .3s}.commercial-form-input:focus{border-color:#667eea;outline:none}.commercial-form-select{width:100%;padding:12px;border:2px solid #e1e5e9;border-radius:8px;font-size:14px;transition:border-color .3s}.commercial-form-select:focus{border-color:#667eea;outline:none}.commercial-form-currency-input{position:relative}.commercial-form-currency-symbol{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#666;font-weight:700}.commercial-form-currency-input .commercial-form-input{padding-left:35px}.commercial-form-checkbox-label{display:flex;align-items:center;gap:12px;margin-bottom:15px;cursor:pointer}.commercial-form-checkbox{transform:scale(1.3)}.commercial-form-checkbox-text{font-weight:700;color:#555;font-size:15px}.commercial-form-checkbox-description{font-size:12px;color:#666;margin-top:2px}.commercial-form-incentive-description{color:#dc3545;font-weight:700}.commercial-form-commission-section,.commercial-form-incentive-section{margin-bottom:20px}.commercial-form-commission-box,.commercial-form-incentive-box{background:#f8f9fa;padding:18px;border-radius:8px;margin-bottom:15px}.commercial-form-commission-box{border:2px dashed #28a745}.commercial-form-incentive-box{border:2px dashed #dc3545}.commercial-form-commission-select,.commercial-form-incentive-select{border-color:#28a745;background:#f0fff4}.commercial-form-incentive-select{border-color:#dc3545;background:#fff5f5}.commercial-form-commission-input,.commercial-form-incentive-input{border-color:#28a745;background:#f0fff4}.commercial-form-incentive-input{border-color:#dc3545;background:#fff5f5}.commercial-form-commission-amount{margin-top:10px;padding:8px;background:#d4edda;border-radius:4px;text-align:center;font-weight:700;color:#155724}.commercial-form-incentive-amount{margin-top:10px;padding:8px;background:#f8d7da;border-radius:4px;text-align:center;font-weight:700;color:#721c24}.commercial-form-additional-section{margin-bottom:20px}.commercial-form-section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.commercial-form-section-title h4{margin:0;color:#555;font-size:16px}.commercial-form-add-button{color:#fff;border:none;padding:8px 15px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:700}.commercial-form-add-cost{background:#dc3545}.commercial-form-add-discount{background:#28a745}.commercial-form-additional-row{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:10px;align-items:end;margin-bottom:10px}.commercial-form-small-input,.commercial-form-small-select{width:100%;padding:8px;border:1px solid #ddd;border-radius:5px;font-size:12px}.commercial-form-remove-button{background:#6c757d;color:#fff;border:none;padding:8px 10px;border-radius:5px;cursor:pointer;font-size:12px}.commercial-form-vat-section{margin-bottom:20px}.commercial-form-vat-input{border-color:#007bff}.commercial-form-vat-amount-display{display:flex;align-items:center;justify-content:center;background:#e7f3ff;border-radius:6px;padding:10px}.commercial-form-vat-label{font-size:12px;color:#06c}.commercial-form-vat-value{font-weight:700;color:#06c}.commercial-form-summary{padding:20px;border-radius:8px;border:2px solid}.commercial-form-buying-summary{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-color:gold}.commercial-form-selling-summary{background:linear-gradient(135deg,#d4edda,#c3e6cb);border-color:#28a745}.commercial-form-summary h4{margin:0 0 15px;text-align:center}.commercial-form-buying-summary h4{color:#856404}.commercial-form-selling-summary h4{color:#155724}.commercial-form-summary-grid{display:grid;gap:8px}.commercial-form-summary-row{display:flex;justify-content:space-between}.commercial-form-cost-row{color:#dc3545}.commercial-form-subtotal-row{color:#06c;font-weight:700}.commercial-form-commission-row{color:#28a745}.commercial-form-amount-before-vat{color:#17a2b8;font-weight:700}.commercial-form-vat-row{color:#6f42c1}.commercial-form-incentive-row,.commercial-form-discount-row{color:#dc3545}.commercial-form-gross-after-incentives{color:#17a2b8;font-weight:700}.commercial-form-summary-divider{margin:8px 0;border:none;border-top:2px solid}.commercial-form-buying-summary .commercial-form-summary-divider{border-color:gold}.commercial-form-selling-summary .commercial-form-summary-divider{border-color:#28a745}.commercial-form-net-payment,.commercial-form-net-receivable{font-size:18px;font-weight:700}.commercial-form-net-payment{color:#856404}.commercial-form-net-receivable{color:#155724}.commercial-form-exchange-section{background:#fff;border:1px solid #e1e5e9;border-radius:12px;padding:25px;margin-bottom:25px;box-shadow:0 4px 15px #0000001a}.commercial-form-exchange-section h3{margin-top:0;color:#555;text-align:center;margin-bottom:20px}.commercial-form-exchange-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;align-items:center}.commercial-form-exchange-input{border-color:#007bff}.commercial-form-exchange-rate-display{text-align:center;margin-top:8px;font-weight:700;color:#007bff}.commercial-form-auto-rate{text-align:center}.commercial-form-auto-rate-label{justify-content:center;margin-bottom:10px}.commercial-form-auto-rate-description{color:#666;display:block}.commercial-form-converted-cost{background:linear-gradient(135deg,#fff3cd,#ffeaa7);padding:15px;border-radius:8px;border:2px solid #ffd700;text-align:center}.commercial-form-converted-label{font-size:14px;color:#856404;margin-bottom:5px;font-weight:700}.commercial-form-converted-value{font-size:20px;font-weight:700;color:#856404}.commercial-form-profit-section{background:#fff;border:1px solid #e1e5e9;border-radius:12px;padding:25px;box-shadow:0 4px 15px #0000001a}.commercial-form-profit-section h3{margin-top:0;color:#555;text-align:center;margin-bottom:25px}.commercial-form-profit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:25px;display:flex}.commercial-form-profit-card{padding:25px;border-radius:10px;border:3px solid;text-align:center}.commercial-form-profit-positive{background:linear-gradient(135deg,#d4edda,#c3e6cb);border-color:#28a745}.commercial-form-profit-negative{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border-color:#dc3545}.commercial-form-margin-positive{background:linear-gradient(135deg,#d1ecf1,#bee5eb);border-color:#17a2b8}.commercial-form-margin-negative{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border-color:#dc3545}.commercial-form-markup-card{background:linear-gradient(135deg,#e2e3e5,#d6d8db);border-color:#6c757d}.commercial-form-profit-title{font-size:16px;margin-bottom:10px;font-weight:700}.commercial-form-profit-positive .commercial-form-profit-title,.commercial-form-profit-negative .commercial-form-profit-title{color:#155724}.commercial-form-margin-positive .commercial-form-profit-title,.commercial-form-margin-negative .commercial-form-profit-title{color:#0c5460}.commercial-form-markup-card .commercial-form-profit-title{color:#383d41}.commercial-form-profit-amount{font-size:32px;font-weight:700;margin-bottom:5px}.commercial-form-profit-positive .commercial-form-profit-amount{color:#155724}.commercial-form-profit-negative .commercial-form-profit-amount{color:#721c24}.commercial-form-margin-positive .commercial-form-profit-amount{color:#0c5460}.commercial-form-margin-negative .commercial-form-profit-amount{color:#721c24}.commercial-form-markup-card .commercial-form-profit-amount{color:#383d41}.commercial-form-profit-status{font-size:14px;margin-top:5px}.commercial-form-profit-positive .commercial-form-profit-status{color:#155724}.commercial-form-profit-negative .commercial-form-profit-status{color:#721c24}.commercial-form-margin-positive .commercial-form-profit-status{color:#0c5460}.commercial-form-margin-negative .commercial-form-profit-status{color:#721c24}.commercial-form-markup-card .commercial-form-profit-status{color:#383d41}.commercial-form-breakdown-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.commercial-form-breakdown-grid h4{color:#555;margin-bottom:15px;text-align:center}.commercial-form-breakdown-card{background:#f8f9fa;padding:20px;border-radius:8px}.commercial-form-breakdown-header{display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #dee2e6;font-weight:700}.commercial-form-breakdown-row{display:flex;justify-content:space-between;margin-bottom:8px}.commercial-form-breakdown-cost{color:#dc3545}.commercial-form-breakdown-gross{color:#06c;font-weight:700}.commercial-form-breakdown-commission{color:#28a745}.commercial-form-breakdown-gross-after{color:#17a2b8;font-weight:700}.commercial-form-breakdown-vat{color:#6f42c1}.commercial-form-breakdown-incentive,.commercial-form-breakdown-discount{color:#dc3545}.commercial-form-breakdown-total{display:flex;justify-content:space-between;margin-top:12px;padding-top:12px;border-top:2px solid;font-weight:700;font-size:16px}.commercial-form-breakdown-cost-total{border-color:#dc3545;color:#dc3545}.commercial-form-breakdown-revenue-total{border-color:#28a745;color:#28a745}@media (max-width: 1200px){.commercial-form-main-grid,.commercial-form-profit-grid,.commercial-form-breakdown-grid{grid-template-columns:1fr}.commercial-form-exchange-grid{grid-template-columns:1fr;gap:15px}}@media (max-width: 768px){.commercial-form-input-grid{grid-template-columns:1fr}.commercial-form-additional-row{grid-template-columns:1fr;gap:8px}.commercial-form-container{padding:10px}.commercial-form-section{padding:15px}}.booking-container{max-width:1200px;margin:0 auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.booking-selection{background:#f8f9fa;border:1px solid #e9ecef;padding:20px 24px;border-radius:12px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #0000000d;transition:all .3s ease}.booking-selection:hover{box-shadow:0 4px 12px #00000014}.dropdown-wrapper{flex:1;margin-right:24px;position:relative}.booking-label{font-weight:600;color:#2d3748;display:block;margin-bottom:8px;font-size:14px;letter-spacing:.3px}.custom-dropdown{position:relative;width:100%}.dropdown-trigger{width:100%;padding:12px 16px;border:1.5px solid #e2e8f0;border-radius:8px;background-color:#fff;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease;font-size:14px;min-height:44px;margin-bottom:25px}.dropdown-trigger:hover{border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.dropdown-trigger:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px #4299e133}.dropdown-placeholder{color:#a0aec0}.selected-value{color:#2d3748;font-weight:500}.dropdown-arrow{color:#718096;transition:transform .2s ease;font-size:12px}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;right:0;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 25px #00000026;z-index:1000;margin-top:4px;max-height:280px;overflow:hidden;animation:dropdownFadeIn .2s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.search-container{padding:12px;border-bottom:1px solid #f1f5f9;background:#fafbfc}.search-input{width:100%;padding:10px 12px;border:1.5px solid #e2e8f0;border-radius:6px;font-size:14px;outline:none;transition:all .2s ease}.search-input:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.search-input::-moz-placeholder{color:#a0aec0}.search-input::placeholder{color:#a0aec0}.options-list{max-height:200px;overflow-y:auto;padding:4px 0}.options-list::-webkit-scrollbar{width:6px}.options-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.options-list::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.options-list::-webkit-scrollbar-thumb:hover{background:#a0aec0}.option-item{padding:12px 16px;cursor:pointer;border-bottom:1px solid #f7fafc;transition:all .15s ease;font-size:14px;display:flex;align-items:center}.option-item:hover{background-color:#f0f9ff;border-left:3px solid #4299e1}.option-item.highlighted{background-color:#ebf8ff;border-left:3px solid #3182ce;font-weight:500}.option-item.selected{background-color:#e6fffa;border-left:3px solid #38b2ac;color:#234e52}.option-item:last-child{border-bottom:none}.no-results{padding:20px 16px;text-align:center;color:#a0aec0;font-style:italic;font-size:14px}@media (max-width: 768px){.booking-selection{flex-direction:column;align-items:stretch;padding:16px}.dropdown-wrapper{margin-right:0;margin-bottom:16px}.dropdown-menu{position:fixed;top:50%;left:16px;right:16px;transform:translateY(-50%);max-height:60vh}}.booking-save-button{background-color:#6e58ea;color:#fff;margin:40px 40%;border:none;padding:14px 38px;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;transition:all .3s ease;box-shadow:0 2px 8px #007bff4d;position:relative;overflow:hidden;min-width:160px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all 1s ease}.booking-save-button:hover:not(:disabled){transform:translateY(-2px);border-radius:50px;color:#6e58ea;background-color:#fff}.booking-save-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #007bff4d}.booking-save-button:focus{outline:none;box-shadow:0 0 0 3px #007bff4d,0 2px 8px #007bff4d}.booking-save-button:disabled{background:linear-gradient(135deg,#6c757d,#545b62);cursor:not-allowed;transform:none;box-shadow:none;opacity:.7}.booking-save-button.loading{color:transparent}.booking-save-button.loading:after{content:"";position:absolute;width:20px;height:20px;top:50%;left:50%;margin-left:-10px;margin-top:-10px;border:2px solid transparent;border-top:2px solid #ffffff;border-radius:50%;animation:button-spinner .8s linear infinite}@keyframes button-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.booking-save-button.success{background:linear-gradient(135deg,#28a745,#1e7e34);color:#fff;box-shadow:0 2px 8px #28a7454d}.booking-save-button.success:hover{background:linear-gradient(135deg,#218838,#1c7430);color:#fff;box-shadow:0 4px 12px #28a74566}.booking-save-button.error{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;box-shadow:0 2px 8px #dc35454d}.booking-save-button.error:hover{background:linear-gradient(135deg,#c82333,#a71e2a);color:#fff;box-shadow:0 4px 12px #dc354566}.button-container{display:flex;justify-content:flex-start;align-items:center;gap:15px;margin-top:25px;padding:20px 0;border-top:1px solid #e9ecef}.secondary-button{background:linear-gradient(135deg,#6c757d,#545b62);color:#fff;border:none;padding:12px 28px;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;transition:all .3s ease;box-shadow:0 2px 8px #6c757d4d}.secondary-button:hover{background:linear-gradient(135deg,#545b62,#3d4246);transform:translateY(-2px);box-shadow:0 4px 12px #6c757d66}@media (max-width: 768px){.button-container{flex-direction:column;align-items:stretch}.booking-save-button,.secondary-button{width:100%;justify-content:center}}.cancellation-policy-section{margin:20px 0;padding:20px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc}.cancellation-policy-section h4{margin-bottom:15px;color:#1e293b;font-size:1.2rem}.policy-type-selection{margin-bottom:15px}.policy-type-selection label{display:block;margin-bottom:5px;font-weight:500;color:#374151}.policy-type-select{width:100%;padding:8px 12px;border:1px solid #cbd5e1;border-radius:4px;font-size:14px;background:#fff}.policy-type-select optgroup{font-weight:700;color:#374151}.policy-type-select option{padding:5px}.policy-custom-name{margin-bottom:15px}.policy-custom-name label{display:block;margin-bottom:5px;font-weight:500;color:#374151}.policy-name-input-wrapper{display:flex;gap:8px;align-items:center}.policy-name-input{flex:1;padding:8px 12px;border:1px solid #cbd5e1;border-radius:4px;font-size:14px}.delete-policy-btn{background:#ef4444;color:#fff;border:none;padding:6px 10px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.delete-policy-btn:hover{background:#dc2626}.policy-description{padding:10px;background:#fff;border-radius:4px;border-left:4px solid #3b82f6;margin-bottom:15px;font-size:14px}.custom-rules-section{margin-top:20px}.rules-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.rules-header h5{margin:0;color:#1e293b;font-size:1.1rem}.rules-header-actions{display:flex;gap:10px;align-items:center}.add-rule-btn{background:#10b981;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px;transition:background-color .2s}.add-rule-btn:hover{background:#059669}.save-custom-btn{background:#8b5cf6;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px;transition:background-color .2s}.save-custom-btn:hover{background:#7c3aed}.cancellation-rule{background:#fff;padding:15px;border-radius:6px;border:1px solid #e2e8f0;margin-bottom:10px}.rule-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:10px;align-items:end}.rule-field{display:flex;flex-direction:column}.rule-field label{font-size:12px;color:#64748b;margin-bottom:4px;font-weight:500}.rule-type-select,.rule-days-input,.guest-type-select,.charge-select{padding:6px 8px;border:1px solid #cbd5e1;border-radius:4px;font-size:12px;background:#fff}.rule-days-input{width:100%}.remove-rule-btn{background:#ef4444;color:#fff;border:none;padding:6px 10px;border-radius:4px;cursor:pointer;font-size:11px;white-space:nowrap;transition:background-color .2s}.remove-rule-btn:hover{background:#dc2626}.rule-description{margin-top:8px;padding:8px;background:#f1f5f9;border-radius:4px;font-size:12px;color:#475569}.policy-preview{margin-top:20px;padding:15px;background:#fff;border-radius:6px;border:1px solid #e2e8f0}.policy-preview h5{margin:0 0 10px;color:#1e293b;font-size:1rem}.preview-content{font-size:13px;line-height:1.5;color:#475569}.preview-rule{margin-bottom:5px}@media (max-width: 768px){.rule-row{grid-template-columns:1fr;gap:8px}.rule-field{margin-bottom:8px}.cancellation-policy-section{padding:15px}.rules-header{flex-direction:column;align-items:flex-start;gap:10px}.rules-header-actions{width:100%;justify-content:space-between}}.rdrCalendarWrapper{box-sizing:border-box;background:#fff;display:inline-flex;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrDateDisplay{display:flex;justify-content:space-between}.rdrDateDisplayItem{flex:1 1;width:0;text-align:center;color:inherit}.rdrDateDisplayItem+.rdrDateDisplayItem{margin-left:.833em}.rdrDateDisplayItem input{text-align:inherit}.rdrDateDisplayItem input:disabled{cursor:default}.rdrMonthAndYearWrapper{box-sizing:inherit;display:flex;justify-content:space-between}.rdrMonthAndYearPickers{flex:1 1 auto;display:flex;justify-content:center;align-items:center}.rdrNextPrevButton{box-sizing:inherit;cursor:pointer;outline:none}.rdrMonths{display:flex}.rdrMonthsVertical{flex-direction:column}.rdrMonthsHorizontal>div>div>div{display:flex;flex-direction:row}.rdrMonth{width:27.667em}.rdrWeekDays{display:flex}.rdrWeekDay{flex-basis:calc(100% / 7);box-sizing:inherit;text-align:center}.rdrDays{display:flex;flex-wrap:wrap}.rdrInfiniteMonths{overflow:auto}.rdrDateRangeWrapper{-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrDateInput{position:relative}.rdrDateInput input{outline:none}.rdrDateInput .rdrWarning{position:absolute;font-size:1.6em;line-height:1.6em;top:0;right:.25em;color:red}.rdrDay{box-sizing:inherit;width:calc(100% / 7);position:relative;font:inherit;cursor:pointer}.rdrDayNumber{display:block;position:relative}.rdrDayNumber span{color:#1d2429}.rdrDayDisabled{cursor:not-allowed}@supports (-ms-ime-align: auto){.rdrDay{flex-basis:14.285%!important}}.rdrSelected,.rdrInRange,.rdrStartEdge,.rdrEndEdge,.rdrDayStartPreview,.rdrDayInPreview,.rdrDayEndPreview{pointer-events:none}.rdrDateRangePickerWrapper{display:inline-flex;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrStaticRanges{display:flex;flex-direction:column}.rdrStaticRange{font-size:inherit}.rdrInputRange{display:flex}.rdrCalendarWrapper{color:#000;font-size:12px}.rdrDateDisplayWrapper{background-color:#eff2f7}.rdrDateDisplay{margin:.833em}.rdrDateDisplayItem{border-radius:4px;background-color:#fff;box-shadow:0 1px 2px #23394236;border:1px solid transparent}.rdrDateDisplayItem input{cursor:pointer;height:2.5em;line-height:2.5em;border:0px;background:transparent;width:100%;color:#849095}.rdrDateDisplayItemActive{border-color:currentColor}.rdrDateDisplayItemActive input{color:#7d888d}.rdrMonthAndYearWrapper{align-items:center;height:60px;padding-top:10px}.rdrMonthAndYearPickers{font-weight:600}.rdrMonthAndYearPickers select{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:0;background:transparent;padding:10px 30px 10px 10px;border-radius:4px;outline:0;color:#3e484f;background:url("data:image/svg+xml;utf8,<svg width='9px' height='6px' viewBox='0 0 9 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Artboard' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' transform='translate(-636.000000, -171.000000)' fill-opacity='0.368716033'><g id='input' transform='translate(172.000000, 37.000000)' fill='%230E242F' fill-rule='nonzero'><g id='Group-9' transform='translate(323.000000, 127.000000)'><path d='M142.280245,7.23952813 C141.987305,6.92353472 141.512432,6.92361662 141.219585,7.23971106 C140.926739,7.5558055 140.926815,8.06821394 141.219755,8.38420735 L145.498801,13 L149.780245,8.38162071 C150.073185,8.0656273 150.073261,7.55321886 149.780415,7.23712442 C149.487568,6.92102998 149.012695,6.92094808 148.719755,7.23694149 L145.498801,10.7113732 L142.280245,7.23952813 Z' id='arrow'></path></g></g></g></svg>") no-repeat;background-position:right 8px center;cursor:pointer;text-align:center}.rdrMonthAndYearPickers select:hover{background-color:#00000012}.rdrMonthPicker,.rdrYearPicker{margin:0 5px}.rdrNextPrevButton{display:block;width:24px;height:24px;margin:0 .833em;padding:0;border:0;border-radius:5px;background:#eff2f7}.rdrNextPrevButton:hover{background:#e1e7f0}.rdrNextPrevButton i{display:block;width:0;height:0;padding:0;text-align:center;border-style:solid;margin:auto;transform:translate(-3px)}.rdrPprevButton i{border-width:4px 6px 4px 4px;border-color:transparent rgb(52,73,94) transparent transparent;transform:translate(-3px)}.rdrNextButton i{margin:0 0 0 7px;border-width:4px 4px 4px 6px;border-color:transparent transparent transparent rgb(52,73,94);transform:translate(3px)}.rdrWeekDays{padding:0 .833em}.rdrMonth{padding:0 .833em 1.666em}.rdrMonth .rdrWeekDays{padding:0}.rdrMonths.rdrMonthsVertical .rdrMonth:first-child .rdrMonthName{display:none}.rdrWeekDay{font-weight:400;line-height:2.667em;color:#849095}.rdrDay{background:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:0;padding:0;line-height:3em;height:3em;text-align:center;color:#1d2429}.rdrDay:focus{outline:0}.rdrDayNumber{outline:0;font-weight:300;position:absolute;inset:5px 0;display:flex;align-items:center;justify-content:center}.rdrDayToday .rdrDayNumber span{font-weight:500}.rdrDayToday .rdrDayNumber span:after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:18px;height:2px;border-radius:2px;background:#3d91ff}.rdrDayToday:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber span:after{background:#fff}.rdrDay:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber span{color:#ffffffd9}.rdrSelected,.rdrInRange,.rdrStartEdge,.rdrEndEdge{background:currentColor;position:absolute;inset:5px 0}.rdrSelected{left:2px;right:2px}.rdrStartEdge{border-top-left-radius:1.042em;border-bottom-left-radius:1.042em;left:2px}.rdrEndEdge{border-top-right-radius:1.042em;border-bottom-right-radius:1.042em;right:2px}.rdrSelected{border-radius:1.042em}.rdrDayStartOfMonth .rdrInRange,.rdrDayStartOfMonth .rdrEndEdge,.rdrDayStartOfWeek .rdrInRange,.rdrDayStartOfWeek .rdrEndEdge{border-top-left-radius:1.042em;border-bottom-left-radius:1.042em;left:2px}.rdrDayEndOfMonth .rdrInRange,.rdrDayEndOfMonth .rdrStartEdge,.rdrDayEndOfWeek .rdrInRange,.rdrDayEndOfWeek .rdrStartEdge{border-top-right-radius:1.042em;border-bottom-right-radius:1.042em;right:2px}.rdrDayStartOfMonth .rdrDayInPreview,.rdrDayStartOfMonth .rdrDayEndPreview,.rdrDayStartOfWeek .rdrDayInPreview,.rdrDayStartOfWeek .rdrDayEndPreview{border-top-left-radius:1.333em;border-bottom-left-radius:1.333em;border-left-width:1px;left:0}.rdrDayEndOfMonth .rdrDayInPreview,.rdrDayEndOfMonth .rdrDayStartPreview,.rdrDayEndOfWeek .rdrDayInPreview,.rdrDayEndOfWeek .rdrDayStartPreview{border-top-right-radius:1.333em;border-bottom-right-radius:1.333em;border-right-width:1px;right:0}.rdrDayStartPreview,.rdrDayInPreview,.rdrDayEndPreview{background:#ffffff17;position:absolute;inset:3px 0;pointer-events:none;border:0px solid currentColor;z-index:1}.rdrDayStartPreview{border-top-width:1px;border-left-width:1px;border-bottom-width:1px;border-top-left-radius:1.333em;border-bottom-left-radius:1.333em;left:0}.rdrDayInPreview{border-top-width:1px;border-bottom-width:1px}.rdrDayEndPreview{border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-top-right-radius:1.333em;border-bottom-right-radius:1.333em;right:0}.rdrDefinedRangesWrapper{font-size:12px;width:226px;border-right:solid 1px #eff2f7;background:#fff}.rdrDefinedRangesWrapper .rdrStaticRangeSelected{color:currentColor;font-weight:600}.rdrStaticRange{border:0;cursor:pointer;display:block;outline:0;border-bottom:1px solid #eff2f7;padding:0;background:#fff}.rdrStaticRange:hover .rdrStaticRangeLabel,.rdrStaticRange:focus .rdrStaticRangeLabel{background:#eff2f7}.rdrStaticRangeLabel{display:block;outline:0;line-height:18px;padding:10px 20px;text-align:left}.rdrInputRanges{padding:10px 0}.rdrInputRange{align-items:center;padding:5px 20px}.rdrInputRangeInput{width:30px;height:30px;line-height:30px;border-radius:4px;text-align:center;border:solid 1px rgb(222,231,235);margin-right:10px;color:#6c767a}.rdrInputRangeInput:focus,.rdrInputRangeInput:hover{border-color:#b4bfc4;outline:0;color:#333}.rdrCalendarWrapper:not(.rdrDateRangeWrapper) .rdrDayHovered .rdrDayNumber:after{content:"";border:1px solid currentColor;border-radius:1.333em;position:absolute;inset:-2px 0;background:transparent}.rdrDayPassive{pointer-events:none}.rdrDayPassive .rdrDayNumber span{color:#d5dce0}.rdrDayPassive .rdrInRange,.rdrDayPassive .rdrStartEdge,.rdrDayPassive .rdrEndEdge,.rdrDayPassive .rdrSelected,.rdrDayPassive .rdrDayStartPreview,.rdrDayPassive .rdrDayInPreview,.rdrDayPassive .rdrDayEndPreview{display:none}.rdrDayDisabled{background-color:#f8f8f8}.rdrDayDisabled .rdrDayNumber span{color:#aeb9bf}.rdrDayDisabled .rdrInRange,.rdrDayDisabled .rdrStartEdge,.rdrDayDisabled .rdrEndEdge,.rdrDayDisabled .rdrSelected,.rdrDayDisabled .rdrDayStartPreview,.rdrDayDisabled .rdrDayInPreview,.rdrDayDisabled .rdrDayEndPreview{filter:grayscale(100%) opacity(60%)}.rdrMonthName{text-align:left;font-weight:600;color:#849095;padding:.833em}.booking-list-container{background:#fff;border-radius:0;box-shadow:none;border:none;overflow:hidden;font-family:Arial,sans-serif}.booking-list-controls{padding:20px;background:#f8f9fa;border-bottom:1px solid #dee2e6;display:flex;flex-wrap:wrap;gap:15px;align-items:flex-end}.booking-search-group{flex:1;min-width:250px}.booking-filter-group{min-width:180px}.booking-control-label{display:block;margin-bottom:6px;font-size:12px;font-weight:600;color:#495057;text-transform:uppercase;letter-spacing:.5px}.booking-search-input,.booking-filter-select{width:100%;padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px;background:#fff;transition:all .2s ease}.booking-search-input:focus,.booking-filter-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.booking-search-input::-moz-placeholder{color:#6c757d;opacity:.7}.booking-search-input::placeholder{color:#6c757d;opacity:.7}.booking-pagination{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#f8f9fa;border-top:1px solid #dee2e6;flex-wrap:wrap;gap:10px}.booking-pagination-info{font-size:14px;color:#6c757d;font-weight:500}.booking-pagination-controls{display:flex;align-items:center;gap:8px}.booking-pagination-btn{padding:6px 12px;border:1px solid #ced4da;background:#fff;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;color:#495057}.booking-pagination-btn:hover:not(:disabled){background:#007bff;color:#fff;border-color:#007bff}.booking-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.booking-pagination-pages{display:flex;align-items:center;gap:4px;margin:0 10px}.booking-pagination-page{padding:6px 10px;border:1px solid #ced4da;background:#fff;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;color:#495057;min-width:36px;text-align:center}.booking-pagination-page:hover:not(.active){background:#e9ecef}.booking-pagination-page.active{background:#007bff;color:#fff;border-color:#007bff}.booking-pagination-select{padding:6px 8px;border:1px solid #ced4da;border-radius:4px;font-size:12px;background:#fff;margin-left:10px}.booking-results-count{padding:12px 20px;background:#e9ecef;border-bottom:1px solid #dee2e6;font-size:14px;color:#495057;font-weight:500}.booking-list-table-container{overflow-x:auto;background:#fff}.booking-list-table{width:100%;border-collapse:collapse;font-size:14px;background:#fff}.booking-list-thead{background:#f8f9fa;border-bottom:2px solid #dee2e6}.booking-list-thead th{padding:12px 8px;text-align:center;font-size:12px;font-weight:600;color:#495057;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #dee2e6;white-space:nowrap}.booking-list-row{border-bottom:1px solid #e9ecef;transition:background-color .15s ease}.booking-list-row:hover{background-color:#f8f9fa}.booking-list-row td{padding:12px 8px;text-align:center;border-bottom:1px solid #e9ecef;color:#212529}.booking-ticket-number{font-family:Monaco,Menlo,Consolas,monospace;font-size:12px;font-weight:600;color:#495057}.booking-hotel-name{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.booking-rooms{text-align:center;font-weight:600;color:#495057}.booking-status-dropdown{padding:6px 10px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase;cursor:pointer;outline:none;width:140px;text-align:center;appearance:none;-webkit-appearance:none;-moz-appearance:none;border:1px solid #ced4da;background:#fff;transition:all .2s ease}.booking-status-dropdown:hover:not(:disabled){border-color:#6c757d}.booking-status-dropdown:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.booking-status-dropdown:disabled{opacity:.6;cursor:not-allowed}.booking-status-dropdown.booking-status-confirmed{background:#d4edda;color:#155724;border-color:#c3e6cb}.booking-status-dropdown.booking-status-reconfirmed{background:#d1ecf1;color:#0c5460;border-color:#bee5eb}.booking-status-dropdown.booking-status-pending{background:#fff3cd;color:#856404;border-color:#ffeaa7}.booking-status-dropdown.booking-status-cancelled{background:#f8d7da;color:#721c24;border-color:#f1b0b7}.booking-status-dropdown.booking-status-completed{background:#d1e7ff;color:#004085;border-color:#b3d7ff}.booking-status-dropdown.booking-status-default{background:#e2e3e5;color:#383d41;border-color:#d6d8db}.booking-actions{display:flex;gap:6px;justify-content:flex-start}.booking-btn{padding:6px 12px;border:1px solid;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap;background:#fff}.booking-btn:hover{transform:translateY(-1px)}.booking-btn:active{transform:translateY(0)}.booking-btn-view{color:#007bff;border-color:#007bff}.booking-btn-view:hover{background:#007bff;color:#fff}.booking-btn-edit{color:#28a745;border-color:#28a745}.booking-btn-edit:hover{background:#28a745;color:#fff}.booking-list-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;background:#fff;border:1px solid #dee2e6}.booking-list-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #007bff;border-radius:50%;animation:booking-list-spin 1s linear infinite;margin-bottom:1rem}@keyframes booking-list-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.booking-list-loading p{margin:0;color:#6c757d;font-size:14px}.booking-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background:#fff;border:1px solid #dee2e6;text-align:center}.booking-list-empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.booking-list-empty h3{margin:0 0 .5rem;color:#495057;font-size:1.25rem;font-weight:600}.booking-list-empty p{margin:0;color:#6c757d;font-size:14px}@media (max-width: 768px){.booking-list-controls{flex-direction:column;align-items:stretch}.booking-search-group,.booking-filter-group{min-width:auto}.booking-pagination{flex-direction:column;gap:15px}.booking-pagination-controls{order:-1}.booking-list-table{font-size:12px}.booking-list-thead th{padding:8px 6px;font-size:11px}.booking-list-row td{padding:8px 6px}.booking-status-dropdown{width:120px;font-size:11px;padding:4px 8px}.booking-btn{padding:4px 8px;font-size:11px}.booking-actions{flex-direction:column;gap:4px}}@media print{.booking-actions{display:none}.booking-status-dropdown{border:1px solid #000!important;background:none!important;color:#000!important}.booking-list-controls,.booking-pagination,.booking-results-count{display:none}}.popup-overlay{position:fixed;inset:0;background:#00000073;display:flex;justify-content:center;align-items:center;z-index:2000}.popup-container{background:#fff;padding:24px 30px;border-radius:12px;width:400px;box-shadow:0 4px 20px #0000001a}.popup-container h3{margin-bottom:16px;font-size:20px;color:#1e293b}.popup-container label{display:block;margin-bottom:8px;color:#475569;font-weight:500}.popup-container input,.popup-container textarea{width:100%;padding:8px 10px;border-radius:6px;border:1px solid #cbd5e1;margin-bottom:14px}.popup-actions{display:flex;justify-content:flex-end;gap:10px}.popup-btn{padding:8px 14px;border:none;border-radius:6px;cursor:pointer}.popup-btn-confirm{background-color:#2563eb;color:#fff}.popup-btn-cancel{background-color:#e2e8f0;color:#334155}.accordion-content{padding:8px 20px}.room-item{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #e3e3e3}.room-item:last-child{border-bottom:none}.room-actions button{margin-left:10px}.room-list-container{padding:10px 15px;background:#f9f9f9;border:1px solid #ddd;margin-bottom:12px;border-radius:6px}.room-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.room-list{list-style-type:disc;padding-left:20px;margin:0}.room-list li{margin-bottom:3px;font-size:14px}.booking-list-table th,.booking-list-table td{text-align:center;padding:10px 6px}.booking-accordion-row{background:#f8f9fa}.accordion-room-block{margin-bottom:10px;background:#fff;border:1px solid #e3e3e3;border-radius:6px;padding:8px}.accordion-room-title{padding:6px 8px;font-size:14px;font-weight:600;background:#f1f3f5;border-bottom:1px solid #ddd;margin-bottom:6px}.compact-room-table{width:100%;border-collapse:collapse;font-size:12px;color:#333}.compact-room-table td{padding:4px 6px;border-bottom:1px solid #e9ecef;white-space:nowrap}.compact-room-table th{background:#f1f3f5;font-weight:600;font-size:12px;padding:4px 6px;text-align:center}.compact-room-table td{padding:4px 6px;font-size:12px;border-bottom:1px solid #e9ecef;text-align:center}.popup-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:999}.popup-modal{background:#fff;padding:20px 25px;width:400px;border-radius:8px;box-shadow:0 5px 25px #0003}.popup-modal h3{margin-bottom:15px;font-size:18px}.popup-modal label{display:block;margin-bottom:5px;font-weight:500}.popup-modal input,.popup-modal textarea{width:100%;padding:8px;margin-bottom:12px;border-radius:6px;border:1px solid #ccc;font-size:14px}.popup-buttons{display:flex;justify-content:flex-end;gap:10px}.popup-btn{padding:8px 14px;border-radius:6px;border:none;cursor:pointer}.popup-btn.confirm{background:#007bff;color:#fff}.popup-btn.cancel{background:#999;color:#fff}.reminder-bell-container{position:relative;display:inline-block}.reminder-bell{position:relative;background:var(--reminder-bell-bg, #f8f9fa);border:1px solid var(--reminder-bell-border, #e9ecef);border-radius:8px;padding:8px 12px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--reminder-bell-color, #6c757d)}.reminder-bell:hover{background:var(--reminder-bell-bg-hover, #e9ecef);border-color:var(--reminder-bell-border-hover, #dee2e6);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.reminder-bell:active{transform:translateY(0);box-shadow:none}.reminder-bell fml-icon{font-size:1.25rem;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.reminder-badge{position:absolute;top:-6px;right:-6px;background:var(--reminder-badge-bg, #dc3545);color:var(--reminder-badge-color, #ffffff);border-radius:10px;min-width:18px;height:18px;font-size:.7rem;font-weight:600;display:flex;align-items:center;justify-content:center;line-height:1;border:2px solid var(--reminder-bell-bg, #ffffff);box-shadow:0 2px 4px #0000001a}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #dc3545b3}50%{transform:scale(1.05);box-shadow:0 0 0 4px #dc354500}to{transform:scale(1);box-shadow:0 0 #dc354500}}.reminder-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background:var(--reminder-dropdown-bg, #ffffff);border:1px solid var(--reminder-dropdown-border, #e9ecef);border-radius:12px;box-shadow:0 8px 24px #0000001f;min-width:320px;max-width:400px;z-index:1000;animation:slideDown .2s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.reminder-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--reminder-dropdown-border, #f1f3f4);background:var(--reminder-header-bg, #fafbfc);border-radius:12px 12px 0 0}.reminder-dropdown-header span{font-weight:600;color:var(--reminder-header-color, #2d3748);font-size:.9rem;letter-spacing:.02em}.reminder-mute{background:transparent;border:1px solid var(--reminder-mute-border, #e2e8f0);border-radius:6px;padding:6px 8px;cursor:pointer;transition:all .15s ease;font-size:.8rem;display:flex;align-items:center;justify-content:center}.reminder-mute:hover{background:var(--reminder-mute-bg-hover, #f7fafc);border-color:var(--reminder-mute-border-hover, #cbd5e0);transform:scale(1.05)}.reminder-mute.is-muted{background:var(--reminder-mute-bg-muted, #fed7d7);border-color:var(--reminder-mute-border-muted, #fc8181)}.reminder-empty{padding:32px 20px;text-align:center;color:var(--reminder-empty-color, #718096);font-style:italic;font-size:.9rem;border-radius:0 0 12px 12px}.reminder-dropdown ul{list-style:none;margin:0;padding:0;max-height:400px;overflow-y:auto}.reminder-dropdown li{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--reminder-item-border, #f7fafc);transition:background-color .15s ease;gap:12px}.reminder-dropdown li:hover{background:var(--reminder-item-bg-hover, #f8f9fa)}.reminder-dropdown li:last-child{border-bottom:none;border-radius:0 0 12px 12px}.reminder-item-info{flex:1;min-width:0}.reminder-item-info strong{display:block;font-weight:600;color:var(--reminder-item-title-color, #2d3748);font-size:.85rem;margin-bottom:2px;letter-spacing:.02em}.reminder-item-info p{margin:0;color:var(--reminder-item-desc-color, #718096);font-size:.8rem;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge{padding:4px 8px;border-radius:6px;font-size:.75rem;font-weight:600;letter-spacing:.02em;white-space:nowrap;flex-shrink:0}.badge-today{background:var(--badge-today-bg, #fed7d7);color:var(--badge-today-color, #c53030);border:1px solid var(--badge-today-border, #feb2b2)}.badge-normal{background:var(--badge-normal-bg, #e2e8f0);color:var(--badge-normal-color, #4a5568);border:1px solid var(--badge-normal-border, #cbd5e0)}.reminder-dropdown ul::-webkit-scrollbar{width:6px}.reminder-dropdown ul::-webkit-scrollbar-track{background:var(--scrollbar-track, #f1f1f1);border-radius:3px}.reminder-dropdown ul::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb, #c1c1c1);border-radius:3px}.reminder-dropdown ul::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover, #a8a8a8)}@media (max-width: 480px){.reminder-dropdown{position:fixed;inset:auto 16px 16px;margin-top:0;min-width:auto;max-width:none}.reminder-bell-container{position:static}}@media (prefers-contrast: high){.reminder-bell{border-width:2px}.reminder-dropdown{border-width:2px;box-shadow:0 4px 8px #0000004d}}@media (prefers-reduced-motion: reduce){.reminder-bell,.reminder-mute{transition:none}.reminder-badge,.reminder-dropdown{animation:none}}.reminder-bell:focus-visible,.reminder-mute:focus-visible{outline:2px solid var(--focus-outline, #4299e1);outline-offset:2px}@media print{.reminder-bell-container{display:none}}.booking-view-modal-content-ticket{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:12px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;border:2px solid #e2e8f0;position:relative}.booking-view-modal-content-ticket:before{content:"";position:absolute;top:0;left:50px;right:50px;height:3px;background:linear-gradient(90deg,#28a745,#007bff,#dc3545);border-radius:0 0 2px 2px}.booking-view-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 30px;border-bottom:3px double #2d3748;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:10px 10px 0 0;position:relative}.booking-view-modal-title{margin:0;font-size:1.75rem;font-weight:700;color:#2d3748;text-transform:uppercase;letter-spacing:1px;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.booking-view-modal-close{background:#dc3545;color:#fff;border:none;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:1.25rem;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 2px 4px #0003}.booking-view-modal-close:hover{background:#c82333;transform:scale(1.1)}.booking-view-modal-body-ticket{padding:30px;background:#fff;position:relative}.booking-view-ticket-two-column{display:grid;grid-template-columns:1fr 1fr;gap:40px;font-size:14px;line-height:1.6;color:#2d3748}.booking-view-ticket-column{display:flex;flex-direction:column;position:relative}.booking-view-ticket-column:first-child:after{content:"";position:absolute;top:0;right:-20px;bottom:0;width:1px;background:linear-gradient(to bottom,transparent,#cbd5e1,transparent)}.booking-view-ticket-line{display:flex;margin-bottom:12px;align-items:center;padding:8px 12px;background:#f8fafc;border-radius:6px;border:1px solid #e2e8f0;transition:all .2s}.booking-view-ticket-line:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translate(2px)}.booking-view-ticket-label{font-weight:700;min-width:160px;color:#475569;margin-right:12px;text-transform:uppercase;font-size:12px;letter-spacing:.5px}.booking-view-ticket-value{color:#1e293b;flex:1;font-weight:600;font-size:13px}.booking-view-ticket-spacer{height:2px;margin:20px 0;background:linear-gradient(90deg,transparent,#cbd5e1,transparent);position:relative}.booking-view-ticket-spacer:before{content:"•••";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:0 10px;color:#94a3b8;font-size:10px}.booking-view-ticket-rooms-list{margin-left:0}.booking-view-ticket-room-item{margin-bottom:20px;padding:16px;background:#fff;border:2px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 8px #0000000d;transition:all .2s}.booking-view-ticket-room-item:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000001a}.booking-view-ticket-room-header{font-weight:700;color:#2d3748;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid #e2e8f0;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.booking-view-ticket-room-details{margin-left:0}.booking-view-ticket-indented-line{display:flex;margin-bottom:8px;align-items:center;padding:6px 8px;background:#f8fafc;border-radius:4px;border-left:3px solid #28a745}.booking-view-ticket-indented-line .booking-view-ticket-label{min-width:120px;font-size:11px}.booking-view-ticket-special-request{background:#fff3cd;border:2px dashed #ffeaa7;border-radius:8px;padding:16px;margin-top:8px;white-space:pre-wrap;line-height:1.5;color:#856404;font-style:italic;position:relative}.booking-view-ticket-special-request:before{content:"💡";position:absolute;top:-10px;left:10px;background:#fff;padding:0 5px;font-style:normal}.booking-view-ticket-no-rooms{text-align:center;color:#94a3b8;font-style:italic;padding:30px 20px;background:#f8fafc;border-radius:8px;border:2px dashed #cbd5e1}.booking-view-commercial-section{border-radius:10px;padding:40px;border:1px solid #e2e8f0;margin-top:20px;width:850px}.booking-view-commercial-section:before{content:" COMMERCIAL DATA";position:absolute;top:-12px;left:20px;display:none;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.booking-view-commercial-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px}.booking-view-commercial-loading{color:#666;font-style:italic;text-align:center;padding:40px 20px;background:#f8f9fa;border-radius:8px;border:2px dashed #dee2e6}.booking-view-commercial-details{display:flex;flex-direction:row;gap:24px}.booking-view-commercial-side{background:#fff;padding:20px;border-radius:8px;border:2px solid #e9ecef;position:relative;box-shadow:0 4px 12px #0000000d;width:100%}.booking-view-commercial-side:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;border-radius:8px 8px 0 0;width:100%}.booking-view-commercial-side h4{margin:0 0 20px;color:#2d3748;font-size:16px;font-weight:700;padding-bottom:12px;border-bottom:2px solid #e2e8f0;text-transform:uppercase;letter-spacing:.5px;text-align:center}.booking-view-commercial-line{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f8f9fa;transition:background-color .2s;width:100%}.booking-view-commercial-line:hover{background:#f8f9fa;border-radius:4px;padding:10px 8px}.booking-view-commercial-line.total{border-top:3px double #dee2e6;border-bottom:none;margin-top:12px;font-weight:700;color:#2d3748;background:#f8f9fa;border-radius:6px;padding:12px 8px}.booking-view-commercial-line.profit{border-top:3px solid #28a745;border-bottom:none;margin-top:16px;font-weight:800;font-size:18px;background:linear-gradient(135deg,#d4edda,#f8f9fa);border-radius:8px;padding:16px 12px}.booking-view-commercial-label{font-weight:600;color:#475569;flex:1;font-size:13px;text-transform:uppercase;letter-spacing:.3px}.booking-view-commercial-value{font-weight:700;color:#28a745;text-align:right;flex:1;font-size:13px}.booking-view-commercial-subheader{font-weight:700;color:#6c757d;font-size:12px;margin:16px 0 8px;padding-left:12px;text-transform:uppercase;letter-spacing:.5px;border-left:3px solid #28a745}.booking-view-commercial-indented{display:flex;justify-content:space-between;align-items:center;padding:6px 0 6px 24px;font-size:12px;background:#f8fafc;margin:2px 0;border-radius:4px;border-left:3px solid #cbd5e1}.booking-view-commercial-exchange{background:linear-gradient(135deg,#fff3cd,#fff);padding:20px;border-radius:8px;border:2px solid #ffeaa7;position:relative}.booking-view-commercial-exchange:before{content:"💱 CURRENCY EXCHANGE";position:absolute;top:-10px;left:20px;background:#ffc107;color:#856404;padding:2px 8px;border-radius:12px;font-size:10px;font-weight:700;text-transform:uppercase}.booking-view-commercial-profit{background:linear-gradient(135deg,#e7f3ff,#fff);padding:20px;border-radius:8px;border:2px solid #b3d9ff;position:relative}.booking-view-commercial-profit:before{content:"📊 PROFIT ANALYSIS";position:absolute;top:-10px;left:20px;background:#007bff;color:#fff;padding:2px 8px;border-radius:12px;font-size:10px;font-weight:700;text-transform:uppercase}.booking-view-no-commercial{text-align:center;color:#6c757d;padding:40px 20px;background:#fff;border-radius:8px;border:3px dashed #dee2e6;position:relative}.booking-view-no-commercial:before{content:"💰";font-size:2rem;display:block;margin-bottom:12px;opacity:.5}.booking-view-add-commercial-btn,.booking-view-edit-commercial-btn{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;padding:10px 20px;border-radius:25px;cursor:pointer;font-size:12px;font-weight:700;transition:all .3s;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px #28a7454d}.booking-view-add-commercial-btn{margin-top:20px;display:inline-block}.booking-view-add-commercial-btn:hover,.booking-view-edit-commercial-btn:hover{background:linear-gradient(135deg,#218838,#1ea085);transform:translateY(-2px);box-shadow:0 6px 16px #28a74566}.booking-view-modal-actions{padding:24px 30px;border-top:3px double #e1e5e9;display:flex;justify-content:flex-end;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:0 0 10px 10px}.booking-view-close-btn{background:linear-gradient(135deg,#2d3748,#4a5568);color:#fff;border:none;padding:12px 24px;border-radius:25px;cursor:pointer;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;transition:all .3s;box-shadow:0 4px 12px #0003}.booking-view-close-btn:hover{background:linear-gradient(135deg,#4a5568,#2d3748);transform:translateY(-2px);box-shadow:0 6px 16px #0000004d}@media (max-width: 1024px){.booking-view-ticket-two-column{grid-template-columns:1fr;gap:30px}.booking-view-ticket-column:first-child:after{display:none}.booking-view-modal-content-ticket{width:98%;max-width:800px}}@media (max-width: 768px){.booking-view-modal-overlay{padding:10px}.booking-view-modal-header{padding:20px;flex-direction:column;gap:15px;text-align:center}.booking-view-modal-body-ticket{padding:20px}.booking-view-ticket-line{flex-direction:column;align-items:flex-start;gap:6px}.booking-view-ticket-label{min-width:auto;margin-bottom:4px}.booking-view-ticket-indented-line{flex-direction:column;align-items:flex-start;gap:4px}.booking-view-ticket-room-details{margin-left:0}.booking-view-commercial-header{flex-direction:column;gap:15px;text-align:center}.booking-view-commercial-line{flex-direction:column;align-items:flex-start;gap:4px}.booking-view-commercial-value{text-align:left}.booking-view-modal-actions{justify-content:center}}.booking-view-modal-tabs{display:flex;border-bottom:2px solid #e2e8f0;margin-bottom:20px;background:#f8fafc;border-radius:8px 8px 0 0;padding:0 10px}.booking-view-modal-tab{padding:12px 24px;background:transparent;border:none;cursor:pointer;font-weight:600;color:#64748b;border-bottom:3px solid transparent;transition:all .3s;position:relative;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.booking-view-modal-tab:hover{color:#334155;background:#f1f5f9}.booking-view-modal-tab.active{color:#28a745;border-bottom-color:#28a745;background:#fff}.booking-view-modal-tab-content{display:none;animation:fadeIn .3s ease-in}.booking-view-modal-tab-content.active{display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.booking-view-commercial-tab{padding:0}.booking-view-ticket-column.tabbed{margin-top:0}.booking-view-modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.booking-view-modal-content-ticket{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;position:relative}.booking-view-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 20px 0;border-bottom:1px solid #e0e0e0}.booking-view-modal-title-section{flex:1}.booking-view-modal-title{margin:0;color:#2c3e50;font-size:24px;font-weight:600}.booking-view-modal-subtitle{margin:5px 0 0;color:#7f8c8d;font-size:14px}.booking-view-modal-close{background:none;border:none;font-size:28px;cursor:pointer;color:#95a5a6;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px}.booking-view-modal-close:hover{background:#f8f9fa;color:#e74c3c}.booking-view-modal-actions-header{display:flex;gap:10px;padding:15px 20px;border-bottom:1px solid #e0e0e0;background:#f8f9fa;flex-wrap:wrap}.booking-view-action-btn{padding:10px 16px;border:1px solid #ddd;border-radius:6px;background:#fff;color:#333;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:6px}.booking-view-action-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.booking-view-action-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.booking-view-print-btn{border-color:#007bff;color:#007bff}.booking-view-download-btn{border-color:#28a745;color:#28a745}.booking-view-email-btn{border-color:#6c757d;color:#6c757d}.booking-view-print-btn:hover:not(:disabled){background:#007bff;color:#fff}.booking-view-download-btn:hover:not(:disabled){background:#28a745;color:#fff}.booking-view-email-btn:hover:not(:disabled){background:#6c757d;color:#fff}.booking-view-modal-body-ticket{flex:1;overflow-y:auto;padding:0}.booking-view-modal-tabs{display:flex;border-bottom:1px solid #e0e0e0;background:#f8f9fa;padding:0 20px}.booking-view-modal-tab{padding:12px 20px;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:14px;font-weight:500;color:#6c757d;transition:all .2s ease}.booking-view-modal-tab:hover{color:#495057;background:#e9ecef}.booking-view-modal-tab.active{color:#007bff;border-bottom-color:#007bff;background:#fff}.booking-view-modal-tab-content{padding:20px}.booking-view-ticket-two-column{display:grid;grid-template-columns:1fr 1fr;gap:30px}.booking-view-ticket-column{display:flex;flex-direction:column;gap:12px}.booking-view-ticket-line{display:flex;justify-content:space-between;align-items:flex-start;padding:8px 0;border-bottom:1px solid #f8f9fa}.booking-view-ticket-label{font-weight:600;color:#495057;min-width:120px}.booking-view-ticket-value{color:#2c3e50;text-align:right;flex:1;margin-left:15px}.booking-view-ticket-spacer{height:1px;background:#e9ecef;margin:10px 0}.booking-view-ticket-rooms-list{margin-top:10px}.booking-view-ticket-room-item{margin-bottom:15px;padding:12px;background:#f8f9fa;border-radius:6px;border-left:3px solid #007bff}.booking-view-ticket-room-header{font-weight:600;color:#2c3e50;margin-bottom:8px}.booking-view-ticket-room-details{display:flex;flex-direction:column;gap:6px}.booking-view-ticket-indented-line{display:flex;justify-content:space-between;padding:4px 0}.booking-view-ticket-special-request{background:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;padding:12px;margin-top:8px;color:#856404;font-style:italic}.booking-view-commercial-tab{padding:10px 0}.booking-view-commercial-section{display:flex;flex-direction:column;gap:20px}.booking-view-commercial-details{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:20px}.booking-view-commercial-side{padding:20px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.booking-view-commercial-side h4{margin:0 0 15px;color:#2c3e50;font-size:16px;border-bottom:2px solid #007bff;padding-bottom:8px}.booking-view-commercial-line{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e9ecef}.booking-view-commercial-label{font-weight:500;color:#495057}.booking-view-commercial-value{font-weight:600;color:#2c3e50}.booking-view-commercial-subheader{font-weight:600;color:#6c757d;margin:10px 0 5px;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.booking-view-commercial-indented{display:flex;justify-content:space-between;padding:4px 0 4px 15px;font-size:13px}.booking-view-commercial-line.total{border-top:2px solid #dee2e6;border-bottom:none;margin-top:10px;padding-top:12px;font-weight:700}.booking-view-commercial-exchange{grid-column:1 / -1;padding:15px;background:#e8f4fd;border-radius:6px;border:1px solid #b8daff}.booking-view-commercial-profit{padding:20px;background:#f8f9fa;border-radius:8px;border:2px solid #e9ecef}.booking-view-commercial-line.profit{font-size:18px;padding:12px 0;border-bottom:none}.booking-view-commercial-value.positive{color:#28a745}.booking-view-commercial-value.negative{color:#dc3545}.booking-view-commercial-loading,.booking-view-no-commercial,.booking-view-ticket-no-rooms{text-align:center;padding:40px 20px;color:#6c757d;font-style:italic}.booking-view-modal-actions{padding:20px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;background:#f8f9fa}.booking-view-close-btn{padding:10px 24px;background:#6c757d;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s ease}.booking-view-close-btn:hover{background:#5a6268}@media print{.booking-view-modal-overlay{position:fixed;inset:0;background:#fff;z-index:9999;padding:0;margin:0}.booking-view-modal-content-ticket{box-shadow:none;margin:0;max-width:none;max-height:none;border:none}.booking-view-modal-actions-header,.booking-view-modal-actions,.booking-view-modal-close,.booking-view-modal-tabs{display:none!important}.booking-view-modal-header{border-bottom:2px solid #000}.booking-view-modal-body-ticket{overflow:visible}.booking-view-modal-tab-content>div{display:block!important}.booking-view-commercial-side{border:1px solid #000!important;page-break-inside:avoid}.booking-view-ticket-room-item{border-left:3px solid #000!important;page-break-inside:avoid}}@media (max-width: 768px){.booking-view-modal-content-ticket{max-width:95%;margin:10px}.booking-view-ticket-two-column,.booking-view-commercial-details{grid-template-columns:1fr;gap:20px}.booking-view-modal-actions-header{justify-content:center}.booking-view-action-btn{flex:1;min-width:120px;justify-content:center}}@media (max-width: 480px){.booking-view-modal-header{flex-direction:column;gap:10px}.booking-view-modal-actions-header{flex-direction:column}.booking-view-modal-tabs{flex-direction:column;padding:0}.booking-view-modal-tab{text-align:left;border-bottom:1px solid #e0e0e0;border-left:3px solid transparent}.booking-view-modal-tab.active{border-left-color:#007bff;border-bottom-color:#e0e0e0}}.invoice-preview-container{background:#fff;padding:20px;max-width:800px;margin:0 auto}.invoice-preview{font-family:Poppins,sans-serif;background:#fff;border:1px solid #ddd}.invoice-print-container{padding:20px;font-family:Poppins,sans-serif}@media print{body *{visibility:hidden}.invoice-print-container,.invoice-print-container *{visibility:visible}.invoice-print-container{position:absolute;left:0;top:0;width:100%}.booking-view-modal-actions-header,.booking-view-modal-actions,.booking-view-modal-close,.booking-view-modal-tabs{display:none!important}}.compact-invoice .invoice-company-header{margin-bottom:10px;padding-bottom:8px}.compact-invoice .invoice-company-name{font-size:18px;margin-bottom:4px}.compact-invoice .invoice-company-address{font-size:10px;line-height:1.2}.compact-invoice .invoice-preview-table{margin:10px 0;font-size:10px}.compact-invoice .invoice-preview-table td{padding:3px 6px;line-height:1.1}.compact-invoice .invoice-label{width:100px;font-size:10px}.compact-invoice .invoice-value{padding-left:8px!important;font-size:10px}.compact-invoice .invoice-total-amount{font-size:11px;margin:8px 0;padding:6px}.compact-invoice .invoice-note{font-size:9px;margin:6px 0}.compact-invoice .invoice-bank-details{font-size:9px;margin-top:10px;padding:8px;line-height:1.2}@media print{.invoice-preview{page-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid}.invoice-company-header{page-break-after:avoid}.invoice-total-amount,.invoice-bank-details{page-break-before:avoid}}.invoice-preview-container{font-family:Calibri,Arial,sans-serif;color:#000}.invoice-company-header{text-align:center;margin-bottom:6px;border-bottom:2px solid #000;padding-bottom:4px}.invoice-company-name{color:#c00000;font-weight:700;font-size:18px;margin:0 0 2px}.invoice-company-address{font-size:11px;line-height:1.2}.invoice-preview-table{width:100%;border-collapse:collapse;font-size:11px}.invoice-preview-table td{border:1px solid #a0a0a0;padding:4px 5px;vertical-align:top}.invoice-label{font-weight:700;font-style:italic;color:#1f4e79}.invoice-label-grey{background:#d9d9d9}.invoice-value{color:#000}.invoice-empty-cell{background:#fff}.invoice-status-cell{background:#c6efce;font-weight:700}.invoice-balance-cell{background:#ffeb9c;font-weight:700}.invoice-total-amount{margin-top:8px;font-weight:700;font-size:14px;border-top:1px solid #000;padding-top:4px}.invoice-total-amount span{float:right}.invoice-note{margin-top:6px;font-size:11px;font-style:italic}.invoice-bank-details{margin-top:8px;font-size:11px;line-height:1.4}.invoice-logo-row{margin-top:10px;text-align:right}.invoice-logo-row img{max-width:190px;height:auto}.invoice-a4-preview{width:210mm;min-height:297mm;background:#fff;margin:0 auto;padding:15mm;box-shadow:0 0 8px #00000040;border:1px solid #ccc;transform-origin:top center}@media screen{.invoice-a4-preview{transform:scale(.9)}}@media print{.invoice-a4-preview{width:210mm!important;min-height:297mm!important;margin:0!important;padding:0!important;box-shadow:none!important;border:none!important;transform:none!important}}.booking-edit-modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.booking-edit-modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;width:100%;max-width:900px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}input[type=checkbox]{width:16px;height:16px;border:1.5px solid #e2e8f0;border-radius:4px;cursor:pointer;transition:all .2s ease;background-color:#fff}.booking-edit-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0;border-bottom:none}.booking-edit-modal-title{margin:0;color:#1a202c;font-size:1.5rem;font-weight:600}.booking-edit-modal-close{background:none;border:none;font-size:28px;cursor:pointer;color:#718096;padding:4px 8px;border-radius:4px;transition:all .2s ease}.booking-edit-modal-close:hover:not(:disabled){background-color:#f7fafc;color:#2d3748}.booking-edit-modal-close:disabled{opacity:.5;cursor:not-allowed}.booking-edit-modal-body{padding:24px;flex:1;overflow-y:auto}.booking-edit-modal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:#718096}.booking-edit-modal-spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top:3px solid #4299e1;border-radius:50%;animation:booking-edit-modal-spin 1s linear infinite;margin-bottom:12px}@keyframes booking-edit-modal-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.booking-edit-modal-form-sections{display:flex;flex-direction:column;gap:24px}.booking-edit-modal-section{border:1px solid #e1e5e9;border-radius:8px;padding:20px;background:#fff}.booking-edit-modal-section-title{margin:0 0 16px;font-size:1.2rem;font-weight:600;color:#2d3748;border-bottom:2px solid #e2e8f0;padding-bottom:8px}.booking-edit-modal-section-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.booking-edit-modal-form-group{display:flex;flex-direction:column}.booking-edit-modal-form-group label{font-weight:500;color:#2d3748;margin-bottom:6px;font-size:.9rem}.booking-edit-modal-form-group select,.booking-edit-modal-form-group input,.booking-edit-modal-form-group textarea{padding:10px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:.95rem;transition:all .2s ease;background-color:#fff;font-family:inherit;box-sizing:border-box}.booking-edit-modal-form-group select:focus,.booking-edit-modal-form-group input:focus,.booking-edit-modal-form-group textarea:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.booking-edit-modal-form-group select:disabled,.booking-edit-modal-form-group input:disabled,.booking-edit-modal-form-group textarea:disabled{background-color:#f7fafc;color:#a0aec0;cursor:not-allowed;opacity:.7}.booking-edit-modal-form-group select:hover:not(:disabled),.booking-edit-modal-form-group input:hover:not(:disabled),.booking-edit-modal-form-group textarea:hover:not(:disabled){border-color:#cbd5e0}.booking-edit-modal-form-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'><path fill='%236B7280' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>");background-repeat:no-repeat;background-position:right 12px center;background-size:12px;cursor:pointer;padding-right:36px}.booking-edit-modal-form-group select option{padding:12px;font-size:.95rem;color:#2d3748;background-color:#fff}.booking-edit-modal-hotel-search{position:relative;width:100%}.booking-edit-modal-hotel-search input{padding-right:12px}.booking-edit-modal-hotel-dropdown{position:absolute;top:100%;left:0;right:0;max-height:200px;overflow-y:auto;border:1px solid #e2e8f0;border-top:none;border-radius:0 0 6px 6px;background-color:#fff;box-shadow:0 4px 6px #0000001a;z-index:1000}.booking-edit-modal-hotel-dropdown div{padding:12px;cursor:pointer;border-bottom:1px solid #f7fafc;transition:background-color .2s ease;font-size:.95rem;color:#2d3748}.booking-edit-modal-hotel-dropdown div:hover{background-color:#edf2f7}.booking-edit-modal-hotel-dropdown div:last-child{border-bottom:none}.booking-edit-modal-form-group textarea{resize:vertical;min-height:80px}.booking-edit-modal-rooms-section{border:1px solid #e2e8f0;border-radius:6px;padding:16px;background-color:#f8fafc}.booking-edit-modal-rooms-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-weight:500;color:#2d3748}.booking-edit-modal-room-actions{display:flex;gap:8px}.booking-edit-modal-add-room,.booking-edit-modal-remove-room{padding:8px 16px;border:1px solid #cbd5e0;border-radius:6px;background:#fff;cursor:pointer;font-size:.9rem;transition:all .2s ease}.booking-edit-modal-add-room:hover,.booking-edit-modal-remove-room:hover{background-color:#edf2f7;border-color:#4299e1}.booking-edit-modal-room-list{min-height:60px;background-color:#fff;border-radius:4px;padding:12px;border:1px solid #e2e8f0}.booking-edit-modal-room-item{padding:12px;background:#fff;border:1px solid #e2e8f0;border-radius:4px;margin-bottom:8px;color:#718096;font-style:italic}.booking-edit-modal-error-message{color:#e53e3e;font-size:.8rem;margin-top:4px}.booking-edit-modal-warning-message{color:#d69e2e;font-size:.8rem;margin-top:4px}.booking-edit-modal-hint{color:#718096;font-size:.8rem;margin-top:4px}.booking-edit-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:0 24px 24px;background:#fff}.booking-edit-modal-footer button{padding:10px 20px;border:none;border-radius:6px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:120px}.booking-edit-modal-footer button:disabled{opacity:.6;cursor:not-allowed}.booking-edit-modal-footer button:first-child{background-color:#e2e8f0;color:#4a5568}.booking-edit-modal-footer button:first-child:hover:not(:disabled){background-color:#cbd5e0}.booking-edit-modal-footer button:last-child{background-color:#4299e1;color:#fff}.booking-edit-modal-footer button:last-child:hover:not(:disabled){background-color:#3182ce;transform:translateY(-1px)}.booking-edit-modal-hotel-dropdown::-webkit-scrollbar{width:6px}.booking-edit-modal-hotel-dropdown::-webkit-scrollbar-track{background:#f7fafc;border-radius:0 0 6px}.booking-edit-modal-hotel-dropdown::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.booking-edit-modal-hotel-dropdown::-webkit-scrollbar-thumb:hover{background:#a0aec0}@media (max-width: 768px){.booking-edit-modal-content{margin:10px;max-height:95vh}.booking-edit-modal-section-grid{grid-template-columns:1fr;gap:16px}.booking-edit-modal-rooms-header{flex-direction:column;gap:12px;align-items:flex-start}.booking-edit-modal-room-actions{width:100%;justify-content:space-between}.booking-edit-modal-add-room,.booking-edit-modal-remove-room{flex:1;text-align:center}.booking-edit-modal-footer{flex-direction:column-reverse}.booking-edit-modal-footer button{min-width:auto;width:100%}}@media (max-width: 480px){.booking-edit-modal-body,.booking-edit-modal-header,.booking-edit-modal-footer,.booking-edit-modal-section{padding:16px}}.booking-edit-modal-form-group select{width:100%;padding:10px 36px 10px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:.95rem;transition:all .2s ease;background-color:#fff;font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;cursor:pointer}.booking-edit-modal-form-group select:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.booking-edit-modal-form-group select:disabled{background-color:#f7fafc;color:#a0aec0;cursor:not-allowed;opacity:.7}.booking-edit-modal-form-group select:hover:not(:disabled){border-color:#cbd5e0}.booking-edit-modal-form-group select:focus{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%234299e1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.booking-edit-modal-form-group select option{padding:12px 16px;font-size:.95rem;color:#2d3748;background-color:#fff;border-bottom:1px solid #f7fafc}.booking-edit-modal-form-group select option:hover{background-color:#edf2f7!important}.booking-edit-modal-form-group select option:checked{background-color:#4299e1;color:#fff}.booking-edit-modal-form-group select option:focus{background-color:#e2e8f0}.booking-edit-modal-form-group select::-ms-expand{display:none}.booking-edit-modal-form-group select:focus-visible{outline:2px solid #4299e1;outline-offset:2px}@supports (-webkit-appearance: none) or (-moz-appearance: none){.booking-edit-modal-form-group select{-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}}@-moz-document url-prefix(){.booking-edit-modal-form-group select{text-indent:0;padding-right:36px}}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.booking-edit-modal-form-group select{background:none;padding-right:12px}}.booking-edit-modal-search-dropdown{position:relative;width:100%}.booking-edit-modal-search-dropdown input{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:.95rem;transition:all .2s ease;background-color:#fff;font-family:inherit}.booking-edit-modal-search-dropdown input:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.booking-edit-modal-search-dropdown input:disabled{background-color:#f7fafc;color:#a0aec0;cursor:not-allowed}.booking-edit-modal-search-dropdown-list{position:absolute;top:100%;left:0;right:0;max-height:200px;overflow-y:auto;border:1px solid #e2e8f0;border-top:none;border-radius:0 0 6px 6px;background-color:#fff;box-shadow:0 4px 6px #0000001a;z-index:1000}.booking-edit-modal-search-dropdown-list div{padding:12px;cursor:pointer;border-bottom:1px solid #f7fafc;transition:background-color .2s ease;font-size:.95rem;color:#2d3748}.booking-edit-modal-search-dropdown-list div:hover{background-color:#edf2f7}.booking-edit-modal-search-dropdown-list div:last-child{border-bottom:none}.booking-edit-modal-search-dropdown-list::-webkit-scrollbar{width:6px}.booking-edit-modal-search-dropdown-list::-webkit-scrollbar-track{background:#f7fafc;border-radius:0 0 6px}.booking-edit-modal-search-dropdown-list::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.booking-edit-modal-search-dropdown-list::-webkit-scrollbar-thumb:hover{background:#a0aec0}.booking-edit-modal-total-display{padding:12px 16px;background:linear-gradient(135deg,#f7fafc,#edf2f7);border:1px solid #e2e8f0;border-radius:8px;font-size:1.1rem;font-weight:600;color:#2d3748;text-align:center;box-shadow:0 2px 4px #0000000d;transition:all .3s ease}.booking-edit-modal-total-display:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.booking-edit-modal-form-group .booking-edit-modal-hint{margin-top:8px;padding:8px 12px;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;font-size:.85rem;color:#4a5568;text-align:center;font-style:italic}.booking-edit-modal-room-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-top:12px}.booking-edit-modal-room-item{padding:20px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:16px;box-shadow:0 2px 4px #0000000a;transition:all .2s ease}.booking-edit-modal-room-item:hover{box-shadow:0 4px 8px #00000014;border-color:#cbd5e0}.booking-edit-modal-room-item h4{margin:0 0 16px;font-size:1.1rem;font-weight:600;color:#2d3748;padding-bottom:8px;border-bottom:2px solid #e2e8f0}.booking-edit-modal-add-room,.booking-edit-modal-remove-room{padding:10px 16px;border:1px solid #cbd5e0;border-radius:6px;background:#fff;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease;color:#4a5568}.booking-edit-modal-add-room:hover:not(:disabled){background-color:#48bb78;color:#fff;border-color:#48bb78;transform:translateY(-1px)}.booking-edit-modal-remove-room:hover:not(:disabled){background-color:#f56565;color:#fff;border-color:#f56565;transform:translateY(-1px)}.booking-edit-modal-add-room:disabled,.booking-edit-modal-remove-room:disabled{background-color:#f7fafc;color:#a0aec0;border-color:#e2e8f0;cursor:not-allowed;transform:none}@media (max-width: 768px){.booking-edit-modal-room-grid{grid-template-columns:1fr;gap:12px}.booking-edit-modal-room-item{padding:16px}.booking-edit-modal-total-display{font-size:1rem;padding:10px 12px}}@media (max-width: 480px){.booking-edit-modal-room-grid{gap:10px}.booking-edit-modal-room-item{padding:12px}.booking-edit-modal-room-item h4{font-size:1rem;margin-bottom:12px}.booking-edit-modal-total-display{font-size:.95rem;padding:8px 10px}}.booking-edit-modal-tabs{display:flex;border-bottom:2px solid #e2e8f0;background:#f8fafc;padding:0 20px}.booking-edit-modal-tab{padding:12px 24px;background:transparent;border:none;cursor:pointer;font-weight:600;color:#64748b;border-bottom:3px solid transparent;transition:all .3s;position:relative;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.booking-edit-modal-tab:hover{color:#334155;background:#f1f5f9}.booking-edit-modal-tab.active{color:#28a745;border-bottom-color:#28a745;background:#fff}.booking-edit-modal-subsection{margin-bottom:30px;padding:20px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.booking-edit-modal-subsection-title{margin:0 0 20px;color:#2d3748;font-size:16px;font-weight:600;padding-bottom:10px;border-bottom:2px solid #cbd5e1}.booking-edit-modal-checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:500}.booking-edit-modal-array-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.booking-edit-modal-array-header label{margin:0;font-weight:600;color:#374151}.booking-edit-modal-add-item{background:#28a745;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px;transition:background .2s}.booking-edit-modal-add-item:hover{background:#218838}.booking-edit-modal-array-item{display:flex;gap:10px;align-items:center;margin-bottom:10px;padding:10px;background:#fff;border-radius:4px;border:1px solid #d1d5db}.booking-edit-modal-array-item input{flex:1;padding:8px;border:1px solid #d1d5db;border-radius:4px}.booking-edit-modal-array-item input:first-child{flex:2}.booking-edit-modal-remove-item{background:#dc3545;color:#fff;border:none;width:30px;height:30px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.booking-edit-modal-remove-item:hover{background:#c82333}@media (max-width: 768px){.booking-edit-modal-tabs{padding:0 10px}.booking-edit-modal-tab{padding:10px 16px;font-size:12px}.booking-edit-modal-array-item{flex-direction:column;gap:8px}.booking-edit-modal-array-item input{width:100%}}.commercial-table-section{margin-bottom:2rem;border:1px solid #e1e5e9;border-radius:8px;overflow:hidden}.commercial-table-title{background:#f8f9fa;padding:12px 16px;margin:0;font-size:16px;font-weight:600;border-bottom:1px solid #e1e5e9}.commercial-table{width:100%;border-collapse:collapse;background:#fff}.commercial-table th{background:#f8f9fa;padding:12px 16px;text-align:left;font-weight:600;font-size:14px;border-bottom:1px solid #e1e5e9}.commercial-table td{padding:12px 16px;border-bottom:1px solid #f1f3f4;vertical-align:top}.commercial-table input,.commercial-table select{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.commercial-table input:focus,.commercial-table select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.commercial-table-hint{font-size:12px;color:#6c757d;margin-top:4px}.commercial-array-header{display:flex;justify-content:space-between;align-items:center;background:#f8f9fa;padding:12px 16px;border-bottom:1px solid #e1e5e9}.booking-table-section,.commercial-table-section{margin-bottom:2rem;border:1px solid #e1e5e9;border-radius:8px;overflow:hidden}.booking-table-title,.commercial-table-title{background:#f8f9fa;padding:12px 16px;margin:0;font-size:16px;font-weight:600;border-bottom:1px solid #e1e5e9}.booking-table,.commercial-table{width:100%;border-collapse:collapse;background:#fff}.booking-table th,.commercial-table th{background:#f8f9fa;padding:12px 16px;text-align:left;font-weight:600;font-size:14px;border-bottom:1px solid #e1e5e9}.booking-table td,.commercial-table td{padding:12px 16px;border-bottom:1px solid #f1f3f4;vertical-align:top}.booking-table-label{font-weight:500;color:#495057;white-space:nowrap;width:120px}.booking-search-dropdown{position:relative;width:100%}.booking-search-dropdown input{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.booking-search-dropdown-list{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-radius:4px;max-height:200px;overflow-y:auto;z-index:1000;box-shadow:0 2px 8px #0000001a}.booking-search-dropdown-list div{padding:8px 12px;cursor:pointer;border-bottom:1px solid #f1f3f4}.booking-search-dropdown-list div:hover{background:#f8f9fa}.booking-total-display{font-size:14px}.booking-duration{font-weight:500;color:#495057}.booking-duration-placeholder{color:#6c757d;font-style:italic}.booking-array-header{display:flex;justify-content:space-between;align-items:center;background:#f8f9fa;padding:12px 16px;border-bottom:1px solid #e1e5e9}.booking-room-actions{display:flex;gap:8px}.booking-add-button{background:#28a745;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:12px;cursor:pointer}.booking-add-button:hover{background:#218838}.booking-remove-button{background:#dc3545;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:12px;cursor:pointer}.booking-remove-button:hover{background:#c82333}.booking-room-section{margin-bottom:1rem;border:1px solid #e9ecef;border-radius:6px;overflow:hidden}.booking-room-title{background:#e9ecef;padding:8px 12px;margin:0;font-size:14px;font-weight:600}.booking-room-table{margin:0}.booking-no-children{color:#6c757d;font-style:italic;text-align:center;padding:8px}.booking-table input,.booking-table select,.booking-table textarea,.commercial-table input,.commercial-table select{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.booking-table textarea{resize:vertical;min-height:80px}.booking-table input:focus,.booking-table select:focus,.booking-table textarea:focus,.commercial-table input:focus,.commercial-table select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.commercial-table-label{font-weight:500;color:#495057;white-space:nowrap;width:150px}.commercial-checkbox-label{display:flex;align-items:center;gap:8px;font-weight:400;margin:0}.commercial-checkbox-label input[type=checkbox]{width:auto}.commercial-options-group{display:flex;gap:8px;align-items:center}.commercial-options-group select{flex:1}.commercial-options-group input{flex:2}.commercial-table-hint,.booking-table-hint{font-size:12px;color:#6c757d;margin-top:4px}.commercial-add-button{background:#28a745;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:12px;cursor:pointer}.commercial-add-button:hover{background:#218838}.commercial-remove-button{background:#dc3545;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:12px;cursor:pointer}.commercial-remove-button:hover{background:#c82333}.commercial-no-data{text-align:center;color:#6c757d;font-style:italic;padding:20px}.commercial-summary-section{background:#f8f9fa;border-radius:8px;padding:0;overflow:hidden}.commercial-summary-table{width:100%;border-collapse:collapse}.commercial-summary-table td{padding:10px 16px;border-bottom:1px solid #e9ecef;font-weight:500}.commercial-summary-table td:nth-child(odd){color:#495057;width:120px}.commercial-summary-table td:nth-child(2n){color:#212529;font-weight:600}.commercial-summary-table tr:last-child td{border-bottom:none}.booking-table-error{color:#dc3545;font-size:12px;margin-top:4px}.booking-table-warning{color:#ffc107;font-size:12px;margin-top:2px}@media (max-width: 768px){.booking-table-section,.commercial-table-section{overflow-x:auto}.booking-table,.commercial-table{min-width:600px}.booking-array-header{flex-direction:column;gap:12px;align-items:flex-start}.booking-room-actions{width:100%;justify-content:flex-end}}.room-list-container{border:1px solid #e5e7eb;border-radius:8px;padding:10px;margin-bottom:10px;background:#fafafa}.room-list-header{display:flex;justify-content:space-between;margin-bottom:6px;font-size:13px}.room-list{list-style:none;padding:0;margin:0}.room-list li{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px dashed #eee}.room-list li:last-child{border-bottom:none}.room-list li>span{width:140px;color:#334155}.room-list input[type=text],.room-list input[type=number],.room-list select,.room-list textarea{flex:1;padding:6px 8px;font-size:13px;border:1px solid #cbd5e1;border-radius:6px}.rooms-header h3{font-size:14px;margin:0}.block{margin:10px 0;display:flex;flex-direction:column;gap:6px}.readonly-block p{margin:2px 0;font-size:13px}.room-actions-bar{display:flex;justify-content:flex-end;gap:10px;margin-bottom:8px}.room-add-btn,.room-remove-btn{background:#0b5ed7;color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:13px}.room-remove-btn{background:#dc3545}.room-add-btn:disabled,.room-remove-btn:disabled{opacity:.6;cursor:not-allowed}.booking-edit-modal__overlay{position:fixed;inset:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.booking-edit-modal__content{background:#fff;border-radius:8px;width:95%;max-width:1200px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column}.booking-edit-modal__header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e1e5e9;background:#f8f9fa;border-radius:8px 8px 0 0}.booking-edit-modal__title{margin:0;font-size:1.5rem;font-weight:600;color:#2d3748}.booking-edit-modal__close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:4px 8px;border-radius:4px;color:#64748b;transition:all .2s ease}.booking-edit-modal__close-btn:hover{background:#e2e8f0;color:#475569}.booking-edit-modal__summary{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;margin:20px 24px;padding:16px}.booking-edit-modal__summary-line{margin-bottom:8px;font-size:.95rem;color:#475569}.booking-edit-modal__summary-line--main{font-size:1rem;font-weight:500;color:#1e293b}.booking-edit-modal__summary-line--mini{font-size:.875rem;color:#64748b;margin-bottom:12px}.booking-edit-modal__rooms-summary{margin-top:12px}.booking-edit-modal__room-item{padding:8px 0;border-bottom:1px solid #e2e8f0;font-size:.875rem;color:#475569}.booking-edit-modal__room-item:last-child{border-bottom:none}.booking-edit-modal__body{padding:0 24px;flex:1;overflow-y:auto}.booking-edit-modal__section-title{margin:24px 0 16px;font-size:1.125rem;font-weight:600;color:#2d3748;border-bottom:2px solid #e2e8f0;padding-bottom:8px}.booking-edit-modal__edit-row{display:flex;align-items:center;margin-bottom:16px;gap:16px}.booking-edit-modal__label{min-width:120px;font-weight:500;color:#475569;font-size:.875rem}.booking-edit-modal__input{flex:1;padding:8px 12px;border:1px solid #cbd5e1;border-radius:4px;font-size:.875rem;transition:border-color .2s ease}.booking-edit-modal__input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.booking-edit-modal__textarea{width:100%;min-height:80px;padding:12px;border:1px solid #cbd5e1;border-radius:4px;font-size:.875rem;font-family:inherit;resize:vertical;transition:border-color .2s ease}.booking-edit-modal__textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.booking-edit-modal__room-actions{display:flex;gap:12px;margin-bottom:16px;padding:12px 0}.booking-edit-modal__add-btn{background:#10b981;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;transition:background-color .2s ease}.booking-edit-modal__add-btn:hover{background:#059669}.booking-edit-modal__remove-btn{background:#ef4444;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;transition:background-color .2s ease}.booking-edit-modal__remove-btn:hover:not(:disabled){background:#dc2626}.booking-edit-modal__remove-btn:disabled{background:#94a3b8;cursor:not-allowed}.booking-edit-modal__table{width:100%;border-collapse:collapse;margin-bottom:24px;font-size:.8rem}.booking-edit-modal__table th{background:#f8fafc;padding:12px 8px;text-align:left;font-weight:600;color:#475569;border-bottom:2px solid #e2e8f0;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.booking-edit-modal__table td{padding:8px;border-bottom:1px solid #e2e8f0;vertical-align:top}.booking-edit-modal__table select,.booking-edit-modal__table input{width:100%;padding:6px 8px;border:1px solid #cbd5e1;border-radius:3px;font-size:.8rem;transition:border-color .2s ease}.booking-edit-modal__table select:focus,.booking-edit-modal__table input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.booking-edit-modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #e1e5e9;background:#f8f9fa;border-radius:0 0 8px 8px;margin-top:auto}.booking-edit-modal__cancel-btn{background:#64748b;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;transition:background-color .2s ease}.booking-edit-modal__cancel-btn:hover{background:#475569}.booking-edit-modal__save-btn{background:#3b82f6;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;transition:background-color .2s ease}.booking-edit-modal__save-btn:hover:not(:disabled){background:#2563eb}.booking-edit-modal__save-btn:disabled{background:#94a3b8;cursor:not-allowed}@media (max-width: 768px){.booking-edit-modal__overlay{padding:10px}.booking-edit-modal__content{width:100%;max-height:95vh}.booking-edit-modal__header,.booking-edit-modal__body,.booking-edit-modal__footer{padding:16px}.booking-edit-modal__edit-row{flex-direction:column;align-items:stretch;gap:8px}.booking-edit-modal__label{min-width:auto}.booking-edit-modal__table-container{overflow-x:auto}.booking-edit-modal__table{min-width:800px}.booking-edit-modal__footer{flex-direction:column-reverse}}.edit-modal{position:fixed;inset:0;background:#00000073;display:flex;justify-content:center;align-items:center;z-index:9999}.edit-container{width:90%;max-width:1150px;max-height:90vh;background:#fff;border-radius:8px;padding:20px;overflow-y:auto;box-shadow:0 4px 16px #0003}.edit-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.edit-header h2{margin:0;font-size:20px;font-weight:600}.edit-header button{font-size:22px;background:none;border:none;cursor:pointer}.edit-body{display:flex;flex-direction:column;gap:20px}.row-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.input-block{display:flex;flex-direction:column}.input-block label{margin-bottom:6px;font-size:14px;font-weight:500}.input-block input,.input-block select,.input-block textarea{padding:8px 10px;border-radius:6px;border:1px solid #ccc;font-size:14px}input[disabled]{background:#f3f3f3;cursor:not-allowed}.room-table-wrapper{overflow-x:visible!important;border:1px solid #e1e1e1;border-radius:6px}.room-table{width:100%;border-collapse:collapse;font-size:14px}.room-table th,.room-table td{padding:8px 10px;border-bottom:1px solid #e1e1e1;text-align:left}.room-table th{background:#f7f7f7;font-weight:600}.room-table tr:last-child td{border-bottom:none}.room-table input,.room-table select{width:100%;padding:6px;font-size:13px;border:1px solid #ccc;border-radius:4px}.split-row{display:grid;grid-template-columns:70% 25%;gap:16px;align-items:center}.special-block textarea{width:100%;height:80px;resize:vertical;border-radius:6px;border:1px solid #ccc;padding:10px}.deadline-block input{width:100%;height:auto;border-radius:6px;border:1px solid #ccc;padding:10px}.edit-footer{margin-top:15px;display:flex;justify-content:flex-end;gap:12px}.edit-footer button{padding:10px 18px;border-radius:6px;border:none;cursor:pointer;font-size:14px}.edit-footer button:first-child{background:#ddd}.edit-footer button:last-child{background:#06f;color:#fff}.edit-footer button:disabled{opacity:.6;cursor:not-allowed}.chip-input{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.chip-input input{border:none;outline:none;padding:4px 6px;min-width:50px}.chip{background:#e7e7e7;padding:5px 8px;border-radius:5px;display:flex;gap:6px;align-items:center}.chip-remove{cursor:pointer;font-weight:700;color:#c00}.add-room-wrapper{text-align:right;margin-top:8px}.add-room-btn{background-color:#0077b6;color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer}.add-room-btn:hover{background-color:#005f8a}.remove-room-btn{background:#ff4d4d;color:#fff;border:none;padding:4px 8px;border-radius:4px;cursor:pointer}.remove-room-btn:hover{background:#d93636}.room-table{width:100%;table-layout:fixed!important}.room-table th:nth-child(1){width:40px}.room-table th:nth-child(2){width:125px}.room-table th:nth-child(3){width:70px}.room-table th:nth-child(4){width:80px}.room-table th:nth-child(5){width:100px}.room-table th:nth-child(6){width:150px}.room-table th:nth-child(7){width:130px}.room-table th:nth-child(8){width:140px}.room-table th:nth-child(9){width:60px;text-align:center}.chip-scroll-box{width:100%;height:42px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;padding:4px;box-sizing:border-box;background:#fafafa;border:1px solid #ddd;border-radius:6px;display:flex;gap:6px;align-items:center}.chip-container{display:inline-flex;flex-wrap:nowrap;gap:6px}.chip{background:#e5e7eb;padding:3px 6px;border-radius:5px;display:inline-flex;align-items:center;white-space:nowrap}.chip-edit-input{width:45px!important;font-size:12px;padding:2px 4px}.chip-add-block input{width:55px!important;padding:3px 4px;font-size:12px}.chip-remove{color:red;font-size:11px;font-weight:700;margin-left:4px;cursor:pointer}.room-table input[type=number]{width:55px!important;text-align:center;padding:4px;font-size:13px}.collapsed-chip-display{background:#f1f5f9;border:1px solid #d1d5db;border-radius:6px;padding:6px 8px;font-size:13px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chip-editor-popup{position:absolute;top:34px;left:0;background:#fff;border:1px solid #d1d5db;padding:10px;border-radius:8px;z-index:9999;box-shadow:0 4px 12px #00000026;min-width:180px}.chip-container{display:flex;flex-wrap:wrap;gap:6px}.chip{background:#e2e8f0;padding:3px 6px;border-radius:5px;display:flex;align-items:center;font-size:12px}.chip-edit-input{width:45px!important;padding:2px 4px;font-size:12px}.chip-add-block input{width:60px!important;font-size:12px}.chip-add-btn.tiny{background:#dbeafe;border-radius:4px;padding:2px 6px;font-size:12px;border:1px solid #bfdbfe;margin-left:15px}.age-chip{width:40px!important}.guest-chip{width:80px!important}.success-message-box{position:fixed;top:20px;right:20px;background:#4caf50;color:#fff;padding:16px 20px;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:10000;animation:slideIn .3s ease-out}.success-message-content{display:flex;align-items:center;gap:12px}.success-icon{font-size:18px;font-weight:700}.success-text{font-weight:500}.success-close-btn{background:none;border:none;color:#fff;font-size:18px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%}.success-close-btn:hover{background:#fff3}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.booking-management-container{max-width:1500px;padding:20px;margin:0 auto 0 25px;font-family:Poppins,sans-serif;background-color:#f5f7f9;min-height:100vh}.booking-management-header-tabs-container{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;padding:25px;background:#fff;border-radius:15px;box-shadow:0 4px 20px #00000014;flex-wrap:wrap;gap:20px}.booking-management-header-content{flex:1;min-width:400px}.booking-management-title-section h1{margin:0 0 8px;font-size:1.5rem;font-weight:600;color:#342d5e}.booking-management-title-section p{margin:0;opacity:.9;font-size:1rem;color:#666}.booking-management-user-role-badge{background:#f8f9fa;padding:8px 16px;border-radius:20px;font-weight:500;font-size:.9rem;margin-top:12px;display:inline-block;box-shadow:0 2px 8px #0000001a}.booking-management-role-admin{color:#667eea}.booking-management-role-employee{color:#28a745}.booking-management-role-manager{color:#ffc107}.booking-management-tabs-section{display:flex;background:#f8f9fa;border-radius:10px;box-shadow:0 2px 10px #0000001a;overflow:hidden;height:-moz-fit-content;height:fit-content;align-self:center}.booking-management-tabs-section .booking-management-tab{padding:14px 28px;border:none;background:transparent;cursor:pointer;font-size:1rem;font-weight:500;color:#666;transition:all .3s ease;position:relative;white-space:nowrap}.booking-management-tabs-section .booking-management-tab.booking-management-tab-active{color:#667eea;background:#667eea1a}.booking-management-tabs-section .booking-management-tab.booking-management-tab-active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:#667eea}.booking-management-tabs-section .booking-management-tab:hover:not(.booking-management-tab-active){background:#667eea0d}.booking-management-tab-content{background:#fff;border-radius:15px;box-shadow:0 4px 20px #00000014;overflow:hidden;animation:booking-management-fadeIn .5s ease-in}.booking-management-form-container,.booking-management-list-container{padding:0}.booking-management-view-controls{display:flex;gap:15px;align-items:center}.booking-management-search-box{position:relative}.booking-management-form-input{width:300px;padding:12px 15px;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#fff}.booking-management-form-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.booking-management-form-select{padding:12px 15px;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;background:#fff;cursor:pointer}.booking-management-form-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.booking-management-action-btn.booking-management-refresh{background:#667eea;color:#fff;padding:12px 20px;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease}.booking-management-action-btn.booking-management-refresh:hover{background:#5a6fd8;transform:translateY(-1px)}.booking-management-notification{position:fixed;top:20px;right:20px;padding:15px 20px;border-radius:8px;color:#fff;display:flex;align-items:center;gap:10px;z-index:1000;animation:booking-management-slideIn .3s ease-out;box-shadow:0 4px 12px #00000026;max-width:400px}.booking-management-notification.booking-management-success{background:#28a745}.booking-management-notification.booking-management-error{background:#dc3545}.booking-management-notification.booking-management-warning{background:#ffc107;color:#212529}.booking-management-notification.booking-management-info{background:#17a2b8}.booking-management-notification-icon{font-weight:700;font-size:16px}.booking-management-notification-close{background:none;border:none;color:inherit;font-size:18px;cursor:pointer;margin-left:auto;opacity:.8}.booking-management-notification-close:hover{opacity:1}@keyframes booking-management-slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.booking-management-form{padding:30px}.booking-management-form-section{margin-bottom:40px;padding:30px;border-radius:15px;border-bottom:2px solid #e9ecef;background:#f8f9fa}.booking-management-form-section:last-of-type{border-bottom:none;margin-bottom:20px}.booking-management-section-title{color:#2c3e50;font-size:1.5rem;margin-bottom:25px;padding-bottom:10px;border-bottom:2px solid #667eea;font-weight:600}.booking-management-form-row{display:flex;gap:20px;margin-bottom:20px;flex-wrap:wrap}.booking-management-form-group{flex:1;min-width:250px}.booking-management-form-group.booking-management-full-width{flex:100%}.booking-management-form-label{display:block;margin-bottom:8px;font-weight:500;color:#2c3e50}.booking-management-form-label.booking-management-required:after{content:"*";color:#e74c3c;margin-left:4px}.booking-management-error-message{display:block;color:#e74c3c;font-size:.9rem;margin-top:5px;font-weight:500}.booking-management-form-actions{text-align:center;margin-top:30px;padding:20px;background:#f8f9fa;border-radius:10px}.booking-management-submit-button{background:#667eea;color:#fff;padding:15px 40px;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.booking-management-submit-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.booking-management-submit-button:active{transform:translateY(0)}.booking-management-secondary-button{background:#6c757d;color:#fff;padding:12px 25px;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:all .3s ease;margin-left:10px}.booking-management-secondary-button:hover{background:#5a6268}.booking-management-list{padding:30px}.booking-management-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:20px}.booking-management-list-title{color:#2c3e50;font-size:1.8rem;font-weight:600;margin:0}.booking-management-list-stats{color:#6c757d;font-size:1rem}@media (max-width: 1024px){.booking-management-header-tabs-container{flex-direction:column;align-items:stretch;gap:25px}.booking-management-header-content{min-width:100%}.booking-management-tabs-section{align-self:stretch;justify-content:center}}@media (max-width: 768px){.booking-management-container{padding:10px}.booking-management-header-tabs-container{padding:20px}.booking-management-title-section h1{font-size:2rem}.booking-management-tabs-section{width:100%;justify-content:stretch}.booking-management-tabs-section .booking-management-tab{flex:1;text-align:center;padding:12px 20px}.booking-management-view-controls{flex-direction:column;width:100%}.booking-management-form-input,.booking-management-action-btn.booking-management-refresh{width:100%}.booking-management-form-row{flex-direction:column;gap:15px}.booking-management-form-group{min-width:100%}}@media (max-width: 480px){.booking-management-header-tabs-container{padding:15px}.booking-management-title-section h1{font-size:1.8rem}.booking-management-form,.booking-management-list{padding:20px}.booking-management-section-title{font-size:1.3rem}.booking-management-submit-button,.booking-management-secondary-button{width:100%;margin:5px 0}.booking-management-tabs-section .booking-management-tab{padding:10px 15px;font-size:.9rem}}@keyframes booking-management-fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.booking-management-loading{display:flex;justify-content:center;align-items:center;padding:60px;color:#6c757d}.booking-management-loading-spinner{display:inline-block;width:20px;height:20px;border:3px solid #f3f3f3;border-top:3px solid #667eea;border-radius:50%;animation:booking-management-spin 1s linear infinite;margin-right:10px}@keyframes booking-management-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.booking-management-button:focus,.booking-management-form-input:focus,.booking-management-form-select:focus{outline:2px solid #667eea;outline-offset:2px}.booking-management-form-input:hover{border-color:#cbd5e1}.booking-management-form-input option{padding:8px 12px;background:#fff;color:#1a202c}.booking-management-form-input.booking-management-compact{padding:8px 32px 8px 12px;font-size:13px}.booking-management-form-input.booking-management-borderless{border:1px solid transparent;background-color:#f8fafc}@media (max-width: 1200px){.booking-management-container{max-width:100%;padding:15px}}@media print{.booking-management-header-tabs-container,.booking-management-view-controls,.booking-management-table-actions{display:none}.booking-management-container{background:#fff;padding:0}.booking-management-tab-content{box-shadow:none}}:root{--bms-primary: #7269ef;--bms-primary-dark: #6658dd;--bms-success: #22c55e;--bms-error: #ef4444;--bms-warning: #f59e0b;--bms-info: #3b82f6;--bms-bg-gradient: linear-gradient(135deg, #f0f4f8 0%, #e0e7ff 100%);--bms-card-bg: #fdfbff;--bms-text-primary: #0a0214;--bms-text-secondary: #9f9f9f;--bms-border: #e5e7eb;--bms-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--bms-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--bms-border-radius: 12px;--bms-transition: all .3s cubic-bezier(.4, 0, .2, 1)}.bms-page-content{background:var(--bms-bg-gradient);min-height:100vh;padding:0 24px 24px;color:var(--bms-text-primary)}.bms-system-header{background:var(--bms-card-bg);padding:2rem}.bms-header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.bms-header-content-title{flex:1}.bms-header-title{font-size:1.5rem;font-weight:600;margin:0 0 8px;color:var(--bms-text-primary);letter-spacing:-.025em;font-family:Inter,Poppins,sans-serif}.bms-header-subtitle{font-size:.875rem;color:var(--bms-text-secondary);margin:0 0 12px;font-weight:400;line-height:1.5}.bms-user-role-badge{font-size:.875rem;color:var(--bms-text-secondary)}.bms-role-admin{color:var(--bms-primary);font-weight:600;background:#7269ef1a;padding:4px 8px;border-radius:6px}.bms-role-employee{color:var(--bms-success);font-weight:600;background:#22c55e1a;padding:4px 8px;border-radius:6px}.bms-nav-buttons{display:flex;gap:1rem;align-items:center}.bms-nav-button{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.5rem;font-size:.8rem;font-weight:500;color:var(--bms-text-primary);background:var(--bms-card-bg);border:1px solid var(--bms-border);border-radius:var(--bms-border-radius);cursor:pointer;transition:var(--bms-transition);box-shadow:var(--bms-shadow);position:relative;overflow:hidden}.bms-nav-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s}.bms-nav-button:hover:before{left:100%}.bms-nav-button:hover{transform:translateY(-2px);box-shadow:var(--bms-shadow-lg);border-color:var(--bms-primary)}.bms-nav-button.bms-active{background:var(--bms-primary);color:#fff;border-color:var(--bms-primary)}.bms-content{background:var(--bms-card-bg);overflow:hidden}@media (max-width: 1024px){.bms-header-content{flex-direction:column;gap:1.5rem}.bms-nav-buttons{width:100%;justify-content:center}}@media (max-width: 768px){.bms-page-content{padding:16px}.bms-system-header{padding:1.5rem}.bms-header-title{font-size:1.75rem}.bms-nav-buttons{flex-direction:column;width:100%}.bms-nav-button{width:100%;justify-content:center}}@media (max-width: 480px){.bms-header-title{font-size:1.5rem}.bms-header-subtitle{font-size:1rem}}.combined-booking-commercial{max-width:1400px;margin:0 auto;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000000d}.combined-tabs{display:flex;background:#f8fafc;border-bottom:1px solid #e2e8f0}.combined-tab{flex:1;padding:16px 24px;border:none;background:transparent;border-bottom:3px solid transparent;font-weight:600;cursor:pointer;transition:all .3s ease;color:#64748b;display:flex;align-items:center;justify-content:center;gap:8px}.combined-tab.active{background:#fff;color:#3b82f6;border-bottom:3px solid #3b82f6}.combined-tab:hover:not(.active):not(:disabled){background:#f1f5f9;color:#475569}.combined-tab:disabled{opacity:.5;cursor:not-allowed}.combined-tab-content{padding:0}.commercial-tab-content{padding:20px}.combined-actions{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#f8fafc;border-top:1px solid #e2e8f0;margin-top:20px}.combined-btn{padding:12px 24px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:14px}.combined-btn-back{background:#6b7280;color:#fff}.combined-btn-back:hover{background:#4b5563}.combined-btn-complete{background:#10b981;color:#fff}.combined-btn-complete:hover{background:#059669}@media (max-width: 768px){.combined-tabs{flex-direction:column}.combined-tab{text-align:center}.combined-actions{flex-direction:column;gap:10px}.combined-btn{width:100%;text-align:center}}:root{--primary-color: #2563eb;--primary-dark: #1d4ed8;--primary-light: #dbeafe;--secondary-color: #64748b;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--background-color: #f8fafc;--surface-color: #ffffff;--border-color: #e2e8f0;--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--transition-fast: .15s ease-in-out;--transition-normal: .2s ease-in-out;--transition-slow: .3s ease-in-out}.transportation-form-container{max-width:1200px;margin:0 auto;padding:var(--spacing-xl);background:var(--background-color);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;color:var(--text-primary)}.form-header-section{text-align:center;margin-bottom:var(--spacing-2xl);padding:var(--spacing-2xl) 0;background:linear-gradient(135deg,var(--surface-color) 0%,var(--primary-light) 100%);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.form-main-title{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-sm);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.form-subtitle{font-size:1.125rem;color:var(--text-secondary);font-weight:400;max-width:600px;margin:0 auto}.template-section{margin-bottom:var(--spacing-xl)}.section-subtitle{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm)}.section-subtitle:before{content:"⚡";font-size:1.5rem}.template-cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.template-card{background:var(--surface-color);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:left;cursor:pointer;transition:all var(--transition-normal);display:flex;flex-direction:column;gap:var(--spacing-xs)}.template-card:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.template-card:active{transform:translateY(0)}.template-name{font-weight:600;color:var(--text-primary);font-size:1rem}.template-details{font-size:.875rem;color:var(--text-secondary)}.transportation-main-form{display:flex;flex-direction:column;gap:var(--spacing-xl)}.form-section-card{background:var(--surface-color);border-radius:var(--radius-xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:box-shadow var(--transition-normal)}.form-section-card:hover{box-shadow:var(--shadow-md)}.section-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--primary-light);display:flex;align-items:center;gap:var(--spacing-sm)}.section-title:before{content:"";width:4px;height:24px;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:var(--radius-sm)}.form-grid-two{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.form-grid-three{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--spacing-lg)}.form-grid-four{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:var(--spacing-lg)}.form-grid-six{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;gap:var(--spacing-lg)}.form-field-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.field-label{font-weight:500;color:var(--text-primary);font-size:.875rem;display:flex;align-items:center;gap:var(--spacing-xs)}.field-label.required:after{content:"*";color:var(--error-color);font-size:1.2em}.form-input,.form-select{padding:var(--spacing-sm) var(--spacing-md);border:1.5px solid var(--border-color);border-radius:var(--radius-md);font-size:.875rem;transition:all var(--transition-fast);background:var(--surface-color)}.form-input:focus,.form-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a;transform:translateY(-1px)}.form-input:hover,.form-select:hover{border-color:var(--secondary-color)}.form-input::-moz-placeholder{color:var(--text-muted)}.form-input::placeholder{color:var(--text-muted)}.recommendation-banner{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.recommendation-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm)}.recommendation-list{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.recommendation-item{display:flex;align-items:center;gap:var(--spacing-sm);background:var(--surface-color);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.vehicle-type{font-weight:600;color:var(--primary-color);font-size:.875rem}.vehicle-capacity{font-size:.75rem;color:var(--text-secondary)}.vehicle-price{font-size:.75rem;color:var(--success-color);font-weight:600}.cost-calculation-card{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-top:var(--spacing-lg)}.cost-calculation-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm)}.cost-breakdown{display:flex;flex-direction:column;gap:var(--spacing-sm)}.cost-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) 0;border-bottom:1px solid #dcfce7}.cost-item span:first-child{color:var(--text-secondary);font-size:.875rem}.cost-item span:last-child{font-weight:600;color:var(--text-primary)}.cost-total{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-sm);margin-top:var(--spacing-xs);border-top:2px solid #22c55e;font-weight:700;color:var(--text-primary)}.timing-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);margin-top:var(--spacing-lg)}.timing-group{background:var(--background-color);padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.timing-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm)}.timing-title:before{content:"🕒";font-size:1.1em}.financial-section{background:linear-gradient(135deg,#fafafa,#f8fafc)}.profit-summary-grid{display:grid;grid-template-columns:1fr 1fr 2fr;gap:var(--spacing-lg);margin-top:var(--spacing-lg);align-items:start}.profit-card{background:var(--surface-color);padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid var(--border-color);text-align:center;box-shadow:var(--shadow-sm)}.profit-label{font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.profit-amount,.profit-percentage{font-size:1.5rem;font-weight:700}.profit-amount.positive,.profit-percentage.positive{color:var(--success-color)}.profit-amount.negative,.profit-percentage.negative{color:var(--error-color)}.section-header-with-action{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.add-charge-button{display:flex;align-items:center;gap:var(--spacing-sm);background:var(--primary-color);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-normal)}.add-charge-button:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.button-icon{font-size:1.2em;font-weight:600}.charge-item-row{display:grid;grid-template-columns:2fr 1fr 3fr auto;gap:var(--spacing-md);align-items:start;padding:var(--spacing-md) 0;border-bottom:1px solid var(--border-color)}.charge-item-row:last-child{border-bottom:none}.charge-input-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.charge-input-group.large{grid-column:span 1}.charge-type-input,.charge-amount-input,.charge-remark-input{padding:var(--spacing-sm) var(--spacing-md);border:1.5px solid var(--border-color);border-radius:var(--radius-md);font-size:.875rem;transition:all var(--transition-fast);width:100%}.charge-type-input:focus,.charge-amount-input:focus,.charge-remark-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.remove-charge-button{background:var(--error-color);color:#fff;border:none;width:32px;height:32px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);font-size:1.2em;font-weight:600}.remove-charge-button:hover{background:#dc2626;transform:scale(1.1)}.form-actions-section{background:var(--surface-color);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.actions-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg)}.submit-button{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;border:none;padding:var(--spacing-lg) var(--spacing-2xl);border-radius:var(--radius-lg);font-size:1.125rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;gap:var(--spacing-sm);min-width:280px;justify-content:center}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.submit-button.loading{background:var(--secondary-color)}.loading-spinner{width:20px;height:20px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.status-indicators{min-height:40px;display:flex;align-items:center}.status-success{color:var(--success-color);font-weight:500;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#f0fdf4;border:1px solid #bbf7d0;border-radius:var(--radius-md)}.status-error{color:var(--error-color);font-weight:500;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-md)}.field-error{border-color:var(--error-color)!important;box-shadow:0 0 0 3px #ef44441a!important}.error-message{color:var(--error-color);font-size:.75rem;font-weight:500;margin-top:2px}.map-preview-toggle{margin-bottom:var(--spacing-lg)}.toggle-button{background:var(--surface-color);border:1.5px solid var(--border-color);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:.875rem;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;gap:var(--spacing-sm)}.toggle-button:hover{border-color:var(--primary-color);color:var(--primary-color)}.toggle-button.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.map-preview-placeholder{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px dashed #7dd3fc;border-radius:var(--radius-lg);padding:var(--spacing-2xl);text-align:center;margin-bottom:var(--spacing-lg)}.map-placeholder-content{color:var(--text-secondary)}.map-placeholder-content span{font-weight:600;color:var(--primary-color);display:block;margin-bottom:var(--spacing-sm)}.double-width{grid-column:span 2}@media (max-width: 1024px){.transportation-form-container{padding:var(--spacing-lg)}.form-grid-six{grid-template-columns:1fr 1fr 1fr 1fr}.profit-summary-grid{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.form-grid-two,.form-grid-three,.form-grid-four,.form-grid-six,.timing-grid{grid-template-columns:1fr}.charge-item-row{grid-template-columns:1fr;gap:var(--spacing-sm)}.section-header-with-action{flex-direction:column;gap:var(--spacing-md);align-items:stretch}.form-main-title{font-size:2rem}.template-cards-container{grid-template-columns:1fr}}@media (max-width: 480px){.transportation-form-container{padding:var(--spacing-md)}.form-section-card{padding:var(--spacing-lg)}.form-main-title{font-size:1.75rem}.submit-button{min-width:auto;width:100%}}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}.form-input:focus-visible,.form-select:focus-visible,button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}@media (prefers-contrast: high){:root{--border-color: #000000;--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .5)}}.settings-page-container{max-width:1200px;margin:0 auto;padding:24px;background:var(--sb-background-color);color:var(--sb-text-color);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--sb-border-color)}.page-title{font-size:28px;font-weight:600;color:var(--sb-text-strong);margin:0;letter-spacing:-.02em}.header-actions{display:flex;gap:12px}.btn{padding:10px 20px;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:14px;font-family:inherit}.btn-primary{background:var(--sb-primary-color);color:#fff}.btn-primary:hover:not(:disabled){background:var(--sb-primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #7269ef4d}.btn-primary:disabled{background:var(--sb-disabled-color);cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:var(--sb-secondary-color);color:var(--sb-text-color);border:1px solid var(--sb-border-color)}.btn-secondary:hover{background:var(--sb-hover-color);border-color:var(--sb-primary-color)}.settings-layout{display:grid;grid-template-columns:280px 1fr;gap:32px}.settings-sidebar{background:var(--sb-card-background);border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a;height:-moz-fit-content;height:fit-content;border:1px solid var(--sb-border-color)}.sidebar-item{display:flex;align-items:center;width:100%;padding:12px 16px;margin-bottom:4px;border:none;background:none;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:14px;color:var(--sb-text-color);text-align:left;font-weight:500}.sidebar-item:hover{background:var(--sb-hover-color);color:var(--sb-primary-color)}.sidebar-item.active{background:var(--sb-primary-color);color:#fff}.sidebar-icon{margin-right:12px;font-size:16px;opacity:.8}.sidebar-divider{height:1px;background:var(--sb-border-color);margin:20px 0}.import-label{cursor:pointer}.settings-content{background:var(--sb-card-background);border-radius:12px;padding:32px;box-shadow:0 1px 3px #0000001a;border:1px solid var(--sb-border-color)}.section-title{font-size:20px;font-weight:600;margin-bottom:24px;color:var(--sb-text-strong);letter-spacing:-.01em}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}.setting-item{display:flex;flex-direction:column;gap:8px;padding:20px;background:var(--sb-background-color);border-radius:8px;border:1px solid var(--sb-border-color);transition:border-color .2s ease}.setting-item:hover{border-color:var(--sb-primary-color)}.setting-item label{font-weight:500;color:var(--sb-text-strong);display:flex;align-items:center;gap:10px;font-size:14px;margin-bottom:4px}.setting-item input[type=checkbox]{width:18px;height:18px;accent-color:var(--sb-primary-color)}.setting-item select,.setting-item input[type=time]{padding:10px 12px;border:1px solid var(--sb-border-color);border-radius:6px;background:var(--sb-input-background);color:var(--sb-text-color);font-size:14px;font-family:inherit;transition:border-color .2s ease}.setting-item select:focus,.setting-item input[type=time]:focus{outline:none;border-color:var(--sb-primary-color);box-shadow:0 0 0 3px #7269ef1a}.time-inputs{display:flex;align-items:center;gap:12px}.time-inputs span{color:var(--sb-text-muted);font-size:14px;font-weight:500}.export-progress{margin-top:24px;padding:16px;background:var(--sb-background-color);border-radius:8px;border:1px solid var(--sb-border-color)}.progress-bar{width:100%;height:6px;background:var(--sb-border-color);border-radius:3px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:var(--sb-primary-color);transition:width .3s ease;border-radius:3px}:root{--sb-primary-color: #7269ef;--sb-primary-dark: #6658dd;--sb-secondary-color: #f8f9fa;--sb-background-color: #ffffff;--sb-card-background: #ffffff;--sb-input-background: #ffffff;--sb-text-color: #495057;--sb-text-strong: #212529;--sb-text-muted: #6c757d;--sb-border-color: #e9ecef;--sb-hover-color: #f8f9fa;--sb-disabled-color: #adb5bd}[data-theme=dark]{--sb-primary-color: #847bf0;--sb-primary-dark: #7269ef;--sb-secondary-color: #2d3748;--sb-background-color: #1a1d23;--sb-card-background: #212529;--sb-input-background: #2d3748;--sb-text-color: #e9ecef;--sb-text-strong: #f8f9fa;--sb-text-muted: #adb5bd;--sb-border-color: #495057;--sb-hover-color: #343a40;--sb-disabled-color: #6c757d}@media (max-width: 768px){.settings-layout{grid-template-columns:1fr}.settings-header{flex-direction:column;gap:16px;align-items:flex-start}.settings-grid{grid-template-columns:1fr}.page-title{font-size:24px}.settings-content{padding:24px}}.recent-activities-page-container{padding:24px;background:#f8fafc;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.recent-activities-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.recent-activities-header-left{display:flex;align-items:center;gap:12px}.recent-activities-page-title{font-size:28px;font-weight:700;color:#1e293b;margin:0}.recent-activities-activity-count{background:#e2e8f0;color:#475569;padding:4px 12px;border-radius:16px;font-size:14px;font-weight:500}.recent-activities-header-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.recent-activities-refresh-control{display:flex;align-items:center;gap:8px;font-size:14px;color:#64748b}.recent-activities-refresh-select{padding:6px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:14px}.recent-activities-btn-primary,.recent-activities-btn-secondary{display:flex;align-items:center;gap:8px;padding:8px 16px;border:none;border-radius:6px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s ease}.recent-activities-btn-primary{background:#3b82f6;color:#fff}.recent-activities-btn-primary:hover:not(:disabled){background:#2563eb}.recent-activities-btn-secondary{background:#fff;color:#374151;border:1px solid #d1d5db}.recent-activities-btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.recent-activities-btn-primary:disabled,.recent-activities-btn-secondary:disabled{opacity:.6;cursor:not-allowed}.recent-activities-filters-section{background:#fff;padding:20px;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;border:1px solid #e2e8f0}.recent-activities-search-box{position:relative;margin-bottom:16px;max-width:400px}.recent-activities-search-box input{width:100%;padding:10px 16px 10px 40px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:border-color .2s ease}.recent-activities-search-box input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.recent-activities-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af}.recent-activities-action-filters{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.recent-activities-filter-label{font-size:14px;color:#64748b;font-weight:500}.recent-activities-filter-chip{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid #d1d5db;border-radius:20px;background:#fff;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.recent-activities-filter-chip-active{background:#3b82f6;color:#fff;border-color:#3b82f6}.recent-activities-filter-chip:hover{border-color:#9ca3af}.recent-activities-clear-filters{background:none;border:none;color:#ef4444;font-size:12px;cursor:pointer;font-weight:500}.recent-activities-clear-filters:hover{text-decoration:underline}.recent-activities-table-wrapper{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;overflow:hidden}.recent-activities-table{width:100%;border-collapse:collapse}.recent-activities-table th{background:#f8fafc;padding:16px 12px;text-align:left;font-weight:600;font-size:14px;color:#374151;border-bottom:1px solid #e2e8f0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.recent-activities-table td{padding:16px 12px;border-bottom:1px solid #f1f5f9;font-size:14px}.recent-activities-table tbody tr{transition:background-color .15s ease}.recent-activities-table tbody tr:hover{background:#f8fafc}.recent-activities-table tbody tr.recent-activities-row-selected{background:#eff6ff}.recent-activities-select-column{width:40px;text-align:center}.recent-activities-select-column input[type=checkbox]{width:16px;height:16px;cursor:pointer}.recent-activities-sortable{cursor:pointer;transition:background-color .2s ease}.recent-activities-sortable:hover{background:#f1f5f9}.recent-activities-sort-icon{color:#9ca3af;margin-left:4px}.recent-activities-sort-icon-active{color:#3b82f6}.recent-activities-user-cell{display:flex;align-items:center;gap:8px}.recent-activities-user-avatar{width:32px;height:32px;border-radius:50%;background:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:12px}.recent-activities-action-cell{display:flex;align-items:center;gap:8px}.recent-activities-action-icon{display:flex;align-items:center}.recent-activities-icon-insert{color:#10b981}.recent-activities-icon-update{color:#3b82f6}.recent-activities-icon-delete{color:#ef4444}.recent-activities-icon-default{color:#6b7280}.recent-activities-action-tag{padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.recent-activities-action-insert{background:#d1fae5;color:#065f46}.recent-activities-action-update{background:#dbeafe;color:#1e40af}.recent-activities-action-delete{background:#fee2e2;color:#991b1b}.recent-activities-description-cell{max-width:300px}.recent-activities-description-content{display:flex;align-items:center;gap:8px}.recent-activities-truncated-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-activities-view-more-btn{background:none;border:none;color:#3b82f6;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s ease}.recent-activities-view-more-btn:hover{background:#eff6ff}.recent-activities-time-cell{white-space:nowrap}.recent-activities-time-ago{font-weight:500;color:#1e293b}.recent-activities-timestamp{font-size:12px;color:#64748b;margin-top:2px}.recent-activities-pagination-section{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-top:1px solid #e2e8f0;flex-wrap:wrap;gap:16px}.recent-activities-pagination-info{color:#64748b;font-size:14px}.recent-activities-pagination-controls{display:flex;align-items:center;gap:24px}.recent-activities-items-per-page{display:flex;align-items:center;gap:8px;font-size:14px;color:#64748b}.recent-activities-items-per-page select{padding:6px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:14px}.recent-activities-pagination-buttons{display:flex;align-items:center;gap:8px}.recent-activities-page-btn{padding:8px 16px;border:1px solid #d1d5db;background:#fff;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s ease}.recent-activities-page-btn:hover:not(:disabled){background:#f8fafc;border-color:#9ca3af}.recent-activities-page-btn:disabled{opacity:.5;cursor:not-allowed}.recent-activities-page-numbers{display:flex;gap:4px}.recent-activities-page-number{padding:8px 12px;border:1px solid #d1d5db;background:#fff;border-radius:6px;cursor:pointer;font-size:14px;min-width:40px;transition:all .2s ease}.recent-activities-page-number:hover{background:#f8fafc}.recent-activities-page-number-active{background:#3b82f6;color:#fff;border-color:#3b82f6}.recent-activities-loading-state,.recent-activities-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;text-align:center}.recent-activities-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-left:4px solid #3b82f6;border-radius:50%;animation:recent-activities-spin 1s linear infinite;margin-bottom:16px}@keyframes recent-activities-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.recent-activities-empty-icon{font-size:48px;color:#cbd5e1;margin-bottom:16px}.recent-activities-empty-state h3{color:#475569;margin:0 0 8px;font-size:18px}.recent-activities-empty-state p{color:#64748b;margin:0;font-size:14px}.recent-activities-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.recent-activities-modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-width:600px;width:100%;max-height:80vh;overflow:hidden}.recent-activities-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0}.recent-activities-modal-header h3{margin:0;color:#1e293b;font-size:18px;font-weight:600}.recent-activities-modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#64748b;padding:0;width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.recent-activities-modal-close:hover{background:#f1f5f9}.recent-activities-modal-body{padding:24px;max-height:400px;overflow-y:auto}.recent-activities-modal-body pre{margin:0;white-space:pre-wrap;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.5;color:#374151}@media (max-width: 768px){.recent-activities-page-container{padding:16px}.recent-activities-header{flex-direction:column;align-items:stretch}.recent-activities-header-controls{justify-content:space-between}.recent-activities-filters-section{padding:16px}.recent-activities-action-filters{flex-direction:column;align-items:flex-start}.recent-activities-pagination-section{flex-direction:column;align-items:stretch}.recent-activities-pagination-controls{flex-direction:column;gap:16px}.recent-activities-table{font-size:12px}.recent-activities-table th,.recent-activities-table td{padding:12px 8px}}.recent-activities-spin{animation:recent-activities-spin 1s linear infinite}.recent-activities-select-column input[type=checkbox]:indeterminate{background:#3b82f6;border-color:#3b82f6}.app-container{display:flex;min-height:100vh}.page-content{flex:1;margin-left:240px;padding:.5rem;transition:var(--sb-transition);background:var(--sb-bg-secondary, #f8f9fa);min-height:100vh;overflow-x:hidden}.sb-collapsed~.page-content,.app-container.sb-collapsed .page-content{margin-left:50px}@media (max-width: 768px){.page-content{margin-left:0!important}}@media (max-width: 768px){.main-content{margin-left:0;padding:15px}.sidebar:not(.collapsed)~.main-content{margin-left:0}.sidebar.collapsed~.main-content{margin-left:0}}select{padding:10px 15px;border:1px solid #ddd;border-radius:16px;font-size:14px;color:#333;background-color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}select:focus{outline:none;border-color:#06c;box-shadow:0 0 0 3px #0066cc1a}.dropdown-options{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-top:none;border-radius:0 0 6px 6px;max-height:200px;overflow-y:auto;z-index:1000;box-shadow:0 4px 12px #0000001a}.dropdown-option{padding:10px 15px;cursor:pointer;font-size:14px;color:#333;transition:all .2s ease}.dropdown-option:hover{background-color:#f0f7ff;color:#06c}.manual-option{color:#007bff;font-style:italic}.manual-option:hover{background-color:#e6f7ff;color:#06c}input[type=email]{text-transform:lowercase}