*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
/* ! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com */*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.sr-only{padding:0;margin:-1px;clip:rect(0,0,0,0);border-width:0}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.\!visible{visibility:visible!important}.visible{visibility:visible}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.bottom-4{bottom:1rem}.left-0{left:0}.left-0\.5{left:.125rem}.left-1{left:.25rem}.left-3{left:.75rem}.left-5{left:1.25rem}.left-6{left:1.5rem}.right-0{right:0}.right-4{right:1rem}.top-0\.5{top:.125rem}.top-1{top:.25rem}.top-1\/2{top:50%}.top-full{top:100%}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[100\]{z-index:100}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.m-1{margin:.25rem}.mx-auto{margin-left:auto;margin-right:auto}.-mb-px{margin-bottom:-1px}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-6{margin-left:1.5rem}.mr-1{margin-right:.25rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-10{height:2.5rem}.h-12{height:3rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-full{height:100%}.max-h-40{max-height:10rem}.max-h-72{max-height:18rem}.max-h-\[600px\]{max-height:600px}.w-1{width:.25rem}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-4{width:1rem}.w-44{width:11rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-full{width:100%}.min-w-0{min-width:0}.min-w-36{min-width:9rem}.max-w-sm{max-width:24rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-2\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.625rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-\[var\(--bg-light\)\]>:not([hidden])~:not([hidden]){border-color:var(--bg-light)}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.625rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l-4{border-left-width:4px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-\[\#C9A227\]{--tw-border-opacity:1;border-color:rgb(201 162 39/var(--tw-border-opacity,1))}.border-\[var\(--bg-light\)\]{border-color:var(--bg-light)}.border-\[var\(--border\)\]{border-color:var(--border)}.border-\[var\(--brand\)\]{border-color:var(--brand)}.border-\[var\(--brand-cta\)\]{border-color:var(--brand-cta)}.border-error{--tw-border-opacity:1;border-color:rgb(199 91 91/var(--tw-border-opacity,1))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.border-success{--tw-border-opacity:1;border-color:rgb(61 139 110/var(--tw-border-opacity,1))}.border-transparent{border-color:transparent}.border-warning{--tw-border-opacity:1;border-color:rgb(201 162 39/var(--tw-border-opacity,1))}.border-white\/30{border-color:hsla(0,0%,100%,.3)}.border-t-white{--tw-border-opacity:1;border-top-color:rgb(255 255 255/var(--tw-border-opacity,1))}.bg-\[\#3D8B6E\]{--tw-bg-opacity:1;background-color:rgb(61 139 110/var(--tw-bg-opacity,1))}.bg-\[\#C75B5B\]{--tw-bg-opacity:1;background-color:rgb(199 91 91/var(--tw-bg-opacity,1))}.bg-\[\#C9A227\]\/10{background-color:rgba(201,162,39,.1)}.bg-\[var\(--bg-light\)\]{background-color:var(--bg-light)}.bg-\[var\(--brand-cta\)\]{background-color:var(--brand-cta)}.bg-black\/35{background-color:rgba(0,0,0,.35)}.bg-black\/40{background-color:rgba(0,0,0,.4)}.bg-error\/10{background-color:rgba(199,91,91,.1)}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-success{--tw-bg-opacity:1;background-color:rgb(61 139 110/var(--tw-bg-opacity,1))}.bg-success\/10{background-color:rgba(61,139,110,.1)}.bg-success\/5{background-color:rgba(61,139,110,.05)}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-1\.5{padding:.375rem}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pl-9{padding-left:2.25rem}.pt-2{padding-top:.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[10\.5px\]{font-size:10.5px}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.italic{font-style:italic}.leading-relaxed{line-height:1.625}.text-\[\#8C7AE6\]{--tw-text-opacity:1;color:rgb(140 122 230/var(--tw-text-opacity,1))}.text-\[\#C9A227\]{--tw-text-opacity:1;color:rgb(201 162 39/var(--tw-text-opacity,1))}.text-\[var\(--body\)\]{color:var(--body)}.text-\[var\(--border\)\]{color:var(--border)}.text-\[var\(--brand\)\]{color:var(--brand)}.text-\[var\(--brand-cta\)\]{color:var(--brand-cta)}.text-\[var\(--heading\)\]{color:var(--heading)}.text-\[var\(--muted\)\]{color:var(--muted)}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-error{--tw-text-opacity:1;color:rgb(199 91 91/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-green-400{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1))}.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-success{--tw-text-opacity:1;color:rgb(61 139 110/var(--tw-text-opacity,1))}.text-warning{--tw-text-opacity:1;color:rgb(201 162 39/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/70{color:hsla(0,0%,100%,.7)}.text-white\/80{color:hsla(0,0%,100%,.8)}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.opacity-30{opacity:.3}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-2xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.running{animation-play-state:running}.paused{animation-play-state:paused}:root{--brand:#00b2b2;--brand-cta:#008a8c;--brand-accent:#57d3d3;--brand-mint:#57d3d3;--brand-soft:#e6f7f7;--navy:#2a3b4d;--navy-hover:#35485c;--link:#0071f2;--violet:#501fff;--violet-bg:#e9e8ff;--violet-border:#d3d1fe;--gradient-brand:linear-gradient(135deg,#00b2b2,#57d3d3);--gradient-hero:radial-gradient(ellipse 120% 70% at 30% 0%,#e0f5f5 0%,transparent 55%),radial-gradient(ellipse 80% 60% at 80% 10%,#f1f7f7 0%,transparent 50%),#fbfbfc;--shadow-glow:0 20px 60px -20px rgba(0,178,178,.3);--heading:#1a1c20;--body:#4a4c53;--muted:#757780;--bg-warm:#f7f7fa;--bg-white:#fff;--bg-light:#f7f7fa;--border:#e4e4e6;--border-control:#c0c0c4;--border-focus:#00b2b2;--success:#00b2b2;--warning:#fc6;--error:#e8423b;--info:#0071f2;--font-sans:"Inter",system-ui,-apple-system,sans-serif;--font-display:"Inter",system-ui,-apple-system,sans-serif;--radius:0.25rem}*{box-sizing:border-box}body,html{margin:0;font-family:var(--font-sans);color:var(--heading);background:var(--bg-warm);-webkit-font-smoothing:antialiased}.auth-shell{height:100vh;height:100dvh;display:grid;grid-template-columns:1fr;background:var(--bg-white);overflow:hidden}@media (min-width:1024px){.auth-shell{grid-template-columns:1.05fr 1fr}}.auth-visual{display:none;position:relative;overflow:hidden;background:var(--gradient-hero);padding:40px 48px;flex-direction:column;justify-content:space-between;height:100vh;height:100dvh}@media (min-width:1024px){.auth-visual{display:flex}}.auth-visual:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#0f172a 1px,transparent 0);background-size:24px 24px;opacity:.04;pointer-events:none;z-index:1}.auth-carousel{position:relative;flex:1;min-height:0;margin:20px 0;border-radius:24px;overflow:hidden;box-shadow:0 30px 80px -24px rgba(37,99,235,.35);background:#e8edf5}.auth-carousel img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:0;transform:scale(1.04);transition:opacity .9s ease,transform 6s ease}.auth-carousel img.is-active{opacity:1;transform:scale(1)}.auth-carousel-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.35));pointer-events:none}.auth-quote{position:relative;color:var(--heading);max-width:480px;z-index:2}.auth-quote h2{font-family:var(--font-display);font-size:26px;line-height:1.2;letter-spacing:-.02em;margin:0 0 8px}.auth-quote p{font-size:14.5px;color:var(--body);margin:0 0 14px;line-height:1.55}.auth-dots{display:flex;gap:6px}.auth-dots button{width:22px;height:4px;border-radius:2px;border:none;background:rgba(148,163,184,.3);cursor:pointer;padding:0;transition:background .2s ease,width .2s ease}.auth-dots button.is-active{background:var(--brand,#2563eb);width:32px}.auth-pane{display:flex;flex-direction:column;padding:20px 24px;background:var(--bg-white);height:100vh;height:100dvh;overflow-y:auto}@media (min-width:768px){.auth-pane{padding:32px 48px}}.auth-pane-top{justify-content:space-between;margin-bottom:20px;flex-shrink:0}.auth-pane-body,.auth-pane-top{display:flex;align-items:center}.auth-pane-body{flex:1;flex-direction:column;justify-content:center;padding:8px 0 16px}.auth-card{width:100%;max-width:460px}.auth-card h1{font-family:var(--font-display);font-size:28px;font-weight:700;letter-spacing:-.02em;margin:0 0 6px;color:var(--heading)}.auth-card .auth-sub{font-size:14.5px;color:var(--muted);margin:0 0 28px}.auth-switch-tabs{display:inline-flex;padding:4px;background:var(--bg-light);border:1px solid var(--border);border-radius:999px;margin-bottom:28px}.auth-switch-tabs a{padding:8px 18px;font-size:13px;font-weight:600;border-radius:999px;text-decoration:none;color:var(--muted);transition:all .15s}.auth-switch-tabs a.active{background:var(--bg-white);color:var(--heading);box-shadow:0 1px 3px rgba(15,23,42,.1)}.back-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--muted);text-decoration:none;padding:8px 12px;border-radius:8px;transition:all .15s}.back-link:hover{color:var(--heading);background:var(--bg-light)}.form-label{font-size:13.5px;margin-bottom:6px}.form-input{padding:11px 14px;border:1.5px solid var(--border);border-radius:10px;font-size:14px;font-family:var(--font-sans);background:var(--bg-white)}.form-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px rgba(37,99,235,.12)}.form-input.error{border-color:var(--error)}.form-input.error:focus{box-shadow:0 0 0 3px rgba(239,68,68,.12)}.form-error{color:var(--error)}.form-error,.form-hint{font-size:12px;margin-top:5px}.form-hint{color:var(--muted)}.auth-pane .btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 20px;height:46px;background:var(--brand);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;font-family:var(--font-sans);cursor:pointer;width:100%;transition:background .15s,transform .1s}.auth-pane .btn-primary:hover{background:var(--brand-cta)}.auth-pane .btn-primary:active{transform:scale(.99)}.auth-pane .btn-primary:disabled{opacity:.5;cursor:not-allowed}.auth-pane .btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 20px;height:46px;background:transparent;color:var(--body);border:1.5px solid var(--border);border-radius:10px;font-size:14px;font-weight:500;font-family:var(--font-sans);cursor:pointer;width:100%;transition:all .15s}.auth-pane .btn-secondary:hover{background:var(--bg-light)}.btn-ghost{color:var(--brand);font-size:14px;font-weight:500;font-family:var(--font-sans);text-decoration:underline;text-underline-offset:3px}.btn-ghost:hover{opacity:.8}.alert-error{background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.25);border-radius:10px;color:var(--error)}.alert-error,.alert-success{padding:10px 14px;font-size:13.5px}.alert-success{background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.25);border-radius:10px;color:var(--success)}.otp-grid{display:flex;gap:10px;justify-content:center}.otp-input{width:48px;height:56px;text-align:center;font-size:22px;font-weight:700;font-family:var(--font-display);border:2px solid var(--border);border-radius:14px;background:var(--bg-white);color:var(--heading);outline:none;transition:all .15s;caret-color:var(--brand)}@media (min-width:480px){.otp-input{width:52px}}.otp-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px rgba(37,99,235,.12)}.otp-input.filled{border-color:rgba(37,99,235,.6);background:rgba(37,99,235,.04)}.otp-input.error{border-color:var(--error)}.steps{gap:0;margin-bottom:28px}.step,.steps{display:flex;align-items:center}.step{flex-direction:column;flex:1;position:relative}.step:not(:last-child):after{content:"";position:absolute;top:14px;left:50%;width:100%;height:2px;background:var(--border)}.step.active:after,.step.done:after{background:var(--brand)}.step-dot{width:28px;height:28px;border-radius:50%;background:var(--bg-white);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--muted);position:relative;z-index:1;transition:all .2s}.step.active .step-dot{background:var(--brand);border-color:var(--brand);color:#fff}.step.done .step-dot{background:var(--success);border-color:var(--success);color:#fff}.step-label{font-size:11px;color:var(--muted);margin-top:6px;text-align:center}.step.active .step-label{color:var(--brand);font-weight:600}.strength-bar{display:flex;gap:4px;margin-top:8px}.strength-segment{height:3px;flex:1;border-radius:99px;background:var(--border);transition:background .3s}.strength-segment.weak{background:var(--error)}.strength-segment.medium{background:var(--warning)}.strength-segment.strong{background:var(--success)}.text-link{color:var(--brand);font-weight:500;text-decoration:none}.text-link:hover{text-decoration:underline}.space-y-4>*+*{margin-top:16px}.space-y-3>*+*{margin-top:12px}.space-y-2>*+*{margin-top:8px}.landing-nav-links{display:none;gap:24px;font-size:14px;font-weight:500;color:var(--muted)}@media (min-width:900px){.landing-nav-links{display:flex}}.landing-nav-links a{text-decoration:none;color:inherit;transition:color .15s}.landing-nav-links a:hover{color:var(--heading)}:root{--sidebar:144px;--font:var(--font-sans);--font-d:var(--font-display);--bg:var(--bg-warm)}.app-layout{height:100vh}.app-layout,.sidebar{display:flex;overflow:hidden}.sidebar{width:var(--sidebar);flex-shrink:0;background:var(--navy);border-right:0;flex-direction:column}.sidebar-header{height:84px;padding:0 12px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.sidebar-nav{flex:1;overflow-y:auto;padding:0;display:flex;flex-direction:column;gap:0!important}.sidebar-nav::-webkit-scrollbar{width:0}.sidebar-footer{padding:10px 8px;border-top:1px solid hsla(0,0%,100%,.1);flex-shrink:0}.sidebar-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:69px;padding:12px 8px;border-radius:0;text-decoration:none;font-size:12px;font-weight:600;line-height:1.25;text-align:center;color:#c7d0d9;transition:background .12s,color .12s;cursor:pointer;border:none;background:none;width:100%;position:relative}.sidebar-link:hover{background:var(--navy-hover);color:#fff}.sidebar-link.active{background:var(--brand);color:#fff;font-weight:700}.sidebar-link.active:before,.sidebar-settings-group,.sidebar-settings-link{display:none}.main-content{flex:1;overflow-y:auto;display:flex;flex-direction:column}.top-bar{height:56px;background:var(--bg-white);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;flex-shrink:0}.page-body{flex:1;padding:24px;overflow-y:auto;position:relative}.sidebar-close{display:none;background:none;border:none;cursor:pointer;color:var(--muted);padding:4px;border-radius:8px}.sidebar-close:hover{background:var(--bg-light);color:var(--heading)}.mobile-menu-btn,.sidebar-overlay{display:none}@media (max-width:900px){.app-layout{display:block;height:100vh;overflow:hidden}.main-content{height:100vh;width:100%}.sidebar{position:fixed;top:0;left:0;bottom:0;width:250px;z-index:60;transform:translateX(-100%);transition:transform .25s ease;box-shadow:0 10px 40px rgba(0,0,0,.25)}.sidebar.open{transform:translateX(0)}.sidebar-link{flex-direction:row;justify-content:flex-start;gap:12px;min-height:44px;padding:0 16px;text-align:left;font-size:13.5px}.sidebar-header{justify-content:space-between;height:64px;padding:0 12px 0 16px}.sidebar-overlay{display:block;position:fixed;inset:0;background:rgba(26,28,32,.45);z-index:55;animation:fadeIn .2s ease}.sidebar-close{display:inline-flex}.mobile-menu-btn,.sidebar-close{align-items:center;justify-content:center}.mobile-menu-btn{display:inline-flex!important}.top-bar{padding:0 12px;height:54px;gap:8px}.page-body{padding:14px}.top-search{max-width:none}.top-user-name{display:none}.top-user{padding:4px!important}.kpi-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}.data-table--fixed{table-layout:fixed}.data-table--fixed td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-table{font-size:12.5px}.data-table td,.data-table th{padding:8px 10px!important}.settings-sidebar{width:100%!important}}@media (max-width:480px){.kpi-grid{grid-template-columns:1fr!important}}.card{background:var(--bg-white);border:1px solid var(--border);border-radius:12px;box-shadow:0 1px 2px rgba(0,0,0,.04)}.card-hoverable{transition:box-shadow .15s}.card-hoverable:hover{box-shadow:0 4px 12px rgba(0,0,0,.08)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 16px;height:36px;background:var(--brand);color:#fff;border:1px solid var(--brand);border-radius:8px;font-size:13.5px;font-weight:600;font-family:var(--font);cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.btn-primary:hover:not(:disabled){background:var(--brand-cta);border-color:var(--brand-cta)}.btn-danger:disabled,.btn-primary:disabled,.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 14px;height:36px;background:var(--bg-white);color:var(--body);border:1px solid var(--border);border-radius:8px;font-size:13.5px;font-weight:600;font-family:var(--font);cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.btn-secondary:hover:not(:disabled){background:var(--bg-light);border-color:var(--brand-accent);color:var(--heading)}.btn-ghost{background:none;border:none;color:var(--brand-cta);font-size:13px;font-family:var(--font);cursor:pointer;padding:0;font-weight:600}.btn-ghost:hover{color:var(--brand)}.btn-danger.btn-sm,.btn-primary.btn-sm,.btn-secondary.btn-sm{height:30px;padding:0 12px;font-size:12.5px}.btn-danger.btn-xs,.btn-primary.btn-xs,.btn-secondary.btn-xs{height:26px;padding:0 10px;font-size:12px}.btn-block{width:100%}.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 14px;height:36px;background:var(--bg-white);color:var(--error);border:1px solid var(--error);border-radius:8px;font-size:13.5px;font-weight:600;font-family:var(--font);cursor:pointer;transition:background .15s;white-space:nowrap}.btn-danger:hover:not(:disabled){background:rgba(239,68,68,.08)}.btn-icon{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);background:#fff;border-radius:8px;cursor:pointer;color:var(--muted);transition:all .15s}.btn-icon:hover{color:var(--body);border-color:#c0b8b0}.form-label{display:block;font-size:13px;font-weight:500;color:var(--body);margin-bottom:5px}.form-input{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:8px;font-size:13.5px;font-family:var(--font);color:var(--heading);background:#fff;outline:none;transition:border-color .15s,box-shadow .15s}.form-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(0,178,178,.18)}.form-input::-moz-placeholder{color:var(--muted)}.form-input::placeholder{color:var(--muted)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:20px;font-size:11.5px;font-weight:600}.badge-success{background:rgba(61,139,110,.1);color:var(--success)}.badge-error{background:rgba(199,91,91,.1);color:var(--error)}.badge-warning{background:rgba(201,162,39,.1);color:var(--warning)}.badge-info{background:rgba(91,142,199,.1);color:var(--info)}.badge-gray{background:rgba(0,0,0,.06);color:var(--body)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:12px;flex-wrap:wrap}.page-title{font-family:var(--font-d);font-size:22px;font-weight:700;color:var(--heading);margin:0}.data-table{width:100%;border-collapse:collapse;font-size:13.5px}.data-table thead tr{background:var(--bg-light);border-bottom:1px solid var(--border)}.data-table th{text-align:left;padding:10px 14px;font-size:11.5px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.data-table tbody tr{border-bottom:1px solid var(--border);transition:background .1s;cursor:pointer}.data-table tbody tr:hover{background:var(--bg-light)}.data-table td{padding:11px 14px;vertical-align:middle}.data-table tbody tr:last-child{border-bottom:none}.kpi-grid{display:grid;gap:16px;margin-bottom:20px}.kpi-card{padding:18px 20px}.kpi-value{font-family:var(--font-d);font-size:28px;font-weight:700;margin-bottom:2px}.kpi-label{font-size:12.5px;color:var(--muted)}.tab-bar{display:flex;border-bottom:1px solid var(--border);margin-bottom:16px;gap:0}.tab-btn{padding:10px 18px;font-size:13.5px;font-weight:500;color:var(--muted);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;font-family:var(--font);transition:all .15s}.tab-btn.active{color:var(--brand);border-bottom-color:var(--brand)}.tab-btn:hover:not(.active){color:var(--body)}.toggle{position:relative;width:40px;height:22px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;inset:0;border-radius:11px;background:#d1d5db;cursor:pointer;transition:background .2s}.toggle-slider:before{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;background:#fff;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .2s}input:checked+.toggle-slider{background:var(--success)}input:checked+.toggle-slider:before{transform:translateX(18px)}.alert{padding:10px 14px;border-radius:8px;font-size:13px;display:flex;align-items:flex-start;gap:8px}.alert-info{background:rgba(91,142,199,.1);border:1px solid rgba(91,142,199,.25);color:var(--info)}.alert-warning{background:rgba(201,162,39,.1);border:1px solid rgba(201,162,39,.25);color:var(--warning)}.kanban-board{display:flex;gap:16px;overflow-x:auto;padding-bottom:16px;align-items:flex-start}.kanban-col{flex-shrink:0;width:264px}.kanban-col-header{display:flex;align-items:center;gap:8px;margin-bottom:10px;padding:0 2px}.kanban-col-count{margin-left:auto;font-size:11px;color:var(--muted);background:#fff;border:1px solid var(--border);border-radius:99px;padding:1px 8px;font-weight:600}.kanban-card{background:#fff;border:1px solid var(--border);border-radius:10px;padding:12px;margin-bottom:8px;cursor:pointer;transition:box-shadow .15s}.kanban-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1)}.kanban-card-num{font-size:11px;color:var(--muted);margin-bottom:4px}.kanban-card-contact{font-size:13px;font-weight:600}.kanban-card-meta{font-size:11.5px;color:var(--muted);margin-top:6px}.text-success{color:var(--success)}.text-error{color:var(--error)}.text-warning{color:var(--warning)}.text-muted{color:var(--muted)}.font-mono{font-family:JetBrains Mono,Fira Code,monospace}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.divider{height:1px;background:var(--border);margin:16px 0}.toast-container{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:8px;z-index:999}.toast{padding:12px 16px;border-radius:10px;font-size:13.5px;font-weight:500;max-width:320px;box-shadow:0 4px 16px rgba(0,0,0,.12);animation:slideIn .25s ease}.toast-success{background:#1a3d2e;color:#6dd49e;border:1px solid rgba(109,212,158,.2)}.toast-error{background:#3d1a1a;color:#e88;border:1px solid hsla(0,75%,73%,.2)}.toast-info{background:#1a2a3d;color:#8ad;border:1px solid rgba(136,170,221,.2)}@keyframes slideIn{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d0c8be;border-radius:99px}.panel-overlay{position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:80;animation:fadeIn .18s ease}.side-panel{position:fixed;top:0;right:0;bottom:0;width:480px;max-width:100vw;background:var(--bg-white);z-index:81;display:flex;flex-direction:column;box-shadow:-12px 0 40px rgba(15,23,42,.14);animation:panelIn .22s ease}.side-panel.w-400{width:400px}.side-panel.w-480{width:480px}.side-panel.w-660{width:660px}.side-panel.w-840{width:840px}@keyframes panelIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.side-panel-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 20px;border-bottom:1px solid var(--border);flex-shrink:0}.side-panel-title{font-family:var(--font-d);font-size:16px;font-weight:700;color:var(--heading);margin:0}.side-panel-body{flex:1;overflow-y:auto;padding:20px}.side-panel-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 20px;border-top:1px solid var(--border);background:var(--bg-white);flex-shrink:0}@media (max-width:560px){.side-panel,.side-panel.w-400,.side-panel.w-480,.side-panel.w-660,.side-panel.w-840{width:100vw}}.seg{display:inline-flex;background:var(--bg-light);border:1px solid var(--border);border-radius:8px;padding:3px;gap:2px;flex-shrink:0}.seg button{border:none;background:none;padding:5px 14px;border-radius:6px;font-size:12.5px;font-weight:600;color:var(--muted);cursor:pointer;font-family:var(--font)}.seg button.active{background:var(--bg-white);color:var(--brand);box-shadow:0 1px 2px rgba(15,23,42,.08)}.chip.active{background:var(--brand-soft);border-color:var(--brand);color:var(--brand)}.kb-card{border-left:3px solid var(--brand);border-radius:10px;padding:11px 12px;margin-bottom:8px;transition:box-shadow .15s,transform .15s}.kb-card:hover{box-shadow:0 6px 18px rgba(15,23,42,.08);transform:translateY(-1px)}.cash-layout{display:grid;grid-template-columns:270px 1fr;gap:16px;align-items:start}@media (max-width:900px){.cash-layout{grid-template-columns:1fr}}.cash-acc{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--bg-white);cursor:pointer;margin-bottom:8px;width:100%;text-align:left;font-family:var(--font)}.cash-acc.active{border-color:var(--brand);background:var(--brand-soft)}.cash-acc-ico{width:34px;height:34px;border-radius:10px;background:var(--bg-light);display:flex;align-items:center;justify-content:center;color:var(--brand);flex-shrink:0}.cal-wrap{background:var(--bg-white);border:1px solid var(--border);border-radius:12px;overflow:hidden}.cal-scroll{overflow:auto;max-height:calc(100vh - 250px)}.cal-grid{display:grid;grid-template-columns:60px repeat(7,minmax(120px,1fr));min-width:780px;position:relative}.cal-head{position:sticky;top:0;z-index:3;background:var(--bg-light);border-bottom:1px solid var(--border);padding:8px 6px;text-align:center;font-size:11.5px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.cal-head.today{color:var(--brand);background:var(--brand-soft)}.cal-hour{font-size:11px;color:var(--muted);padding:2px 6px;text-align:right}.cal-cell,.cal-hour{border-right:1px solid var(--border);border-bottom:1px solid var(--border);height:56px}.cal-cell{position:relative}.cal-cell .q{position:absolute;left:0;right:0;border-top:1px dashed var(--border)}.cal-event{position:absolute;left:3px;right:3px;border-radius:6px;padding:3px 6px;font-size:11px;line-height:1.25;overflow:hidden;border-left:3px solid;cursor:pointer}.cal-now{position:absolute;left:0;right:0;height:0;border-top:2px solid var(--error);z-index:2}.cal-now:before{content:"";position:absolute;left:56px;top:-4px;width:8px;height:8px;border-radius:50%;background:var(--error)}.card .btn-primary,.card .btn-secondary,.page-header .btn-primary,.page-header .btn-secondary,.side-panel-footer .btn-primary,.side-panel-footer .btn-secondary{width:auto}.cal-grid>.cal-event,.cal-grid>.cal-now{position:absolute}.cash-layout>*{min-width:0}@media (max-width:900px){.sidebar-logo{flex-direction:row!important}}.cal-page{flex:1;width:100%;min-width:0;display:flex;flex-direction:column;min-height:0}.page-body:has(.cal-page){padding:0;overflow:hidden;display:flex}.calx-tabs{display:flex;align-items:center;gap:0;background:var(--bg-white);border-bottom:1px solid var(--border);padding:0 18px;flex-shrink:0}.calx-tabs button{background:none;border:0;font-family:var(--font);font-size:12.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);padding:0 14px;height:48px;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-1px}.calx-tabs button.active{color:var(--heading);border-bottom-color:var(--brand)}.calx-tabs button:hover:not(.active){color:var(--body)}.calx-body{padding:16px 18px 18px;background:var(--bg-warm)}.calx-body,.calx-card{flex:1;min-height:0;display:flex}.calx-card{flex-direction:column;background:var(--bg-white);border:1px solid var(--border);border-radius:4px}.calx-bar{display:flex;align-items:center;padding:12px 14px;flex-shrink:0;flex-wrap:wrap}.calx-title{font-size:15px;font-weight:600;color:var(--body)}.calx-nav{display:flex}.calx-nav button,.icon-btn{width:36px;height:36px;border:1px solid var(--border);background:var(--bg-white);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--heading);cursor:pointer;transition:background .15s,border-color .15s;flex-shrink:0}.calx-nav button:hover,.icon-btn:hover{background:var(--bg-light);border-color:var(--brand-accent)}.calx-nav button.is-primary,.icon-btn.is-primary{background:var(--brand);border-color:var(--brand);color:#fff}.calx-nav button.is-primary:hover,.icon-btn.is-primary:hover{background:var(--brand-cta);border-color:var(--brand-cta)}.calx-seg{display:inline-flex}.calx-seg button{border:0;background:none;font-size:13.5px;font-weight:600;padding:0 18px;height:34px;cursor:pointer;border-radius:8px}.calx-seg button,.calx-select{font-family:var(--font);color:var(--body)}.calx-select{border:1px solid var(--border);background:var(--bg-white);padding:0 8px;max-width:190px}.calx-scroll{flex:1;min-height:0;overflow:auto;padding:0 14px 14px}.calx-grid{display:grid;grid-template-columns:44px repeat(7,minmax(96px,1fr));min-width:860px;position:relative}.calx-dh{position:sticky;top:0;z-index:3;background:var(--bg-white);height:44px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:500;color:var(--muted)}.calx-dh.today{color:var(--heading);font-weight:700}.calx-grid>.calx-hour:first-of-type{transform:translateY(7px)}.calx-hour{height:44px;font-size:12px;color:var(--muted);text-align:right;padding-right:10px;transform:translateY(-7px)}.calx-cell{height:44px;position:relative;border-top:1px solid #e8e8ec;margin-right:14px}.calx-cell:last-child{margin-right:0}.calx-cell:after,.calx-cell:before{content:"";position:absolute;left:0;right:0;border-top:1px dashed #f0f0f3}.calx-cell:before{top:25%}.calx-cell:after{top:75%}.calx-q{left:0;right:0;top:50%;border-top:1px dashed #ececef}.calx-ev,.calx-q{position:absolute}.calx-ev{left:1px;right:14px;background:var(--bg-white);border:1px solid var(--border);border-left:3px solid;border-radius:3px;padding:2px 6px;font-size:11.5px;line-height:1.25;overflow:hidden;cursor:pointer;z-index:2}.calx-ev:hover{background:var(--bg-warm)}.calx-ev .t{font-weight:700;color:var(--heading)}.calx-ev .c,.calx-ev .t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calx-ev .c{color:var(--muted)}.calx-now{position:absolute;left:0;right:0;height:0;border-top:2px solid var(--error);z-index:4;pointer-events:none}.calx-now:before{content:"";position:absolute;left:-4px;top:-4px;width:8px;height:8px;border-radius:50%;background:var(--error)}@media (max-width:768px){.calx-body{padding:10px}.calx-tabs{padding:0 8px;overflow-x:auto}.calx-scroll{padding:0 8px 10px}}.kb-scroll{flex:1;min-height:0;overflow:auto;padding:0 14px 14px}.kb-board{display:flex;gap:12px;align-items:flex-start;min-height:100%}.kb-col{flex:0 0 272px;width:272px;align-self:stretch;background:var(--bg-warm);border:1px solid var(--border);border-radius:4px;display:flex;flex-direction:column;max-height:100%}.kb-col-head{display:flex;align-items:center;gap:7px;padding:9px 10px;border-bottom:1px solid var(--border);background:var(--bg-white);border-radius:4px 4px 0 0;white-space:nowrap}.kb-dot{width:8px;height:8px;border-radius:2px;flex-shrink:0}.kb-col-name{font-size:11.5px;overflow:hidden;text-overflow:ellipsis;font-weight:700;color:var(--heading);text-transform:uppercase;letter-spacing:.04em}.kb-count{font-weight:700;background:var(--bg-light);border-radius:99px;padding:1px 7px}.kb-count,.kb-sum{font-size:11px;color:var(--muted)}.kb-sum{margin-left:auto;font-weight:600;white-space:nowrap}.kb-col-body{display:flex;flex-direction:column;gap:8px;padding:8px;overflow-y:auto}.kb-card{width:100%;text-align:left;background:var(--bg-white);border:1px solid var(--border);border-radius:4px;padding:9px 10px;cursor:pointer;font-family:var(--font);display:block;transition:border-color .12s,box-shadow .12s}.kb-card:hover{border-color:var(--brand);box-shadow:0 1px 4px rgba(15,23,42,.08)}.kb-card-top{display:flex;align-items:center;gap:6px;margin-bottom:5px}.kb-num{font-size:11px;font-weight:700;color:var(--brand);letter-spacing:.03em}.kb-tag{font-size:10.5px;font-weight:700;border-radius:99px;padding:1px 7px}.kb-date{margin-left:auto;font-size:11px;color:var(--muted);display:inline-flex;align-items:center;gap:3px}.kb-title{font-size:13px;font-weight:600;color:var(--heading);line-height:1.3;margin-bottom:6px}.kb-row{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--body);margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kb-row svg{color:var(--muted);flex-shrink:0}.kb-card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;padding-top:7px;border-top:1px solid var(--border)}.kb-src{font-size:11px;color:var(--muted);background:var(--bg-light);border-radius:3px;padding:2px 6px}.kb-amount{font-size:12.5px;font-weight:700;color:var(--heading)}.kb-mgr{margin-top:6px;font-size:11px}.kb-empty,.kb-mgr{color:var(--muted)}.kb-empty{padding:16px 8px;text-align:center;font-size:12px}@media (max-width:768px){.kb-scroll{padding:0 8px 10px}.kb-col{flex:0 0 244px;width:244px}}.status-badge{display:inline-block;border-radius:99px;padding:2px 9px;font-size:11.5px;font-weight:600;white-space:nowrap}.calx-kinds{border:1px solid #c0c0c4;overflow:hidden;background:var(--bg-white);height:32px}.calx-kind,.calx-kinds{display:inline-flex;align-items:center}.calx-kind{gap:7px;height:100%;padding:0 12px;border:0;border-left:1px solid #e4e4e6;background:transparent;font-family:var(--font);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#757780;cursor:pointer}.calx-kind:first-child{border-left:0}.calx-kind .dot{width:8px;height:8px;border-radius:2px;background:currentColor;opacity:.3}.calx-kind:hover{background:#f7f7fa;color:#1a1c20}.calx-kind.on{background:#f1f5f6;color:#1a1c20}.calx-kind.on .dot{opacity:1}.fp-sec{border:1px solid var(--border);border-radius:4px;background:var(--bg-white)}.fp-sec-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;border-bottom:1px solid var(--border);background:var(--bg-warm)}.fp-sec-title{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--body)}.fp-sec-body{padding:12px}.fp-seg{display:flex;border:1px solid var(--border);border-radius:8px;overflow:hidden}.fp-seg button{flex:1;height:36px;border:0;border-right:1px solid var(--border);background:var(--bg-white);font-family:inherit;font-size:13px;font-weight:600;color:var(--body);cursor:pointer;transition:background .12s}.fp-seg button:last-child{border-right:0}.fp-seg button:hover{background:var(--bg-light)}.fp-seg button.active{background:var(--brand);color:#fff}.fp-field{display:flex;flex-direction:column}.fp-field+.fp-field{margin-top:12px}.fp-hint{font-size:11.5px;color:var(--muted);margin-top:5px}.fp-chips{display:flex;gap:5px;margin-top:6px;flex-wrap:wrap}.fp-chips button{height:28px;padding:0 12px;border-radius:99px;border:1.5px solid var(--border);background:var(--bg-white);font-family:inherit;font-size:12px;font-weight:600;color:var(--body);cursor:pointer}.fp-chips button.active{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-cta)}.cf-phone{display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:4px;background:var(--bg-white);padding:0 8px;height:34px}.cf-phone:focus-within{border-color:var(--heading)}.cf-phone-input{flex:1;min-width:0;outline:none;font-size:13px;color:var(--heading)}.cf-phone-input,.cf-primary{border:none;background:none;font-family:var(--font)}.cf-primary{font-size:11px;font-weight:700;color:var(--muted);cursor:pointer;white-space:nowrap}.cf-primary.on{color:var(--brand-cta)}.cf-add{display:flex;align-items:center;justify-content:center;gap:6px;height:34px;border:1px dashed var(--border);border-radius:4px;background:none;font-family:var(--font);font-size:12.5px;font-weight:600;color:var(--body);cursor:pointer}.cf-add:hover{border-color:var(--heading);color:var(--heading)}.fp-pick{position:relative}.fp-pick-list{position:absolute;z-index:5;left:0;right:0;top:calc(100% + 4px);max-height:210px;overflow:auto;background:var(--bg-white);border:1px solid #c0c0c4;border-radius:4px;box-shadow:0 8px 24px rgba(15,23,42,.12)}.fp-pick-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 11px;cursor:pointer;border-bottom:1px solid #f1f2f5}.fp-pick-row:last-child{border-bottom:0}.fp-pick-row:hover{background:var(--bg-light)}.fp-pick-name{font-size:12.5px;font-weight:600;color:var(--heading)}.fp-pick-sub{font-size:11px;color:var(--muted)}.fp-items{width:100%;border-collapse:collapse}.fp-items th{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);text-align:left;padding:7px 8px;background:var(--bg-light);border-bottom:1px solid var(--border);white-space:nowrap}.fp-items td{padding:5px 8px;border-bottom:1px solid #f1f2f5;font-size:12.5px;color:var(--heading);vertical-align:middle}.fp-items tr:last-child td{border-bottom:0}.fp-num{width:100%;height:28px;border:1px solid #c0c0c4;border-radius:4px;background:var(--bg-white);font-family:var(--font);font-size:12px;text-align:right;padding:0 6px;color:var(--heading);outline:none}.fp-num:focus{border-color:var(--brand)}.fp-del{background:none;border:0;color:#c7cdd8;cursor:pointer;display:flex;padding:2px}.fp-del:hover{color:var(--error)}.fp-empty{padding:22px 12px;text-align:center;font-size:12.5px;color:var(--muted)}.fp-totals{display:flex;justify-content:flex-end;margin-top:10px}.fp-totals-in{min-width:240px;display:flex;flex-direction:column;gap:5px}.fp-trow{display:flex;justify-content:space-between;font-size:12.5px;color:var(--muted)}.fp-trow.total{font-size:15px;font-weight:700;color:var(--heading);border-top:1px solid var(--border);padding-top:6px}.fp-cards{display:flex;flex-direction:column;gap:8px}.fp-pm{gap:11px;padding:9px 12px;border-radius:4px;border:1px solid #c0c0c4;background:var(--bg-white);cursor:pointer;font-size:13px;color:var(--body)}.fp-pm,.fp-pm .ico{display:flex;align-items:center}.fp-pm .ico{width:28px;height:28px;border-radius:4px;justify-content:center}.fp-pm .chk{margin-left:auto;width:16px;height:16px;border-radius:50%;color:#fff;font-size:10px;justify-content:center}.fp-check,.fp-pm .chk{display:flex;align-items:center}.fp-check{gap:8px;font-size:13px;color:var(--body);cursor:pointer}.fp-check input{width:15px;height:15px;accent-color:var(--brand-cta)}.ofp{margin:-20px;display:flex;flex-direction:column}.ofp-top{padding:12px 20px 10px}.ofp-status{position:relative;width:230px}.ofp-status-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:6px;height:32px;padding:0 10px;border-radius:8px;border:1px solid;background:none;font-family:var(--font);font-size:12.5px;font-weight:600;cursor:pointer}.ofp-status-menu{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:20;background:var(--bg-white);border:1px solid #c0c0c4;border-radius:4px;box-shadow:0 8px 24px rgba(15,23,42,.14);overflow:hidden}.ofp-status-menu button{width:100%;display:flex;align-items:center;gap:8px;padding:8px 11px;border:0;background:none;cursor:pointer;font-family:var(--font);font-size:12.5px;color:var(--heading);text-align:left}.ofp-status-menu button:hover{background:var(--bg-light)}.ofp-status-menu button.active{font-weight:700;background:var(--bg-light)}.ofp-status-menu .dot{width:9px;height:9px;border-radius:2px;flex-shrink:0}.ofp-tabs{display:flex;gap:0;padding:0 20px;border-bottom:1px solid var(--border)}.ofp-tab{padding:0 14px;height:40px;border:0;background:none;cursor:pointer;font-family:var(--font);font-size:13.5px;font-weight:500;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px}.ofp-tab:hover{color:var(--body)}.ofp-tab.active{color:var(--brand);font-weight:700;border-bottom-color:var(--brand)}.ofp-pane{padding:18px 20px 20px}.ofp-h{font-size:14px;font-weight:700;color:var(--heading);margin-top:4px}.ofp-client{border:1px solid var(--border);border-radius:4px;padding:11px 14px}.ofp-client-name{font-size:14px;font-weight:700;color:var(--brand)}.ofp-client-grid{display:grid;grid-template-columns:80px 1fr;gap:2px 8px;margin-top:5px;font-size:12.5px;color:var(--heading)}.ofp-client-grid span:nth-child(odd){color:var(--muted)}.ofp-block-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.ofp-block-head>span{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.ofp-block-head{margin-bottom:10px}.ofp-payacts{display:flex;gap:8px}.ofp-pay{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 14px;border-radius:4px;font-size:12.5px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:background .15s,border-color .15s}.ofp-pay.neutral{background:#fff;border-color:#c0c0c4;color:var(--heading)}.ofp-pay.neutral:hover{background:var(--bg-light);border-color:#a9a9af}.ofp-pay.in{background:#fff;border-color:#a9cbba;color:#1f8f63}.ofp-pay.in:hover{background:#f2f9f5;border-color:#7fb69c}.ofp-pay.out{background:#fff;border-color:#d9b1ad;color:#b8483d}.ofp-pay.out:hover{background:#fbf1f0;border-color:#c4544a}.ofp-sums{display:flex;border:1px solid var(--border);border-radius:4px;padding:12px 16px}.ofp-paychip{font-size:11.5px;font-weight:700;padding:4px 11px;border-radius:99px;white-space:nowrap}@media (max-width:768px){.ofp-tabs{overflow-x:auto}.ofp-tab{white-space:nowrap}}.side-panel.w-1040{width:1040px;transition:width .22s ease}.side-panel.w-1040.feed-hidden{width:700px}.side-panel.w-800{width:800px;transition:width .22s ease}.side-panel.w-800.feed-hidden{width:460px}.side-panel.w-780{width:780px;transition:width .22s ease}.side-panel.w-780.feed-hidden{width:440px}.side-panel-split{flex:1;display:flex;min-height:0}.side-panel-main{flex:1;min-width:0;display:flex;flex-direction:column}.side-panel-aside{width:340px;flex-shrink:0;border-left:1px solid var(--border);min-height:0}.feed,.side-panel-aside{display:flex;flex-direction:column}.feed{height:100%;background:#f4f7fb}.feed-tabs{display:flex;justify-content:center;padding:12px 14px 8px;flex-shrink:0}.feed-tabs,.feed-tabs>div{gap:0}.feed-tabs button{padding:6px 16px;border:1px solid var(--border);background:#fff;cursor:pointer;font-size:12px;color:var(--body);font-family:inherit}.feed-tabs button:first-child{border-radius:8px 0 0 8px}.feed-tabs button:last-child{border-radius:0 8px 8px 0;border-left:none}.feed-tabs button.active{background:var(--heading);border-color:var(--heading);color:#fff;font-weight:600}.feed-body{flex:1;overflow-y:auto;padding:2px 14px 10px}.feed-empty{padding:16px;font-size:12px;color:var(--muted);text-align:center}.feed-line{position:absolute;left:13px;top:8px;bottom:8px;width:2px;background:#dbe3ef}.feed-day{display:flex;justify-content:center;padding:10px 0 8px}.feed-day span{font-size:11px;font-weight:700;color:var(--heading);background:#fff;border:1px solid var(--border);border-radius:99px;padding:2px 10px}.feed-item{display:flex;gap:9px;align-items:flex-start;padding:5px 0;position:relative}.feed-icon{width:28px;height:28px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:3px solid #f4f7fb;z-index:1}.feed-head{display:flex;align-items:baseline;gap:8px}.feed-title{font-size:12px;font-weight:700;color:var(--heading)}.feed-time{margin-left:auto;font-size:10.5px;color:var(--muted);white-space:nowrap}.feed-detail{font-size:12px;font-weight:600;word-break:break-word}.feed-changes{display:flex;flex-direction:column;gap:4px;margin-top:5px}.feed-change{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:11.5px;line-height:1.3}.feed-change .fc-field{color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.02em;font-size:10.5px}.feed-change .fc-old{color:var(--muted);text-decoration:line-through;background:var(--bg-light);border-radius:4px;padding:1px 6px}.feed-change .fc-arrow{color:var(--muted);flex-shrink:0}.feed-change .fc-new{color:var(--heading);font-weight:600;background:var(--brand-soft);border-radius:4px;padding:1px 6px}.feed-bubble{margin-top:3px;background:#fff;border:1px solid var(--border);border-radius:4px 10px 10px 10px;padding:6px 10px;font-size:12px;color:var(--body);white-space:pre-wrap;word-break:break-word}.feed-author{font-size:10.5px;color:var(--muted);margin-top:3px}.feed-input{padding:8px 14px 12px;flex-shrink:0}.feed-input-box{display:flex;align-items:flex-start;gap:8px;background:#fff;border:1px solid var(--border);border-radius:8px;padding:7px 10px}.feed-input-box textarea{flex:1;border:none;outline:none;resize:none;font-size:12.5px;padding:2px 0;font-family:inherit;background:transparent;color:var(--body)}.feed-hint{font-size:10.5px;color:var(--muted);margin-top:6px}@media (max-width:1100px){.side-panel.w-1040,.side-panel.w-780,.side-panel.w-800{width:100vw}.side-panel-aside{display:none}}.input-field{width:100%;padding:8px 12px;border:1.5px solid var(--border);border-radius:8px;font-size:13.5px;font-family:var(--font-sans,"DM Sans",sans-serif);color:var(--heading);background:#fff;outline:none;transition:border-color .15s,box-shadow .15s;-moz-appearance:none;appearance:none;-webkit-appearance:none}.input-field:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(0,178,178,.15)}.input-field::-moz-placeholder{color:var(--muted)}.input-field::placeholder{color:var(--muted)}.input-field.border-error{border-color:var(--error)}.input-field.resize-none{resize:none}select.input-field{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px;cursor:pointer}.form-input.error,.input-field.error{border-color:var(--error)!important;background:rgba(239,68,68,.03)}.form-input.error:focus,.input-field.error:focus{box-shadow:0 0 0 3px rgba(239,68,68,.15)!important}.field-error{font-size:11.5px;color:var(--error);margin-top:3px;display:flex;align-items:center;gap:4px}.required-mark{color:var(--error);margin-left:2px}@keyframes spin{to{transform:rotate(1turn)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.page-fade-in{animation:fadeIn .2s ease-out}.spinner{width:32px;height:32px;border:3px solid rgba(44,42,114,.12);border-top:3px solid var(--brand);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.spinner-sm{width:16px;height:16px;border-width:2px}.spinner-lg{width:48px;height:48px;border-width:4px}.skeleton{background:linear-gradient(90deg,#eef0f3 25%,#e4e7eb 50%,#eef0f3 75%);background-size:400px 100%;animation:shimmer 1.4s ease-in-out infinite;border-radius:6px}.skeleton-text{height:13px;margin-bottom:8px;border-radius:4px}.skeleton-card{height:64px;border-radius:12px;margin-bottom:8px}.page-loader{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(247,247,250,.7);z-index:10;backdrop-filter:blur(2px)}@keyframes slideInRight{0%{transform:translateX(24px);opacity:.6}to{transform:translateX(0);opacity:1}}.settings-layout{display:flex;gap:22px;align-items:flex-start}.settings-sidebar{width:210px;flex-shrink:0;position:sticky;top:0}.settings-nav-title{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;padding:2px 10px 8px}.settings-nav{display:flex;flex-direction:column;gap:1px}.settings-nav-link{display:block;padding:8px 10px;border-radius:8px;font-size:13px;font-weight:500;color:var(--body);text-decoration:none;border-left:2px solid transparent}.settings-nav-link:hover{background:var(--bg-light);color:var(--heading)}.settings-nav-link.active{background:var(--brand-soft);color:var(--brand-cta);font-weight:700;border-left-color:var(--brand)}.settings-content{flex:1;min-width:0}.st-card{background:var(--bg-white);border:1px solid var(--border);border-radius:4px}.st-card-pad{padding:18px 20px}.st-sec-title{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.st-sub{font-size:12.5px;color:var(--muted);margin:0}.st-grid2{grid-template-columns:1fr 1fr}.st-grid2,.st-grid3{display:grid;gap:12px}.st-grid3{grid-template-columns:1fr 1fr 1fr}.st-field{min-width:0}.st-input,.st-select,.st-textarea{width:100%;height:34px;border:1px solid #c0c0c4;border-radius:4px;background:var(--bg-white);font-family:var(--font);font-size:13px;color:var(--heading);padding:0 10px;outline:none}.st-textarea{height:auto;padding:8px 10px;resize:vertical;line-height:1.45}.st-input:focus,.st-select:focus,.st-textarea:focus{border-color:var(--brand);box-shadow:0 0 0 2px rgba(0,178,178,.15)}.st-input::-moz-placeholder,.st-textarea::-moz-placeholder{color:var(--muted)}.st-input::placeholder,.st-textarea::placeholder{color:var(--muted)}.st-label{display:block;font-size:12px;font-weight:600;color:var(--body);margin-bottom:5px}.st-btn{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 14px;border-radius:8px;font-family:var(--font);font-size:13.5px;font-weight:600;cursor:pointer;border:1px solid var(--border);background:var(--bg-white);color:var(--heading)}.st-btn:hover{background:var(--bg-light)}.st-btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}.st-btn.primary:hover{background:var(--brand-cta);border-color:var(--brand-cta)}.st-btn.danger{color:var(--error);border-color:#e2b4b4}.st-btn.danger:hover{background:#fdf3f3}.st-btn:disabled{opacity:.5;cursor:not-allowed}.st-btn.sm{height:28px;padding:0 10px;font-size:12px}.st-actions{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}.st-iconbtn{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:0;background:none;color:var(--muted);cursor:pointer;border-radius:8px}.st-iconbtn:hover{background:var(--bg-light);color:var(--heading)}.st-iconbtn.danger:hover{color:var(--error)}.st-tabs{display:flex;gap:2px;border-bottom:1px solid var(--border);margin-bottom:16px;flex-wrap:wrap}.st-tabs button{display:inline-flex;align-items:center;gap:6px;background:none;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;padding:8px 14px;font-family:var(--font);font-size:13px;font-weight:600;color:var(--muted);cursor:pointer}.st-tabs button.active{color:var(--brand-cta);border-bottom-color:var(--brand)}.st-tabs .n{font-size:11px;font-weight:700;border-radius:99px;padding:0 6px;background:var(--bg-light);color:var(--muted)}.st-tabs button.active .n{background:rgba(0,178,178,.12);color:var(--brand-cta)}.st-pill{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;border-radius:99px;padding:2px 9px;font-size:11.5px;font-weight:600}.st-empty{border:1px dashed var(--border);border-radius:4px;padding:26px 18px;text-align:center;color:var(--muted);font-size:13px}.st-check{display:flex;align-items:flex-start;gap:9px;cursor:pointer;font-size:13px;color:var(--heading)}.st-check input{accent-color:var(--brand);width:15px;height:15px;margin-top:2px;flex-shrink:0}.st-row{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border)}.st-row:last-child{border-bottom:0}.st-note{padding:10px 12px;border-radius:4px;background:var(--brand-soft);font-size:12.5px;color:var(--body);line-height:1.5}.st-cols{display:grid;grid-template-columns:1.6fr 1fr;gap:18px;align-items:start}.st-stack{display:flex;flex-direction:column;gap:18px}.st-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:16px}.st-scroll{overflow-x:auto}.st-scroll table{min-width:560px}.st-subrow{background:var(--bg-light)}.st-subrow td{padding-top:7px;padding-bottom:7px;font-size:12.5px}.st-tpl-grid{display:grid;grid-template-columns:220px minmax(0,1fr) 228px;gap:14px;align-items:start}.st-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.st-code{display:flex;align-items:center;gap:6px;width:100%;text-align:left;border:1px solid var(--border);background:var(--bg-white);border-radius:4px;padding:5px 8px;cursor:pointer;font-family:var(--font);font-size:11.5px;color:var(--muted)}.st-code:hover{background:var(--brand-soft);border-color:var(--brand)}.st-code code{font-family:ui-monospace,monospace;font-size:11px;color:var(--brand-cta);font-weight:600}.st-code span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:1240px){.st-tpl-grid{grid-template-columns:220px minmax(0,1fr)}.st-tpl-grid>:last-child{grid-column:1/-1}}@media (max-width:820px){.st-tpl-grid{grid-template-columns:1fr}.st-tpl-grid>:last-child{grid-column:auto}}@media (max-width:1100px){.st-cols{grid-template-columns:1fr}}@media (max-width:900px){.settings-layout{flex-direction:column}.settings-sidebar{width:100%;position:static}.settings-nav{flex-direction:row;overflow-x:auto;gap:4px;padding-bottom:4px}.settings-nav-link{white-space:nowrap;border-left:0;border-bottom:2px solid transparent}.settings-nav-link.active{border-left:0;border-bottom-color:var(--brand)}.st-grid2,.st-grid3{grid-template-columns:1fr}}.calx-bar .btn-primary,.calx-bar .btn-secondary,.card .btn-primary,.card .btn-secondary,.page-header .btn-primary,.page-header .btn-secondary{width:auto}.calx-bar{gap:10px}.calx-nav{gap:8px}.calx-nav button{width:34px}.calx-nav button,.calx-seg{height:34px;border:1px solid var(--border-control);border-radius:4px;background:var(--bg-white)}.calx-seg{align-items:stretch;overflow:hidden}.calx-seg button{height:auto;border-radius:0;border-right:1px solid var(--border);padding:0 14px;font-size:13px}.calx-seg button:last-child{border-right:0}.calx-seg button.active{background:var(--bg-light);color:var(--heading);font-weight:600}.calx-kinds{height:34px;border:1px solid var(--border-control);border-radius:4px}.calx-bar .btn-secondary,.calx-select{height:34px;border:1px solid var(--border-control);border-radius:4px;font-size:13px}.calx-bar .btn-secondary{padding:0 14px}.feed-collapse{flex-shrink:0;width:16px;border:none;border-left:1px solid var(--border);background:var(--bg-white);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--muted);padding:0;transition:background .12s,color .12s}.feed-collapse:hover{background:var(--bg-light);color:var(--heading)}.app-loader{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:var(--bg-white);opacity:1;transition:opacity .35s ease}.app-loader--out{opacity:0;pointer-events:none}.app-loader--inline{position:absolute;inset:0;z-index:40;background:var(--bg-warm)}.app-loader--area{position:static;inset:auto;z-index:auto;flex:1;min-height:55vh;background:transparent}.app-loader--content{position:fixed;top:56px;left:var(--sidebar);right:0;bottom:0;z-index:40;background:var(--bg-warm)}@media (max-width:900px){.app-loader--content{left:0;top:54px}}.app-loader__inner{display:flex;flex-direction:column;align-items:center;gap:16px}.app-loader__mark{position:relative;width:72px;height:72px;border-radius:16px;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,178,178,.28);animation:al-pop .5s ease both}.app-loader--area .app-loader__mark,.app-loader--content .app-loader__mark,.app-loader--inline .app-loader__mark{width:56px;height:56px;border-radius:12px}.app-loader__ring{position:absolute;inset:0;border-radius:inherit;border:2px solid var(--brand);opacity:.5;animation:al-pulse 1.8s ease-out infinite}.app-loader__ring--2{animation-delay:.6s}.app-loader__title{font-family:var(--font-display,Inter);font-size:17px;font-weight:700;letter-spacing:-.2px;color:var(--heading)}.app-loader--area .app-loader__title,.app-loader--content .app-loader__title,.app-loader--inline .app-loader__title{font-size:14px}.app-loader__title span{color:var(--brand)}.app-loader__bar{width:150px;height:3px;border-radius:99px;background:var(--bg-light);overflow:hidden}.app-loader--area .app-loader__bar,.app-loader--content .app-loader__bar,.app-loader--inline .app-loader__bar{width:120px}.app-loader__bar span{display:block;width:40%;height:100%;border-radius:99px;background:var(--brand);animation:al-slide 1.1s ease-in-out infinite}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@keyframes al-pop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}@keyframes al-pulse{0%{transform:scale(1);opacity:.45}to{transform:scale(1.45);opacity:0}}@keyframes al-slide{0%{transform:translateX(-110%)}to{transform:translateX(310%)}}@media (prefers-reduced-motion:reduce){.app-loader__bar span,.app-loader__mark,.app-loader__ring{animation:none}}.st-bill-top{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:18px}@media(min-width:1040px){.st-bill-top{grid-template-columns:1.55fr 1fr}}.st-pay{display:flex;flex-direction:column}.st-card-visual{margin-top:10px;border-radius:12px;padding:16px 18px;color:#fff;background:linear-gradient(135deg,#2c2a72,#8c7ae6);box-shadow:0 6px 18px rgba(44,42,114,.18)}.st-card-visual__brand{font-size:12px;font-weight:700;letter-spacing:.08em;opacity:.9}.st-card-visual__num{font-size:18px;font-weight:600;letter-spacing:.06em;margin:10px 0 8px;font-variant-numeric:tabular-nums}.st-card-visual__note{display:flex;align-items:center;gap:6px;font-size:11px;opacity:.85;line-height:1.35}.st-card-visual--empty{background:var(--bg-light);color:var(--muted);box-shadow:none;border:1px dashed var(--border);display:flex;align-items:center;gap:10px;font-size:13px}.st-addons{display:flex;flex-direction:column;gap:10px}.st-addon{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border:1px solid var(--border);border-radius:10px;padding:10px 14px}.st-stepper{display:inline-flex;align-items:center;gap:2px;border:1px solid var(--border);border-radius:999px;padding:2px;background:var(--bg-light)}.st-stepper button{width:28px;height:28px;border:none;border-radius:999px;background:transparent;cursor:pointer;color:var(--body);display:flex;align-items:center;justify-content:center}.st-stepper button:hover:not(:disabled){background:#fff;color:var(--heading)}.st-stepper button:disabled{opacity:.35;cursor:default}.st-stepper span{min-width:34px;text-align:center;font-weight:700;font-size:13.5px;font-variant-numeric:tabular-nums}.st-addons__foot{justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}.ext-tabs,.st-addons__foot{display:flex;align-items:center}.ext-tabs{gap:0;background:var(--bg-white);border-bottom:1px solid var(--border);padding:0 18px;flex-shrink:0}.ext-tabs button{background:none;border:0;font-size:12.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);padding:0 14px;height:48px;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-1px;font-family:inherit}.ext-tabs button:hover{color:var(--body)}.ext-tabs button.active{color:var(--heading);border-bottom-color:var(--brand)}.ext-layout{display:flex;gap:0;align-items:stretch;padding-top:2px}.ext-sidebar{width:208px;flex-shrink:0;border-right:1px solid var(--border);padding-right:14px}.ext-nav-title{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;padding:2px 10px 8px}.ext-nav{display:flex;flex-direction:column;gap:1px}.ext-nav-link{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;text-align:left;padding:0 10px;height:32px;border:none;border-left:2px solid transparent;background:transparent;cursor:pointer;border-radius:0;font-size:13px;font-weight:500;color:var(--body);font-family:inherit}.ext-nav-link:hover{background:var(--bg-warm);color:var(--heading)}.ext-nav-link.active{background:var(--bg-light);color:var(--heading);font-weight:700;border-left-color:var(--brand)}.ext-nav-count{font-size:11px;color:var(--muted)}.ext-nav-link.active .ext-nav-count{color:var(--body)}.ext-content{flex:1;min-width:0;padding-left:16px}.ext-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px}.ext-card{padding:16px;display:flex;flex-direction:column;height:100%;min-height:156px;background:var(--bg-white);border:1px solid var(--border);border-radius:12px;transition:background .12s}.ext-card:hover{background:var(--bg-warm)}.ext-icon{width:34px;height:34px;border-radius:4px;flex-shrink:0;color:var(--heading);background:var(--bg-light);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;overflow:hidden}.ext-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.ext-tag{display:inline-flex;align-items:center;gap:4px;border-radius:99px;padding:2px 8px;font-size:11px;font-weight:600;border:1px solid transparent}.ext-card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:12px}.ext-trial{font-size:11.5px;font-weight:600;color:var(--muted)}.ext-installed{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border-radius:2px;padding:3px 7px;background:var(--bg-light);border:1px solid var(--border);color:var(--body)}@media (max-width:900px){.ext-layout{flex-direction:column}.ext-sidebar{width:100%;border-right:0;padding-right:0}.ext-nav{flex-direction:row;overflow-x:auto;gap:4px;padding-bottom:4px}.ext-nav-link{white-space:nowrap;border-left:0;border-bottom:2px solid transparent}.ext-nav-link.active{border-left:0;border-bottom-color:var(--brand)}.ext-content{padding-left:0;padding-top:12px}.ext-grid{grid-template-columns:1fr}}.ext-detail-back{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:500;color:var(--body);text-decoration:none;padding:8px 12px;border-radius:8px;transition:all .15s}.ext-detail-back:hover{background:var(--bg-light);color:var(--heading)}.ext-detail-grid{max-width:1100px;display:grid;grid-template-columns:1fr 320px;gap:20px;align-items:start}.ext-feature-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.ext-feature-list li{display:flex;align-items:flex-start;gap:10px;font-size:13.5px;color:var(--body)}.ext-feature-icon{color:var(--brand);flex-shrink:0;margin-top:2px}.ext-screenshots{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ext-shot{aspect-ratio:16/10;border-radius:10px;border:1px solid var(--border);background:var(--bg-light);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:12px;color:var(--muted)}@media (max-width:900px){.ext-detail-grid{grid-template-columns:1fr}.ext-screenshots{grid-template-columns:1fr 1fr}}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:99px;font-size:12.5px;font-weight:600;cursor:pointer;font-family:var(--font);white-space:nowrap;border:1px solid var(--border);background:var(--bg-white);color:var(--body);transition:all .12s}.chip:hover{border-color:var(--brand-accent);color:var(--heading)}.chip[data-on=true]{border-color:var(--brand-cta);background:var(--brand-soft);color:var(--brand-cta);font-weight:600}.radio-row{display:flex;align-items:flex-start;gap:9px;padding:9px 12px;border-radius:10px;cursor:pointer;border:1.5px solid var(--border);background:var(--bg-white);transition:all .12s}.radio-row:hover{border-color:var(--brand-accent)}.radio-row[data-on=true]{border-color:var(--brand-cta);background:var(--brand-soft)}.sf-root{--sf-accent:#3b82f6;--sf-accent-cta:#2563eb;--sf-accent-soft:#eff6ff;--sf-toolbar-h:48px;min-height:100vh;background:var(--bg-warm);color:var(--body);font-family:DM Sans,system-ui,sans-serif;padding-bottom:92px}.sf-spin{animation:sf-rotate 1s linear infinite;color:var(--muted)}@keyframes sf-rotate{to{transform:rotate(1turn)}}.sf-header{position:sticky;top:0;z-index:30;background:var(--bg-white);border-bottom:1px solid var(--border);padding:10px 14px;display:flex;flex-direction:column;gap:10px}.sf-header-top{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.sf-brand{gap:9px;min-width:0}.sf-brand,.sf-logo{display:flex;align-items:center}.sf-logo{width:32px;height:32px;border-radius:9px;flex-shrink:0;background:var(--sf-accent);color:#fff;font-weight:700;font-size:15px;justify-content:center}.sf-brand-text{min-width:0}.sf-seller{font-family:Space Grotesk,system-ui,sans-serif;font-size:17px;font-weight:700;color:var(--heading);line-height:1.15}.sf-greeting{font-size:12.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sf-header.is-compact .sf-client,.sf-header.is-compact .sf-greeting{display:none}.sf-header.is-compact .sf-logo{width:28px;height:28px;font-size:13px}.sf-header.is-compact .sf-seller{font-size:15px}.sf-header.is-compact{padding-top:8px;padding-bottom:8px}.sf-cart-btn{height:38px;padding:0 12px;display:inline-flex;align-items:center;gap:8px;border-radius:9px;border:1.5px solid var(--border);background:var(--bg-white);color:var(--muted);cursor:pointer}.sf-cart-btn.is-filled{border-color:var(--sf-accent);color:var(--sf-accent-cta)}.sf-cart-count{min-width:20px;height:20px;padding:0 6px;border-radius:99px;background:var(--sf-accent);color:#fff;font-size:11.5px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.sf-cart-total{font-size:13px;font-weight:700;white-space:nowrap}.sf-search{position:relative;display:flex;align-items:center}.sf-search svg{position:absolute;left:11px;color:var(--muted)}.sf-search input{width:100%;height:38px;padding:0 34px;border-radius:9px;border:1px solid var(--border);background:var(--bg-warm);font-size:14px;color:var(--heading);font-family:inherit}.sf-search input:focus{outline:none;border-color:var(--sf-accent);background:var(--bg-white)}.sf-clear{position:absolute;right:8px;width:22px;height:22px;border:0;border-radius:99px;background:var(--bg-light);color:var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer}.sf-client{align-self:flex-start;background:var(--sf-accent-soft);color:var(--sf-accent-cta);border-radius:99px;padding:4px 10px;font-size:12px;font-weight:600}.sf-body{max-width:1100px;margin:0 auto;padding:12px 12px 20px}.sf-toolbar{position:sticky;top:var(--sf-top);z-index:20;height:48px;display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--border)}.sf-cat-btn,.sf-toolbar{align-items:center;background:var(--bg-white)}.sf-cat-btn{height:38px;padding:0 12px;display:inline-flex;gap:8px;cursor:pointer;border-radius:9px;border:1px solid var(--border);color:var(--heading);font-size:13.5px;font-weight:600;font-family:inherit;max-width:70%}.sf-cat-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sf-cat-btn.is-active{border-color:var(--sf-accent);color:var(--sf-accent-cta);background:var(--sf-accent-soft)}.sf-count{font-size:12.5px;color:var(--muted);white-space:nowrap}.sf-cat-menu{position:absolute;top:44px;left:0;z-index:40;width:260px;max-width:calc(100vw - 24px);max-height:60vh;overflow-y:auto;background:var(--bg-white);border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 32px rgba(15,23,42,.14);padding:6px}.sf-cat-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border:0;background:transparent;border-radius:8px;cursor:pointer;font-size:13.5px;color:var(--body);font-family:inherit;text-align:left}.sf-cat-item:hover{background:var(--bg-light)}.sf-cat-item.is-active{background:var(--sf-accent-soft);color:var(--sf-accent-cta);font-weight:700}.sf-cat-count{font-size:11.5px;color:var(--muted)}.sf-list{background:var(--bg-white);border:1px solid var(--border);border-radius:12px;clip-path:inset(0 round 12px)}.sf-row{display:grid;grid-template-columns:46px minmax(0,1fr) auto;grid-template-areas:"img main act" "img price act";align-items:center;gap:2px 10px;padding:10px 12px;border-bottom:1px solid var(--bg-light)}.sf-row:last-child{border-bottom:0}.sf-row.is-added{background:var(--sf-accent-soft)}.sf-row.is-out{opacity:.72}.sf-thumb{grid-area:img;width:46px;height:46px;border-radius:9px;background:var(--bg-light);border:1px solid var(--border);color:var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;overflow:hidden}.sf-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.sf-row-main{grid-area:main;min-width:0;cursor:pointer}.sf-name{font-size:13.5px;font-weight:600;color:var(--heading);line-height:1.3}.sf-row-main:hover .sf-name{color:var(--sf-accent-cta)}.sf-code{font-size:11.5px;color:var(--muted);margin-top:1px}.sf-row-price{grid-area:price;min-width:0}.sf-price{font-size:15px;font-weight:700;color:var(--heading);white-space:nowrap}.sf-price span{font-size:11.5px;font-weight:500;color:var(--muted)}.sf-stock{font-size:11.5px;color:var(--success)}.sf-stock--out{color:var(--error)}.sf-line-sum{font-size:11.5px;font-weight:600;color:var(--sf-accent-cta)}.sf-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:2px}.sf-unit{font-size:11.5px;color:var(--muted)}.sf-group+.sf-group{border-top:1px solid var(--border)}.sf-group-head{position:sticky;top:calc(var(--sf-top) + var(--sf-toolbar-h));z-index:12;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 12px;background:var(--bg-light);border-bottom:1px solid var(--border);font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--body)}.sf-group-count{font-weight:600;letter-spacing:0;color:var(--muted)}.sf-row-act{grid-area:act;display:flex;align-items:center;justify-content:flex-end;min-width:92px}.sf-add{width:38px;border-radius:9px;border:0;background:var(--sf-accent);color:#fff;display:flex;justify-content:center;cursor:pointer}.sf-add,.sf-stepper{height:38px;align-items:center}.sf-stepper{display:inline-flex;border:1px solid var(--border);border-radius:9px;background:var(--bg-white);overflow:hidden}.sf-stepper button{width:34px;height:100%;border:0;background:transparent;color:var(--body);display:flex;align-items:center;justify-content:center;cursor:pointer}.sf-stepper span{min-width:26px;text-align:center;font-size:13.5px;font-weight:700;color:var(--heading)}.sf-stepper-plus{color:var(--sf-accent-cta)!important}.sf-out-badge{font-size:11.5px;font-weight:600;color:var(--muted);background:var(--bg-light);border-radius:99px;padding:5px 10px;white-space:nowrap}.sf-btn{height:36px;padding:0 16px;border-radius:8px;font-size:13.5px;font-weight:600;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid transparent}.sf-btn-primary{background:var(--sf-accent);color:#fff}.sf-btn-ghost{background:var(--bg-white);color:var(--heading);border-color:var(--border)}.sf-btn-block,.sf-more{width:100%}.sf-more{margin-top:12px}.sf-footer{text-align:center;font-size:12px;color:var(--muted);padding:18px 0 4px}.sf-bottom{position:fixed;left:0;right:0;bottom:0;z-index:35;background:var(--bg-white);border-top:1px solid var(--border);box-shadow:0 -6px 20px rgba(15,23,42,.07);padding:10px 14px calc(10px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:12px}.sf-bottom-sum{font-size:16px;font-weight:700;color:var(--heading)}.sf-bottom-meta{font-size:11.5px;color:var(--muted)}.sf-bottom-act{display:flex;gap:8px}.sf-overlay{position:fixed;inset:0;background:rgba(15,23,42,.4);z-index:50}.sf-drawer{position:fixed;z-index:51;background:var(--bg-white);display:flex;flex-direction:column;left:0;right:0;bottom:0;max-height:88vh;border-radius:16px 16px 0 0}.sf-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid var(--border)}.sf-drawer-body{flex:1;overflow-y:auto;padding:14px}.sf-drawer-img{aspect-ratio:16/10;border-radius:12px;background:var(--bg-light);border:1px solid var(--border);color:var(--muted);display:flex;align-items:center;justify-content:center;margin-bottom:14px;overflow:hidden}.sf-drawer-img img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.sf-drawer-name{font-size:17px;font-weight:700;color:var(--heading)}.sf-drawer-desc{font-size:13.5px;line-height:1.6;color:var(--body);margin:10px 0}.sf-drawer-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--border)}.sf-icon-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:var(--bg-white);display:flex;justify-content:center}.sf-back,.sf-icon-btn{color:var(--muted);align-items:center;cursor:pointer}.sf-back{display:inline-flex;gap:6px;border:0;background:transparent;padding:0;font-size:13px;font-weight:600;font-family:inherit}.sf-header--sub{flex-direction:column;align-items:flex-start;gap:6px}.sf-sub-title{font-family:Space Grotesk,system-ui,sans-serif;font-size:17px;font-weight:700;color:var(--heading)}.sf-checkout-grid{display:grid;grid-template-columns:1fr;gap:12px}.sf-cart-row{display:grid;grid-template-columns:46px minmax(0,1fr);grid-template-areas:"img main" "act act";gap:8px 10px;padding:12px;border-bottom:1px solid var(--bg-light)}.sf-cart-row:last-child{border-bottom:0}.sf-cart-main{grid-area:main;min-width:0}.sf-cart-act{grid-area:act;display:flex;align-items:center;justify-content:space-between;gap:10px}.sf-cart-sum{font-size:14px;font-weight:700;color:var(--heading);margin-left:auto}.sf-summary{background:var(--bg-white);border:1px solid var(--border);border-radius:12px;padding:16px}.sf-summary-total{font-size:22px;font-weight:700;color:var(--heading)}.sf-summary-meta{font-size:12.5px;color:var(--muted);margin-bottom:12px}.sf-summary-note{font-size:11.5px;color:var(--muted);margin-top:10px;line-height:1.5}.sf-card{background:var(--bg-white);border:1px solid var(--border);border-radius:12px;padding:16px}.sf-label{display:block;font-size:13px;font-weight:500;color:var(--body);margin:12px 0 5px}.sf-form .sf-label:first-child{margin-top:0}.sf-input{width:100%;height:40px;padding:0 12px;border-radius:9px;border:1px solid var(--border);background:var(--bg-white);font-size:14px;color:var(--heading);font-family:inherit}.sf-input:focus{outline:none;border-color:var(--sf-accent)}.sf-textarea{height:auto;padding:10px 12px;resize:vertical}.sf-hint{font-size:11.5px;color:var(--muted);margin-top:4px}.sf-check{display:flex;align-items:flex-start;gap:8px;margin-top:14px;font-size:13px;color:var(--body)}.sf-empty{background:var(--bg-white);border:1px solid var(--border);border-radius:12px;padding:40px 20px;text-align:center;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:10px}.sf-empty-title{font-size:14px;font-weight:600;color:var(--heading)}.sf-state{max-width:420px;margin:0 auto;padding:64px 20px;text-align:center;flex-direction:column;gap:10px}.sf-state,.sf-state-icon{display:flex;align-items:center}.sf-state-icon{width:56px;height:56px;border-radius:99px;background:var(--sf-accent-soft);color:var(--sf-accent-cta);justify-content:center}.sf-state-title{font-size:18px}.sf-state-sum,.sf-state-title{font-weight:700;color:var(--heading)}.sf-state-sum{font-size:22px}.sf-state-text{font-size:13.5px;color:var(--muted);margin-bottom:8px}@media (min-width:640px){.sf-header{padding:12px 20px;display:grid;align-items:center;gap:12px;grid-template-columns:minmax(0,1fr) minmax(220px,420px) auto}.sf-header-top{display:contents}.sf-brand{order:1}.sf-header .sf-search{order:2}.sf-cart-btn{order:3;justify-self:end}.sf-client{order:4;grid-column:1/-1}.sf-row{grid-template-columns:46px minmax(0,1fr) 130px 100px;grid-template-areas:"img main price act"}.sf-row-price{text-align:right}.sf-body{max-width:900px}.sf-cart-row{grid-template-columns:46px minmax(0,1fr) auto;grid-template-areas:"img main act";align-items:center}.sf-cart-act{justify-content:flex-end}.sf-body{padding:16px 20px 24px}}@media (min-width:900px){.sf-checkout-grid{grid-template-columns:1fr 280px;align-items:start}.sf-summary{position:sticky;top:96px}.sf-drawer{top:0;bottom:0;left:auto;right:0;width:440px;max-height:none;border-radius:0}}.promo-scope{display:grid;grid-template-columns:210px minmax(0,1fr);gap:0;border:1px solid var(--border);border-radius:12px;overflow:hidden;min-height:340px}.promo-tree{border-right:1px solid var(--border);background:var(--bg-warm);max-height:420px;overflow-y:auto;padding:6px}.promo-tree-row{display:flex;flex-direction:column;gap:2px;margin-bottom:2px}.promo-tree-item{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:7px 9px;border:0;border-radius:8px;background:transparent;cursor:pointer;text-align:left;font-size:12.5px;color:var(--body);font-family:inherit}.promo-tree-item:hover{background:var(--bg-light)}.promo-tree-item.is-active{background:var(--brand-soft);color:var(--brand-cta);font-weight:600}.promo-tree-num{font-size:11px;color:var(--muted)}.promo-tree-item.is-active .promo-tree-num{color:var(--brand-cta)}.promo-tree-value{display:flex;align-items:center;gap:6px;padding:0 9px 4px}.promo-tree-value input[type=number]{flex:1;min-width:0}.promo-items{display:flex;flex-direction:column;min-width:0}.promo-items-head{display:flex;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid var(--border);background:var(--bg-white)}.promo-items-body{flex:1;max-height:360px;overflow-y:auto}.promo-items-foot{display:flex;align-items:center;gap:14px;padding:8px 12px;border-top:1px solid var(--border);background:var(--bg-warm);font-size:12px;color:var(--muted)}@media (max-width:820px){.promo-scope{grid-template-columns:1fr}.promo-tree{border-right:0;border-bottom:1px solid var(--border);max-height:200px}}.pm-kinds{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pm-kind{display:flex;align-items:flex-start;gap:9px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;cursor:pointer;background:var(--bg-white)}.pm-kind:hover{background:var(--bg-light)}.pm-kind.is-on{border-color:var(--brand);background:var(--brand-soft)}.pm-kind input{accent-color:var(--brand);margin-top:2px;flex-shrink:0}.pm-kind b{display:block;font-size:13px;font-weight:600;color:var(--heading)}.pm-kind em{display:block;font-style:normal;font-size:11.5px;color:var(--muted);margin-top:2px;line-height:1.35}.pm-days{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.pm-day{width:40px;height:32px;border:1px solid var(--border);border-radius:8px;background:var(--bg-white);font-family:inherit;font-size:12px;font-weight:600;color:var(--body);cursor:pointer}.pm-day.is-on{background:var(--brand);border-color:var(--brand);color:#fff}.pm-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:38px 18px;color:var(--muted)}.pm-empty .t{font-size:13.5px;font-weight:600;color:var(--heading)}.pm-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;color:var(--muted)}.pm-composer{display:grid;grid-template-columns:340px minmax(0,1fr);gap:14px;align-items:start}.pm-cat,.pm-doc{background:var(--bg-white);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;min-width:0}.pm-cat{max-height:calc(100vh - 150px)}.pm-cat-head{align-items:center;gap:6px;padding:10px 12px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.pm-cat-head,.pm-cat-list{display:flex;border-bottom:1px solid var(--border)}.pm-cat-list{padding:6px;flex-direction:column;gap:1px;max-height:184px;overflow-y:auto}.pm-cat-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;border:0;border-radius:8px;background:none;font-family:inherit;font-size:12.5px;color:var(--body);cursor:pointer;text-align:left}.pm-cat-item:hover{background:var(--bg-light);color:var(--heading)}.pm-cat-item.is-on{background:var(--brand-soft);color:var(--brand-cta);font-weight:700}.pm-cat-item .n{font-size:11px;font-weight:700;color:var(--muted)}.pm-cat-item.is-on .n{color:var(--brand-cta)}.pm-filters{padding:10px 12px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.pm-search{display:flex;align-items:center;gap:7px;height:32px;padding:0 9px;border:1px solid var(--border);border-radius:8px;color:var(--muted);background:var(--bg-white)}.pm-search input{flex:1;min-width:0;border:0;outline:none;background:none;font-family:inherit;font-size:12.5px;color:var(--heading)}.pm-cat-products{overflow:auto;min-height:0}.pm-cat-products thead th{position:sticky;top:0;z-index:2;background:var(--bg-light)}.pm-table td,.pm-table th{padding:6px 10px;font-size:12.5px;vertical-align:middle}.pm-table .input-field{height:28px;font-size:12.5px;padding:0 7px}.pm-doc{min-height:calc(100vh - 150px)}.pm-doc-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--border)}.pm-doc-title{margin:0;font-family:var(--font-display,inherit);font-size:15px;font-weight:700;color:var(--heading);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pm-chips{display:flex;gap:6px;flex-wrap:wrap;padding:10px 14px 0}.pm-chip{border-radius:99px;padding:2px 9px;font-size:11.5px;font-weight:600;background:var(--bg-light);color:var(--body)}.pm-chip.is-on{background:var(--brand-soft);color:var(--brand-cta)}.pm-doc-tabs{margin:12px 14px 0}.pm-doc-tabs .n{margin-left:5px;font-size:11px;opacity:.75}.pm-doc-body{flex:1;min-height:0;overflow:auto}.pm-doc-body thead th{position:sticky;top:0;z-index:2;background:var(--bg-light)}.pm-doc-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-top:1px solid var(--border);flex-wrap:wrap;font-size:12px;color:var(--muted)}.pm-catsel{display:flex;flex-direction:column}.pm-catsel-row{display:flex;align-items:center;gap:10px;padding:9px 14px;border-bottom:1px solid var(--border)}.pm-catsel-row.is-on{background:var(--brand-soft)}@media (max-width:1080px){.pm-composer{grid-template-columns:1fr}.pm-cat{max-height:none}.pm-cat-products{max-height:320px}.pm-doc{min-height:0}.pm-doc-body{max-height:440px}.pm-kinds{grid-template-columns:1fr}}.sf-old{margin-left:6px;font-size:11.5px;font-weight:500;color:var(--muted);text-decoration:line-through}.sf-promo{font-size:11px;font-weight:700;padding:1px 7px;border-radius:99px;background:rgba(34,197,94,.16);color:#15803d}.pm-catpick{position:relative;padding:10px 12px;border-bottom:1px solid var(--border)}.pm-catpick-btn{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;height:34px;padding:0 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg-white);cursor:pointer;font-family:inherit;font-size:12.5px;font-weight:600;color:var(--heading)}.pm-catpick-btn:hover{border-color:var(--brand-accent)}.pm-catpick-btn>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pm-catpick-right{display:flex;align-items:center;gap:7px;flex-shrink:0;color:var(--muted)}.pm-catpick-right .n{font-size:11px;font-weight:700}.pm-catpick-backdrop{position:fixed;inset:0;z-index:29}.pm-catpick-menu{position:absolute;top:46px;left:12px;right:12px;z-index:30;max-height:300px;overflow-y:auto;background:var(--bg-white);border:1px solid var(--border);border-radius:10px;box-shadow:0 10px 30px rgba(15,23,42,.14);padding:6px;display:flex;flex-direction:column;gap:1px}.pm-catpick-menu .pm-cat-item .t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cat-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 10px;border-radius:8px}.cat-row:hover{background:var(--bg-light)}.cat-row:hover .cat-actions{opacity:1}.cat-actions{display:flex;align-items:center;gap:4px;opacity:0;transition:opacity .12s}.promo-editor-loading{display:grid;place-items:center;min-height:50vh;color:var(--muted)}.sf-bottom-info{display:flex;flex-direction:column;min-width:0;flex:1}.potik-sheet{background:var(--bg-white);border:1px solid var(--border);border-radius:12px;padding:20px}.ext-shot--filled{aspect-ratio:auto;padding:0;background:var(--bg-white);overflow:hidden;display:flex;flex-direction:column;gap:0;margin:0}.ext-shot--filled img{width:100%;display:block;border-bottom:1px solid var(--border)}.ext-shot--filled figcaption{padding:8px 10px;font-size:11.5px;line-height:1.4;color:var(--muted);text-align:left}.pp-kinds{display:flex;gap:4px;padding:8px 10px 4px;border-bottom:1px solid var(--border)}.pp-kinds button{height:26px;padding:0 10px;border-radius:6px;border:1px solid var(--border);background:var(--bg-white);font-family:var(--font);font-size:11.5px;font-weight:600;color:var(--body);cursor:pointer;white-space:nowrap}.pp-kinds button:hover{background:var(--bg-light)}.pp-kinds button.is-on{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-cta)}.svc-head{display:grid;grid-template-columns:minmax(160px,240px) minmax(0,1fr);gap:12px;align-items:start}.svc-draft{padding:14px;display:flex;flex-direction:column;gap:12px}.svc-draft-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.svc-draft-name{font-size:14px;font-weight:700;color:var(--heading)}.svc-draft-meta{font-size:11.5px;color:var(--muted);margin-top:2px}.svc-draft-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.svc-draft-sum{height:36px;display:flex;align-items:center;font-size:15px;font-weight:700;color:var(--heading)}.svc-draft-foot{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--border);padding-top:12px}@media (max-width:720px){.svc-head{grid-template-columns:1fr}.svc-draft-grid{grid-template-columns:1fr 1fr}}.side-panel-overlay{position:fixed;inset:0;background:rgba(15,23,42,.35);z-index:120}.side-panel-close{background:none;border:none;cursor:pointer;color:var(--muted);padding:4px;display:flex}.side-panel-close:hover{color:var(--heading)}.seg-group{display:flex;align-items:stretch;height:38px;border:1.5px solid var(--border);border-radius:8px;overflow:hidden;background:var(--bg-white)}.seg-group:focus-within{border-color:var(--brand)}.seg-group input{flex:1;min-width:0;border:0;outline:none;background:none;padding:0 12px;font-family:var(--font);font-size:13.5px;color:var(--heading);text-align:right}.seg-group button{width:46px;flex-shrink:0;border:0;border-left:1px solid var(--border);background:var(--bg-white);font-family:var(--font);font-size:13px;font-weight:600;color:var(--muted);cursor:pointer;transition:background .12s,color .12s}.seg-group button:hover{background:var(--bg-light)}.seg-group button.is-on{background:var(--brand-soft);color:var(--brand-cta)}.svc-table{width:100%;table-layout:fixed}.svc-table td,.svc-table th{padding:8px 10px;vertical-align:middle}.svc-table td:not(:first-child),.svc-table th:not(:first-child){text-align:right}.svc-table td:first-child{white-space:normal;word-break:break-word;line-height:1.35}.svc-table .pm-code{white-space:normal}.sf-legal{font-size:11.5px;color:var(--muted);font-weight:600}.sf-phone-wrap{position:relative}.sf-phone-btn{width:38px;height:38px;border-radius:9px;border:1.5px solid var(--border);background:var(--bg-white);color:var(--sf-accent-cta);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.sf-phone-btn:hover{border-color:var(--sf-accent)}.sf-phone-backdrop{position:fixed;inset:0;z-index:34}.sf-phone-menu{position:absolute;top:46px;right:0;z-index:35;min-width:210px;padding:8px;background:var(--bg-white);border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 30px rgba(15,23,42,.16);display:flex;flex-direction:column;gap:2px}.sf-phone-title{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);padding:2px 8px 6px}.sf-phone-item{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:8px;font-size:14px;font-weight:600;color:var(--heading);text-decoration:none}.sf-phone-item:hover{background:var(--sf-accent-soft);color:var(--sf-accent-cta)}.hover\:border-\[var\(--border\)\]:hover{border-color:var(--border)}.hover\:bg-\[var\(--bg-light\)\]:hover{background-color:var(--bg-light)}.hover\:bg-error\/10:hover{background-color:rgba(199,91,91,.1)}.hover\:bg-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.hover\:text-\[var\(--body\)\]:hover{color:var(--body)}.hover\:text-\[var\(--brand-cta\)\]:hover{color:var(--brand-cta)}.hover\:text-error:hover{--tw-text-opacity:1;color:rgb(199 91 91/var(--tw-text-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}