@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-900:oklch(37.9% .146 265.522);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-800:oklch(27.8% .033 256.848);--color-white:#fff;--spacing:.25rem;--container-5xl:64rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--font-weight-semibold:600;--font-weight-bold:700;--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.static{position:static}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mb-2{margin-bottom:calc(var(--spacing)*2)}.block{display:block}.flex{display:flex}.hidden{display:none}.h-5{height:calc(var(--spacing)*5)}.h-8{height:calc(var(--spacing)*8)}.h-10{height:calc(var(--spacing)*10)}.h-\[22px\]{height:22px}.min-h-screen{min-height:100vh}.w-5{width:calc(var(--spacing)*5)}.w-8{width:calc(var(--spacing)*8)}.w-10{width:calc(var(--spacing)*10)}.w-full{width:100%}.max-w-5xl{max-width:var(--container-5xl)}.max-w-7xl{max-width:var(--container-7xl)}.flex-1{flex:1}.shrink{flex-shrink:1}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing)*2)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.border-none{--tw-border-style:none;border-style:none}.bg-blue-600{background-color:var(--color-blue-600)}.bg-blue-900{background-color:var(--color-blue-900)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-2{padding-block:calc(var(--spacing)*2)}.py-4{padding-block:calc(var(--spacing)*4)}.py-12{padding-block:calc(var(--spacing)*12)}.pt-20{padding-top:calc(var(--spacing)*20)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-blue-600{color:var(--color-blue-600)}.text-blue-900{color:var(--color-blue-900)}.text-gray-800{color:var(--color-gray-800)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media(hover:hover){.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\:text-blue-600:hover{color:var(--color-blue-600)}.hover\:underline:hover{text-decoration-line:underline}}@media(min-width:48rem){.md\:flex{display:flex}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:items-end{align-items:flex-end}}@media(min-width:64rem){.lg\:w-2\/5{width:40%}.lg\:w-3\/5{width:60%}.lg\:flex-row{flex-direction:row}.lg\:p-6{padding:calc(var(--spacing)*6)}}}body{min-height:100vh;margin:0}.auth-form-container{width:100%;max-width:320px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;visibility:visible;opacity:1}.auth-form-heading{font-size:32px;font-weight:700;color:#000;text-align:center;margin:0 0 24px;line-height:1.2;width:100%;display:block}.auth-form{display:flex;flex-direction:column;gap:20px;align-items:center;width:100%}.auth-form-field{display:flex;flex-direction:column;gap:4px;width:100%;align-items:flex-start}.auth-form-label{font-size:14px;font-weight:500;color:#000;line-height:1.5;text-align:left;width:100%}.auth-form-input{width:100%;padding:8px 16px;border:1px solid #D1D5DB;border-radius:8px;font-size:14px;font-weight:400;color:#0774eb;background-color:#fff;transition:border-color .2s;box-sizing:border-box;height:40px;text-align:left!important}.auth-form-input:focus{outline:none;border-color:#0774eb;box-shadow:0 0 0 3px #0774eb1a}.auth-form-input::-moz-placeholder{color:#9ca3af}.auth-form-input::placeholder{color:#9ca3af}.auth-form-password-wrapper{position:relative;width:100%}.auth-form-password-input{padding-right:48px}.auth-form-password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:color .2s}.auth-form-password-toggle:hover{color:#0774eb}.auth-form-password-toggle:focus{outline:none}.auth-form-checkbox-wrapper{display:flex;align-items:center;gap:8px;margin-top:0;align-self:flex-start}.auth-form-checkbox{width:16px;height:16px;border:1px solid #D1D5DB;border-radius:4px;cursor:pointer;accent-color:#0774EB;flex-shrink:0}.auth-form-checkbox-label{font-size:14px;font-weight:400;color:#000;line-height:1.5;cursor:pointer}.auth-form-button{padding:8px 24px;background-color:#0774eb;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s;box-shadow:0 1px 2px #0000000d;margin:0 auto;height:44px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;white-space:nowrap;min-width:-moz-fit-content;min-width:fit-content}.auth-form-button:hover{background-color:#0660d4}.auth-form-links{margin-top:24px;margin-bottom:0;display:flex;flex-direction:column;gap:8px;text-align:center}.auth-form-link{font-size:14px;font-weight:400;color:#2d3748;text-decoration:none;transition:color .2s;line-height:1.5;display:block;width:100%}.auth-form-link[href]{color:#0774eb}.auth-form-link:hover{color:#0660d4}.auth-form-link-blue{color:#0774eb;font-weight:600;text-decoration:underline}.auth-form-link-blue:hover{color:#0660d4}.auth-form-error{width:100%;padding:10px 16px;background-color:#fee2e2;color:#dc2626;border:1px solid #FCA5A5;border-radius:8px;font-size:14px;font-weight:400;text-align:center;margin-top:4px}@media(max-width:1024px)and (min-width:769px){.auth-form-container{padding:0 24px;max-width:90%;margin-bottom:64px}.auth-form-field{width:85%}.auth-form-input{width:100%}.auth-form-checkbox-wrapper{width:85%;align-self:center}.auth-form-button,.auth-form-links{width:85%}}@media(min-width:1024px)and (max-width:1440px){.auth-form-container{padding-left:10px;padding-right:10px;max-width:320px;margin:0 auto}.auth-form-heading{font-size:22px;margin-bottom:16px}.auth-form{gap:16px}.auth-form-label{font-size:13px}.auth-form-input{font-size:13px;height:36px}.auth-form-button{font-size:14px;height:40px;padding:6px 20px}.auth-form-links{margin-top:16px}.auth-form-link{font-size:13px}}@media(max-width:1024px){.auth-form-button{height:40px;padding:6px 32px}}@media(max-width:768px){.auth-form-container{padding-bottom:40px}.auth-form-heading{font-size:24px;margin-bottom:12px}.auth-form{gap:16px}.auth-form-input{font-size:16px}.auth-form-links{margin-bottom:24px}}@media(max-width:768px)and (min-width:425px){.auth-form-container{padding:0 16px!important;margin:0 auto;width:100%;max-width:420px}.auth-form-heading{font-size:30px;margin-bottom:16px}.auth-form-field{width:100%;align-items:flex-start;max-width:100%}.auth-form-input{width:100%;max-width:100%;height:46px}.auth-form-checkbox-wrapper{align-self:center;width:100%}.auth-form-button{width:100%;max-width:100%;height:38px;padding:6px 32px}.auth-form-links{width:100%;margin-left:auto;margin-right:auto}}@media(max-width:424px){.auth-form-container{max-width:100%;padding:0 16px 40px}.auth-form-heading{font-size:24px;margin-bottom:14px}.auth-form-button{width:100%;max-width:100%;height:38px;padding:6px 32px}.auth-form-links{margin-top:12px;margin-bottom:24px}}@media(max-width:480px){.auth-form-container{padding:0 8px}.auth-form-input{height:44px}.auth-form-button{height:40px;padding:6px 32px}}.auth-mobile-header{display:none;background:linear-gradient(90deg,#0f70da,#007aff);width:100%;position:relative;z-index:1001;border-top-left-radius:0;border-top-right-radius:0;min-height:160px}.auth-mobile-header-content{display:flex;align-items:center;justify-content:space-between;padding:40px 16px 24px;position:relative}.auth-mobile-header-left{display:flex;align-items:center;gap:12px;flex:1}.auth-mobile-burger-btn{background:transparent;border:none;width:24px;height:24px;display:flex;flex-direction:column;justify-content:center;gap:4px;cursor:pointer;padding:0;margin-top:4px}.auth-mobile-burger-btn span{display:block;width:18px;height:2px;background-color:#fff;border-radius:1px;transition:all .3s ease}.auth-mobile-burger-btn.active span:nth-child(1),.auth-mobile-burger-btn.active span:nth-child(2),.auth-mobile-burger-btn.active span:nth-child(3){transform:none;opacity:1}.auth-mobile-time{color:#fff;font-size:15px;font-weight:500}.auth-mobile-header-center{display:flex;justify-content:center;align-items:center;flex:1;position:absolute;left:50%;top:85%;transform:translate(-50%,-50%)}.auth-mobile-header-logo{height:60px!important;max-height:70px!important;width:auto;-o-object-fit:contain;object-fit:contain;margin-top:0}@media(min-width:769px)and (max-width:1024px){.auth-mobile-header-logo{height:72px!important;max-height:82px!important}}.auth-mobile-header-right{display:flex;align-items:center;gap:8px;flex:1;justify-content:flex-end}.auth-status-icon{width:18px;height:18px}.auth-header-wrapper{background-color:#fff;padding-top:14px;padding-bottom:12px;margin-top:16px;display:flex;justify-content:center}.auth-navbar-container{background-color:#fff;border-radius:50px;box-shadow:0 22.92px 60.6px #0000001a;padding:4px 42px;display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1200px}@media(min-width:1025px){.auth-header-wrapper{padding-left:24px;padding-right:24px}}@media(max-width:1024px){.auth-header-wrapper{padding-left:16px;padding-right:16px}.auth-navbar-container{width:calc(100% - 32px);max-width:calc(100% - 32px);padding:4px 32px}}@media(max-width:768px){.auth-header-wrapper{padding-left:12px;padding-right:12px}.auth-navbar-container{width:calc(100% - 24px);max-width:calc(100% - 24px);padding:4px 16px}}@media(max-width:480px){.auth-header-wrapper{padding-left:8px;padding-right:8px}.auth-navbar-container{width:calc(100% - 16px);max-width:calc(100% - 16px);padding:3px 12px}}.auth-logo{width:120px;height:50px;-o-object-fit:contain;object-fit:contain}.auth-mobile-logo{display:none}.auth-nav-right{display:flex;align-items:center;gap:80px}@media(max-width:1024px){.auth-nav-right{gap:40px}.auth-nav-menu{gap:30px}}@media(max-width:900px){.auth-nav-right{gap:24px}.auth-nav-menu{gap:20px}}.auth-nav-menu{display:flex;align-items:center;gap:50px}.auth-nav-link{color:#000;text-decoration:none;font-size:16px;font-weight:400;transition:color .2s;white-space:nowrap}.auth-nav-link:hover{color:#0774eb}.auth-actions{display:flex;align-items:center;gap:12px}.auth-signin-btn{background-color:#0774eb;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:400;font-family:inherit;cursor:pointer;transition:background-color .2s;white-space:nowrap;height:33px;width:auto;min-width:80px;padding-left:24px;padding-right:24px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.auth-signin-btn:hover{background-color:#0660d4}.auth-lang-dropdown{background-color:#fff;border:1px solid #31415D;border-radius:8px;color:#000;cursor:pointer;padding:2px 36px 2px 14px;font-size:14px;font-weight:400;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2 4L6 8L10 4' stroke='%23000000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px;height:33px}.auth-lang-dropdown:focus{outline:none;border-color:#0774eb;box-shadow:0 0 0 3px #0774eb1a}.auth-burger-menu-btn{display:none;position:relative;z-index:1001;background-color:#0774eb;border:none;border-radius:6px;width:36px;height:36px;flex-direction:column;justify-content:center;align-items:center;gap:4px;cursor:pointer;padding:8px;box-shadow:0 2px 6px #0774eb4d;transition:all .3s ease}.auth-burger-menu-btn:hover{background-color:#0660d4;box-shadow:0 2px 8px #0774eb66}.auth-burger-menu-btn span{display:block;width:18px;height:2px;background-color:#fff;border-radius:1px;transition:all .3s ease}.auth-burger-menu-btn.active{background-color:#1f2937}.auth-burger-menu-btn.active span{background-color:#fff}.auth-burger-menu-btn.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.auth-burger-menu-btn.active span:nth-child(2){opacity:0}.auth-burger-menu-btn.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.auth-menu-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:calc(100vh - 100px);background-color:transparent;z-index:1990}@media(max-width:990px){.auth-mobile-header{display:block;border-top-left-radius:20px;border-top-right-radius:20px}.auth-header-wrapper{display:none}}@media(max-width:768px){.auth-navbar-container{padding:4px 16px}.auth-burger-menu-btn{display:flex}.auth-nav-right{position:fixed;top:0;right:-100%;width:280px;height:100vh;background-color:#fff;flex-direction:column;align-items:flex-start;gap:0;padding:80px 24px 24px;box-shadow:-2px 0 8px #0000001a;transition:right .3s ease;z-index:1000;overflow-y:auto}.auth-nav-right.open{right:0}.auth-menu-overlay{display:block}.auth-nav-menu{flex-direction:column;align-items:flex-start;gap:24px;width:100%;margin-bottom:24px}.auth-nav-link{width:100%;padding:8px 0;font-size:16px}.auth-actions{flex-direction:column;width:100%;gap:12px}.auth-signin-btn,.auth-lang-dropdown{width:100%}}.auth-side-nav-menu{display:none;position:fixed;top:48px;left:-100%;width:260px;height:calc(100vh - 100px);background-color:#fff;flex-direction:column;align-items:flex-start;gap:0;padding:80px 24px 24px;box-shadow:2px 0 8px #0000001a;transition:left .3s ease;z-index:2000;overflow-y:auto;border-top-right-radius:16px;border-bottom-right-radius:8px}.auth-side-nav-menu.open{left:0}.auth-side-nav-close{position:absolute;top:20px;right:20px;background:transparent;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center}.auth-side-nav-logo{width:100%;display:flex;justify-content:center;margin-bottom:32px}.auth-side-nav-logo-img{max-width:120px;height:auto}.auth-side-nav-menu-links{display:flex;flex-direction:column;gap:16px;width:100%}.auth-side-nav-link{color:#000;text-decoration:none;font-size:16px;font-weight:400;padding:12px 0;transition:color .2s;border-bottom:none;text-align:center;width:100%}.auth-side-nav-link:hover{color:#0774eb}@media(max-width:1024px){.auth-side-nav-menu{display:flex}.auth-menu-overlay{display:block}}.auth-footer{position:relative;background-color:#0774eb;color:#fff;padding:0 0 32px;overflow:hidden}.auth-footer-mobile{display:none;background-color:#fff;padding:18px 0 22px;box-shadow:none}.auth-footer-mobile-content{display:flex;justify-content:center;align-items:center}.auth-footer-mobile-text{margin:0;color:#0774eb;font-size:14px;font-weight:500}.auth-footer-wave{position:absolute;top:0;left:15%;right:15%;height:22px;z-index:0;overflow:hidden}.auth-footer-content{max-width:1200px;margin:0 auto;padding:28px 32px;display:flex;flex-direction:column;gap:32px;position:relative;z-index:1}.auth-footer-top{display:flex;justify-content:space-around;align-items:flex-start;flex-wrap:wrap;width:100%;position:relative}.auth-footer-top:before,.auth-footer-top:after{content:"";flex:1 1 0}.auth-footer-left{display:flex;flex-direction:column;align-items:flex-start;gap:16px;order:-1}.auth-footer-right{display:flex;flex-direction:column;align-items:flex-end;gap:16px;order:1}.auth-lang-btn{display:flex;align-items:center;gap:8px;background-color:#fff;color:#4b5563;padding:6px 14px;border:1px solid #D1D5DB;border-radius:75px;cursor:pointer;transition:background-color .2s;font-size:14px;font-weight:400;line-height:1.2;letter-spacing:0;font-family:inherit}.auth-lang-btn:hover{background-color:#f9fafb}.auth-globe-icon{width:16px;height:16px;color:#4b5563}.auth-lang-btn span{color:#4b5563;font-size:14px;font-weight:400;line-height:1.5;letter-spacing:0}.auth-social-icons{display:flex;gap:12px;align-items:center;justify-content:flex-end}.auth-social-icon{width:30px;height:30px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s;text-decoration:none}.auth-social-icon:hover{background-color:#f3f4f6}.auth-social-icon svg{width:15px;height:15px;color:#4b5563}.auth-footer-bottom{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;width:100%;position:relative}.auth-footer-bottom:before,.auth-footer-bottom:after{content:"";flex:1 1 0}.auth-footer-bottom .auth-copyright{order:-1}.auth-footer-bottom .auth-footer-links{order:1}.auth-copyright{font-size:14px;font-weight:400;line-height:1.5;letter-spacing:0;color:#fff;margin:0}.auth-footer-links{display:flex;flex-wrap:wrap;gap:24px;align-items:center}.auth-footer-link{color:#fff;text-decoration:none;font-size:11px;font-weight:400;line-height:1.4;letter-spacing:0;transition:opacity .2s}.auth-footer-link:hover{opacity:.8}@media(max-width:1024px){.auth-footer-mobile{display:block;box-shadow:none!important}.auth-footer{display:none}}@media(max-width:767px){.auth-footer-content{padding:32px 20px 24px;gap:24px}.auth-footer-top{flex-direction:column;align-items:flex-start;gap:32px}.auth-footer-left{width:100%}.auth-footer-right{width:100%;align-items:flex-start}.auth-social-icons{width:100%;justify-content:flex-start}.auth-footer-bottom{flex-direction:column;align-items:flex-start}.auth-footer-links{flex-direction:column;align-items:flex-start;gap:16px}}.login-card{box-shadow:0 22.92px 64.35px #0000004d}.login-left-panel{background-color:#0774eb;display:flex;flex-direction:column;justify-content:space-between;padding:25px;position:relative}.login-left-heading{color:#fff;font-size:16px;font-weight:500;line-height:1.2;margin-bottom:24px;text-align:center}.login-image-wrapper{display:flex;justify-content:center;align-items:center;width:100%}.login-image-container{position:relative;width:100%;max-width:400px;aspect-ratio:1;border-radius:0;overflow:hidden}.login-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.login-image-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.login-image-overlay:before{content:"";width:75%;height:75%;border:2px solid white;border-radius:8px;opacity:.5}.login-pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:32px}.login-pagination-item{position:relative;display:flex;align-items:center}.login-pagination-item.active{border-right:1px solid #FFFFFF;border-radius:0 50px 50px 0;padding:3px}.login-pagination-dot{width:8px;height:8px;border-radius:50%;border:none;cursor:pointer;transition:opacity .2s;padding:0;background-color:#fff}.login-pagination-item.active .login-pagination-dot{opacity:1}.login-pagination-item.inactive .login-pagination-dot{opacity:.5}.login-form-logo{display:flex;align-items:center;margin:20px 0 0;padding:0;justify-content:flex-start}.login-form-logo img{height:28px;width:auto;-o-object-fit:contain;object-fit:contain;margin-left:26px}@media(max-width:1024px)and (min-width:769px){main{padding-bottom:100px!important}main>div{padding:0 20px}.flex.items-center.justify-center{padding:16px 20px 48px!important}}@media(max-width:1023px){.login-left-panel{padding:32px 24px}.login-left-heading{font-size:28px;text-align:center;margin-bottom:24px}.login-image-container{max-width:300px}.login-pagination{margin-top:24px}}@media(max-width:768px)and (min-width:425px){main{padding-top:0!important;padding-bottom:0!important}main>div{max-width:100%!important;width:100%!important;padding:0!important}.login-card{border-radius:12px 12px 0 0!important;flex-direction:column;margin-top:0;box-shadow:none}.login-image-container{max-width:320px!important;margin:0 auto}}@media(min-width:1025px){.login-card{margin-top:12px}}@media(min-width:1024px)and (max-width:1440px){.login-left-panel{padding:18px}.login-left-heading{font-size:20px;margin-bottom:18px}.login-image-container{max-width:280px}.login-pagination{margin-top:24px}.login-right-panel{display:flex;flex-direction:column;align-items:flex-start;padding-right:10px!important;padding-left:0!important}.login-form-wrapper{max-width:520px;width:100%;padding:0!important}}@media(max-width:1024px){main{padding-top:0!important;padding-bottom:0!important;height:auto}main>div{max-width:100%!important;width:100%!important;padding:0!important;height:100%}.login-card{border-radius:8px 8px 0 0!important;flex-direction:column;margin-top:-16px!important;box-shadow:none!important;min-height:calc(100vh - 188px);display:flex;overflow-y:hidden;position:relative;z-index:1002;background:#fff!important;padding-top:50px}.login-left-panel,.login-form-logo{display:none}.login-right-panel{width:100%!important;min-height:auto;display:flex;flex-direction:column}.login-form-wrapper{padding:32px 20px 20px!important;flex:1}}@media(max-width:480px){.login-card{border-radius:16px 16px 0 0!important;overflow:hidden}}@media(min-width:1025px){.auth-page-shell{min-height:100vh}}.admin-login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#fff;padding:20px}.admin-login-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;display:flex;max-width:900px;max-height:600px;width:100%;overflow:hidden}.admin-login-left{flex:1;display:flex;align-items:center;justify-content:center;padding:60px 40px;background-color:#fff}.admin-logo-container{display:flex;flex-direction:column;align-items:center;gap:20px}.admin-logo-image{width:320px;height:auto;-o-object-fit:contain;object-fit:contain;max-width:400px}.admin-company-name{font-size:12px;font-weight:500;color:#1f2937;text-align:center;letter-spacing:1px;line-height:1.4;max-width:200px}.admin-login-divider{width:4px;background-color:#9f9f9f;margin:0 32px;height:380px;align-self:center;border-radius:999px}.admin-login-right{flex:1;padding:60px 50px;display:flex;flex-direction:column;justify-content:center}.admin-login-title{font-size:28px;font-weight:700;color:#1f2937;margin:0 0 32px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.admin-login-form{display:flex;flex-direction:column;gap:24px}.admin-form-field{display:flex;flex-direction:column;gap:8px}.admin-form-label{font-size:14px;font-weight:500;color:#1f2937}.admin-form-input{padding:12px 16px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#1f2937;background-color:#fff;transition:border-color .2s ease;width:100%;box-sizing:border-box}.admin-form-input:focus{outline:none;border-color:#0774eb}.admin-form-input::-moz-placeholder{color:#9ca3af}.admin-form-input::placeholder{color:#9ca3af}.admin-password-wrapper{position:relative;width:100%}.admin-password-input{padding-right:48px}.admin-password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:color .2s}.admin-password-toggle:hover{color:#0774eb}.admin-password-toggle:focus{outline:none}.admin-remember-me{display:flex;align-items:center;gap:8px}.admin-checkbox{width:18px;height:18px;border:1px solid #e5e7eb;border-radius:4px;cursor:pointer;accent-color:#0774EB}.admin-checkbox-label{font-size:14px;color:#1f2937;cursor:pointer}.admin-error-message{color:#ef4444;font-size:14px;padding:8px 12px;background-color:#fef2f2;border-radius:6px;border:1px solid #fecaca}.admin-login-btn{padding:8px 32px;background-color:#007aff;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0774eb4d;margin-top:8px;align-self:center;width:auto;min-width:180px}.admin-login-btn:hover{background-color:#0060d4;box-shadow:0 4px 12px #0774eb66;transform:translateY(-1px)}.admin-login-btn:active{transform:translateY(0)}@media(max-width:768px){.admin-login-container{flex-direction:column;max-width:500px}.admin-login-divider{width:100%;height:1px;margin:0}.admin-login-left,.admin-login-right{padding:40px 30px}.admin-logo-image{width:160px}.admin-company-name{font-size:11px}.admin-login-title{font-size:24px;margin-bottom:24px}}@media(max-width:480px){.admin-login-page{padding:10px}.admin-login-left,.admin-login-right{padding:30px 20px}.admin-logo-image{width:130px}.admin-company-name{font-size:10px;max-width:150px}.admin-login-title{font-size:22px}.admin-login-form{gap:20px}.admin-login-container{border-radius:20px;overflow:hidden}}.burger-menu-btn{display:none;position:fixed;top:16px;left:16px;z-index:55;background:transparent;border:none;border-radius:0;width:24px;height:24px;flex-direction:column;justify-content:center;align-items:center;gap:4px;cursor:pointer;padding:0;box-shadow:none;transition:all .3s ease}.burger-menu-btn:hover{background-color:transparent;box-shadow:none}.burger-menu-btn span{display:block;width:18px;height:2px;background-color:#fff;border-radius:1px;transition:all .3s ease}.burger-menu-btn.active{background-color:transparent}.burger-menu-btn.active span{transform:none;opacity:1}.sidebar-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#00000080;z-index:998;animation:fadeIn .3s ease}.dashboard-sidebar{width:260px;background-color:#fff;display:flex;flex-direction:column;padding:24px 20px;box-shadow:2px 0 8px #0000000d;position:fixed;left:0;top:0;height:100vh;z-index:999;overflow-y:auto;transition:transform .3s ease}.dashboard-side-nav-close{position:absolute;top:20px;right:20px;background:transparent;border:none;cursor:pointer;padding:8px;display:none;align-items:center;justify-content:center}.sidebar-logo{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:24px;padding-bottom:0;border-bottom:none}.sidebar-logo-img{width:100%;height:auto;-o-object-fit:contain;object-fit:contain}.sidebar-logo-desktop{max-width:140px;display:block}.sidebar-logo-mobile{max-width:90px;display:none}.sidebar-nav{display:flex;flex-direction:column;gap:8px}.sidebar-nav-item{display:flex;align-items:center;gap:16px;padding:12px 16px;border-radius:8px;text-decoration:none;color:#4b5563;font-size:16px;font-weight:400;transition:all .2s ease;cursor:pointer;position:relative}.sidebar-nav-item:hover{background-color:#f3f4f6;color:#0774eb}.sidebar-nav-item.active{color:#0774eb;background-color:#eff6ff}.sidebar-nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:24px;background-color:#0774eb;border-radius:0 2px 2px 0}.nav-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.icon-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.nav-text{font-weight:600;font-size:16px;line-height:1.2}@media(max-width:990px){.burger-menu-btn{display:flex}.sidebar-overlay{display:block}.dashboard-sidebar{transform:translate(-100%);width:260px;top:48px;height:calc(100vh - 100px);border-top-right-radius:16px;border-bottom-right-radius:8px;padding:80px 24px 24px;box-shadow:2px 0 8px #0000001a}.dashboard-sidebar.open{transform:translate(0)}.sidebar-logo{padding-top:60px}.dashboard-sidebar .sidebar-nav{align-items:center}.sidebar-logo-desktop{display:none}.sidebar-logo-mobile{display:block}.dashboard-side-nav-close{display:flex}.dashboard-sidebar .sidebar-nav-item.active{background-color:transparent}.dashboard-sidebar .sidebar-nav-item.active:before{display:none}}@media(max-width:640px){.dashboard-sidebar{width:260px}.burger-menu-btn{top:16px;left:16px}}@media(max-width:480px){.burger-menu-btn{top:16px;left:16px}}.dashboard-navbar{background-color:#fff;padding:20px 32px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 4px #0000000d;position:sticky;top:0;z-index:50;width:100%}.navbar-title{color:#004faf;font-size:24px;font-weight:500;margin:0;line-height:1.2}.navbar-user{display:flex;align-items:center;gap:16px}.user-name{color:#004faf;font-size:16px;font-weight:600}.user-avatar-container{position:relative!important}.user-avatar{width:32px!important;height:32px!important;border-radius:50%!important;background-color:#4b5563!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;position:relative!important;padding:0!important;box-sizing:border-box!important;transition:all .2s ease!important}.user-avatar:hover{background-color:#374151!important}.avatar-img{width:100%!important;height:100%!important;-o-object-fit:cover!important;object-fit:cover!important;display:block!important;filter:none!important}.user-avatar .avatar-img{width:78%!important;height:78%!important;border-radius:999px}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#4b5563;border-radius:50%}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:200px;z-index:1000;overflow:hidden;animation:dropdownFadeIn .2s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-email{padding:12px 16px;color:#1f2937;font-size:14px;font-weight:400;border-bottom:1px solid #e5e7eb;word-break:break-all}.dropdown-divider{height:1px;background-color:#e5e7eb}.dropdown-logout{width:100%;padding:12px 16px;background-color:transparent;border:none;color:#dc2626;font-size:14px;font-weight:500;text-align:left;cursor:pointer;transition:background-color .2s ease}.dropdown-logout:hover{background-color:#fef2f2}.dashboard-mobile-header{display:none;background:linear-gradient(90deg,#0f70da,#007aff);width:100%;border-top-left-radius:20px;border-top-right-radius:20px;min-height:140px;position:sticky;top:0;z-index:52;transition:min-height .25s ease,padding .25s ease}.dashboard-mobile-header--scrolled{min-height:100px}.dashboard-mobile-header-content{display:flex;align-items:center;justify-content:space-between;padding:40px 16px 24px;position:relative}.dashboard-mobile-header-logo-wrapper{position:absolute;left:50%;top:26px;transform:translate(-50%);display:flex;align-items:center;justify-content:center}.dashboard-mobile-header-logo{height:48px;max-height:56px;width:auto;-o-object-fit:contain;object-fit:contain}.dashboard-mobile-header-left,.dashboard-mobile-header-right{flex:1}.dashboard-mobile-header-center{position:absolute;left:50%;top:100%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:10px}.dashboard-mobile-avatar-wrapper{position:relative}.dashboard-mobile-avatar{width:40px;height:40px;border-radius:999px;border:none;padding:0;display:flex;align-items:center;justify-content:center;background-color:#4b5563;cursor:pointer}.dashboard-mobile-avatar .avatar-img{width:72%!important;height:72%!important;border-radius:999px}.dashboard-mobile-user-name{color:#fff;font-size:16px;font-weight:600}.dashboard-mobile-dropdown{top:calc(100% + 10px)}@media(max-width:1024px)and (min-width:769px){.dashboard-navbar{padding:18px 28px}.navbar-title{font-size:22px}.user-name{font-size:15px}}@media(max-width:900px)and (min-width:769px){.dashboard-navbar{padding:16px 24px}.navbar-title{font-size:20px}.user-name{font-size:14px}}@media(max-width:990px){.dashboard-navbar{display:none}.dashboard-mobile-header{display:block}}@media(max-width:990px)and (min-width:641px){.dashboard-navbar{padding:16px 20px 16px 70px}.navbar-title{font-size:20px}.user-name{font-size:14px}}@media(max-width:640px)and (min-width:481px){.dashboard-navbar{padding:14px 18px 14px 60px}.navbar-title{font-size:18px;font-weight:500}.navbar-user{gap:10px}.user-name{font-size:13px}.user-dropdown{min-width:180px;right:-10px}}@media(max-width:480px){.dashboard-mobile-header-content{padding:40px 12px 24px}.dashboard-mobile-avatar{width:36px;height:36px}.dashboard-mobile-user-name{font-size:15px}}@media(max-width:360px){.dashboard-mobile-user-name{font-size:14px}}.dashboard-layout{display:flex;min-height:100vh;background-color:#f5f7fa;position:relative}.dashboard-main-content{flex:1;margin-left:260px;display:flex;flex-direction:column;min-height:100vh;width:calc(100% - 260px)}.dashboard-content{flex:1;padding:32px;background-color:#f5f7fa;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}@media(max-width:1024px)and (min-width:769px){.dashboard-main-content{margin-left:260px;width:calc(100% - 260px)}.dashboard-content{padding:28px}}@media(max-width:900px)and (min-width:769px){.dashboard-main-content{margin-left:260px;width:calc(100% - 260px)}.dashboard-content{padding:24px}}@media(max-width:990px){.dashboard-main-content{margin-left:0;width:100%}.dashboard-content{padding:0;align-items:stretch;background-color:#fff}.dashboard-main-content-admin{margin-left:0;width:100%}.dashboard-content-admin{padding:0;align-items:center;background-color:#fff}}@media(min-width:991px){.dashboard-footer-wrapper{display:none}}@media(max-width:990px){.dashboard-footer-wrapper,.dashboard-footer-wrapper .auth-footer-mobile{box-shadow:none!important}}.dashboard-welcome-container{display:flex;gap:32px;align-items:center;justify-content:center;background-color:#fff;padding:52px 32px;box-shadow:0 2px 8px #0000000d;min-height:500px;margin:0 auto;width:100%;max-width:100%}.dashboard-welcome-left{flex:1;display:flex;flex-direction:column;gap:10px;justify-content:center}.dashboard-welcome-heading{font-size:48px;font-weight:700;color:#1f2937;margin:0;line-height:1.2}.dashboard-welcome-description{font-size:16px;font-weight:400;color:#6b7280;line-height:1.6;margin:0}.dashboard-welcome-buttons{display:flex;gap:16px;margin-top:8px}.dashboard-welcome-btn{padding:8px 26px;border-radius:8px;font-size:16px;font-weight:500;border:none;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-block;height:auto}.dashboard-welcome-btn-primary{background-color:#0774eb;color:#fff}.dashboard-welcome-btn-primary:hover{background-color:#0660d4}.dashboard-welcome-image-container{flex:1;max-width:320px;height:320px;border-radius:12px;overflow:hidden;background-color:#f3f4f6;display:flex;align-items:center;justify-content:center}.dashboard-welcome-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.dashboard-welcome-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:14px}@media(min-width:1441px){.dashboard-welcome-container{padding-top:80px;padding-bottom:80px}}@media(max-width:1024px){.dashboard-welcome-container{flex-direction:column;gap:24px}.dashboard-welcome-image-container{max-width:100%;width:100%;height:350px}.dashboard-welcome-heading{font-size:40px}}@media(max-width:1024px)and (min-width:425px){.dashboard-welcome-image-container{max-width:85%;width:85%;height:320px!important}}@media(max-width:1024px)and (min-width:991px){.dashboard-welcome-container{margin-top:24px;padding:48px 40px!important}}@media(max-width:990px){.dashboard-welcome-container{padding:24px 16px!important;gap:8px;min-height:auto;margin:-16px auto 0!important;width:100%;max-width:100%;border-radius:15px 15px 0 0;position:relative;z-index:51;background-color:#fff;box-shadow:none}.dashboard-welcome-left{order:2;align-items:center;text-align:center}.dashboard-welcome-image-container{order:1;height:400px!important;padding:16px;overflow:visible;background-color:transparent}.dashboard-welcome-image{width:100%;height:100%;border-radius:16px;-o-object-fit:cover;object-fit:cover}.dashboard-welcome-heading{font-size:34px}.dashboard-welcome-description{font-size:14px;text-align:center}.dashboard-welcome-buttons{flex-direction:column;width:100%;align-items:center}.dashboard-welcome-btn{width:210px;max-width:80%;text-align:center}}@media(max-width:990px)and (min-width:425px){.dashboard-welcome-container{gap:2px}.dashboard-welcome-buttons{flex-direction:row;justify-content:center;align-items:center;gap:12px;width:100%;margin-top:12px;margin-bottom:-8px}.dashboard-welcome-btn{width:auto;min-width:140px;flex:0 1 auto;padding:8px 20px;text-align:center}.dashboard-welcome-container{gap:2px;margin-top:-16px!important;border-radius:15px 15px 0 0;position:relative;z-index:51;background-color:#fff}.dashboard-welcome-left{align-items:center;text-align:center}.dashboard-welcome-image-container{margin-top:32px;height:380px!important;padding:16px;overflow:visible;background-color:transparent}.dashboard-welcome-image{width:100%;height:100%;border-radius:16px;-o-object-fit:cover;object-fit:cover}.dashboard-welcome-heading{font-size:36px}.dashboard-welcome-description{font-size:16px;text-align:center}}@media(max-width:480px)and (min-width:425px){.dashboard-welcome-container{padding:20px;gap:18px;margin:-16px auto 0!important;width:100%;max-width:100%;border-radius:15px 15px 0 0;position:relative;z-index:51;background-color:#fff}.dashboard-welcome-heading{font-size:29px}.dashboard-welcome-description{font-size:14px;text-align:center}.dashboard-welcome-left{align-items:center;text-align:center}}@media(max-width:424px){.dashboard-welcome-container{padding:16px;gap:8px;margin:-16px auto 0!important;width:100%;max-width:100%;border-radius:15px 15px 0 0;position:relative;z-index:51;background-color:#fff}.dashboard-welcome-heading{font-size:26px}.dashboard-welcome-description{font-size:13px;text-align:center}.dashboard-welcome-image-container{height:320px;padding:16px;overflow:visible;background-color:transparent}.dashboard-welcome-image{width:100%;height:100%;border-radius:16px;-o-object-fit:cover;object-fit:cover}.dashboard-welcome-left{align-items:center;text-align:center}}.image-gallery-container{width:100%;align-self:flex-start;padding:24px 32px;box-sizing:border-box}.image-gallery-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.image-gallery-title{font-size:24px;font-weight:600;color:#004faf;margin:0}.image-gallery-header-right{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.image-gallery-instruction{font-size:14px;color:#6b7280;margin:0}.image-gallery-upload-btn{background-color:#fff;color:#0774eb;border:1px solid #0774EB;border-radius:8px;padding:10px 20px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease}.image-gallery-upload-btn:hover{background-color:#eff6ff}.image-gallery-download-btn{background-color:#0774eb;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.image-gallery-download-btn:hover:not(:disabled){background-color:#0660d4}.image-gallery-download-btn:disabled{opacity:.5;cursor:not-allowed}.image-gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}.image-gallery-item{position:relative;aspect-ratio:4 / 3;border-radius:12px;padding:6px;box-sizing:border-box;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .2s ease;background-color:#fff}.image-gallery-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.image-gallery-item.selected{border-radius:12px;border-color:#0774eb}.image-gallery-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;border-radius:12px}.image-gallery-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#e5e7eb;color:#6b7280;font-size:14px}.image-gallery-checkmark{position:absolute;bottom:8px;right:8px;width:32px;height:32px;background-color:#0774eb;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0774eb4d;z-index:10}.image-gallery-checkmark-icon{width:20px;height:20px;color:#fff}.image-gallery-footer{display:flex;justify-content:center;margin-top:32px}.image-gallery-show-more-btn{background-color:#fff;color:#1f2937;border:1px solid #e5e7eb;border-radius:8px;padding:10px 24px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease}.image-gallery-show-more-btn:hover{border-color:#0774eb;color:#0774eb;background-color:#eff6ff}@media(max-width:1024px){.image-gallery-container{padding:24px 20px;box-sizing:border-box}.image-gallery-grid{grid-template-columns:repeat(3,1fr);gap:16px}.image-gallery-title{font-size:22px}}@media(max-width:990px){.image-gallery-container{margin:-16px auto 0!important;border-radius:15px 15px 0 0;position:relative;z-index:51;background-color:#fff;padding:24px 16px!important;box-shadow:none}.image-gallery-header{flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:20px;gap:12px;padding:0}.image-gallery-header-right{width:auto;justify-content:flex-start}.image-gallery-title{font-size:20px}.image-gallery-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.image-gallery-upload-btn,.image-gallery-download-btn{padding:9px 18px;font-size:14px}}@media(max-width:480px){.image-gallery-title{font-size:18px}.image-gallery-grid{grid-template-columns:repeat(2,1fr);gap:12px}.image-gallery-header-right{flex-direction:column;width:auto;gap:6px}.image-gallery-instruction{font-size:12px}}@media(min-width:1025px){.onsite-userimages-page .image-gallery-container{padding-left:0!important;padding-right:0!important}}.my-photos-page .image-gallery-container{padding:24px 0!important}.my-photos-page .image-gallery-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:20px!important;margin-bottom:32px!important}.my-photos-page .image-gallery-item{padding:0!important;border-radius:25px!important;border:none!important;overflow:hidden!important;aspect-ratio:16 / 9!important;margin:0 2px!important;position:relative!important;cursor:pointer!important;background-color:transparent!important;box-shadow:none!important}.my-photos-page .image-gallery-item:hover{transform:none!important;box-shadow:none!important}.my-photos-page .image-gallery-item.selected{border:6px solid #0774EB!important;border-radius:25px!important;box-shadow:none!important}.my-photos-page .image-gallery-image{border-radius:0!important;width:100%!important;height:100%!important;display:block!important;-o-object-fit:cover!important;object-fit:cover!important}.my-photos-page .image-gallery-checkmark{width:22px!important;height:22px!important;background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important}.my-photos-page .image-gallery-checkmark-icon{width:22px!important;height:22px!important;display:block!important}.my-photos-container{background-color:transparent;border-radius:12px;padding:0;box-shadow:none;width:100%;max-width:100%}.my-photos-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:0}.my-photos-title{font-size:32px;font-weight:700;color:#004faf;margin:0}.my-photos-header-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.my-photos-instruction{font-size:14px;font-weight:400;color:#6b7280;margin:0}.my-photos-download-btn{padding:10px 24px;border-radius:8px;background-color:#0774eb;color:#fff;font-size:14px;font-weight:500;border:none;cursor:pointer;transition:all .2s ease}.my-photos-download-btn:hover{background-color:#0660d4}.my-photos-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.my-photos-image-wrapper{position:relative;aspect-ratio:4/3;border-radius:12px;overflow:hidden;border:1px solid #e5e7eb;background-color:#f3f4f6;cursor:pointer;transition:all .2s ease;max-height:180px}.my-photos-image-wrapper:hover{border-color:#0774eb;box-shadow:0 2px 8px #0774eb33}.my-photos-image-wrapper.selected{border:2px solid #0774EB;box-shadow:0 0 0 2px #0774eb33}.my-photos-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.my-photos-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:14px}.my-photos-checkbox{position:absolute;bottom:8px;right:8px;width:32px;height:32px;border-radius:50%;background-color:#10b981;display:none;align-items:center;justify-content:center;cursor:pointer;z-index:10;box-shadow:0 2px 8px #10b9814d}.my-photos-image-wrapper.selected .my-photos-checkbox{display:flex;background-color:#10b981}.my-photos-checkbox-icon{width:20px;height:20px;color:#fff}.my-photos-show-more{display:flex;justify-content:center;margin-top:24px}.my-photos-show-more-btn{padding:12px 32px;border-radius:8px;background-color:transparent;color:#1f2937;font-size:16px;font-weight:500;border:1px solid #3D3D3D;cursor:pointer;transition:all .2s ease}.my-photos-show-more-btn:hover{background-color:#f9fafb;border-color:#3d3d3d}@media(max-width:1024px){.my-photos-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:990px){.my-photos-container{padding:24px;margin:-16px auto 0!important;border-radius:15px 15px 0 0;position:relative;z-index:51;background-color:#fff}.my-photos-header{flex-direction:column;align-items:flex-start;gap:16px}.my-photos-header-right{width:100%;justify-content:space-between}.my-photos-grid{grid-template-columns:repeat(2,1fr);gap:12px}.my-photos-title{font-size:24px}}@media(max-width:640px){.my-photos-grid{grid-template-columns:repeat(2,1fr);gap:8px}}.my-photos-preview-overlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1000}.my-photos-preview-dialog{position:relative;max-width:90vw;max-height:90vh;border-radius:20px;overflow:hidden;background:#000;box-shadow:0 10px 40px #00000059}.my-photos-preview-close{position:absolute;top:20px;right:20px;width:40px;height:40px;border:none;background:transparent;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1001;transition:color .2s ease,transform .15s ease}.my-photos-preview-close:hover{transform:scale(1.05)}.my-photos-preview-close svg{width:20px;height:20px}.my-photos-preview-image{display:block;max-width:90vw;max-height:90vh;-o-object-fit:contain;object-fit:contain}.payment-container{display:flex;flex-direction:column;background-color:#fff;border-radius:12px;padding:32px;box-shadow:0 22.96px 64.46px #0000004d}.payment-content-wrapper{display:flex;gap:32px;align-items:flex-start;margin-top:0}.payment-left{display:flex;flex-direction:column;align-items:flex-start}.payment-card-image{width:100%;max-width:400px;height:auto;-o-object-fit:contain;object-fit:contain;display:block}.payment-right{flex:1;display:flex;flex-direction:column;gap:0;align-items:stretch;width:100%}.payment-header{display:flex;align-items:center;gap:8px;justify-content:flex-start;margin-bottom:0}.payment-title{font-size:24px;font-weight:700;color:#1f2937;margin:0}.payment-info-icon{width:20px;height:20px;border-radius:50%;background-color:transparent;border:1px solid #d1d5db;display:flex;align-items:center;justify-content:center;color:#d1d5db;font-size:12px;font-weight:400;cursor:pointer;line-height:1}.payment-section{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.payment-section:last-of-type{margin-bottom:0}.payment-section-title-wrapper{display:flex;align-items:center;justify-content:space-between;margin:8px 0}.payment-section-title{font-size:16px;font-weight:600;color:#1f2937;margin:0}.payment-logos-inline{display:none}.payment-radio-group{display:flex;gap:24px}.payment-radio-item{display:flex;align-items:center;gap:8px;cursor:pointer}.payment-radio{width:20px;height:20px;border:2px solid #d1d5db;border-radius:50%;position:relative;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none}.payment-radio:checked{border-color:#0774eb}.payment-radio:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background-color:#0774eb}.payment-radio-label{font-size:16px;font-weight:400;color:#1f2937;cursor:pointer}.payment-form-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:start}.payment-form-row-three{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;align-items:start}.payment-form-field{display:flex;flex-direction:column;gap:4px;width:100%}.payment-form-field-label-inside{gap:0}.payment-input-wrapper{position:relative;width:100%}.payment-floating-label{position:absolute;top:6px;left:16px;font-size:12px;font-weight:500;color:#1f2937;pointer-events:none;z-index:1}.payment-input-with-label{padding-top:22px!important;padding-bottom:6px!important}.payment-form-label{font-size:14px;font-weight:500;color:#1f2937}.payment-form-input,.payment-form-select{padding:6px 16px;border:1px solid #d1d5db;border-radius:4px;font-size:14px;font-weight:400;color:#1f2937;background-color:#fff;transition:all .2s ease;width:100%;box-sizing:border-box}.payment-input-prefilled{color:#b8b8b8!important}.payment-input-prefilled:focus{color:#1f2937!important}.payment-form-input:focus,.payment-form-select:focus{outline:none;border-color:#0774eb;box-shadow:0 0 0 3px #0774eb1a}.payment-form-input::-moz-placeholder{color:#b8b8b8!important}.payment-form-input::placeholder{color:#b8b8b8!important}.payment-form-input::-webkit-input-placeholder{color:#b8b8b8!important}.payment-form-input::-moz-placeholder{color:#b8b8b8!important;opacity:1}.payment-form-input:-ms-input-placeholder{color:#b8b8b8!important}.payment-form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2 4L6 8L10 4' stroke='%231f2937' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px;padding-right:40px}.payment-form-select{color:#b8b8b8!important}.payment-form-select:invalid{color:#b8b8b8!important}.payment-form-select:not(:invalid){color:#1f2937!important}.payment-form-select option:disabled{color:#b8b8b8!important}.payment-form-select option:not(:disabled){color:#1f2937}.payment-expiration-wrapper{border:1px solid #d1d5db;border-radius:4px;background-color:#fff;padding:22px 0 6px}.payment-expiration-row{display:flex;align-items:center;gap:0;margin-top:0;padding:0 16px}.payment-expiration-select{flex:1;border:none!important;padding:0 24px 0 0!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2 4L6 8L10 4' stroke='%231f2937' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right center;background-size:12px;color:#b8b8b8!important}.payment-expiration-select:invalid{color:#b8b8b8!important}.payment-expiration-select:not(:invalid){color:#1f2937!important}.payment-expiration-separator{width:1px;height:20px;background-color:#d1d5db;margin:0 8px}.payment-pay-section{display:flex;flex-direction:row;gap:16px;align-items:center;justify-content:space-between;margin-top:16px;width:100%}.payment-pay-btn{padding:8px 48px;border-radius:8px;background-color:#0774eb;color:#fff;font-size:16px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;min-width:200px}.payment-pay-btn:hover{background-color:#0660d4}.payment-logos{display:flex;align-items:center;gap:12px}.payment-logo{height:18px;width:auto;-o-object-fit:contain;object-fit:contain}@media(max-width:1024px){.payment-container{padding:24px 20px;box-sizing:border-box;flex-direction:column;gap:24px}.payment-card-image{max-width:100%;display:none!important}}@media(max-width:990px){.payment-container{padding:24px 16px!important;box-sizing:border-box;flex-direction:column;width:100%;max-width:100%;margin:-16px auto 0!important;border-radius:15px 15px 0 0;position:relative;z-index:51;background-color:#fff;box-shadow:none}.payment-content-wrapper{flex-direction:column;gap:24px}.payment-left{width:100%;display:flex;flex-direction:column;align-items:center}.payment-header{display:none}.payment-card-image{display:none!important}.payment-right{width:100%}.payment-form-row,.payment-form-row-three{grid-template-columns:1fr}.payment-expiration-row{grid-template-columns:1fr 1fr}.payment-pay-section{flex-direction:column;align-items:center;gap:12px}.payment-logos{display:none}.payment-logos-inline{display:flex;align-items:center;gap:8px}}@media(max-width:990px)and (min-width:426px){.payment-container{padding:24px 82px!important}}@media(max-width:1024px)and (min-width:991px){.payment-container{padding:48px 40px!important;margin-top:24px!important;margin-bottom:24px!important}.payment-content-wrapper{flex-direction:column;align-items:center}.payment-left{align-items:center;width:100%}.payment-right{width:100%;max-width:600px;align-items:stretch}}.payment-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease;padding:20px;box-sizing:border-box;overflow-y:auto}.payment-modal{background-color:#fff;border-radius:12px;padding:32px;max-width:480px;width:90%;position:relative;box-shadow:0 4px 20px #00000026;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.payment-modal-close{position:relative;top:0;right:0;background:none;border:none;font-size:28px;color:#6b7280;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;flex-shrink:0;margin:0;padding:0}.payment-modal-close:hover{background-color:#f3f4f6;color:#1f2937}.payment-modal-title{font-size:24px;font-weight:700;color:#1f2937;margin:0 0 24px;text-align:left}.payment-modal-content{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.payment-modal-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #e5e7eb}.payment-modal-row:last-child{border-bottom:none}.payment-modal-label{font-size:16px;font-weight:400;color:#6b7280}.payment-modal-value{font-size:16px;font-weight:600;color:#10b981}.payment-modal-continue-btn{width:100%;padding:14px 24px;background-color:#0774eb;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.payment-modal-continue-btn:hover{background-color:#0660d4;transform:translateY(-1px);box-shadow:0 4px 12px #0774eb4d}.payment-modal-continue-btn:active{transform:translateY(0)}@media(max-width:990px){.payment-modal{padding:24px;max-width:90%}.payment-modal-title{font-size:20px;margin-bottom:20px}.payment-modal-content{gap:12px;margin-bottom:24px}.payment-modal-row{padding:10px 0}.payment-modal-label,.payment-modal-value{font-size:14px}}.invoice-modal{background-color:#fff;border-radius:12px;padding:0;max-width:500px;width:100%;position:relative;box-shadow:0 4px 20px #00000026;border:1px solid #e5e7eb;animation:slideUp .3s ease;display:flex;flex-direction:column;margin:auto;overflow:hidden}.invoice-title{font-size:24px;font-weight:700;color:#000;margin:0;text-align:left;line-height:1.2;font-family:sans-serif}.invoice-top-section{display:flex;flex-direction:column;margin:0 0 20px;background-color:#f9fafc;padding:16px 0;border-radius:0;box-shadow:0 4px 4px #00000040;gap:16px;width:100%}.invoice-header-top{display:flex;justify-content:space-between;align-items:flex-start;width:100%;margin:0;padding:16px 16px 0}.invoice-header-content{display:flex;justify-content:space-between;align-items:flex-start;width:100%;margin:0;padding:0 16px 16px}.invoice-billed-to{display:flex;flex-direction:column;gap:4px}.invoice-business-address{display:flex;flex-direction:column;gap:4px;text-align:left}.invoice-section-title{font-size:10px;font-weight:600;color:#6b7280;margin:0 0 4px;text-transform:uppercase;letter-spacing:.5px}.invoice-text{font-size:12px;color:#1f2937;margin:0;line-height:1.4}.invoice-main-content{display:flex;gap:10px;margin-bottom:16px;margin-top:0;padding:0 20px;align-items:flex-start}.invoice-details-left{display:flex;flex-direction:column;justify-content:space-between;gap:0;min-width:90px;width:90px;flex-shrink:0;align-self:stretch}.invoice-table-right{flex:1;min-width:0;width:100%;max-width:100%}.invoice-detail-row{display:flex;flex-direction:column;margin-bottom:0;min-width:90px;gap:4px;flex:1}.invoice-detail-label{font-size:12px;color:#1f2937;font-weight:400}.invoice-detail-value{font-size:12px;color:#1f2937;font-weight:500}.invoice-table-container{margin:0;overflow-x:hidden}.invoice-table{width:100%;max-width:100%;border-collapse:separate;border-spacing:0;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;table-layout:fixed}.invoice-table-header{text-align:left;padding:8px;font-size:10px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e5e7eb;background-color:#fff;border-right:none;border-top:none;border-left:none}.invoice-table-header:first-child{border-left:none;width:40%}.invoice-table-header:nth-child(2){width:10%}.invoice-table-header:nth-child(3){width:20%;text-align:right}.invoice-table-header:last-child{text-align:right;border-right:none;width:30%}.invoice-table-cell{padding:8px;font-size:12px;color:#1f2937;border-bottom:1px solid #e5e7eb;border-right:none;border-top:none;border-left:none;white-space:nowrap;text-align:left}.invoice-table-cell:first-child{border-left:none}.invoice-table-cell:nth-child(2){text-align:center}.invoice-table-cell:nth-child(3){text-align:right}.invoice-table-cell:last-child{text-align:right;border-right:none}.invoice-table tbody tr:last-child .invoice-table-cell{border-bottom:1px solid #e5e7eb}.invoice-table thead tr:first-child .invoice-table-header:first-child{border-top-left-radius:12px}.invoice-table thead tr:first-child .invoice-table-header:last-child{border-top-right-radius:12px}.invoice-table tfoot tr:last-child .invoice-table-cell:first-child{border-bottom-left-radius:12px}.invoice-table tfoot tr:last-child .invoice-table-cell:last-child{border-bottom-right-radius:12px}.invoice-summary-row{border-top:none}.invoice-summary-cell{padding:8px;border-bottom:none}.invoice-summary-row:first-child .invoice-summary-cell{border-bottom:none}.invoice-summary-row:nth-child(2) .invoice-summary-cell{border-bottom:none}.invoice-summary-row:last-child .invoice-summary-cell{border-bottom:none}.invoice-summary-label{font-size:12px;color:#1f2937;font-weight:400;text-align:left}.invoice-summary-value{font-size:12px;color:#1f2937;font-weight:500;text-align:right}.invoice-total-row .invoice-summary-cell{border-top:1px solid #e5e7eb;padding-top:12px;background-color:#f9fafc}.invoice-total-row{background-color:#f9fafc}.invoice-total-label{font-size:12px;color:#1f2937;font-weight:600;text-align:left;background-color:#f9fafc}.invoice-total-value{font-size:12px;color:#0774eb;font-weight:700;text-align:right;background-color:#f9fafc}.invoice-payment-instructions{display:flex;align-items:center;margin-top:12px;padding:0;background-color:transparent;border-radius:0}.invoice-instruction-text{font-size:11px;color:#6b7280;font-weight:400}.invoice-contact{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding:16px 20px;border-top:1px solid #e5e7eb;background-color:#f9fafc;font-size:12px;color:#6b7280}.invoice-contact-phone,.invoice-contact-email{font-size:12px;color:#6b7280;font-weight:400}@media(max-width:990px){.invoice-modal{padding:16px;max-width:95%}.invoice-title{font-size:20px;margin-bottom:16px}.invoice-top-section{flex-direction:column;gap:16px;margin-bottom:16px}.invoice-business-address{text-align:left}.invoice-main-content{flex-direction:column;gap:16px}.invoice-details-left,.invoice-table-right{width:100%}.invoice-table-container{overflow-x:scroll}.invoice-summary-row{width:100%}.invoice-contact{flex-direction:column;gap:8px}}.history-container{background-color:#fff;border-radius:25px;padding:24px;box-shadow:0 2px 8px #0000000d;width:100%;max-width:100%}.history-title{font-size:24px;font-weight:600;color:#004faf;margin:0 0 24px;display:none}.history-table{width:100%;border-collapse:separate;border-spacing:0;border-radius:25px;overflow:hidden;border:none}.history-table thead{background-color:transparent}.history-table th{padding:12px 16px;text-align:left;font-size:14px;font-weight:600;color:#718ebf;border-bottom:1px solid #718EBF;background-color:#fff}.history-table th:first-child{border-top-left-radius:25px}.history-table th:last-child{border-top-right-radius:25px}.history-table td{padding:12px 16px;text-align:left;font-size:14px;font-weight:400;color:#1f2937;border-bottom:1px solid #e5e7eb;background-color:#fff}.history-table tbody tr:last-child td{border-bottom:none}.history-table tbody tr:last-child td:first-child{border-bottom-left-radius:25px}.history-table tbody tr:last-child td:last-child{border-bottom-right-radius:25px}.history-table tbody tr:hover{background-color:#f9fafb}.transaction-id{color:#1f2937;font-weight:500}.history-table td.amount{color:#fe5c73!important;font-weight:500}.download-btn{padding:8px 20px;border:1px solid #0774EB;border-radius:50px;background-color:transparent;color:#0774eb;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.download-btn:hover{background-color:#0774eb;color:#fff}@media(max-width:1024px){.history-container{padding:24px;box-sizing:border-box;overflow-x:auto;width:100%;max-width:100%}.history-table{min-width:800px}}@media(max-width:1024px)and (min-width:991px){.history-container{padding:32px 40px!important;margin-top:24px!important;margin-bottom:24px!important}}@media(max-width:990px){.history-container{padding:32px 24px 24px!important;box-sizing:border-box;overflow-x:scroll;overflow-y:visible;width:100%;max-width:100%;margin:-16px auto 0!important;border-radius:15px 15px 0 0;position:relative;z-index:51;background-color:#fff;box-shadow:none;scrollbar-width:thin;scrollbar-color:#888 #f1f1f1}.history-container::-webkit-scrollbar{height:8px;display:block}.history-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.history-container::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.history-container::-webkit-scrollbar-thumb:hover{background:#555}.history-title{display:block}.history-table{min-width:800px}}.onsite-allimages-hero{max-width:1120px;margin:72px auto 82px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;-moz-column-gap:80px;column-gap:80px}.onsite-allimages-hero-text{display:flex;flex-direction:column;gap:4px}.onsite-allimages-hero-title{font-size:50px;font-weight:700;color:#111827;line-height:1.4}.onsite-allimages-hero-subtitle{font-size:20px;color:#4b5563;max-width:420px}.onsite-allimages-scan-btn{margin-top:20px;display:inline-flex;align-items:center;justify-content:center;padding:8px 50px;width:auto!important;max-width:-moz-fit-content;max-width:fit-content;min-width:0!important;white-space:nowrap;border-radius:8px;border:none;background-color:#0774eb;color:#fff;font-size:14px;font-weight:500;cursor:pointer;box-shadow:none;transition:background-color .2s ease,transform .2s ease}.onsite-allimages-scan-btn:hover{background-color:#0660d4;transform:translateY(-1px);box-shadow:none}.onsite-allimages-hero-image-wrapper{display:flex;justify-content:center}.onsite-allimages-hero-image{width:440px;height:360px;max-width:100%;max-height:40vh;border-radius:24px;-o-object-fit:cover;object-fit:cover}.onsite-allimages-gallery-section{margin-top:32px;padding:0 32px 8px}.onsite-allimages-section-title{font-size:24px;font-weight:700;color:#111827;text-align:center;margin-bottom:16px}.onsite-allimages-gallery-section .image-gallery-container{padding-left:0;padding-right:0}.onsite-allimages-gallery-section .image-gallery-item,.onsite-allimages-gallery-section .image-gallery-item.selected,.onsite-allimages-gallery-section .image-gallery-image{border-radius:22px}.onsite-allimages-gallery-section .image-gallery-show-more-btn{border-radius:12px;padding:5px 26px;color:#3d3d3d;border-color:#454545}.onsite-allimages-gallery-section .image-gallery-show-more-btn:hover{color:#3d3d3d;border-color:#454545;background-color:#f9fafb}@media(max-width:1024px){.onsite-allimages-hero{grid-template-columns:1fr;padding:32px 20px 24px;text-align:center}.onsite-allimages-hero-text{align-items:center}.onsite-allimages-hero-subtitle{max-width:100%}.onsite-allimages-gallery-section{padding:0 20px 8px}}@media(max-width:640px){.onsite-allimages-hero-title{font-size:24px}.onsite-allimages-hero-image{height:auto;max-width:300px}}.onsite-facematch-page{min-height:100vh;display:flex;flex-direction:column;background-color:#fff}.onsite-facematch-main{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:24px 16px 32px}.onsite-facematch-container{width:100%;max-width:720px;margin:0 auto}.onsite-facematch-header-row{display:flex;align-items:center;gap:8px;margin-bottom:16px}.onsite-facematch-title{font-size:20px;font-weight:600;color:#54616c}.onsite-facematch-status-dot{width:10px;height:10px;border-radius:999px;background-color:#ff3b30}.onsite-facematch-status-dot--green{background-color:#22c55e}.onsite-facematch-card{background-color:#f3f3f3;border-radius:24px;padding:30px 24px 0;display:flex;flex-direction:column;align-items:center}.onsite-facematch-circle-wrapper{display:flex;flex-direction:column;align-items:center;gap:2px}.onsite-facematch-circle{width:min(320px,80vw);height:min(320px,80vw);border-radius:50%;border:3px solid #0774EB;display:flex;align-items:center;justify-content:center;background-color:#fff}.onsite-facematch-circle--completed{background-color:transparent}.onsite-facematch-scanning-wrapper{position:relative;width:100%;height:100%}.onsite-facematch-webcam{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover}.onsite-facematch-webcam-hidden{display:none}.onsite-facematch-scanning-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.onsite-facematch-face-image{width:120px;height:120px;-o-object-fit:contain;object-fit:contain}.onsite-facematch-status-text-inside{font-size:14px;color:#54616c}.onsite-facematch-completed{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.onsite-facematch-face-icon{width:min(120px,35vw);height:min(120px,35vw);border-radius:50%;border:2px dashed #9ca3af;display:flex;align-items:center;justify-content:center;color:#6b7280;font-size:12px}.onsite-facematch-face-photo{width:min(260px,70vw);height:min(260px,70vw);border-radius:50%;border:4px solid #0f70e6;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#e5e7eb}.onsite-facematch-face-photo-inner{width:100%;height:100%;border-radius:inherit;background:radial-gradient(circle at 50% 30%,#f9fafb 0,#d1d5db 40%,#9ca3af)}.onsite-facematch-checkmark{font-size:min(120px,32vw);color:#22c55e}.onsite-facematch-complete-image{width:120px;height:120px;-o-object-fit:contain;object-fit:contain}.onsite-facematch-status-text{font-size:14px;color:#6b7280;margin:0}.onsite-facematch-retry-btn{margin-left:auto;align-self:flex-end;width:36px;height:36px;border-radius:999px;border:none;background-color:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#111827;padding:0}.onsite-facematch-retry-icon{width:26px;height:26px;-o-object-fit:contain;object-fit:contain}.onsite-facematch-proceed-wrapper{display:flex;justify-content:center;margin-top:20px}.onsite-facematch-proceed-btn{min-width:120px;padding:8px 24px;border-radius:12px;border:none;background-color:#888;color:#fff;font-size:13px;cursor:pointer}.onsite-facematch-proceed-btn--disabled{background-color:#888;cursor:not-allowed}.onsite-facematch-proceed-btn--active{background-color:#0f70e6}.onsite-facematch-proceed-btn--active:hover{background-color:#0d5fc3}.onsite-adduser-backdrop{position:fixed;inset:0;background-color:transparent;display:flex;align-items:center;justify-content:center;z-index:2000}.onsite-adduser-modal{width:90%;max-width:560px;background-color:#fff;border-radius:16px;padding:28px 32px 24px;box-shadow:0 23px 64px #0000001c;box-sizing:border-box}.onsite-adduser-title{margin:0 0 16px;font-size:20px;font-weight:600;color:#111827}.onsite-adduser-field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.onsite-adduser-row{display:flex;gap:16px;margin-bottom:8px;flex-wrap:nowrap}.onsite-adduser-row .onsite-adduser-field{flex:1;margin-bottom:0}@media(max-width:480px){.onsite-adduser-modal{width:100%;max-width:100%;margin:0 16px;padding:20px 16px 18px}.onsite-adduser-row{flex-direction:column;gap:12px}.onsite-adduser-row .onsite-adduser-field{margin-bottom:0}}.onsite-adduser-field label{font-size:13px;font-weight:500;color:#374151}.onsite-adduser-field input{padding:8px 12px;border-radius:8px;border:1px solid #d1d5db;font-size:14px;outline:none;width:100%}.onsite-adduser-field input:focus{border-color:#0f70e6;box-shadow:0 0 0 2px #0f70e626}.onsite-adduser-field select{padding:8px 12px;border-radius:8px;border:1px solid #d1d5db;font-size:14px;outline:none;background-color:#fff;width:100%}.onsite-adduser-field select:focus{border-color:#0f70e6;box-shadow:0 0 0 2px #0f70e626}.onsite-adduser-proceed-wrapper{display:flex;justify-content:center;margin-top:24px}.onsite-adduser-proceed-btn{margin:0;min-width:180px;padding:8px 24px;border-radius:999px;border:none;font-size:14px;font-weight:600;cursor:pointer;text-align:center}.onsite-adduser-proceed-btn--disabled{background-color:#9ca3af;color:#e5e7eb;cursor:not-allowed}.onsite-adduser-proceed-btn--active{background-color:#0f70e6;color:#fff}.onsite-adduser-proceed-btn--active:hover{background-color:#0d5fc3}.onsite-adduser-password-wrapper{position:relative}.onsite-adduser-password-wrapper input{padding-right:40px}.onsite-adduser-password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:none;background:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;color:#6b7280}@media(max-width:1024px){.onsite-facematch-header-row{margin-top:16px}}@media(max-width:480px){.onsite-facematch-card{padding:24px 16px}.onsite-facematch-title{font-size:18px}}.print-image-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:fadeIn .2s ease}.print-image-modal-content{background-color:#fff;border-radius:0;max-width:900px;width:100%;position:relative;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.print-image-modal-close{position:absolute;top:16px;right:16px;background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;color:#1f2937;transition:color .2s ease;z-index:10;width:32px;height:32px;border-radius:50%}.print-image-modal-close:hover{color:#6b7280;background-color:#0000000d}.print-image-modal-close svg{width:20px;height:20px}.print-image-modal-body{display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:500px;align-items:stretch}.print-image-modal-image-container{position:relative;background-color:transparent;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:24px;height:100%;min-height:500px;box-sizing:border-box}.print-image-modal-image{max-width:calc(100% - 48px);max-height:calc(100% - 48px);width:auto;height:auto;-o-object-fit:contain;object-fit:contain;display:block;border-radius:24px}.print-image-modal-nav{position:absolute;top:50%;transform:translateY(-50%);background-color:#ffffffe6;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#1f2937;transition:all .2s ease;z-index:5;box-shadow:0 2px 8px #00000026}.print-image-modal-nav:hover{background-color:#fff;box-shadow:0 4px 12px #0003}.print-image-modal-nav-left{left:16px}.print-image-modal-nav-right{right:16px}.print-image-modal-nav svg{width:20px;height:20px}.print-image-modal-details{padding:32px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background-color:#fff;height:100%;min-height:500px;box-sizing:border-box;overflow:hidden}.print-image-modal-details-title{font-size:24px;font-weight:600;color:#1f2937;margin:0 0 24px}.print-image-modal-details-section{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.print-image-modal-detail-row{display:flex;flex-direction:column;gap:8px}.print-image-modal-detail-row-inline{display:grid;grid-template-columns:1fr 1fr;gap:24px}.print-image-modal-detail-col{display:flex;flex-direction:column;gap:8px}.print-image-modal-detail-label{font-size:14px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.print-image-modal-detail-value{font-size:16px;font-weight:400;color:#1f2937}.print-image-modal-print-btn{padding:12px 32px;border-radius:12px;border:none;background-color:#0f70e6;color:#fff;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:32px;transition:background-color .2s ease;width:-moz-fit-content;width:fit-content}.print-image-modal-print-btn:hover{background-color:#0d5fc3}.print-image-modal-print-icon{width:16px;height:16px;display:block}@media(max-width:768px){.print-image-modal-overlay{padding:20px 8px 8px;align-items:flex-start}.print-image-modal-content{max-width:100%;max-height:calc(100vh - 40px);border-radius:0;overflow-y:auto}.print-image-modal-close{top:12px;right:12px;z-index:100;background-color:#ffffffe6;box-shadow:0 2px 8px #00000026}.print-image-modal-body{grid-template-columns:1fr;min-height:auto;align-items:stretch}.print-image-modal-image-container{padding:16px;min-height:250px;max-height:50vh;height:auto;overflow:hidden}.print-image-modal-image{max-width:100%;max-height:calc(50vh - 32px);width:auto;height:auto}.print-image-modal-details{padding:20px 16px;height:auto;min-height:auto;justify-content:flex-start}.print-image-modal-details-title{font-size:20px;margin-bottom:20px}.print-image-modal-details-section{gap:18px;margin-bottom:20px}.print-image-modal-detail-row-inline{gap:16px}.print-image-modal-print-btn{width:100%;margin-top:20px;justify-content:center}}@media(min-width:425px)and (max-width:990px){.print-image-modal-print-btn{width:50%!important}}@media(min-width:769px)and (max-width:990px){.print-image-modal-print-btn{width:50%!important}.print-image-modal-nav{width:32px;height:32px}.print-image-modal-nav-left{left:8px}.print-image-modal-nav-right{right:8px}}@media(max-width:480px){.print-image-modal-overlay{padding:16px 4px 4px}.print-image-modal-content{max-height:calc(100vh - 32px)}.print-image-modal-close{top:8px;right:8px;width:32px;height:32px;background-color:#fffffff2}.print-image-modal-close svg{width:18px;height:18px}.print-image-modal-image-container{min-height:200px;max-height:45vh;padding:12px}.print-image-modal-image{max-height:calc(45vh - 24px);border-radius:16px}.print-image-modal-details{padding:16px 12px}.print-image-modal-details-title{font-size:18px;margin-bottom:16px}.print-image-modal-details-section{gap:16px;margin-bottom:16px}.print-image-modal-detail-row-inline{grid-template-columns:1fr;gap:16px}.print-image-modal-detail-label{font-size:12px}.print-image-modal-detail-value{font-size:14px}.print-image-modal-print-btn{padding:10px 24px;font-size:13px;margin-top:16px}.print-image-modal-nav{width:28px;height:28px}.print-image-modal-nav svg{width:16px;height:16px}}.onsite-userimages-page{padding-bottom:40px}.onsite-userimages-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;-moz-column-gap:10px;column-gap:10px;padding:0 32px;margin-top:70px;margin-bottom:40px}.onsite-userimages-hero-left{display:flex;flex-direction:column;gap:2px}.onsite-userimages-welcome-label{font-size:58px;font-weight:700;color:#454545;max-width:500px}.onsite-userimages-user-name{font-size:64px;font-weight:700;color:#454545;max-width:500px}.onsite-userimages-subtitle{font-size:22px;color:#54616c;max-width:460px;margin:4px 0 0}.onsite-userimages-update-btn{margin-top:16px;padding:8px 20px;border-radius:12px;border:none;background-color:#0f70e6;color:#fff;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:-moz-fit-content;width:fit-content}.onsite-userimages-update-btn:hover{background-color:#0d5fc3}.onsite-userimages-hero-right{display:flex;justify-content:center;flex-direction:column;align-items:center}.onsite-userimages-avatar-ring{width:320px;height:280px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;background-color:transparent}.onsite-userimages-avatar{width:280px;height:280px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.onsite-userimages-user-access-wrapper{margin-top:24px;position:relative;display:flex;flex-direction:column;align-items:center;width:100%}.onsite-userimages-user-access-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background-color:#0f70e6;color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease;min-width:160px;justify-content:center}.onsite-userimages-user-access-btn:hover{background-color:#0d5fc3}.onsite-userimages-dropdown-icon{transition:transform .3s ease;width:16px;height:16px}.onsite-userimages-dropdown-icon.open{transform:rotate(180deg)}.onsite-userimages-login-card{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:8px;min-width:260px;background-color:#d9d9d9;border-radius:18px;padding:16px 24px 14px;animation:slideDown .3s ease;z-index:100;box-shadow:0 4px 12px #00000026}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.onsite-userimages-qr-code{display:flex;justify-content:center;margin-bottom:12px}.onsite-userimages-qr-image{width:150px;height:150px;border-radius:8px;background-color:#fff;padding:8px}.onsite-userimages-login-title{margin:0 0 10px;font-size:15px;font-weight:600;color:#374151;text-align:center}.onsite-userimages-login-row{display:flex;align-items:center;gap:8px;font-size:13px;color:#4b5563}.onsite-userimages-login-row+.onsite-userimages-login-row{margin-top:4px}.onsite-userimages-login-label{min-width:72px;font-weight:500}.onsite-userimages-login-value{color:#0f70e6;word-break:break-all}.onsite-userimages-gallery-section{margin-top:100px;padding:0 32px}.onsite-userimages-page .image-gallery-container{padding:24px 0!important}.onsite-userimages-page .image-gallery-item{padding:0;border-radius:25px;border:none;overflow:hidden;aspect-ratio:16 / 9;margin:0 2px}.onsite-userimages-page .image-gallery-item.selected{border:6px solid #0774EB;border-radius:25px;box-shadow:none}.onsite-userimages-page .image-gallery-image{border-radius:0;width:100%;height:100%;display:block}.onsite-userimages-page .image-gallery-checkmark{width:22px;height:22px;background:transparent!important;border:none!important;box-shadow:none!important;padding:0}.onsite-userimages-page .image-gallery-checkmark-icon{width:22px;height:22px;display:block}.onsite-userimages-gallery-header{display:grid;grid-template-columns:1fr auto;align-items:center;margin-bottom:16px}.onsite-userimages-gallery-title{font-size:18px;font-weight:650;color:#454545;text-align:center}.onsite-userimages-gallery-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.onsite-userimages-instruction{font-size:12px;color:#6b7280;margin:0}.onsite-userimages-print-btn{padding:10px 30px;border-radius:12px;border:none;background-color:#0f70e6;color:#fff;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;min-width:110px;justify-content:center}.onsite-userimages-print-btn:hover{background-color:#0d5fc3}.onsite-userimages-print-icon-img{width:16px;height:16px;display:block}@media(min-width:991px){.onsite-userimages-gallery-header{display:grid;grid-template-columns:1fr auto;align-items:flex-start;margin-bottom:20px}.onsite-userimages-gallery-title{text-align:center;font-size:22px;font-weight:700}.onsite-userimages-gallery-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.onsite-userimages-instruction{font-size:18px}}@media(min-width:991px)and (max-width:1200px){.onsite-userimages-welcome-label{font-size:50px}.onsite-userimages-user-name{font-size:56px}.onsite-userimages-subtitle{font-size:20px;max-width:420px}.onsite-userimages-avatar-ring{width:280px;height:280px}.onsite-userimages-avatar{width:260px;height:260px}}@media(min-width:990px)and (max-width:1024px){.onsite-userimages-page{padding-left:34px!important;padding-right:34px!important}.onsite-userimages-hero{padding-left:18px!important;padding-right:18px!important}.onsite-userimages-gallery-section{padding-left:20px!important;padding-right:20px!important}.onsite-userimages-page .image-gallery-container{padding:24px 0!important}}@media(min-width:991px){.onsite-userimages-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);text-align:left}.onsite-userimages-hero-left{align-items:flex-start}}@media(max-width:990px){.onsite-userimages-hero{display:flex;flex-direction:column-reverse;align-items:center;text-align:center;gap:24px;margin-top:50px;padding:0 16px}.onsite-userimages-hero-left{align-items:center}.onsite-userimages-gallery-section{padding-left:16px;padding-right:16px}.onsite-userimages-welcome-label{font-size:48px}.onsite-userimages-user-name{font-size:52px}.onsite-userimages-subtitle{max-width:100%;font-size:20px}.onsite-userimages-avatar-ring{width:280px;height:280px}.onsite-userimages-avatar{width:260px;height:260px}}@media(min-width:768px)and (max-width:990px){.onsite-userimages-subtitle{max-width:520px;margin-left:auto;margin-right:auto}}@media(max-width:768px){.onsite-userimages-hero{margin-top:40px}.onsite-userimages-welcome-label{font-size:40px}.onsite-userimages-user-name{font-size:44px}.onsite-userimages-subtitle{font-size:18px}.onsite-userimages-avatar-ring{width:240px;height:240px}.onsite-userimages-avatar{width:220px;height:220px}}@media(max-width:640px){.onsite-userimages-gallery-header{display:flex;flex-direction:column;align-items:center;gap:8px}.onsite-userimages-gallery-title{width:100%;text-align:center}.onsite-userimages-gallery-right{align-self:stretch;justify-content:center;align-items:center;gap:6px}.onsite-userimages-instruction{text-align:center}.onsite-userimages-print-btn{width:100%;max-width:220px}}@media(min-width:639px)and (max-width:990px){.onsite-userimages-gallery-header{display:grid;grid-template-columns:1fr auto;align-items:flex-start;margin-bottom:18px}.onsite-userimages-gallery-title{text-align:center;font-size:20px;font-weight:700}.onsite-userimages-gallery-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.onsite-userimages-instruction{font-size:16px}}@media(min-width:425px)and (max-width:990px){.onsite-userimages-page .image-gallery-grid{grid-template-columns:repeat(4,1fr);-moz-column-gap:24px;column-gap:24px;row-gap:18px}}.onsite-preview-overlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1000}.onsite-preview-dialog{position:relative;max-width:90vw;max-height:90vh;border-radius:20px;overflow:hidden;background:#000;box-shadow:0 10px 40px #00000059}.onsite-preview-close{position:absolute;top:20px;right:20px;width:40px;height:40px;border:none;background:transparent;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1001;transition:color .2s ease,transform .15s ease}.onsite-preview-close:hover{transform:scale(1.05)}.onsite-preview-close svg{width:20px;height:20px}.onsite-preview-image{display:block;max-width:90vw;max-height:90vh;-o-object-fit:contain;object-fit:contain}.format-selection-modal-overlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1000}.format-selection-modal{position:relative;background:#fff;border-radius:20px;padding:32px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #00000059}.format-selection-modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:transparent;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.format-selection-modal-close:hover{background:#f3f4f6;color:#1f2937}.format-selection-modal-title{font-size:24px;font-weight:600;color:#111827;margin:0 0 8px;text-align:center}.format-selection-modal-subtitle{font-size:14px;color:#6b7280;margin:0 0 24px;text-align:center}.format-selection-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.format-selection-item{padding:16px 20px;border:2px solid #e5e7eb;border-radius:12px;background:#fff;color:#374151;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:center}.format-selection-item:hover{border-color:#0f70e6;background:#eff6ff;color:#0f70e6;transform:translateY(-2px);box-shadow:0 4px 12px #0f70e626}.format-selection-item-name{display:block}@media(max-width:640px){.format-selection-modal{padding:24px;width:95%}.format-selection-grid{grid-template-columns:1fr}.format-selection-modal-title{font-size:20px}}.payment-buttons-group{display:flex;gap:12px;align-items:center}.payment-confirm-btn{padding:12px 24px;border-radius:8px;border:none;background-color:#10b981;color:#fff;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.payment-confirm-btn:hover:not(:disabled){background-color:#059669}.payment-confirm-btn:disabled{background-color:#9ca3af;cursor:not-allowed;opacity:.6}.payment-order-summary{display:flex;flex-direction:column;gap:12px;padding:16px;background-color:#f9fafb;border-radius:8px;border:1px solid #e5e7eb;margin-top:40px}.payment-order-row{display:flex;justify-content:space-between;align-items:center;font-size:14px}.payment-order-label{color:#374151;font-weight:500}.payment-order-value{color:#0f70e6;font-weight:600;font-size:16px}@media(max-width:768px){.payment-buttons-group{flex-direction:column;width:100%}.payment-confirm-btn{width:100%}}.onsite-print-page{min-height:100vh;display:flex;flex-direction:column;background-color:#fff}.onsite-print-main{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:32px 16px 40px}.onsite-print-container{width:100%;max-width:720px;margin:0 auto;text-align:center}.onsite-print-title{font-size:22px;font-weight:700;color:#111827;margin-bottom:32px}.onsite-print-card{display:flex;flex-direction:column;align-items:center;gap:24px}.onsite-print-circle{width:min(320px,80vw);height:min(320px,80vw);border-radius:50%;border:3px solid #0f70e6;display:flex;align-items:center;justify-content:center;margin:0 auto}.onsite-print-loader-box{width:min(160px,45vw);height:min(160px,45vw);border-radius:16px;background-color:#f3f4f6;display:flex;align-items:center;justify-content:center}.onsite-print-spinner{width:min(56px,16vw);height:min(56px,16vw);border-radius:50%;border:4px solid #d1d5db;border-top-color:#111827;animation:onsite-print-spin 1s linear infinite}.onsite-print-progress-text{font-size:16px;font-weight:600;color:#374151}.onsite-print-secondary-text{font-size:14px;color:#6b7280}.onsite-print-cancel-btn,.onsite-print-proceed-btn{min-width:140px;padding:8px 24px;border-radius:999px;border:none;font-size:13px;cursor:pointer;margin-top:16px}.onsite-print-cancel-btn{background-color:#f9fafb;color:#111827;border:1px solid #e5e7eb}.onsite-print-proceed-btn{background-color:#0f70e6;color:#fff}.onsite-print-proceed-btn:hover{background-color:#0660d4}.onsite-print-checkmark-image{width:120px;height:120px;-o-object-fit:contain;object-fit:contain}@keyframes onsite-print-spin{to{transform:rotate(360deg)}}@media(max-width:480px){.onsite-print-title{font-size:18px;margin-bottom:24px}.onsite-print-main{padding-top:24px}}.admin-dashboard-main-container{width:100%}.admin-dashboard-content{width:100%;min-height:100%;max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:28px}@media(min-width:991px){.admin-dashboard-main-container{background-color:#fff;border-radius:16px;padding:48px!important;box-shadow:0 4px 20px #00000014;margin:0 auto;max-width:1400px}}@media(min-width:991px)and (max-width:1024px){.admin-dashboard-main-container{margin-top:24px!important;margin-bottom:24px!important}}.admin-dashboard-header h2{font-size:28px;font-weight:600;background:linear-gradient(135deg,#0f4fb8,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px;letter-spacing:-.5px}.admin-dashboard-header p{font-size:15px;color:#6b7280;font-weight:400}.admin-dashboard-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.admin-kpi-card{background:linear-gradient(135deg,#fff,#f9fafb);border-radius:20px;padding:24px;box-shadow:0 4px 16px #0f182c14;display:flex;flex-direction:column;gap:12px;transition:all .3s ease;border:1px solid rgba(0,0,0,.04);position:relative;overflow:hidden;align-items:flex-start}.admin-kpi-card:before{display:none}.admin-kpi-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0f182c1f}.admin-kpi-header{display:flex;align-items:center;gap:10px}.admin-kpi-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.admin-kpi-icon svg{width:100%;height:100%}.admin-kpi-label{font-size:13px;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin:0;line-height:1.4}.admin-kpi-value{font-size:32px;font-weight:500;color:#111827;line-height:1.2;letter-spacing:-1px;margin:0;align-self:flex-start}.admin-kpi-trend{font-size:13px;display:flex;gap:6px;align-items:baseline;margin:0;align-self:flex-start}.admin-kpi-trend-value{color:#059669;font-weight:600;font-size:14px}.admin-kpi-trend-label{color:#9ca3af;font-size:12px}.admin-parks-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.admin-park-card{background:linear-gradient(135deg,#fff,#fafbfc);border-radius:20px;padding:24px;box-shadow:0 4px 16px #0f182c14;border:1px solid rgba(0,0,0,.04);transition:all .3s ease}.admin-park-card:hover{box-shadow:0 8px 24px #0f182c1f;transform:translateY(-2px)}.admin-park-card-header{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.admin-park-name{font-size:18px;font-weight:500;color:#111827;margin:0;letter-spacing:-.3px}.admin-park-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.admin-park-stat-item{display:flex;flex-direction:column;gap:6px}.admin-park-stat-label{font-size:12px;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.admin-park-stat-value{font-size:24px;font-weight:500;color:#111827;line-height:1.2}.admin-dashboard-charts{display:grid;grid-template-columns:2fr 1fr;gap:24px}.admin-chart-card{background:linear-gradient(135deg,#fff,#fafbfc);border-radius:20px;padding:28px 28px 12px;box-shadow:0 4px 20px #0f182c14;display:flex;flex-direction:column;gap:20px;border:1px solid rgba(0,0,0,.04);transition:all .3s ease;overflow-x:auto}.admin-chart-card:hover{box-shadow:0 8px 28px #0f182c1f}.admin-chart-card-large{min-height:380px}.admin-chart-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.admin-chart-header h3{font-size:20px;font-weight:500;color:#111827;margin:0;letter-spacing:-.3px}.admin-chart-subtitle{font-size:13px;color:#6b7280;margin-top:4px;display:block}.admin-activity-legend{display:flex;align-items:center;gap:16px;font-size:12px;color:#4b5563;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:6px;font-weight:500}.legend-dot{display:inline-block;width:12px;height:12px;border-radius:50%;flex-shrink:0}.legend-dot-online{background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 2px 8px #2563eb4d}.legend-dot-onsite{background:linear-gradient(135deg,#f59e0b,#fbbf24);box-shadow:0 2px 8px #f59e0b4d}.legend-dot-photo{background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 2px 8px #10b9814d}.legend-dot-users{background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 2px 8px #2563eb4d}.legend-dot-staff{background:linear-gradient(135deg,#8b5cf6,#a78bfa);box-shadow:0 2px 8px #8b5cf64d}.admin-revenue-chart-container{display:flex;gap:16px;height:320px;padding:20px 0 0;min-width:500px;position:relative;margin-bottom:-8px}.admin-chart-y-axis{display:flex;flex-direction:column;justify-content:space-between;height:100%;padding-right:12px;min-width:50px}.admin-y-axis-label{font-size:11px;color:#6b7280;font-weight:500;text-align:right;line-height:1}.admin-revenue-chart{flex:1;position:relative;height:100%;display:flex;flex-direction:column}.admin-chart-grid{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.admin-grid-line{width:100%;height:1px;background:#e5e7eb;border-top:1px dashed #e5e7eb}.admin-chart-bars-container{position:relative;flex:1;display:flex;align-items:flex-end;justify-content:space-around;gap:24px;padding:0 8px;height:100%}.admin-chart-bar-group{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;max-width:140px;height:100%;justify-content:flex-end}.admin-stacked-bars{width:100%;max-width:80px;height:100%;position:relative;display:flex;flex-direction:column;justify-content:flex-end}.admin-stacked-bar{width:100%;border-radius:6px 6px 0 0;transition:all .3s ease;cursor:pointer;position:absolute;left:0;display:flex;align-items:flex-start;justify-content:center;padding-top:4px;min-height:20px;box-shadow:0 2px 8px #0000001a}.admin-stacked-bar:hover{opacity:.85;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.admin-stacked-bar-online{background:linear-gradient(180deg,#2563eb,#3b82f6);z-index:3}.admin-stacked-bar-onsite{background:linear-gradient(180deg,#f59e0b,#fbbf24);z-index:2}.admin-stacked-bar-photo{background:linear-gradient(180deg,#10b981,#34d399);z-index:1}.admin-grouped-bars{width:100%;max-width:80px;height:100%;position:relative;display:flex;align-items:flex-end;justify-content:center;gap:8px}.admin-grouped-bar{width:32px;border-radius:6px 6px 0 0;transition:all .3s ease;cursor:pointer;position:relative;display:flex;align-items:flex-start;justify-content:center;padding-top:4px;min-height:20px;box-shadow:0 2px 8px #0000001a}.admin-grouped-bar:hover{opacity:.85;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.admin-grouped-bar-users{background:linear-gradient(180deg,#2563eb,#3b82f6)}.admin-grouped-bar-staff{background:linear-gradient(180deg,#8b5cf6,#a78bfa)}.admin-last-week-chart{display:flex;flex-direction:column;gap:32px}.admin-last-week-item{display:flex;flex-direction:column;gap:16px;padding-bottom:28px;border-bottom:1px solid #e5e7eb}.admin-last-week-item:last-child{border-bottom:none;padding-bottom:0}.admin-last-week-label{font-size:14px;font-weight:500;color:#374151}.admin-last-week-bars{display:flex;flex-direction:column;gap:16px}.admin-last-week-bar-wrapper{display:flex;flex-direction:column;gap:8px}.admin-last-week-bar-header{display:flex;justify-content:space-between;align-items:center}.admin-last-week-bar-label{font-size:11px;color:#6b7280;font-weight:500}.admin-last-week-bar-container{width:100%;height:8px;background:#f3f4f6;border-radius:4px;overflow:hidden;position:relative}.admin-last-week-bar{height:100%;border-radius:4px;transition:all .3s ease;min-width:20px}.admin-last-week-bar-users{background:linear-gradient(90deg,#2563eb,#3b82f6)}.admin-last-week-bar-earnings{background:linear-gradient(90deg,#10b981,#34d399)}.admin-last-week-value{font-size:13px;color:#111827;font-weight:500}.admin-bar-value{font-size:10px;color:#fff;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.2);opacity:0;transition:opacity .2s ease}.admin-stacked-bar:hover .admin-bar-value{opacity:1}.admin-bar-info{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;margin-top:-4px}.admin-bar-label{font-size:12px;color:#374151;font-weight:500;text-align:center}.admin-bar-revenue{font-size:11px;color:#6b7280;font-weight:500}.admin-chart-card-secondary{display:flex;flex-direction:column;justify-content:space-between}.admin-distribution{display:flex;flex-direction:column;gap:24px}.admin-distribution-summary{display:flex;flex-direction:column;gap:6px;text-align:center;padding:16px;background:linear-gradient(135deg,#f9fafb,#fff);border-radius:12px;border:1px solid #e5e7eb}.admin-distribution-total{font-size:36px;font-weight:500;color:#111827;letter-spacing:-1px}.admin-distribution-label{font-size:13px;color:#6b7280;font-weight:500}.admin-distribution-chart{display:flex;justify-content:center;align-items:center;padding:20px}.admin-pie-chart{width:180px;height:180px;display:flex;align-items:center;justify-content:center}.admin-pie-svg{width:100%;height:100%;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.admin-distribution-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px}.admin-distribution-list li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;font-size:14px;color:#4b5563;padding:12px;background:#f9fafb;border-radius:10px;transition:all .2s ease}.admin-distribution-list li:hover{background:#f3f4f6;transform:translate(4px)}.admin-distribution-value{font-weight:500;color:#111827;font-size:15px}.admin-distribution-percent{font-weight:500;color:#6b7280;font-size:13px}@media(max-width:1024px){.admin-dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.admin-parks-stats{grid-template-columns:1fr;gap:16px}.admin-dashboard-charts{grid-template-columns:1fr;gap:20px}.admin-chart-card-large{min-height:320px}.admin-revenue-chart-container{height:240px}}@media(max-width:990px){.admin-dashboard-content{padding:24px 16px!important;margin:-16px 0 32px!important;width:100%;max-width:100%;gap:20px;border-radius:15px 15px 0 0;position:relative;z-index:51;background-color:#fff;box-shadow:none}.admin-dashboard-header h2{font-size:24px}.admin-dashboard-header p{font-size:14px}.admin-kpi-card{padding:20px}.admin-kpi-value{font-size:28px}.admin-chart-card{padding:20px;border-radius:16px}.admin-chart-header{flex-direction:column;align-items:flex-start;gap:12px}.admin-revenue-chart-container{height:240px;min-width:400px;gap:12px}.admin-chart-bars-container{gap:16px}.admin-stacked-bars{max-width:60px}.admin-pie-chart{width:140px;height:140px}}@media(max-width:768px){.admin-dashboard-content{padding:20px 16px!important;margin-top:-16px!important;margin-bottom:32px!important;gap:18px}.admin-dashboard-header h2{font-size:22px}.admin-dashboard-kpis{grid-template-columns:1fr;gap:14px}.admin-kpi-card{padding:18px}.admin-kpi-value{font-size:26px}.admin-chart-card{padding:18px;border-radius:14px}.admin-chart-header h3{font-size:18px}.admin-revenue-chart-container{height:200px;min-width:320px;gap:10px}.admin-chart-bars-container{gap:12px}.admin-stacked-bars{max-width:50px}.admin-bar-label{font-size:11px}.admin-distribution-total{font-size:28px}.admin-pie-chart{width:120px;height:120px}}@media(max-width:480px){.admin-dashboard-header p{font-size:13px}.admin-kpi-icon{font-size:20px}.admin-kpi-label{font-size:12px}.admin-kpi-value{font-size:24px}.admin-activity-legend{flex-direction:column;align-items:flex-start;gap:8px}.admin-activity-chart{min-width:280px;height:160px}.admin-activity-bar{width:12px}.admin-distribution-total{font-size:24px}.admin-distribution-list li{font-size:13px;padding:10px}.admin-pie-chart{width:100px;height:100px}}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background-color:#fff;border-radius:12px;padding:32px;max-width:500px;width:100%;position:relative;box-shadow:0 10px 40px #0003;animation:slideUp .3s ease;max-height:90vh;overflow-y:auto}.modal-content-small{max-width:400px;padding:24px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-close-btn{position:absolute;top:16px;right:16px;background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;color:#1f2937;transition:color .2s ease;z-index:10}.modal-close-btn:hover{color:#6b7280}.modal-close-btn svg{width:24px;height:24px}.modal-title{font-size:24px;font-weight:600;color:#1f2937;margin:0 0 24px}.modal-question{font-size:18px;font-weight:500;color:#004faf;margin:0 0 32px;text-align:left}.modal-form{display:flex;flex-direction:column;gap:20px}.modal-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.modal-form-field{display:flex;flex-direction:column;gap:8px}.modal-label{font-size:14px;font-weight:500;color:#1f2937}.modal-input{padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#0774eb;background-color:#fff;transition:border-color .2s ease;width:100%;box-sizing:border-box}.modal-input:focus{outline:none;border-color:#0774eb}.modal-input::-moz-placeholder{color:#9ca3af}.modal-input::placeholder{color:#9ca3af}.modal-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2 4L6 8L10 4' stroke='%231f2937' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px;padding-right:36px;cursor:pointer}.modal-select:invalid{color:#9ca3af}.modal-select:not(:invalid){color:#0774eb}.modal-password-wrapper{position:relative;width:100%}.modal-password-input{padding-right:48px}.modal-password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:color .2s}.modal-password-toggle:hover{color:#0774eb}.modal-password-toggle:focus{outline:none}.modal-form-actions{display:flex;justify-content:flex-start;margin-top:8px}.modal-confirm-actions{display:flex;justify-content:center;gap:12px;margin-top:8px}.modal-btn{padding:10px 24px;border-radius:8px;font-size:16px;font-weight:500;border:none;cursor:pointer;transition:all .2s ease}.modal-btn-primary{background-color:#0774eb;color:#fff}.modal-btn-primary:hover{background-color:#0660d4}.modal-btn-cancel{background-color:#0774eb;color:#fff}.modal-btn-cancel:hover{background-color:#0660d4}.modal-btn-danger{background-color:#ef4444;color:#fff}.modal-btn-danger:hover{background-color:#dc2626}@media(max-width:768px){.modal-content{padding:24px;max-width:90%}.modal-content-small{padding:20px}.modal-form-row{grid-template-columns:1fr}.modal-title{font-size:20px}.modal-question{font-size:16px}.modal-confirm-actions{flex-direction:column}.modal-btn{width:100%}}@media(max-width:480px){.modal-overlay{padding:10px}.modal-content{padding:20px}.modal-title{font-size:18px;margin-bottom:20px}.modal-question{font-size:15px;margin-bottom:24px}}.system-users-container{width:100%;max-width:100%;align-self:flex-start}.system-users-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.system-users-title{font-size:24px;font-weight:600;color:#004faf;margin:0}.system-users-header-actions{display:flex;align-items:center;gap:16px}.system-users-filter{padding:7px 38px 7px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:16px;font-weight:500;color:#1f2937;background-color:#fff;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2 4L6 8L10 4' stroke='%231f2937' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px}.system-users-filter:focus{outline:none;border-color:#0774eb;box-shadow:0 0 0 3px #0774eb1a}.system-users-add-btn{background-color:#0774eb;color:#fff;border:none;border-radius:8px;padding:7px 38px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.system-users-add-btn:hover{background-color:#0660d4}.system-users-table-container{background-color:#fff;border-radius:25px;box-shadow:0 2px 8px #00000014;overflow:hidden;overflow-x:auto}.system-users-table{width:100%;border-collapse:collapse;min-width:800px}.system-users-table thead{background-color:transparent}.system-users-table th{padding:16px;text-align:left;font-size:14px;font-weight:500;color:#718ebf;border-bottom:none}.system-users-table tbody tr{border-bottom:none;transition:background-color .2s ease}.system-users-table tbody tr:hover{background-color:#f9fafb}.system-users-table td{padding:16px;font-size:14px;color:#1f2937}.system-users-table th:first-child,.system-users-table td:first-child{padding-left:24px}.system-users-table th:nth-child(2),.system-users-table td:nth-child(2){padding-right:40px}.system-users-table th:nth-child(4),.system-users-table td:nth-child(4){padding-right:12px}.system-users-table th:nth-child(5),.system-users-table td:nth-child(5){padding-left:12px}.user-profile-img{width:32px;height:32px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#000}.user-profile-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.action-icon{width:16px;height:16px;-o-object-fit:contain;object-fit:contain}.action-btn-edit{background-color:#10b981;color:#fff}.action-btn-edit:hover{background-color:#059669}.action-btn-view{background-color:#0774eb;color:#fff}.action-btn-view:hover{background-color:#0660d4}@media(max-width:1024px){.system-users-header{margin-bottom:20px}.system-users-title{font-size:22px}.system-users-filter{padding:9px 36px 9px 14px;font-size:15px}.system-users-add-btn{padding:9px 18px;font-size:15px}}@media(max-width:990px){.system-users-container{margin:-16px 0 0!important;padding:24px 16px!important;width:100%;max-width:100%;border-radius:15px 15px 0 0;position:relative;z-index:51;background-color:#fff;box-shadow:none}}@media(min-width:991px)and (max-width:1024px){.system-users-container{margin-top:24px!important;margin-bottom:24px!important}.system-users-table{min-width:auto;width:100%}.system-users-table th,.system-users-table td{padding:12px 8px;font-size:13px}.system-users-filter{padding:7px 36px 7px 14px;font-size:14px}.system-users-add-btn{padding:7px 20px;font-size:14px}}@media(max-width:768px)and (min-width:425px){.system-users-header{flex-direction:row;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.system-users-title{font-size:20px}.system-users-header-actions{gap:12px}.system-users-filter{padding:10px 36px 10px 14px;font-size:14px}.system-users-add-btn{width:auto;padding:10px 24px}}@media(max-width:424px){.system-users-header{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:20px}.system-users-title{font-size:20px}.system-users-header-actions{width:100%;flex-direction:column;gap:12px}.system-users-filter{width:100%;padding:10px 36px 10px 14px;font-size:14px}.system-users-add-btn{width:100%;padding:10px 20px}.system-users-table-container{border-radius:25px}.system-users-table{min-width:700px}.system-users-table th,.system-users-table td{padding:12px;font-size:13px}.user-profile-img{width:36px;height:36px}.action-btn{width:28px;height:28px}.action-btn svg{width:14px;height:14px}}@media(max-width:640px){.system-users-title{font-size:18px}.system-users-table{min-width:600px}.system-users-table th,.system-users-table td{padding:10px;font-size:12px}.action-buttons{gap:6px}.action-btn{width:26px;height:26px}.action-btn svg{width:12px;height:12px}}@media(max-width:480px){.system-users-header{margin-bottom:16px}.system-users-title{font-size:18px}.system-users-table{min-width:550px}.system-users-table th,.system-users-table td{padding:8px;font-size:11px}}.customers-container{width:100%;max-width:100%;align-self:flex-start}.customers-title{margin-bottom:16px;font-size:20px;font-weight:600;color:#343c6a}.customers-search-sort{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px;flex-wrap:wrap;padding:12px 16px;background-color:#fff;border-radius:10px}.customers-search-bar{flex:1;min-width:250px;position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:16px;color:#9e9e9e;pointer-events:none}.search-input{width:50%;padding:10px 16px 10px 44px;border:1px solid #9E9E9E!important;border-radius:8px;font-size:14px;color:#1f2937;background-color:transparent!important;box-shadow:none!important;outline:none!important;transition:none}.search-input:focus{outline:none!important;box-shadow:none!important}.search-input::-moz-placeholder{color:#9e9e9e}.search-input::placeholder{color:#9e9e9e}.customers-sort-options{display:flex;gap:16px;align-items:center}.customers-status-filter{padding:7px 38px 7px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:16px;font-weight:500;color:#1f2937;background-color:#fff;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2 4L6 8L10 4' stroke='%231f2937' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px}.customers-status-filter:focus{outline:none;border-color:#0774eb;box-shadow:0 0 0 3px #0774eb1a}.date-picker-wrapper{position:relative}.date-picker-dropdown{position:absolute;top:calc(100% + 8px);right:0;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:12px;z-index:100;min-width:200px}.date-picker-input{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#1f2937;background-color:#fff;cursor:pointer}.date-picker-input:focus{outline:none;border-color:#0774eb;box-shadow:0 0 0 3px #0774eb1a}.sort-btn{display:flex;align-items:center;gap:8px;padding:8px 0;border:none;background-color:transparent;color:#6e7173;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.sort-btn:hover{color:#0774eb}.sort-btn.active{color:#6e7173}.sort-btn svg{width:16px;height:16px}.sort-icon{width:16px;height:16px;-o-object-fit:contain;object-fit:contain}.customers-table-container{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden;overflow-x:auto}.customers-table{width:100%;border-collapse:collapse;min-width:800px}.customers-table thead{background-color:transparent}.customers-table th{padding:16px;text-align:left;font-size:14px;font-weight:500;color:#718ebf;border-bottom:1px solid #e5e7eb}.customers-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s ease}.customers-table tbody tr:hover{background-color:#f9fafb}.customers-table tbody tr:last-child{border-bottom:none}.customers-table td{padding:16px;font-size:14px;color:#1f2937}.customer-profile-img{width:32px;height:32px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#000}.customer-profile-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.view-invoice-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:transparent;color:#0f70e6;border:1px solid #0F70E6;border-radius:50px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.view-invoice-btn:hover{background-color:#0f70e60f}.view-invoice-btn svg{width:16px;height:16px}.customers-pagination{display:flex;justify-content:flex-end;align-items:center;padding:16px;border-top:1px solid #e5e7eb;background-color:#fff}.pagination-left{display:flex;align-items:center;gap:12px}.pagination-label{font-size:14px;color:#1c252e}.pagination-select{padding:4px 1px;border:none;border-radius:4px;background-color:transparent;color:#1c252e;font-size:14px;cursor:pointer;transition:color .2s ease;margin-right:10px}.pagination-select:focus{outline:none}.pagination-right{display:flex;align-items:center;gap:16px}.pagination-info{font-size:14px;color:#1c252e}.pagination-arrows{display:flex;gap:8px}.pagination-arrow{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;border-radius:6px;background-color:transparent;color:#1c252e;cursor:pointer;transition:all .2s ease}.pagination-arrow:hover:not(:disabled){border-color:#0774eb;color:#0774eb;background-color:#eff6ff}.pagination-arrow:disabled{opacity:.5;cursor:not-allowed}.pagination-arrow svg{width:20px;height:20px}@media(max-width:1024px){.customers-search-sort{margin-bottom:20px}.customers-table{min-width:700px}.customers-pagination{display:flex;flex-direction:row!important;align-items:center;justify-content:space-between;flex-wrap:nowrap}.customers-pagination .pagination-left,.customers-pagination .pagination-right{display:flex;flex-direction:row!important;align-items:center;gap:12px}.customers-pagination .pagination-label,.customers-pagination .pagination-info{white-space:nowrap}}@media(max-width:990px){.customers-container{margin:-16px 0 0!important;padding:24px 16px!important;width:100%;max-width:100%;border-radius:15px 15px 0 0;position:relative;z-index:51;background-color:#fff;box-shadow:none}}@media(max-width:768px){.customers-search-sort{flex-direction:column;align-items:stretch;margin-bottom:20px}.customers-search-bar{min-width:100%}.customers-sort-options{width:100%;justify-content:flex-start;flex-wrap:wrap}.customers-table-container{border-radius:8px}.customers-table{min-width:700px}.customers-table th,.customers-table td{padding:12px;font-size:13px}.customers-pagination{flex-direction:row;gap:16px;align-items:center;justify-content:space-between}}@media(max-width:640px){.customers-table{min-width:600px}.customers-table th,.customers-table td{padding:10px;font-size:12px}.view-invoice-btn{padding:6px 12px;font-size:12px;gap:6px}.view-invoice-btn svg{width:14px;height:14px}.pagination-left,.pagination-right{flex-direction:row;align-items:center;gap:12px}}@media(max-width:480px){.customers-search-sort{margin-bottom:16px}.customers-table{min-width:550px}.customers-table th,.customers-table td{padding:8px;font-size:11px}.sort-btn{padding:8px 12px;font-size:12px}.pagination-label,.pagination-info{font-size:12px}}@media(min-width:425px)and (max-width:768px){.customers-pagination{display:flex!important;flex-direction:row!important;align-items:center;justify-content:flex-end;flex-wrap:nowrap;gap:24px}.pagination-left,.pagination-right{display:flex!important;flex-direction:row!important;align-items:center;gap:12px}.pagination-label,.pagination-info{white-space:nowrap;font-size:12px}}.frame-card{position:relative;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:16px;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer;overflow:hidden;animation:fadeInUp .4s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.frame-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #0000001f}.frame-wrapper{width:100%;aspect-ratio:1;position:relative;padding:20px;box-sizing:border-box}.frame-inner{width:100%;height:100%;position:relative}.frame-content{width:100%;height:100%;background-color:#fff;border-radius:4px}.frame-wooden-golden{background:linear-gradient(135deg,#d4a574,#b8860b,#daa520);border-radius:8px;box-shadow:inset 0 2px 4px #0000001a,0 0 0 8px #d4a5744d,0 0 0 12px #b8860b33}.frame-wooden-golden .frame-inner{border:3px solid rgba(139,69,19,.3);border-radius:6px}.frame-ornate-bronze{background:linear-gradient(135deg,#8b4513,#cd7f32 30%,#8b4513 70%,#654321);border-radius:12px;box-shadow:inset 0 0 20px #0000004d,0 0 0 10px #8b451366,0 0 0 16px #6543214d,inset 0 2px 8px #ffffff1a;position:relative}.frame-ornate-bronze:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 8px,rgba(0,0,0,.1) 8px,rgba(0,0,0,.1) 10px),repeating-linear-gradient(90deg,transparent,transparent 8px,rgba(0,0,0,.1) 8px,rgba(0,0,0,.1) 10px);border-radius:12px;pointer-events:none}.frame-ornate-bronze .frame-inner{border:4px solid rgba(101,67,33,.5);border-radius:8px}.frame-wooden-dark{background:linear-gradient(135deg,#3e2723,#5d4037,#4e342e);border-radius:6px;box-shadow:inset 0 2px 4px #0003,0 0 0 8px #3e272366}.frame-wooden-dark .frame-inner{border:3px solid rgba(30,15,10,.5);border-radius:4px}.frame-wooden-light{background:linear-gradient(135deg,#d7ccc8,#bcaaa4,#a1887f);border-radius:6px;box-shadow:inset 0 2px 4px #0000001a,0 0 0 8px #d7ccc84d}.frame-wooden-light .frame-inner{border:3px solid rgba(161,136,127,.3);border-radius:4px}.frame-ornate-gold{background:linear-gradient(135deg,gold,#ffed4e,gold,#daa520,#b8860b);border-radius:16px;box-shadow:inset 0 0 30px #ffd70080,0 0 0 12px #ffd70066,0 0 0 20px #daa5204d,inset 0 4px 12px #ffffff4d,inset 0 -4px 12px #0003;position:relative}.frame-ornate-gold:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 20%,rgba(255,255,255,.3) 2px,transparent 2px),radial-gradient(circle at 80% 80%,rgba(0,0,0,.1) 2px,transparent 2px),repeating-linear-gradient(45deg,transparent,transparent 12px,rgba(0,0,0,.05) 12px,rgba(0,0,0,.05) 14px);border-radius:16px;pointer-events:none}.frame-ornate-gold .frame-inner{border:5px solid rgba(184,134,11,.6);border-radius:10px}.frame-metallic-gold{background:linear-gradient(135deg,gold,#ffed4e,gold);border-radius:8px;box-shadow:inset 0 2px 8px #fff6,inset 0 -2px 8px #0003,0 0 0 8px #ffd7004d}.frame-metallic-gold .frame-inner{border:3px solid rgba(184,134,11,.4);border-radius:6px;box-shadow:inset 0 0 10px #ffd7004d}.frame-apply-btn{position:absolute;bottom:24px;left:50%;transform:translate(-50%);background-color:#0774eb;color:#fff;border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;z-index:10;box-shadow:0 2px 8px #0774eb4d;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.frame-apply-btn:hover{background-color:#0660d4;box-shadow:0 4px 12px #0774eb66}@media(max-width:768px){.frame-wrapper{padding:12px}.frame-apply-btn{bottom:16px;padding:8px 20px;font-size:13px}}@media(max-width:480px){.frame-card{padding:12px}.frame-wrapper{padding:10px}.frame-apply-btn{bottom:12px;padding:7px 16px;font-size:12px}}.image-preview-container{width:100%;display:flex;justify-content:center;margin-bottom:32px}.image-preview-wrapper{width:100%;max-width:600px;position:relative;background-color:#f9fafb;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a}.preview-stage{width:100%!important;height:auto!important;border-radius:8px;overflow:hidden}.css-frame-preview{width:100%;aspect-ratio:1;position:relative;padding:20px;box-sizing:border-box}.css-frame-inner{width:100%;height:100%;position:relative;border-radius:4px;overflow:hidden}.preview-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:4px}.preview-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#e5e7eb;color:#6b7280;font-size:14px;border-radius:4px}.css-frame-wooden-golden{background:linear-gradient(135deg,#d4a574,#b8860b,#daa520);border-radius:8px;box-shadow:inset 0 2px 4px #0000001a,0 0 0 8px #d4a5744d,0 0 0 12px #b8860b33}.css-frame-wooden-golden .css-frame-inner{border:3px solid rgba(139,69,19,.3);border-radius:6px}.css-frame-ornate-bronze{background:linear-gradient(135deg,#8b4513,#cd7f32 30%,#8b4513 70%,#654321);border-radius:12px;box-shadow:inset 0 0 20px #0000004d,0 0 0 10px #8b451366,0 0 0 16px #6543214d,inset 0 2px 8px #ffffff1a}.css-frame-ornate-bronze .css-frame-inner{border:4px solid rgba(101,67,33,.5);border-radius:8px}.css-frame-wooden-dark{background:linear-gradient(135deg,#3e2723,#5d4037,#4e342e);border-radius:6px;box-shadow:inset 0 2px 4px #0003,0 0 0 8px #3e272366}.css-frame-wooden-dark .css-frame-inner{border:3px solid rgba(30,15,10,.5);border-radius:4px}.css-frame-wooden-light{background:linear-gradient(135deg,#d7ccc8,#bcaaa4,#a1887f);border-radius:6px;box-shadow:inset 0 2px 4px #0000001a,0 0 0 8px #d7ccc84d}.css-frame-wooden-light .css-frame-inner{border:3px solid rgba(161,136,127,.3);border-radius:4px}.css-frame-ornate-gold{background:linear-gradient(135deg,gold,#ffed4e,gold,#daa520,#b8860b);border-radius:16px;box-shadow:inset 0 0 30px #ffd70080,0 0 0 12px #ffd70066,0 0 0 20px #daa5204d,inset 0 4px 12px #ffffff4d,inset 0 -4px 12px #0003}.css-frame-ornate-gold .css-frame-inner{border:5px solid rgba(184,134,11,.6);border-radius:10px}.css-frame-metallic-gold{background:linear-gradient(135deg,gold,#ffed4e,gold);border-radius:8px;box-shadow:inset 0 2px 8px #fff6,inset 0 -2px 8px #0003,0 0 0 8px #ffd7004d}.css-frame-metallic-gold .css-frame-inner{border:3px solid rgba(184,134,11,.4);border-radius:6px;box-shadow:inset 0 0 10px #ffd7004d}@media(max-width:768px){.image-preview-wrapper,.css-frame-preview{padding:16px}}@media(max-width:480px){.image-preview-wrapper,.css-frame-preview{padding:12px}}.templates-container{width:100%;max-width:100%;align-self:flex-start}.templates-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.templates-title{font-size:24px;font-weight:600;color:#1f2937;margin:0}.templates-header-buttons{display:flex;gap:12px;align-items:center}.upload-image-btn{background-color:#fff;color:#0774eb;border:1px solid #0774EB;border-radius:8px;padding:10px 20px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease}.upload-image-btn:hover{background-color:#eff6ff}.upload-frame-btn{background-color:#0774eb;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.upload-frame-btn:hover{background-color:#0660d4}.preview-section{margin-bottom:40px;padding:24px;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}.preview-section-title{font-size:20px;font-weight:600;color:#1f2937;margin:0 0 24px}.frames-section{margin-bottom:32px}.frames-section-title{font-size:20px;font-weight:600;color:#1f2937;margin:0 0 24px}.frames-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;margin-bottom:32px}.templates-footer{display:flex;justify-content:center;margin-top:32px}.show-more-btn{background-color:#fff;color:#1f2937;border:1px solid #e5e7eb;border-radius:8px;padding:10px 24px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease}.show-more-btn:hover:not(:disabled){border-color:#0774eb;color:#0774eb;background-color:#eff6ff}.show-more-btn:disabled{opacity:.6;cursor:not-allowed}@media(min-width:990px)and (max-width:1024px){.templates-header{margin-top:24px}.templates-main-container{background-color:#fff;border-radius:12px;padding:40px;box-shadow:0 2px 8px #0000000d;margin:24px auto;max-width:1200px}}@media(max-width:1400px){.frames-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:1024px){.templates-header{margin-bottom:28px}.templates-title{font-size:22px}.frames-grid{grid-template-columns:repeat(3,1fr);gap:20px}}@media(max-width:990px){.templates-container{margin:-16px 0 0!important;padding:24px 16px!important;width:100%;max-width:100%;border-radius:15px 15px 0 0;position:relative;z-index:51;background-color:#fff;box-shadow:none}}@media(max-width:768px){.templates-header{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:24px}.templates-title{font-size:20px}.templates-header-buttons{width:100%;flex-direction:column}.upload-image-btn,.upload-frame-btn{width:100%}.frames-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.templates-footer{margin-top:24px}}@media(max-width:480px){.templates-header{margin-bottom:20px}.templates-title{font-size:18px}.upload-frame-btn{padding:9px 18px;font-size:14px}.frames-grid{grid-template-columns:1fr;gap:16px}.show-more-btn{padding:9px 20px;font-size:14px}}@media(min-width:425px)and (max-width:768px){.templates-header{flex-direction:row;align-items:center;justify-content:space-between;gap:16px}.templates-header-buttons{width:auto;flex-direction:row}.upload-frame-btn{width:auto;padding:8px 18px;font-size:14px}}.park-container{width:100%;max-width:100%;align-self:flex-start}.park-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.park-title{font-size:24px;font-weight:600;color:#004faf;margin:0}.park-add-btn{background-color:#0774eb;color:#fff;border:none;border-radius:8px;padding:7px 38px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.park-add-btn:hover{background-color:#0660d4}.park-table-container{background-color:#fff;border-radius:25px;box-shadow:0 2px 8px #00000014;overflow:hidden;overflow-x:auto}.park-table{width:100%;border-collapse:collapse;min-width:800px}.park-table thead{background-color:transparent}.park-table th{padding:16px;text-align:left;font-size:14px;font-weight:500;color:#718ebf;border-bottom:none}.park-table tbody tr{border-bottom:none;transition:background-color .2s ease}.park-table tbody tr:hover{background-color:#f9fafb}.park-table td{padding:16px;font-size:14px;color:#1f2937}.park-table th:first-child,.park-table td:first-child{padding-left:24px}.park-table th:nth-child(2),.park-table td:nth-child(2){padding-right:40px}.park-table th:nth-child(3),.park-table td:nth-child(3){padding-right:12px}.park-table th:nth-child(4),.park-table td:nth-child(4){padding-left:12px}.action-buttons{display:flex;gap:8px;align-items:center}.action-btn{width:32px;height:32px;border:none;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0}.action-btn svg{width:16px;height:16px}.action-btn-delete{background-color:#ef4444;color:#fff}.action-btn-delete:hover{background-color:#dc2626}@media(max-width:1024px){.park-header{margin-bottom:20px}.park-title{font-size:22px}.park-add-btn{padding:9px 18px;font-size:15px}}@media(max-width:990px){.park-container{margin:-16px 0 0!important;padding:24px 16px!important;width:100%;max-width:100%;border-radius:15px 15px 0 0;position:relative;z-index:51;background-color:#fff;box-shadow:none}}@media(min-width:991px)and (max-width:1024px){.park-container{margin-top:24px!important;margin-bottom:24px!important}.park-table{min-width:auto;width:100%}.park-table th,.park-table td{padding:12px 8px;font-size:13px}.park-add-btn{padding:7px 20px;font-size:14px}}@media(max-width:768px)and (min-width:425px){.park-header{flex-direction:row;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.park-title{font-size:20px}.park-add-btn{width:auto;padding:10px 24px}}@media(max-width:424px){.park-header{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:20px}.park-title{font-size:20px}.park-add-btn{width:100%;padding:10px 20px}.park-table-container{border-radius:25px}.park-table{min-width:700px}.park-table th,.park-table td{padding:12px;font-size:13px}.action-btn{width:28px;height:28px}.action-btn svg{width:14px;height:14px}}@media(max-width:640px){.park-title{font-size:18px}.park-table{min-width:600px}.park-table th,.park-table td{padding:10px;font-size:12px}.action-buttons{gap:6px}.action-btn{width:26px;height:26px}.action-btn svg{width:12px;height:12px}}@media(max-width:480px){.park-header{margin-bottom:16px}.park-title{font-size:18px}.park-table{min-width:550px}.park-table th,.park-table td{padding:8px;font-size:11px}}.server-page{padding:0}.server-header{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.server-header-row-1{display:flex;justify-content:space-between;align-items:center}.server-header-row-2{display:flex;justify-content:flex-end;align-items:center;gap:16px}.server-title{font-size:24px;font-weight:600;color:#004faf;margin:0}.server-instruction{font-size:14px;color:#6b7280;margin:0}.server-filter{padding:7px 38px 7px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:16px;font-weight:500;color:#1f2937;background-color:#fff;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2 4L6 8L10 4' stroke='%231f2937' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px}.server-filter:focus{outline:none;border-color:#0774eb;box-shadow:0 0 0 3px #0774eb1a}.server-download-btn{background-color:#0774eb;color:#fff;border:none;border-radius:8px;padding:7px 38px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s ease;height:auto}.server-download-btn:hover:not(:disabled){background-color:#0660d4}.server-download-btn:disabled{opacity:.5;cursor:not-allowed}.server-page .image-gallery-container{padding:24px 0!important}@media(max-width:990px){.server-page{padding:12px 16px 0!important}.server-header{padding:0;margin-bottom:20px;gap:12px}.server-page .image-gallery-container{padding:24px 0!important;margin-top:0!important}.server-header-row-1{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.server-header-row-2{gap:12px;flex-wrap:wrap;justify-content:flex-start}.server-title{font-size:20px}.server-instruction{font-size:12px}.server-filter{padding:9px 36px 9px 14px;font-size:14px}.server-download-btn{padding:9px 18px;font-size:14px}}@media(max-width:480px){.server-header-row-1{flex-direction:column;align-items:flex-start;gap:8px}.server-header-row-2{width:100%;flex-direction:column;gap:12px}.server-filter,.server-download-btn{width:100%}.server-title{font-size:18px}.server-instruction{font-size:12px}}.server-page .image-gallery-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:20px!important;margin-bottom:32px!important}@media(max-width:1024px){.server-page .image-gallery-grid{grid-template-columns:repeat(3,1fr)!important;gap:16px!important}}@media(max-width:990px){.server-page .image-gallery-grid{grid-template-columns:repeat(2,1fr)!important;gap:16px!important;margin-bottom:24px!important}}.server-page .image-gallery-item{padding:0!important;border-radius:25px!important;border:none!important;overflow:hidden!important;aspect-ratio:16 / 9!important;margin:0 2px!important;position:relative!important;cursor:pointer!important;background-color:transparent!important;box-shadow:none!important}.server-page .image-gallery-item:hover{transform:none!important;box-shadow:none!important}.server-page .image-gallery-item.selected{border:6px solid #0774EB!important;border-radius:25px!important;box-shadow:none!important}.server-page .image-gallery-image{border-radius:0!important;width:100%!important;height:100%!important;display:block!important;-o-object-fit:cover!important;object-fit:cover!important}.server-page .image-gallery-checkmark{width:22px!important;height:22px!important;background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important}.server-page .image-gallery-checkmark-icon{width:22px!important;height:22px!important;display:block!important}.server-preview-overlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1000}.server-preview-dialog{position:relative;max-width:90vw;max-height:90vh;border-radius:20px;overflow:hidden;background:#000;box-shadow:0 10px 40px #00000059}.server-preview-close{position:absolute;top:20px;right:20px;width:40px;height:40px;border:none;background:transparent;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1001;transition:color .2s ease,transform .15s ease}.server-preview-close:hover{transform:scale(1.05)}.server-preview-close svg{width:20px;height:20px}.server-preview-image{display:block;max-width:90vw;max-height:90vh;-o-object-fit:contain;object-fit:contain}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-900:oklch(37.9% .146 265.522);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-800:oklch(27.8% .033 256.848);--color-white:#fff;--spacing:.25rem;--container-5xl:64rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--font-weight-semibold:600;--font-weight-bold:700;--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.static{position:static}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mb-2{margin-bottom:calc(var(--spacing)*2)}.block{display:block}.flex{display:flex}.hidden{display:none}.h-5{height:calc(var(--spacing)*5)}.h-8{height:calc(var(--spacing)*8)}.h-10{height:calc(var(--spacing)*10)}.h-\[22px\]{height:22px}.min-h-screen{min-height:100vh}.w-5{width:calc(var(--spacing)*5)}.w-8{width:calc(var(--spacing)*8)}.w-10{width:calc(var(--spacing)*10)}.w-full{width:100%}.max-w-5xl{max-width:var(--container-5xl)}.max-w-7xl{max-width:var(--container-7xl)}.flex-1{flex:1}.shrink{flex-shrink:1}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing)*2)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.border-none{--tw-border-style:none;border-style:none}.bg-blue-600{background-color:var(--color-blue-600)}.bg-blue-900{background-color:var(--color-blue-900)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-2{padding-block:calc(var(--spacing)*2)}.py-4{padding-block:calc(var(--spacing)*4)}.py-12{padding-block:calc(var(--spacing)*12)}.pt-20{padding-top:calc(var(--spacing)*20)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-blue-600{color:var(--color-blue-600)}.text-blue-900{color:var(--color-blue-900)}.text-gray-800{color:var(--color-gray-800)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media(hover:hover){.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\:text-blue-600:hover{color:var(--color-blue-600)}.hover\:underline:hover{text-decoration-line:underline}}@media(min-width:48rem){.md\:flex{display:flex}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:items-end{align-items:flex-end}}@media(min-width:64rem){.lg\:w-2\/5{width:40%}.lg\:w-3\/5{width:60%}.lg\:flex-row{flex-direction:row}.lg\:p-6{padding:calc(var(--spacing)*6)}}}*{box-sizing:border-box;margin:0;padding:0}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}