@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial}}}@layer theme{:root,:host{--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-normal:0em;--leading-tight:1.25;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:Arial, Helvetica, sans-serif;--default-mono-font-family:"SFMono-Regular", Consolas, "Liberation Mono", monospace}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.top-0{top:0}.right-8{right:calc(var(--spacing) * 8)}.left-8{left:calc(var(--spacing) * 8)}.z-10{z-index:10}.z-\[1\]{z-index:1}.z-\[9998\]{z-index:9998}.z-\[9999\]{z-index:9999}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.\!flex{display:flex!important}.block{display:block}.flex{display:flex}.grid{display:grid}.inline-flex{display:inline-flex}.table{display:table}.h-4{height:calc(var(--spacing) * 4)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-\[42px\]{height:42px}.h-\[88px\]{height:88px}.h-\[280px\]{height:280px}.h-full{height:100%}.max-h-72{max-height:calc(var(--spacing) * 72)}.max-h-\[90vh\]{max-height:90vh}.max-h-\[92vh\]{max-height:92vh}.max-h-\[min\(720px\,90vh\)\]{max-height:min(720px,90vh)}.\!min-h-8{min-height:calc(var(--spacing) * 8)!important}.\!min-h-9{min-height:calc(var(--spacing) * 9)!important}.min-h-9{min-height:calc(var(--spacing) * 9)}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-\[38px\]{min-height:38px}.min-h-\[40px\]{min-height:40px}.min-h-\[220px\]{min-height:220px}.min-h-full{min-height:100%}.\!w-auto{width:auto!important}.w-4{width:calc(var(--spacing) * 4)}.w-7{width:calc(var(--spacing) * 7)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-\[42px\]{width:42px}.w-\[74px\]{width:74px}.w-\[96px\]{width:96px}.w-\[140px\]{width:140px}.w-\[150px\]{width:150px}.w-\[156px\]{width:156px}.w-\[180px\]{width:180px}.w-\[210px\]{width:210px}.w-\[min\(420px\,100\%\)\]{width:min(420px,100%)}.w-\[min\(860px\,100\%\)\]{width:min(860px,100%)}.w-fit{width:fit-content}.w-full{width:100%}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-\[280px\]{max-width:280px}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:0}.min-w-7{min-width:calc(var(--spacing) * 7)}.min-w-\[150px\]{min-width:150px}.min-w-\[160px\]{min-width:160px}.min-w-\[180px\]{min-width:180px}.min-w-\[190px\]{min-width:190px}.min-w-\[240px\]{min-width:240px}.min-w-\[640px\]{min-width:640px}.min-w-\[680px\]{min-width:680px}.min-w-\[760px\]{min-width:760px}.table-fixed{table-layout:fixed}.border-collapse{border-collapse:collapse}.border-separate{border-collapse:separate}.border-spacing-0{--tw-border-spacing-x:0;--tw-border-spacing-y:0;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}.border-spacing-1{--tw-border-spacing-x:var(--spacing);--tw-border-spacing-y:var(--spacing);border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}.\[transform\:translateZ\(0\)\]{transform:translateZ(0)}.cursor-pointer{cursor:pointer}.\!grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\[96px_minmax\(0\,1fr\)\]{grid-template-columns:96px minmax(0,1fr)}.grid-cols-\[minmax\(160px\,1fr\)_minmax\(120px\,1fr\)_auto\]{grid-template-columns:minmax(160px,1fr) minmax(120px,1fr) auto}.grid-cols-\[minmax\(180px\,1\.3fr\)_minmax\(100px\,0\.7fr\)_minmax\(110px\,0\.7fr\)_minmax\(100px\,0\.7fr\)_minmax\(90px\,0\.5fr\)_auto\]{grid-template-columns:minmax(180px,1.3fr) minmax(100px,.7fr) minmax(110px,.7fr) minmax(100px,.7fr) minmax(90px,.5fr) auto}.grid-cols-\[minmax\(180px\,1\.4fr\)_minmax\(110px\,0\.7fr\)_minmax\(110px\,0\.7fr\)_auto\]{grid-template-columns:minmax(180px,1.4fr) minmax(110px,.7fr) minmax(110px,.7fr) auto}.grid-cols-\[minmax\(180px\,1\.4fr\)_minmax\(110px\,0\.7fr\)_minmax\(110px\,0\.7fr\)_minmax\(120px\,0\.8fr\)_minmax\(110px\,0\.7fr\)_auto\]{grid-template-columns:minmax(180px,1.4fr) minmax(110px,.7fr) minmax(110px,.7fr) minmax(120px,.8fr) minmax(110px,.7fr) auto}.grid-cols-\[minmax\(260px\,420px\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(260px,420px) minmax(0,1fr)}.grid-rows-\[auto_minmax\(0\,1fr\)_auto\]{grid-template-rows:auto minmax(0,1fr) auto}.\!flex-row{flex-direction:row!important}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.\!items-stretch{align-items:stretch!important}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-3\.5{gap:calc(var(--spacing) * 3.5)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-\[7px\]{gap:7px}.gap-\[18px\]{gap:18px}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.\!border-0{border-style:var(--tw-border-style)!important;border-width:0!important}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-\[\#bde6c8\]{border-color:#bde6c8}.border-\[\#bfe3c6\]{border-color:#bfe3c6}.border-\[\#c9deef\]{border-color:#c9deef}.border-\[\#d8cff9\]{border-color:#d8cff9}.border-\[\#ded8d0\]{border-color:#ded8d0}.border-\[\#e1dbd3\]{border-color:#e1dbd3}.border-\[\#e4ddd5\]{border-color:#e4ddd5}.border-\[\#e8ded3\]{border-color:#e8ded3}.border-\[\#ebe5de\]{border-color:#ebe5de}.border-\[\#eee3d8\]{border-color:#eee3d8}.border-\[\#eee6de\]{border-color:#eee6de}.border-\[\#eee8e0\]{border-color:#eee8e0}.border-\[\#efc9c9\]{border-color:#efc9c9}.border-\[\#f1d49b\]{border-color:#f1d49b}.border-\[\#f1ebe4\]{border-color:#f1ebe4}.border-\[\#f2d7a2\]{border-color:#f2d7a2}.border-\[\#ffd2ad\]{border-color:#ffd2ad}.border-transparent{border-color:#0000}.\!bg-\[\#fff2f2\]{background-color:#fff2f2!important}.bg-\[\#9b1c1c\]{background-color:#9b1c1c}.bg-\[\#171412\]{background-color:#171412}.bg-\[\#edf9f0\]{background-color:#edf9f0}.bg-\[\#eef8fb\]{background-color:#eef8fb}.bg-\[\#f3f0ff\]{background-color:#f3f0ff}.bg-\[\#f3fbf5\]{background-color:#f3fbf5}.bg-\[\#f7f1ea\]{background-color:#f7f1ea}.bg-\[\#fbfaf8\]{background-color:#fbfaf8}.bg-\[\#fff1e5\]{background-color:#fff1e5}.bg-\[\#fff2f2\]{background-color:#fff2f2}.bg-\[\#fff4e8\]{background-color:#fff4e8}.bg-\[\#fff6df\]{background-color:#fff6df}.bg-\[\#fff7ef\]{background-color:#fff7ef}.bg-\[\#fff8e6\]{background-color:#fff8e6}.bg-\[\#fffaf0\]{background-color:#fffaf0}.bg-\[\#fffaf3\]{background-color:#fffaf3}.bg-\[\#fffdf9\]{background-color:#fffdf9}.bg-\[rgba\(12\,12\,12\,0\.38\)\]{background-color:#0c0c0c61}.bg-\[rgba\(46\,133\,64\,0\.1\)\]{background-color:#2e85401a}.bg-\[var\(--sabxi-orange\)\]{background-color:var(--sabxi-orange)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.\!p-0{padding:0!important}.p-0{padding:0}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.\!px-2\.5{padding-inline:calc(var(--spacing) * 2.5)!important}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-12{padding-inline:calc(var(--spacing) * 12)}.\!py-1{padding-block:var(--spacing)!important}.py-1{padding-block:var(--spacing)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pl-1{padding-left:var(--spacing)}.text-center{text-align:center}.text-left{text-align:left}.align-middle{vertical-align:middle}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[16px\]{font-size:16px}.text-\[22px\]{font-size:22px}.text-\[clamp\(24px\,4vw\,32px\)\]{font-size:clamp(24px,4vw,32px)}.text-\[clamp\(32px\,7vw\,44px\)\]{font-size:clamp(32px,7vw,44px)}.leading-none{--tw-leading:1;line-height:1}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.06em\]{--tw-tracking:.06em;letter-spacing:.06em}.tracking-\[0\.08em\]{--tw-tracking:.08em;letter-spacing:.08em}.tracking-\[0\.12em\]{--tw-tracking:.12em;letter-spacing:.12em}.tracking-\[0\.14em\]{--tw-tracking:.14em;letter-spacing:.14em}.tracking-normal{--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.whitespace-nowrap{white-space:nowrap}.\!text-\[\#9b1c1c\]{color:#9b1c1c!important}.\!text-\[var\(--sabxi-ink\)\]{color:var(--sabxi-ink)!important}.text-\[\#2f2a25\]{color:#2f2a25}.text-\[\#4a4038\]{color:#4a4038}.text-\[\#5f4aa0\]{color:#5f4aa0}.text-\[\#7a7168\]{color:#7a7168}.text-\[\#8a5a00\]{color:#8a5a00}.text-\[\#8a5b00\]{color:#8a5b00}.text-\[\#8a8177\]{color:#8a8177}.text-\[\#8a8179\]{color:#8a8179}.text-\[\#9a4a00\]{color:#9a4a00}.text-\[\#9b1c1c\]{color:#9b1c1c}.text-\[\#247a3d\]{color:#247a3d}.text-\[\#27647d\]{color:#27647d}.text-\[\#61574f\]{color:#61574f}.text-\[\#171412\]{color:#171412}.text-\[\#666666\]{color:#666}.text-\[\#b8afa6\]{color:#b8afa6}.text-\[\#e55a00\]{color:#e55a00}.text-\[var\(--sabxi-gray\)\]{color:var(--sabxi-gray)}.text-\[var\(--sabxi-green\)\]{color:var(--sabxi-green)}.text-\[var\(--sabxi-ink\)\]{color:var(--sabxi-ink)}.text-\[var\(--sabxi-orange\)\]{color:var(--sabxi-orange)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.\!shadow-none{--tw-shadow:0 0 #0000!important;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)!important}.shadow-\[0_1px_2px_rgba\(12\,12\,12\,0\.04\)\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#0c0c0c0a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_6px_16px_rgba\(12\,12\,12\,0\.025\)\]{--tw-shadow:0 6px 16px var(--tw-shadow-color,#0c0c0c06);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_8px_18px_rgba\(12\,12\,12\,0\.035\)\]{--tw-shadow:0 8px 18px var(--tw-shadow-color,#0c0c0c09);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_8px_20px_rgba\(155\,28\,28\,0\.18\)\]{--tw-shadow:0 8px 20px var(--tw-shadow-color,#9b1c1c2e);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_18px_50px_rgba\(12\,12\,12\,0\.04\)\]{--tw-shadow:0 18px 50px var(--tw-shadow-color,#0c0c0c0a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_18px_50px_rgba\(12\,12\,12\,0\.055\)\]{--tw-shadow:0 18px 50px var(--tw-shadow-color,#0c0c0c0e);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_24px_70px_rgba\(12\,12\,12\,0\.22\)\]{--tw-shadow:0 24px 70px var(--tw-shadow-color,#0c0c0c38);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-\[2px\]{--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background\,box-shadow\]{transition-property:background,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[border-color\,box-shadow\,color\]{transition-property:border-color,box-shadow,color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.\!outline-none{--tw-outline-style:none!important;outline-style:none!important}.outline-none{--tw-outline-style:none;outline-style:none}.focus-within\:border-\[var\(--sabxi-orange\)\]:focus-within{border-color:var(--sabxi-orange)}.focus-within\:text-\[var\(--sabxi-orange\)\]:focus-within{color:var(--sabxi-orange)}.focus-within\:shadow-\[0_0_0_3px_rgba\(255\,107\,0\,0\.12\)\]:focus-within{--tw-shadow:0 0 0 3px var(--tw-shadow-color,#ff6b001f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (hover:hover){.hover\:border-\[\#bde6c8\]:hover{border-color:#bde6c8}.hover\:border-\[\#bfe0e9\]:hover{border-color:#bfe0e9}.hover\:border-\[\#efc9c9\]:hover{border-color:#efc9c9}.hover\:border-\[\#f3c394\]:hover{border-color:#f3c394}.hover\:border-\[rgba\(255\,107\,0\,0\.35\)\]:hover{border-color:#ff6b0059}.hover\:bg-\[\#7f1212\]:hover{background-color:#7f1212}.hover\:bg-\[\#e1f5e8\]:hover{background-color:#e1f5e8}.hover\:bg-\[\#e4f4f8\]:hover{background-color:#e4f4f8}.hover\:bg-\[\#ffe7e7\]:hover{background-color:#ffe7e7}.hover\:bg-\[\#ffe8e8\]:hover{background-color:#ffe8e8}.hover\:bg-\[\#fff0df\]:hover{background-color:#fff0df}.hover\:bg-\[\#fff7ef\]:hover{background-color:#fff7ef}.hover\:bg-\[\#fffdf9\]:hover{background-color:#fffdf9}.hover\:text-\[\#6f3500\]:hover{color:#6f3500}.hover\:text-\[\#7f1212\]:hover{color:#7f1212}.hover\:text-\[\#155a2a\]:hover{color:#155a2a}.hover\:text-\[\#17465d\]:hover{color:#17465d}.hover\:text-\[var\(--sabxi-orange\)\]:hover{color:var(--sabxi-orange)}}.focus\:border-\[\#ff6b00\]:focus{border-color:#ff6b00}.focus\:border-\[var\(--sabxi-orange\)\]:focus{border-color:var(--sabxi-orange)}.focus\:\!shadow-none:focus{--tw-shadow:0 0 #0000!important;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)!important}.focus\:shadow-\[0_0_0_3px_rgba\(255\,107\,0\,0\.12\)\]:focus{--tw-shadow:0 0 0 3px var(--tw-shadow-color,#ff6b001f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:shadow-\[0_0_0_3px_rgba\(255\,107\,0\,0\.14\)\]:focus{--tw-shadow:0 0 0 3px var(--tw-shadow-color,#ff6b0024);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}@media not all and (min-width:980px){.max-\[980px\]\:min-w-\[720px\]{min-width:720px}.max-\[980px\]\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.max-\[980px\]\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media not all and (min-width:780px){.max-\[780px\]\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}}@media not all and (min-width:760px){.max-\[760px\]\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.max-\[760px\]\:justify-start{justify-content:flex-start}}@media not all and (min-width:640px){.max-\[640px\]\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}}@media not all and (min-width:560px){.max-\[560px\]\:col-span-full{grid-column:1/-1}.max-\[560px\]\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.max-\[560px\]\:gap-1\.5{gap:calc(var(--spacing) * 1.5)}.max-\[560px\]\:gap-2{gap:calc(var(--spacing) * 2)}.max-\[560px\]\:p-2\.5{padding:calc(var(--spacing) * 2.5)}.max-\[560px\]\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}}@media (min-width:721px){.min-\[721px\]\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:921px){.min-\[921px\]\:col-span-2{grid-column:span 2/span 2}.min-\[921px\]\:col-span-full{grid-column:1/-1}.min-\[921px\]\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.min-\[921px\]\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:40rem){.sm\:h-14{height:calc(var(--spacing) * 14)}.sm\:w-14{width:calc(var(--spacing) * 14)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}}@media (min-width:48rem){.md\:col-span-full{grid-column:1/-1}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:80rem){.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-\[minmax\(260px\,1\.4fr\)_repeat\(5\,minmax\(92px\,auto\)\)_auto\]{grid-template-columns:minmax(260px,1.4fr) repeat(5,minmax(92px,auto)) auto}}.\[\&_\.secondary-button\]\:min-h-\[34px\] .secondary-button{min-height:34px}@media not all and (min-width:560px){.max-\[560px\]\:\[\&_\.secondary-button\]\:min-h-8 .secondary-button{min-height:calc(var(--spacing) * 8)}.max-\[560px\]\:\[\&_\.secondary-button\]\:px-2 .secondary-button{padding-inline:calc(var(--spacing) * 2)}}.\[\&_button\]\:text-\[var\(--sabxi-orange\)\] button{color:var(--sabxi-orange)}.\[\&_button\]\:text-white button{color:var(--color-white)}.\[\&_h2\]\:text-xl h2{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.\[\&_h2\]\:font-black h2{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.\[\&_h2\]\:text-\[var\(--sabxi-ink\)\] h2{color:var(--sabxi-ink)}.\[\&_p\]\:mt-1\.5 p{margin-top:calc(var(--spacing) * 1.5)}.\[\&_p\]\:leading-\[1\.55\] p{--tw-leading:1.55;line-height:1.55}.\[\&_p\]\:text-\[var\(--sabxi-gray\)\] p{color:var(--sabxi-gray)}.\[\&_strong\]\:block strong{display:block}.\[\&_strong\]\:font-extrabold strong{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.\[\&_strong\]\:text-\[var\(--sabxi-ink\)\] strong{color:var(--sabxi-ink)}}:root{--background:#fbfaf8;--foreground:#141414;--sabxi-orange:#ff6b00;--sabxi-orange-dark:#e55a00;--sabxi-green:#2e8540;--sabxi-green-light:#4caf50;--sabxi-cream:#faf8f5;--sabxi-ink:#0c0c0c;--sabxi-gray:#666;--sabxi-border:#f0ede8}body{background:var(--background);color:var(--foreground);font-family:Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.login-page{background:radial-gradient(circle at 88% 10%,#ff6b0014,#0000 26%),#fbfaf8;grid-template-columns:minmax(0,1fr) minmax(360px,480px);min-height:100vh;display:grid}.login-hero{color:#fff;background:linear-gradient(110deg, #0c0c0cf0, #141414c7), radial-gradient(circle at 75% 25%, #ff6b0052, transparent 32%), var(--sabxi-ink);flex-direction:column;justify-content:center;gap:22px;padding:64px;display:flex}.login-hero h1{max-width:720px;font-size:clamp(40px,6vw,76px);font-weight:800;line-height:.96}.login-hero-logo{object-fit:contain;width:min(220px,72vw);height:auto}.login-hero p{color:#ffffffb8;max-width:560px;font-size:18px;line-height:1.7}.brand-kicker,.eyebrow{color:var(--sabxi-orange);letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:800}.login-panel,.form-panel{background:#fff;border:1px solid #ebe5de;border-radius:8px;box-shadow:0 18px 52px #0c0c0c0b}.login-panel{flex-direction:column;align-self:center;gap:24px;margin:32px;padding:32px;display:flex}.login-panel h2,.form-panel h3,.page-header h2{color:var(--sabxi-ink);font-weight:800}.login-panel h2{font-size:28px}.login-panel p,.form-panel p,.page-header p{color:var(--sabxi-gray);line-height:1.55}label{color:var(--sabxi-ink);flex-direction:column;gap:8px;font-size:13px;font-weight:800;display:flex}.field-label{color:var(--sabxi-ink);font-size:13px;font-weight:700}.field-help{color:var(--sabxi-gray);margin:0;font-size:13px}input,select,textarea{width:100%;color:var(--sabxi-ink);background:#fff;border:1px solid #e1dbd3;border-radius:8px;outline:none;padding:11px 13px;transition:border-color .16s,box-shadow .16s,background .16s;box-shadow:0 6px 16px #0c0c0c06}input:focus,select:focus,textarea:focus{border-color:var(--sabxi-orange);box-shadow:0 0 0 3px #ff6b001f}input::placeholder,textarea::placeholder{color:#aaa29a}input[type=file]{color:#5f574f;background:#fffdf9;min-height:46px;padding:9px}input[type=file]::file-selector-button{color:#fff;background:var(--sabxi-orange);border:0;border-radius:7px;min-height:28px;margin-right:12px;padding:0 12px;font-weight:800}textarea{resize:vertical;min-height:96px}.primary-button,.secondary-button,.ghost-button{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 13px;font-weight:800;display:inline-flex}.primary-button{color:#fff;background:linear-gradient(180deg, #ff7a1a, var(--sabxi-orange));box-shadow:0 10px 22px #ff6b002e}.primary-button:hover{background:var(--sabxi-orange-dark)}.secondary-button{color:#4d463f;background:#fff;border-color:#ded8d0;box-shadow:0 6px 16px #0c0c0c0a}.secondary-button:hover{color:var(--sabxi-orange);background:#fff8f0;border-color:#ff6b0059}.danger-button{color:#9b1c1c;background:#fff1f1;border-color:#f3d1d1}.danger-button:hover{color:#7f1212;background:#ffe8e8;border-color:#9b1c1c5c}.ghost-button{color:var(--sabxi-ink);background:0 0;border-color:#ded8d0}.icon{flex:none}.icon-button{width:40px;min-width:40px;padding:0}.icon-text-button{width:100%}.form-error,.form-success{border-radius:8px;padding:10px 12px;font-size:13px;font-weight:700}.form-error{color:#9b1c1c;background:#fff1f1}.form-success{color:var(--sabxi-green);background:#2e85401a}.erp-shell{background:linear-gradient(180deg, #ffffffad, transparent 260px), var(--background);grid-template-columns:250px minmax(0,1fr);min-height:100vh;display:grid}.erp-sidebar{color:#fff;background:linear-gradient(#151411,#0f100e 58%,#0d0e0c),#11110f;border-right:1px solid #ffffff0f;flex-direction:column;gap:18px;height:100vh;padding:14px;display:flex;position:sticky;top:0;overflow:hidden}.sidebar-brand{flex-shrink:0;align-items:center;gap:12px;min-height:58px;display:flex}.erp-nav-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff38 transparent;flex:auto;min-height:0;margin:0 -4px;padding:0 4px 4px;overflow:hidden auto}.erp-nav-scroll::-webkit-scrollbar{width:6px}.erp-nav-scroll::-webkit-scrollbar-thumb{background:#ffffff38;border-radius:999px}.erp-nav-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff57}.brand-logo{object-fit:contain;flex:none;width:132px;height:auto}.sidebar-brand p,.sidebar-brand h1{margin:0}.sidebar-brand p{color:#ffffff9e;letter-spacing:.16em;font-size:11px;font-weight:900}.sidebar-brand h1{font-size:20px;font-weight:900;line-height:1}.erp-nav{flex-direction:column;gap:10px;display:flex}.nav-group{gap:6px;display:grid}.nav-group-button{color:#ffffff9e;letter-spacing:.08em;text-transform:uppercase;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;width:100%;min-height:38px;padding:0 8px 0 6px;font-size:11px;font-weight:900;display:flex}.nav-dashboard-link{justify-content:flex-start;text-decoration:none}.erp-nav .nav-dashboard-link:before{display:none}.nav-group-label{align-items:center;gap:8px;display:inline-flex}.nav-group-mark{color:#ffffffc7;letter-spacing:0;background:#ffffff0f;border-radius:6px;place-items:center;width:22px;height:22px;font-size:11px;display:grid}.nav-group-mark .icon{width:14px;height:14px}.nav-group-button.active,.nav-group-button:hover{color:#fff;background:#ffffff12}.nav-group-button.active .nav-group-mark,.nav-group-button:hover .nav-group-mark{color:#fff;background:#ff6b00e6}.chevron{transition:transform .16s}.chevron.open{transform:rotate(180deg)}.nav-subitems{gap:4px;padding-left:0;display:grid}.erp-nav a:not(.nav-dashboard-link){color:#ffffffb3;border-radius:8px;padding:9px 10px 9px 31px;font-size:13px;font-weight:800;text-decoration:none;transition:background .16s,color .16s;position:relative}.erp-nav a:not(.nav-dashboard-link):before{content:"";background:#ffffff3d;border-radius:999px;width:6px;height:6px;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.erp-nav a:not(.nav-dashboard-link).active,.erp-nav a:not(.nav-dashboard-link):hover{color:#fff;background:#ffffff12}.erp-nav a:not(.nav-dashboard-link).active:before{background:var(--sabxi-orange);box-shadow:0 0 0 4px #ff6b0029}.erp-sidebar .ghost-button{color:#fff;background:#ffffff08;border-color:#ffffff29;flex-shrink:0;margin-top:0}.erp-sidebar .ghost-button:hover,.mobile-nav-drawer .ghost-button:hover{color:#ffb4a8;background:#9b1c1c24;border-color:#ffb4a857}.erp-content{min-width:0}.mobile-topbar,.mobile-nav-drawer{display:none}.erp-main{min-width:0;padding:30px 32px}.page-header{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:18px;margin-bottom:18px;display:grid}.page-kicker{color:var(--sabxi-orange);letter-spacing:.1em;text-transform:uppercase;margin-bottom:7px;font-size:11px;font-weight:900;display:inline-block}.page-header h2{letter-spacing:-.01em;font-size:30px;line-height:1.1}.form-back-button{justify-self:end;width:fit-content;min-width:0;padding:0 13px}.form-panel{flex-direction:column;gap:18px;padding:26px 28px;display:flex}.form-panel h3{font-size:22px}.form-panel>label,.form-panel>.multi-select,.form-panel>.upload-field,.form-panel>.variant-price-grid,.form-panel>.form-section,.form-panel>.form-error,.form-panel>.form-actions,.form-panel>.people-phone-row,.form-panel>.people-user-type-row{min-width:0}.people-form-panel{gap:16px}.people-phone-row{grid-template-columns:minmax(112px,148px) minmax(0,1fr);align-items:end;gap:12px;display:grid}.people-country-select{min-width:0}.form-section{border-top:1px solid #eee8e0;gap:12px;padding-top:18px;display:grid}.form-section h3{font-size:16px}.inline-check,.matrix-check{background:#fff;border:1px solid #e1dbd3;border-radius:8px;flex-direction:row;align-items:center;min-height:38px;padding:0 12px;box-shadow:0 6px 16px #0c0c0c06}.inline-check input,.matrix-check input{width:auto;box-shadow:none}.matrix-na{color:#b5aaa0;background:#fbf8f4;border:1px dashed #ded8d0;border-radius:8px;justify-content:center;align-items:center;min-height:38px;font-weight:800;display:inline-flex}.permission-matrix{border:1px solid var(--sabxi-border);background:#fff;border-radius:8px;overflow-x:auto}.permission-row{border-top:1px solid var(--sabxi-border);grid-template-columns:minmax(160px,1.2fr) repeat(5,minmax(96px,1fr));align-items:center;gap:8px;min-width:720px;padding:10px;display:grid}.permission-row:first-child{border-top:0}.permission-head{color:var(--sabxi-gray);text-transform:uppercase;background:#fff8f0;font-size:12px;font-weight:800}.rbac-layout{grid-template-columns:minmax(220px,300px) minmax(0,1fr);align-items:start;gap:16px;display:grid}.group-list-panel{gap:8px;display:grid}.group-list-item{color:var(--sabxi-ink);text-align:left;background:#fff;border:1px solid #ded8d0;border-radius:8px;gap:4px;padding:12px;display:grid}.group-list-item.active{border-color:var(--sabxi-orange);box-shadow:0 0 0 3px #ff6b001f}.group-list-item span{color:var(--sabxi-gray);font-size:12px;font-weight:700}.rbac-form{min-width:0}.upload-field{background:#fffdf9;border:1px solid #f1ebe4;border-radius:10px;gap:12px;min-width:0;padding:16px;display:grid}.image-preview-row{background:#fff;border:1px solid #eee8e0;border-radius:10px;align-items:center;gap:12px;width:fit-content;padding:8px;display:flex}.image-preview-row img,.image-preview-card img{object-fit:cover;background:#fffdf9;border:1px solid #eee8e0;border-radius:8px;width:88px;height:88px}.image-preview-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;display:grid}.image-preview-card{justify-items:start;gap:8px;display:grid}.multi-select{gap:7px;display:grid;position:relative}.multi-select-trigger{width:100%;min-height:46px;color:var(--sabxi-ink);text-align:left;background:#fff;border:1px solid #ded8d0;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;display:flex;box-shadow:0 1px 2px #0c0c0c0a}.multi-select-trigger:hover,.multi-select-trigger.open{border-color:#ff6b006b;box-shadow:0 0 0 3px #ff6b001f}.multi-select-summary{flex-wrap:wrap;flex:1;gap:6px;min-width:0;display:flex}.multi-select-placeholder{color:var(--sabxi-gray);font-size:14px;font-weight:700}.multi-select-chip{max-width:100%;color:var(--sabxi-ink);background:#fff7ef;border:1px solid #eee8e0;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:900;line-height:1.2}.multi-select-menu{z-index:20;background:#fff;border:1px solid #ded8d0;border-radius:8px;gap:4px;max-height:280px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:auto;box-shadow:0 18px 40px #0c0c0c24}.multi-select-option{width:100%;color:var(--sabxi-ink);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:8px;display:flex}.multi-select-option:hover,.multi-select-option.selected{background:#fff7ef}.multi-select-check{background:#fff;border:1px solid #cfc6bd;border-radius:5px;flex:none;width:18px;height:18px;position:relative}.multi-select-option.selected .multi-select-check{border-color:var(--sabxi-orange);background:var(--sabxi-orange)}.multi-select-option.selected .multi-select-check:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:9px;position:absolute;top:2px;left:5px;transform:rotate(45deg)}.multi-select-thumb{object-fit:cover;background:#fff7ef;border-radius:6px;width:28px;height:28px}.multi-select-option-text{gap:2px;min-width:0;display:grid}.multi-select-option-text strong,.multi-select-option-text span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.multi-select-option-text strong{color:var(--sabxi-ink);font-size:14px;font-weight:900}.multi-select-option-text span{color:var(--sabxi-gray);font-size:12px;font-weight:800}.multi-select-empty{color:var(--sabxi-gray);margin:0;padding:16px;font-size:13px;font-weight:800}.status-stack{flex-direction:column;gap:6px;display:flex}.role-tags{font-weight:800}.empty-state{color:var(--sabxi-gray);text-align:center;padding:42px 18px}.sabxi-loading{flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.sabxi-loading-block{width:100%;padding:42px 18px}.sabxi-loading-inline{flex-direction:row;gap:10px;padding:0}.sabxi-loading-inline .sabxi-loading-track{display:none}.sabxi-loading-logo-wrap{flex-shrink:0;place-items:center;display:grid;position:relative}.sabxi-loading-logo{z-index:1;width:100%;height:auto;animation:1.85s ease-in-out infinite sabxi-loading-breathe;position:relative}.sabxi-loading-ring{border:2px solid #ff6b00;border-color:#ff6b00 #3a9b5c #0000 #0000;border-radius:999px;animation:1.15s linear infinite sabxi-loading-spin;position:absolute;inset:-8px}.sabxi-loading-label{color:#8a8177;text-align:center;margin:0;font-size:.86rem;font-weight:600}.sabxi-loading-track{background:#ebe5de;border-radius:999px;width:min(140px,72%);height:3px;overflow:hidden}.sabxi-loading-bar{background:linear-gradient(90deg,#ff6b00,#3a9b5c);border-radius:999px;width:42%;height:100%;animation:1.25s ease-in-out infinite sabxi-loading-slide}@keyframes sabxi-loading-breathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}@keyframes sabxi-loading-spin{to{transform:rotate(360deg)}}@keyframes sabxi-loading-slide{0%{transform:translate(-120%)}to{transform:translate(320%)}}.choice-panel{border:1px solid #ded8d0;border-radius:8px;gap:8px;padding:12px;display:grid}.choice-panel legend{color:var(--sabxi-ink);padding:0 4px;font-size:13px;font-weight:800}.choice-panel label{min-height:32px;color:var(--sabxi-gray);flex-direction:row;align-items:center;gap:8px;font-weight:700}.choice-panel input{width:auto}.choice-panel span{color:var(--sabxi-gray);font-size:13px}.variant-price-grid{gap:12px;display:grid}.variant-price-row{background:#fffdf9;border:1px solid #eee8e0;border-radius:8px;gap:12px;padding:12px;display:grid}.variant-price-title{color:var(--sabxi-ink);font-size:13px;font-weight:900}@media (min-width:921px){.form-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.compact-form-panel>label{grid-column:1/-1}.compact-form-panel.people-form-panel>label{grid-column:auto}.form-panel>.upload-field,.form-panel>.variant-price-grid,.form-panel>.form-section,.form-panel>.form-error,.form-panel>.form-actions,.form-panel>.people-phone-row,.form-panel>.people-user-type-row,.people-form-panel>.people-role-row{grid-column:1/-1}.form-panel>.multi-select{align-self:start}.variant-price-grid,.variant-price-row{grid-template-columns:repeat(2,minmax(0,1fr))}.variant-price-title{grid-column:1/-1}}@media (max-width:920px){.login-page{grid-template-columns:1fr}.login-hero{min-height:320px;padding:40px 24px}.login-panel{width:min(560px,100% - 32px);margin:18px auto}.erp-shell{display:block}.erp-sidebar{display:none}.mobile-topbar{z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#faf8f5f0;border-bottom:1px solid #e7dfd7;justify-content:space-between;align-items:center;height:58px;padding:0 16px;display:flex;position:sticky;top:0}.mobile-menu-button{background:#fff;border:1px solid #ded8d0;border-radius:8px;place-content:center;gap:4px;width:40px;height:40px;display:grid}.mobile-menu-button span{background:var(--sabxi-ink);border-radius:999px;width:18px;height:2px;display:block}.mobile-brand-logo{object-fit:contain;width:min(104px,32vw);height:auto}.mobile-nav-drawer{z-index:40;background:#11110f;border:1px solid #ffffff1f;border-radius:8px;flex-direction:column;gap:14px;max-height:calc(100vh - 76px);padding:14px;display:flex;position:fixed;inset:58px 12px auto;overflow:hidden;box-shadow:0 20px 50px #0c0c0c3d}.mobile-nav-drawer .erp-nav-scroll{flex:auto;min-height:0}.mobile-nav-drawer .ghost-button{color:#fff;border-color:#ffffff38;flex-shrink:0}.nav-group{min-width:0}.erp-main{padding:18px}.page-header{grid-template-columns:1fr;align-items:stretch;gap:14px}.rbac-layout{grid-template-columns:1fr}}@media (max-width:560px){.login-page{background:#fff;align-content:start}.login-hero{display:none}.login-panel{width:100%;min-height:100vh;box-shadow:none;border:0;border-radius:0;margin:0;padding:34px 22px}.login-hero h1{font-size:38px}}.pricing-tabs{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.pricing-tab{color:#666;background:#fff;border:1px solid #ebe5de;border-radius:999px;min-height:40px;padding:0 16px;font-size:13px;font-weight:800}.pricing-tab.active{color:var(--sabxi-ink);background:#fff7ef;border-color:#ffb380}.pricing-formula-grid{flex-direction:column;gap:10px;display:flex}.pricing-formula-flow{grid-template-columns:1fr;gap:10px;display:grid}@media (min-width:768px){.pricing-formula-flow{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1200px){.pricing-formula-flow{grid-template-columns:repeat(3,minmax(0,1fr))}}.pricing-formula-step{background:linear-gradient(#fffdf9 0%,#fff 100%);border:1px solid #ebe5de;border-radius:12px;padding:16px}.pricing-formula-step strong{color:var(--sabxi-ink);margin-bottom:6px;font-size:14px;display:block}.pricing-formula-step p{color:#666;margin:0;font-size:13px;line-height:1.5}.pricing-alert-banner{background:linear-gradient(#fff5f5 0%,#fff 100%);border-color:#fecaca}.pricing-alert-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.pricing-alert-list li{background:#fff;border:1px solid #efe9e1;border-radius:10px;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.pricing-alert-list li.read{opacity:.65}.pricing-alert-list li strong{margin-bottom:4px;display:block}.pricing-alert-list li span{color:#666;font-size:.85rem;display:block}.pricing-alert-list li small{color:#999;margin-top:6px;font-size:.75rem;display:block}.pricing-formula-arrow{display:none}.pricing-card{background:#fff;border:1px solid #ebe5de;border-radius:14px;padding:18px;box-shadow:0 18px 50px #0c0c0c0a}.pricing-card-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.pricing-card-header h3{color:var(--sabxi-ink);margin:0;font-size:18px}.pricing-card-header p{color:#666;max-width:620px;margin:6px 0 0;font-size:13px;line-height:1.5}.pricing-field-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.pricing-settings-grid{grid-template-columns:1fr;gap:14px;display:grid}@media (min-width:640px){.pricing-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.pricing-settings-grid.pricing-settings-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.pricing-toggle-row{border-bottom:1px solid #f1ebe4;margin-bottom:14px;padding-bottom:14px}.pricing-toggle{color:var(--sabxi-ink);cursor:pointer;align-items:center;gap:10px;font-size:14px;font-weight:700;display:inline-flex}.pricing-toggle input{flex-shrink:0;width:auto;margin:0}.pricing-toggle>span{flex-direction:column;gap:2px;display:flex}.pricing-field-grid label,.pricing-settings-grid label{color:#444;flex-direction:column;gap:6px;min-width:0;font-size:13px;font-weight:700;display:flex}.pricing-field-grid label input:not([type=checkbox]),.pricing-settings-grid label input:not([type=checkbox]){width:100%}.pricing-field-grid label span.field-caption,.pricing-settings-grid label span.field-caption{color:#8a8177;margin-top:4px;font-size:12px;font-weight:600;line-height:1.4;display:block}.pricing-rules-table{border-collapse:collapse;width:100%;font-size:13px}.pricing-rules-table th{text-align:left;letter-spacing:.08em;text-transform:uppercase;color:#61574f;background:#fff4e8;border-bottom:1px solid #eee8e0;padding:10px 12px;font-size:11px;font-weight:800}.pricing-rules-table td{vertical-align:middle;border-bottom:1px solid #f1ebe4;padding:10px 12px}.pricing-rules-table input{width:100%;min-width:0}.pricing-multiplier-badge{border-radius:999px;justify-content:center;align-items:center;min-width:72px;padding:4px 10px;font-size:12px;font-weight:800;display:inline-flex}.pricing-multiplier-badge.neutral{color:#666;background:#f0ede8}.pricing-multiplier-badge.up{color:#1b5e20;background:#eef8f0}.pricing-multiplier-badge.down{color:#e55a00;background:#fff3e8}.pricing-timeline{border:1px solid #ebe5de;border-radius:8px;grid-template-columns:repeat(24,minmax(0,1fr));gap:2px;height:28px;margin-top:16px;display:grid;overflow:hidden}.pricing-timeline-segment{background:#ffd2ad;min-width:0}.pricing-timeline-labels{color:#8a8177;justify-content:space-between;margin-top:6px;font-size:11px;font-weight:700;display:flex}.pricing-callout{color:#5c534b;background:#fff7ef;border:1px solid #ffd2ad;border-radius:12px;padding:14px 16px;font-size:13px;line-height:1.55}.pricing-callout strong{color:var(--sabxi-ink)}.pricing-sticky-actions{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff5;border:1px solid #ebe5de;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;padding:14px 16px;display:flex;position:sticky;bottom:16px;box-shadow:0 12px 40px #0c0c0c14}@media (min-width:900px){.pricing-formula-arrow{display:none}}.iron-dome-signal-modes{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.iron-dome-tab-count{color:#e55a00;background:#fff3eb;border-radius:999px;justify-content:center;align-items:center;min-width:1.25rem;margin-left:6px;padding:0 6px;font-size:.72rem;font-weight:800;line-height:1.6;display:inline-flex}.iron-dome-setup-banner{background:#fff8f2;border:1px solid #f0d4bf;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:16px 18px;display:flex}.iron-dome-channel-strip{color:#666;margin:0 0 16px;font-size:.92rem}.iron-dome-inline-link{color:#e55a00;cursor:pointer;font:inherit;text-underline-offset:2px;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.iron-dome-inline-link:hover{color:#c44d00}.iron-dome-summary-section{gap:12px;display:grid}.iron-dome-summary-head h3{margin:0;font-size:1.05rem}.iron-dome-detail-head{margin-top:8px}.iron-dome-detail-head h3{margin:0 0 4px;font-size:1.05rem}.iron-dome-trends{gap:16px;display:grid}.iron-dome-product-card{background:#fff;border:1px solid #ebe5de;border-radius:16px;overflow:hidden}.iron-dome-product-summary{cursor:pointer;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;list-style:none;display:flex}.iron-dome-product-summary::-webkit-details-marker{display:none}.iron-dome-product-summary h3{margin:0;font-size:1.15rem}.iron-dome-product-mandi{color:#666;margin:4px 0 0;font-size:.85rem}.iron-dome-product-stats{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.iron-dome-stat-label{color:#8a8177;letter-spacing:.04em;text-transform:uppercase;font-size:.72rem;display:block}.iron-dome-date-stack{gap:12px;padding:0 20px 20px;display:grid}.iron-dome-date-card{background:#faf8f5;border:1px solid #f0ebe4;border-radius:12px}.iron-dome-date-header{border-bottom:1px solid #efe9e1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.iron-dome-date-header h4{margin:0;font-size:1rem}.iron-dome-date-header p{color:#666;margin:4px 0 0;font-size:.82rem}.iron-dome-date-prices{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.iron-dome-observation-grid{gap:10px;padding:12px;display:grid}.iron-dome-observation{background:#fff;border:1px solid #ebe5de;border-radius:10px;padding:12px}.iron-dome-observation-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.iron-dome-observation-channel{color:#666;margin:4px 0 0;font-size:.82rem}.iron-dome-video-link{color:#e55a00;margin-top:8px;font-size:.85rem;font-weight:700;text-decoration:none;display:block}.iron-dome-timestamp-link{color:#e55a00;text-underline-offset:2px;font-weight:700;text-decoration:underline}.iron-dome-timestamp-link:hover{color:#c44d00}.iron-dome-excerpt{color:#8a8177;margin:8px 0 0;font-size:.78rem;font-style:italic}.iron-dome-observation-meta{color:#666;flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;font-size:.78rem;display:flex}.iron-dome-pagination{justify-content:center;align-items:center;gap:12px;margin-top:8px;display:flex}.iron-dome-loading,.iron-dome-empty{color:#666;text-align:center;padding:24px}.iron-dome-loading .sabxi-loading-block{padding:24px 18px}.qcommerce-platform-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;padding:12px;display:grid}.qcommerce-platform-card{background:#fff;border:1px solid #ebe5de;border-radius:10px;padding:12px}.qcommerce-platform-card.blinkit{border-left:4px solid #f8cb46}.qcommerce-platform-card.zepto{border-left:4px solid #7c3aed}.qcommerce-platform-card.swiggy{border-left:4px solid #fc8019}.qcommerce-platform-card-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.qcommerce-platform-pill{color:#444;background:#f5f1eb;border-radius:999px;align-items:center;padding:2px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.qcommerce-platform-pill.blinkit{background:#fff6cc}.qcommerce-platform-pill.zepto{background:#ede9fe}.qcommerce-platform-pill.swiggy{background:#ffedd5}.qcommerce-mrp,.qcommerce-meta{color:#666;margin:6px 0 0;font-size:.78rem}.qcompare-sheet{background:#fff;border:1px solid #ebe5de;border-radius:16px;overflow:hidden}.qcompare-sheet-title{background:#faf8f5;border-bottom:1px solid #efe9e1;padding:16px 20px}.qcompare-sheet-title h3{margin:0;font-size:1.1rem}.qcompare-sheet-title p{color:#666;margin:6px 0 0;font-size:.85rem}.qcompare-table-wrap{overflow:auto}.qcompare-table{border-collapse:separate;border-spacing:0;width:100%;min-width:1040px}.qcompare-group-row th{color:#888;letter-spacing:.06em;text-align:center;text-transform:uppercase;background:#fff7ef;border-bottom:0;padding:8px 12px 4px;font-size:.72rem;font-weight:700;top:0}.qcompare-group-qcommerce{border-left:2px solid #f0d9c4}.qcompare-group-mandi{border-left:2px solid #dbeafe;color:#2563eb!important;background:#f5f9ff!important}.qcompare-table thead tr:last-child th{top:28px}.qcompare-table thead th{z-index:2;color:#444;letter-spacing:.03em;text-align:left;text-transform:uppercase;white-space:nowrap;background:#fff7ef;border-bottom:2px solid #f0d9c4;padding:10px 12px;font-size:.78rem;position:sticky}.qcompare-col-qcommerce{text-align:right}.qcompare-col-mandi{color:#1d4ed8;text-align:right;background:#f5f9ff;border-left:1px solid #dbeafe}.qcompare-mandi{background:#f8fbff;border-left:1px solid #e8f0fe}.qcompare-cell-sub{color:#64748b;text-transform:lowercase;margin-top:2px;font-size:.68rem;font-weight:500;display:block}.qcompare-sr{color:#888;font-variant-numeric:tabular-nums;width:56px}.qcompare-category{color:#666;white-space:nowrap;font-size:.82rem}.qcompare-data-row:nth-child(2n) td{background:#fcfbfa}.qcompare-mandi-cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:16px;display:grid}.qcompare-mandi-card{background:#f8fbff;border:1px solid #dbeafe;border-radius:12px;padding:12px 14px}.qcompare-mandi-label{color:#2563eb;letter-spacing:.04em;text-transform:uppercase;font-size:.72rem;font-weight:700;display:block}.qcompare-mandi-card strong{margin-top:4px;font-size:1.1rem;display:block}.qcompare-mandi-card p{color:#64748b;margin:6px 0 0;font-size:.78rem}.qcompare-category-row td{color:#e55a00;letter-spacing:.04em;text-transform:uppercase;background:#f5f1eb;padding:10px 12px;font-size:.82rem;font-weight:800}.qcompare-data-row{cursor:pointer}.qcompare-data-row:hover td,.qcompare-data-row.expanded td{background:#fffaf5}.qcompare-cell,.qcompare-table tbody td{vertical-align:middle;border-bottom:1px solid #f0ebe4;padding:9px 12px;font-size:.88rem}.qcompare-price{text-align:right;white-space:nowrap;font-weight:700}.qcompare-best{color:#067647;background:#ecfdf3}.qcompare-empty{color:#bbb;text-align:center}.qcompare-vegetable{min-width:180px}.qcompare-drill-trigger{color:#e55a00;cursor:pointer;text-align:left;background:0 0;border:0;padding:0;font-weight:700}.qcompare-drilldown-row td{background:#faf8f5;padding:0}.qcompare-drilldown{padding:16px 20px 20px}.qcompare-drilldown-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.qcompare-drilldown-head h4{margin:0}.qcompare-drilldown-head p{color:#666;margin:4px 0 0;font-size:.82rem}.qcompare-history-wrap{margin-top:16px}.qcompare-history-wrap h5,.qcompare-manual-edit h5{margin:0 0 10px;font-size:.92rem}.qcompare-history-table{border-collapse:collapse;width:100%}.qcompare-history-table th,.qcompare-history-table td{text-align:left;border:1px solid #efe9e1;padding:8px 10px;font-size:.82rem}.qcompare-history-table th{background:#fff}.qcompare-manual-edit{border-top:1px solid #efe9e1;margin-top:16px;padding-top:16px}.image-preview-open{cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block;position:relative}.image-preview-open-label{color:#fff;background:#0c0c0cb8;border-radius:999px;padding:4px 10px;font-size:.72rem;font-weight:700;position:absolute;bottom:10px;right:10px}.image-lightbox-backdrop{z-index:80;background:#0c0c0cc7;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.image-lightbox-panel{background:#fff;border-radius:16px;width:min(1200px,100%);max-height:calc(100vh - 48px);overflow:auto}.image-lightbox-header{border-bottom:1px solid #efe9e1;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.image-lightbox-header p{color:#666;margin:4px 0 0;font-size:.82rem}.image-lightbox-body{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:16px;display:grid}.image-lightbox-image{object-fit:contain;background:#faf8f5;border-radius:12px;width:100%;max-height:calc(100vh - 180px)}.image-lightbox-nav{cursor:pointer;background:#fff;border:1px solid #ebe5de;border-radius:999px;width:42px;height:42px;font-size:1.4rem}.packaging-chat{background:#faf8f5;border:1px solid #ebe5de;border-radius:16px;margin-top:20px;padding:16px}.packaging-chat-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.packaging-chat-head h4{margin:0}.packaging-chat-head p{color:#666;margin:4px 0 0;font-size:.82rem}.packaging-prompt-panel{gap:12px;margin-bottom:12px;display:grid}.packaging-prompt-panel textarea{width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem}.packaging-chat-thread{gap:10px;max-height:260px;margin-bottom:12px;display:grid;overflow:auto}.packaging-chat-bubble{background:#fff;border:1px solid #efe9e1;border-radius:12px;padding:10px 12px}.packaging-chat-bubble.user{border-left:4px solid #e55a00}.packaging-chat-bubble.assistant{border-left:4px solid #2e8540}.packaging-chat-role{color:#8a8177;letter-spacing:.04em;text-transform:uppercase;margin-bottom:4px;font-size:.72rem;font-weight:700;display:block}.packaging-chat-form textarea{width:100%}.packaging-chat-upload{gap:12px;margin-bottom:12px;display:grid}@media (min-width:640px){.packaging-chat-upload{grid-template-columns:minmax(0,1fr) 180px;align-items:end}}.packaging-chat-upload-preview{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.packaging-chat-upload-preview img{object-fit:cover;border:1px solid #ebe5de;border-radius:10px;width:88px;height:88px}.packaging-chat-reference-kind select{width:100%}.packaging-chat-attachment{color:#c05600;letter-spacing:.03em;text-transform:uppercase;background:#fff7ef;border-radius:999px;margin-bottom:6px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.packaging-chat-actions{justify-content:flex-end;margin-top:10px;display:flex}.generation-loading{margin:16px 0 8px}.generation-loading-label{color:#666;margin:0 0 8px;font-size:.875rem}.generation-loading-track{background:#f0ede8;border-radius:999px;height:6px;overflow:hidden}.generation-loading-bar{background:linear-gradient(90deg,#ff6b00 0%,#ffb380 100%);border-radius:999px;width:38%;height:100%;animation:1.35s ease-in-out infinite generation-loading-slide}@keyframes generation-loading-slide{0%{transform:translate(-110%)}to{transform:translate(320%)}}.packaging-style-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.packaging-style-card{text-align:left;cursor:pointer;background:linear-gradient(#fffdf9 0%,#fff 100%);border:1px solid #ebe5de;border-radius:14px;gap:6px;min-height:92px;padding:14px 16px;transition:border-color .15s,box-shadow .15s,transform .15s;display:grid}.packaging-style-card:hover{border-color:#ffd2ad;transform:translateY(-1px);box-shadow:0 10px 24px #ff6b0014}.packaging-style-card.active{background:linear-gradient(#fff7ef 0%,#fff 100%);border-color:#ff6b00;box-shadow:0 14px 30px #ff6b001f}.packaging-style-card strong{color:var(--sabxi-ink);font-size:.92rem}.packaging-style-card span{color:#8a8177;font-size:.78rem;line-height:1.45}.packaging-category-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.packaging-category-card{text-align:left;cursor:pointer;background:linear-gradient(#fffdf9 0%,#fff 100%);border:1px solid #ebe5de;border-radius:14px;gap:8px;padding:10px;transition:border-color .15s,box-shadow .15s,transform .15s;display:grid}.packaging-category-card:hover:not(:disabled){border-color:#ffd2ad;transform:translateY(-1px);box-shadow:0 10px 24px #ff6b0014}.packaging-category-card.active{background:linear-gradient(#fff7ef 0%,#fff 100%);border-color:#ff6b00;box-shadow:0 14px 30px #ff6b001f}.packaging-category-card:disabled{opacity:.65;cursor:wait}.packaging-category-card img{object-fit:contain;background:#f8f5f1;border-radius:10px;width:100%;height:120px}.packaging-category-placeholder{color:#8a8177;background:#f8f5f1;border-radius:10px;place-items:center;height:120px;font-size:.78rem;display:grid}.packaging-category-card strong{color:var(--sabxi-ink);font-size:.88rem}.packaging-category-card span{color:#8a8177;font-size:.74rem;line-height:1.4}.packaging-output-section{background:radial-gradient(circle at 100% 0,#ffb3802e,#0000 34%),linear-gradient(#fffdf9 0%,#fff 100%);border:1px solid #ebe5de;border-radius:18px;padding:20px;box-shadow:0 18px 50px #0c0c0c0d}.packaging-output-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.packaging-output-header h3{margin:0 0 10px}.packaging-output-status{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.packaging-status-pill{color:#1b5e20;letter-spacing:.04em;text-transform:uppercase;background:#eef8f0;border-radius:999px;align-items:center;padding:4px 10px;font-size:.72rem;font-weight:800;display:inline-flex}.packaging-status-pill.processing{color:#e55a00;background:#fff7ef}.packaging-status-pill.failed{color:#b42318;background:#fff1f1}.packaging-status-meta,.packaging-status-error{color:#8a8177;font-size:.78rem}.packaging-status-error{color:#b42318}.packaging-gallery{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.packaging-gallery-card{gap:10px;min-width:0;margin:0;display:grid}.packaging-gallery-open{cursor:zoom-in;aspect-ratio:1;background:#111;border:1px solid #ebe5de;border-radius:16px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.packaging-gallery-image{object-fit:cover;width:100%;height:100%}.packaging-gallery-zoom{color:#fff;background:#0c0c0cb8;border-radius:999px;padding:4px 10px;font-size:.72rem;font-weight:700;position:absolute;bottom:10px;right:10px}.packaging-gallery-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.packaging-gallery-badge{letter-spacing:.03em;border-radius:999px;align-items:center;padding:4px 10px;font-size:.72rem;font-weight:800;display:inline-flex}.packaging-gallery-badge.banner{color:#e55a00;background:#fff7ef}.packaging-gallery-badge.catalog,.packaging-gallery-badge.thumb{color:#5c534b;background:#f5f1eb}.packaging-gallery-badge.ai{color:#1b5e20;background:#eef8f0}.packaging-gallery-badge.plate{color:#067647;background:#ecfdf3}.packaging-gallery-size{color:#8a8177;font-variant-numeric:tabular-nums;font-size:.75rem}@property --tw-border-spacing-x{syntax:"<length>";inherits:false;initial-value:0}@property --tw-border-spacing-y{syntax:"<length>";inherits:false;initial-value:0}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}