@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-outline-style:solid;--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-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-sm:.875rem;--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--font-weight-semibold:600;--tracking-tight:-.025em;--tracking-wide:.025em;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::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{.collapse{visibility:collapse}.fixed{position:fixed}.relative{position:relative}.end{inset-inline-end:var(--spacing)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-row{display:table-row}.flex-shrink{flex-shrink:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.p-10{padding:calc(var(--spacing) * 10)}.text-center{text-align:center}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-\[var\(--color-text-muted\)\]{color:var(--color-text-muted)}.lowercase{text-transform:lowercase}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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-filter{-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))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@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-ease{syntax:"*";inherits:false}:root{--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--text-h1: 2rem;--text-h2: 2rem;--text-h3: 1.25rem;--text-lg: 1.125rem;--text-body: .9rem;--text-sm: .875rem;--text-xs: .75rem;--text-2xs: .625rem;--line-tight: 1.1;--line-snug: 1.3;--line-normal: 1.5;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .02em;--stroke-icon: 1.6;--space-0_5: .125rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--container-max: 72rem;--container-pad: 1.5rem;--size-nav: 4.5rem;--size-input: 2.75rem;--size-input-sm: 2.5rem;--size-button: 2.75rem;--size-button-sm: 2.25rem;--size-control: 2rem;--size-control-sm: 1.25rem;--size-control-md: 2.5rem;--size-control-lg: 3rem;--size-icon-xs: .875rem;--size-icon-sm: 1rem;--size-icon-md: 1.25rem;--size-icon-base: 1.5rem;--size-icon-control: 1.125rem;--size-icon-lg: 2rem;--size-search-max: 36rem;--size-hero-max: 32rem;--size-category-image: 12rem;--size-category-media: 100%;--size-order-input: 16rem;--size-feature-icon: 2.5rem;--size-step-card: 100%;--size-step-image: 100%;--size-device-thumb: 6rem;--size-device-hero: 16.25rem;--grid-footer: 2fr 1fr 1fr 1.2fr;--grid-steps: 1.2fr 1fr;--radius-xs: .375rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .08);--shadow-md: 0 8px 24px rgba(15, 23, 42, .12);--shadow-lg: 0 20px 60px rgba(15, 23, 42, .16);--shadow-hero: 0 24px 80px rgba(10, 28, 20, .35);--duration-fast: .15s;--duration-normal: .25s;--ease-standard: cubic-bezier(.2, .8, .2, 1);--color-white: #ffffff;--color-black: #0b0f0c;--color-brand-500: #0f8d5d;--color-brand-600: #0a6c49;--color-brand-700: #07563b;--color-accent-400: #2dc98a;--color-bg: #f3f6f4;--color-bg-muted: #eef2ef;--color-surface: #ffffff;--color-surface-muted: #f7faf8;--color-hero-surface: #161a18;--color-border: #e3e8e4;--color-border-strong: #c9d2cc;--color-text-primary: #0f1c14;--color-text-muted: #526158;--color-text-subtle: #6B7280;--color-text-inverse: #0f1c14;--color-hero-badge: rgba(255, 255, 255, .08);--color-overlay-soft: rgba(255, 255, 255, .2);--color-overlay-dark: rgba(0, 0, 0, .05);--color-glass-bg: color-mix(in srgb, var(--color-surface) 75%, transparent);--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-primary-dark: #1d4ed8;--color-primary-shadow: rgba(59, 130, 246, .35);--color-primary-ring: rgba(59, 130, 246, .12);--color-primary-bg: #dbeafe;--color-primary-bg-soft: rgba(59, 130, 246, .1);--color-primary-border: rgba(59, 130, 246, .2);--color-primary-text: #2563eb;--color-danger: #dc2626;--color-danger-hover: #b91c1c;--color-danger-dark: #991b1b;--color-danger-bg: #fee2e2;--color-danger-bg-soft: rgba(239, 68, 68, .1);--color-danger-bg-alt: #fff1f2;--color-danger-border: #fecaca;--color-danger-border-soft: rgba(239, 68, 68, .2);--color-danger-text: #dc2626;--color-danger-shadow: rgba(220, 38, 38, .25);--color-danger-border-hover: #fca5a5;--color-success: #16a34a;--color-success-bg: #dcfce7;--color-success-bg-soft: rgba(16, 185, 129, .12);--color-success-border: #bbf7d0;--color-success-text: #059669;--color-warning: #d97706;--color-warning-bg: #fef3c7;--color-warning-bg-soft: rgba(245, 158, 11, .12);--color-warning-border: #fde68a;--color-warning-text: #d97706;--color-purple: #7c3aed;--color-purple-bg: #ede9fe;--color-purple-bg-soft: rgba(139, 92, 246, .12);--color-purple-border: #ddd6fe;--color-purple-text: #7c3aed;--color-purple-dark: #4f46e5;--color-purple-dark-bg: #eef2ff;--color-purple-dark-border: #c7d2fe;--color-indigo: #6366f1;--color-indigo-bg-soft: rgba(99, 102, 241, .1);--color-indigo-border: rgba(99, 102, 241, .2);--color-teal: #0d9488;--color-teal-bg: #ccfbf1;--color-cyan: #0369a1;--color-cyan-bg: #e0f2fe;--color-pink: #db2777;--color-pink-bg: #fce7f3;--color-slate: #475569;--color-slate-bg: #f1f5f9;--color-vendor-bulk: #6366f1;--color-vendor-distributor: #0ea5e9;--color-vendor-refurbisher: #f59e0b;--color-vendor-other: #6b7280;--color-loc-shop-bg: rgba(59, 130, 246, .12);--color-loc-shop-text: #2563eb;--color-loc-warehouse-bg: rgba(245, 158, 11, .12);--color-loc-warehouse-text: #d97706;--color-loc-distribution-bg: rgba(139, 92, 246, .12);--color-loc-distribution-text: #7c3aed;--gradient-primary: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--gradient-purple-indigo: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--gradient-brand: linear-gradient(135deg, #3b82f6, #8b5cf6);--input-bg: var(--color-surface-muted);--input-bg-focus: var(--color-surface);--input-border: var(--color-border);--input-border-focus: var(--color-primary);--input-ring-focus: var(--color-primary-ring);--input-text: var(--color-text-primary);--input-placeholder: var(--color-text-subtle);--input-padding: 10px 14px;--input-radius: var(--radius-md);--input-font-size: var(--text-sm);--table-head-bg: var(--color-surface-muted);--table-head-text: var(--color-text-subtle);--table-row-even: var(--color-surface);--table-row-odd: var(--color-surface-muted);--table-row-hover: var(--color-bg-muted);--table-border: var(--color-border);--badge-id-bg: var(--color-bg-muted);--badge-id-text: var(--color-text-subtle);--badge-id-border: var(--color-border);--badge-id-radius: var(--radius-xs);--modal-overlay: rgba(15, 23, 42, .5);--modal-overlay-blur: rgba(0, 0, 0, .45);--modal-radius: var(--radius-xl);--modal-padding: 28px 32px;--toggle-active-bg: var(--color-success-bg-soft);--toggle-active-text: var(--color-success-text);--toggle-active-border: transparent;--toggle-inactive-bg: var(--color-danger-bg-soft);--toggle-inactive-text: var(--color-danger-text);--toggle-inactive-border: transparent;--btn-primary-bg: var(--color-primary);--btn-primary-hover: var(--color-primary-hover);--btn-primary-shadow: 0 2px 8px var(--color-primary-shadow);--btn-primary-shadow-hover: 0 4px 12px var(--color-primary-shadow);--btn-danger-bg: var(--color-danger);--btn-danger-hover: var(--color-danger-hover);--btn-danger-shadow: 0 2px 8px var(--color-danger-shadow);--btn-ghost-border: var(--color-border);--btn-ghost-hover-bg: var(--color-bg-muted);--btn-edit-color: var(--color-primary-hover);--btn-edit-hover-bg: #eff6ff;--btn-edit-hover-border: #bfdbfe;--page-padding: 32px 36px;--page-padding-mobile: var(--space-4);--page-title-size: 26px;--page-subtitle-size: var(--text-xs);--stat-card-radius: 14px;--stat-card-padding: .9rem 1rem;--stat-value-size: 1.4rem;--stat-label-size: .7rem;--search-input-bg: var(--color-bg-muted);--search-input-focus-bg: var(--color-surface);--search-icon-color: var(--color-text-subtle);--offset-raise-sm: 2px;--offset-raise-md: 4px;--avatar-radius: var(--radius-sm);--action-btn-height: 29px;--action-btn-radius: 7px;--chip-radius: 6px;--chip-font-size: .72rem;--vend-add-btn-bg: var(--color-primary);--vend-add-btn-hover: var(--color-primary-hover);--vend-add-btn-shadow: 0 4px 14px var(--color-primary-shadow);--vend-add-btn-radius: 9px;--vend-table-radius: 16px;--vend-modal-radius: 18px;--vend-input-radius: 9px;--vend-avatar-radius: 9px;--vend-edit-hover-bg: #eff6ff;--vend-edit-hover-border: #bfdbfe;--vend-edit-hover-color: var(--color-primary);--vend-submit-bg: var(--color-primary);--vend-submit-hover: var(--color-primary-hover);--vend-submit-shadow: 0 4px 14px var(--color-primary-shadow);--vend-submit-danger-bg: var(--color-danger);--vend-submit-danger-hover: var(--color-danger-hover);--vend-submit-danger-shadow:0 4px 14px var(--color-danger-shadow);--vend-delete-icon-bg: var(--color-danger-bg);--vend-page-title-size: 1.35rem;--vend-page-sub-size: .78rem;--vend-badge-radius: 6px;--vend-badge-font: .72rem;--vend-type-badge-radius: 20px;--vend-status-active-bg: var(--color-success-bg);--vend-status-active-color: var(--color-success);--vend-status-inactive-bg: var(--color-danger-bg);--vend-status-inactive-color: var(--color-danger);--vend-dot-active-color: var(--color-success);--vend-dot-inactive-color: var(--color-danger);--sp-primary: var(--color-primary-hover);--sp-primary-hover: var(--color-primary-dark);--sp-danger: var(--color-danger);--sp-asterisk: var(--color-danger);--sp-modal-shadow: 0 20px 60px rgba(0, 0, 0, .15);--sp-overlay-bg: var(--modal-overlay-blur);--pi-blue: var(--color-primary-hover);--pi-blue-hover: var(--color-primary-dark);--pi-blue-shadow: rgba(37, 99, 235, .3);--pi-blue-ring: rgba(37, 99, 235, .15);--pi-delete-bg: var(--color-danger-bg);--pi-delete-color: var(--color-danger);--pi-overlay-bg: var(--modal-overlay-blur);--pi-tbl-delete-bg: var(--color-danger-bg-alt);--pi-tbl-delete-border: var(--color-danger-border);--pi-add-more-hover-color: var(--color-primary-hover);--header-avatar-bg: var(--color-primary);--header-logout-hover-bg: var(--color-danger-bg);--header-logout-hover-color: var(--color-danger);--header-logout-hover-border: var(--color-danger-border-hover);--sidebar-brand-dot: var(--color-primary);--sidebar-link-active-bg: var(--color-primary);--sidebar-link-active-color: var(--color-white);--sidebar-indicator-bg: rgba(255, 255, 255, .6);--login-card-radius: 20px;--login-input-radius: 12px;--login-btn-radius: 12px;--login-brand-icon-bg: var(--color-primary);--login-brand-icon-shadow: 0 4px 16px rgba(99, 102, 241, .35);--login-accent: var(--color-primary);--login-accent-hover: var(--color-primary) ;--login-accent-shadow: rgba(99, 102, 241, .4);--login-accent-ring: var(--color-indigo-bg-soft);--login-error-bg: #fff5f5;--login-error-border: var(--color-danger-border);--login-error-text: var(--color-danger);--login-trust-dot: #10b981;--login-trust-dot-ring: rgba(16, 185, 129, .2);--login-page-bg: #f8fafc;--ao-primary: var(--color-primary);--ao-primary-hover: var(--color-primary-hover);--cust-primary: var(--color-primary);--cust-primary-hover: var(--color-primary-hover);--cust-primary-shadow: var(--color-primary-shadow);--cust-stat-orders-bg: var(--color-primary-bg-soft);--cust-stat-orders-color: var(--color-primary);--cust-stat-spent-bg: var(--color-success-bg-soft);--cust-stat-spent-color: var(--color-success-text);--cust-stat-verified-bg: var(--color-warning-bg-soft);--cust-stat-verified-color: var(--color-warning-text);--cust-stat-loc-bg: var(--color-purple-bg-soft);--cust-stat-loc-color: var(--color-purple-text);--dist-primary: var(--color-primary);--dist-asterisk: var(--color-danger);--loc-primary: var(--color-primary);--loc-asterisk: var(--color-danger);--attr-primary: var(--color-primary);--attr-primary-hover: var(--color-primary-hover);--attr-asterisk: var(--color-danger);--brand-primary: var(--color-primary);--brand-primary-hover: var(--color-primary-hover);--cat-primary: var(--color-primary);--cat-primary-hover: var(--color-primary-hover);--model-primary: var(--color-primary);--model-primary-hover: var(--color-primary-hover);--prod-primary: var(--color-primary);--prod-primary-hover: var(--color-primary-hover);--variant-primary: var(--color-primary);--variant-primary-hover: var(--color-primary-hover);--gradient-hero: linear-gradient(135deg, #151a18 0%, #1e2421 50%, #151a18 100%);--gradient-accent: linear-gradient(135deg, #b7d4c7 0%, #efd7a6 52%, #efb59f 100%);--gradient-category-1: linear-gradient(135deg, #8cb4a8 0%, #5c8f82 100%);--gradient-category-2: linear-gradient(135deg, #efe7da 0%, #d6c1a6 100%);--gradient-category-3: linear-gradient(135deg, #f2f2f2 0%, #d9d9d9 100%);--gradient-category-4: linear-gradient(135deg, #f4b09c 0%, #e58f74 100%);--gradient-category-5: linear-gradient(135deg, #cfd8e3 0%, #aeb9c9 100%)}[data-theme=dark]{--color-bg: #0d1411;--color-bg-muted: #0f1713;--color-surface: #141c18;--color-surface-muted: #1a2320;--color-hero-surface: #0c100e;--color-border: #26302b;--color-border-strong: #34413a;--color-text-primary: #ecf2ee;--color-text-muted: #b2bcb5;--color-text-subtle: #6B7280;--color-text-inverse: #FFFFFF;--shadow-sm: 0 1px 2px rgba(4, 8, 6, .6);--shadow-md: 0 8px 24px rgba(4, 8, 6, .5);--shadow-lg: 0 20px 60px rgba(4, 8, 6, .55);--shadow-hero: 0 24px 80px rgba(3, 6, 5, .8);--input-bg: var(--color-surface-muted);--input-bg-focus: var(--color-surface);--table-head-bg: var(--color-surface-muted);--table-row-even: var(--color-surface);--table-row-odd: var(--color-surface-muted);--login-page-bg: #0d1411;--btn-edit-hover-bg: rgba(59, 130, 246, .15);--btn-edit-hover-border: rgba(59, 130, 246, .35);--vend-edit-hover-bg: rgba(59, 130, 246, .15);--vend-edit-hover-border: rgba(59, 130, 246, .35);--vend-status-active-bg: rgba(22, 163, 74, .15);--vend-status-inactive-bg: rgba(220, 38, 38, .15)}[data-theme=dark] .navbar-logo{filter:invert(1)}*,*:before,*:after{box-sizing:border-box}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text-primary)}.admin-page{padding:var(--page-padding);min-height:100vh;background:var(--color-bg);font-family:var(--font-sans)}.admin-page-title{font-size:var(--page-title-size);font-weight:700;color:var(--color-text-primary);margin:0;letter-spacing:var(--tracking-tight)}.admin-page-subtitle{font-size:var(--page-subtitle-size);color:var(--color-text-subtle);margin-top:var(--space-1);font-weight:400}.admin-table-card{background:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.admin-btn-primary{background:var(--btn-primary-bg);color:var(--color-white);border:none;padding:10px 20px;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-2);box-shadow:var(--btn-primary-shadow);font-family:var(--font-sans);white-space:nowrap;transition:background var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.admin-btn-primary:hover:not(:disabled){background:var(--btn-primary-hover);box-shadow:var(--btn-primary-shadow-hover);transform:translateY(-1px)}.admin-btn-primary:disabled{opacity:.7;cursor:not-allowed}.admin-form-input{width:100%;padding:var(--input-padding);border:1.5px solid var(--input-border);border-radius:var(--input-radius);font-size:var(--input-font-size);color:var(--input-text);outline:none;background:var(--input-bg);font-family:var(--font-sans);box-sizing:border-box;transition:border-color var(--duration-fast),background var(--duration-fast),box-shadow var(--duration-fast)}.admin-form-input:focus{border-color:var(--input-border-focus);background:var(--input-bg-focus);box-shadow:0 0 0 3px var(--input-ring-focus)}.admin-form-input::placeholder{color:var(--input-placeholder)}.admin-th{padding:14px 20px;text-align:left;font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--table-head-text);text-transform:uppercase;background:var(--table-head-bg);border-bottom:1px solid var(--table-border)}.admin-td{padding:13px 20px;border-bottom:1px solid var(--table-border);vertical-align:middle;color:var(--color-text-primary)}.admin-id-badge{display:inline-flex;align-items:center;font-size:var(--text-xs);color:var(--badge-id-text);font-weight:600;background:var(--badge-id-bg);padding:2px 8px;border-radius:var(--badge-id-radius);border:1px solid var(--badge-id-border)}.admin-toggle-active{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:600;color:var(--toggle-active-text);background:var(--toggle-active-bg);border:1px solid var(--toggle-active-border);cursor:pointer;transition:opacity var(--duration-fast);white-space:nowrap}.admin-toggle-inactive{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:600;color:var(--toggle-inactive-text);background:var(--toggle-inactive-bg);border:1px solid var(--toggle-inactive-border);cursor:pointer;transition:opacity var(--duration-fast);white-space:nowrap}.admin-edit-btn{display:inline-flex;align-items:center;gap:5px;height:var(--action-btn-height);padding:0 10px;border-radius:var(--action-btn-radius);border:1px solid var(--color-border);background:transparent;color:var(--color-text-primary);font-size:var(--chip-font-size);font-weight:600;cursor:pointer;font-family:var(--font-sans);white-space:nowrap;transition:background var(--duration-fast),border-color var(--duration-fast),color var(--duration-fast)}.admin-edit-btn:hover{background:var(--btn-edit-hover-bg);border-color:var(--btn-edit-hover-border);color:var(--btn-edit-color)}.admin-delete-btn{display:inline-flex;align-items:center;gap:5px;height:var(--action-btn-height);padding:0 10px;border-radius:var(--action-btn-radius);border:1px solid var(--color-danger-border);background:transparent;color:var(--color-danger-text);font-size:var(--chip-font-size);font-weight:600;cursor:pointer;font-family:var(--font-sans);white-space:nowrap;transition:background var(--duration-fast)}.admin-delete-btn:hover{background:var(--color-danger-bg);border-color:var(--color-danger-border-hover)}.admin-btn-cancel{display:inline-flex;align-items:center;gap:var(--space-2);padding:.55rem 1.1rem;border-radius:var(--radius-md);border:1px solid var(--btn-ghost-border);background:transparent;color:var(--color-text-primary);font-size:var(--text-sm);font-weight:500;cursor:pointer;font-family:var(--font-sans);transition:background var(--duration-fast)}.admin-btn-cancel:hover:not(:disabled){background:var(--btn-ghost-hover-bg)}.admin-btn-cancel:disabled{opacity:.5;cursor:not-allowed}.admin-btn-danger{display:inline-flex;align-items:center;gap:var(--space-2);padding:.55rem 1.1rem;border-radius:var(--radius-md);border:none;background:var(--btn-danger-bg);color:var(--color-white);font-size:var(--text-sm);font-weight:600;cursor:pointer;font-family:var(--font-sans);box-shadow:var(--btn-danger-shadow);transition:background var(--duration-fast)}.admin-btn-danger:hover:not(:disabled){background:var(--btn-danger-hover)}.admin-btn-danger:disabled{opacity:.5;cursor:not-allowed}.admin-overlay{position:fixed;inset:0;background:var(--modal-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-5)}.admin-modal{background:var(--color-surface);border-radius:var(--modal-radius);padding:var(--modal-padding);width:100%;box-shadow:var(--shadow-lg);border:1px solid var(--color-border);max-height:90vh;overflow-y:auto}.admin-spinner{width:36px;height:36px;border:3px solid var(--color-border);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.admin-empty-cell{text-align:center;padding:64px 20px}.admin-empty-icon{font-size:40px;margin-bottom:12px}.admin-empty-text{color:var(--color-text-subtle);font-size:var(--text-sm)}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-row{transition:background var(--duration-fast)}.row-even{background:var(--table-row-even)}.row-odd{background:var(--table-row-odd)}.table-row:hover{background:var(--table-row-hover)!important}.admin-modal-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.admin-modal-title{font-size:20px;font-weight:700;color:var(--color-text-primary);margin:0}.admin-modal-sub{font-size:var(--text-xs);color:var(--color-text-subtle);margin:4px 0 0}.admin-close-btn{background:var(--color-bg-muted);border:none;width:32px;height:32px;border-radius:var(--radius-xs);cursor:pointer;font-size:var(--text-sm);color:var(--color-text-subtle);flex-shrink:0}.admin-modal-footer{display:flex;gap:10px;margin-top:24px;padding-top:20px;border-top:1px solid var(--color-border);flex-wrap:wrap}.admin-field{margin-bottom:16px}.admin-label{display:block;font-size:var(--text-xs);font-weight:600;color:var(--color-text-primary);margin-bottom:7px}.admin-required{color:var(--color-danger)}.admin-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.admin-loading-wrap{display:flex;align-items:center;justify-content:center;height:60vh}.admin-page-icon-wrap{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:var(--radius-md);background:var(--color-primary-bg-soft);color:var(--color-primary);border:1px solid var(--color-primary-border);flex-shrink:0}.admin-skeleton-bar{height:18px;background:var(--color-border);border-radius:var(--radius-xs);animation:admin-shimmer 1.5s ease-in-out infinite;opacity:.6}@keyframes admin-shimmer{0%,to{opacity:.6}50%{opacity:.25}}@media(max-width:640px){.btn-label{display:none}.modal-box{padding:20px 16px!important}.admin-page{padding:var(--page-padding-mobile)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes heroReveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.animate-slideIn{animation:slideIn .2s ease-out}.glass-panel{background:var(--color-glass-bg);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.elevated-card{box-shadow:var(--shadow-md);transition:transform var(--duration-normal) var(--ease-standard),box-shadow var(--duration-normal) var(--ease-standard)}.elevated-card:hover{transform:translateY(calc(var(--offset-raise-md) * -1));box-shadow:var(--shadow-lg)}.skeleton-shimmer{position:relative;overflow:hidden;background:var(--color-surface-muted)}.skeleton-shimmer:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--color-overlay-soft) 60%,transparent),transparent);animation:shimmer 1.6s ease-in-out infinite}img{display:block;max-width:100%}.hero{position:relative;overflow:hidden;isolation:isolate}.hero-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(60% 60% at 20% 20%,color-mix(in srgb,var(--color-accent-400) 18%,transparent),transparent 60%),radial-gradient(50% 50% at 80% 30%,color-mix(in srgb,var(--color-brand-500) 16%,transparent),transparent 60%),radial-gradient(40% 40% at 50% 80%,color-mix(in srgb,var(--color-bg-muted) 22%,transparent),transparent 60%);animation:heroAmbient 22s ease-in-out infinite alternate;will-change:transform}@keyframes heroAmbient{0%{transform:scale(1) translateY(0)}to{transform:scale(1.05) translateY(-12px)}}.hero-content{animation:heroReveal .8s cubic-bezier(.2,.8,.2,1) both;will-change:opacity,transform}