:root{--color-primary-start:#667eea;--color-primary-end:#764ba2;--color-primary:#667eea;--color-primary-hover:#5a6fd6;--color-primary-light:#667eea1a;--color-primary-lighter:#667eea0d;--gradient-primary:linear-gradient(135deg,var(--color-primary-start) 0%,var(--color-primary-end) 100%);--gradient-primary-hover:linear-gradient(135deg,#5a6fd6,#6a4190);--color-text-primary:#1a202c;--color-text-secondary:#2d3748;--color-text-tertiary:#4a5568;--color-text-muted:#718096;--color-text-light:#a0aec0;--color-text-white:#fff;--color-bg-page:#f7fafc;--color-bg-card:#fff;--color-bg-elevated:#fff;--color-bg-muted:#f7fafc;--color-bg-input:#fff;--color-bg-input-disabled:#f7fafc;--color-border-light:#e2e8f0;--color-border-medium:#cbd5e0;--color-border-focus:var(--color-primary);--color-success:#48bb78;--color-success-bg:#c6f6d5;--color-success-border:#9ae6b4;--color-success-text:#276749;--color-error:#e53e3e;--color-error-bg:#fed7d7;--color-error-border:#feb2b2;--color-error-text:#c53030;--color-warning:#ed8936;--color-warning-bg:#feebc8;--color-warning-border:#fbd38d;--color-warning-text:#c05621;--color-info:#4299e1;--color-info-bg:#bee3f8;--color-info-border:#90cdf4;--color-info-text:#2b6cb0;--color-sidebar-bg:#1e1e2f;--color-sidebar-bg-hover:#667eea26;--color-sidebar-bg-active:#667eea40;--color-sidebar-text:#e2e8f0;--color-sidebar-text-muted:#94a3b8;--color-sidebar-border:#ffffff14;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-family-mono:"Fira Code","Consolas","Monaco",monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:2.5rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-full:9999px;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #0000001f;--shadow-lg:0 8px 24px #00000029;--transition-fast:150ms ease;--transition-base:200ms ease;--transition-slow:300ms ease;--transition-slower:500ms ease;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--z-toast:800;--sidebar-width:280px;--sidebar-width-collapsed:72px;--header-height:64px;--max-content-width:1200px}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f7fafc;background-color:var(--color-bg-page);color:#1a202c;color:var(--color-text-primary);line-height:1.5;line-height:var(--line-height-normal)}.btn,body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-size-base)}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-weight:600;font-weight:var(--font-weight-semibold);gap:.5rem;gap:var(--spacing-2);justify-content:center;line-height:1;padding:.75rem 1.5rem;padding:var(--spacing-3) var(--spacing-6);text-decoration:none;transition:all .2s ease;transition:all var(--transition-base)}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);box-shadow:0 4px 12px #0000001f;box-shadow:var(--shadow-md);color:#fff;color:var(--color-text-white)}.btn-primary:hover:not(:disabled){box-shadow:0 8px 24px #00000029;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background-color:#f7fafc;background-color:var(--color-bg-muted);border:1px solid #e2e8f0;border:1px solid var(--color-border-light);color:#2d3748;color:var(--color-text-secondary)}.btn-secondary:hover:not(:disabled){background-color:#e2e8f0;background-color:var(--color-border-light);border-color:#cbd5e0;border-color:var(--color-border-medium)}.btn-outline{background-color:initial;border:2px solid #667eea;border:2px solid var(--color-primary);color:#667eea;color:var(--color-primary)}.btn-outline:hover:not(:disabled){background-color:#667eea1a;background-color:var(--color-primary-light)}.btn-ghost{background-color:initial;color:#4a5568;color:var(--color-text-tertiary)}.btn-ghost:hover:not(:disabled){background-color:#f7fafc;background-color:var(--color-bg-muted);color:#1a202c;color:var(--color-text-primary)}.btn-danger{background-color:#e53e3e;background-color:var(--color-error);color:#fff;color:var(--color-text-white)}.btn-danger:hover:not(:disabled){background-color:#c53030;transform:translateY(-1px)}.btn-sm{border-radius:6px;border-radius:var(--radius-md);font-size:.875rem;font-size:var(--font-size-sm);padding:.5rem 1rem;padding:var(--spacing-2) var(--spacing-4)}.btn-lg{font-size:1.125rem;font-size:var(--font-size-lg);padding:1rem 2rem;padding:var(--spacing-4) var(--spacing-8)}.btn-block{width:100%}.form-group{margin-bottom:var(--spacing-6)}.form-label{color:#2d3748;color:var(--color-text-secondary);display:block;font-weight:600;font-weight:var(--font-weight-semibold);margin-bottom:.5rem;margin-bottom:var(--spacing-2)}.form-label .required{color:#e53e3e;color:var(--color-error);margin-left:.25rem;margin-left:var(--spacing-1)}.form-input,.form-select,.form-textarea{background-color:#fff;background-color:var(--color-bg-input);border:2px solid #e2e8f0;border:2px solid var(--color-border-light);border-radius:8px;border-radius:var(--radius-lg);color:#1a202c;color:var(--color-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-size-base);padding:1rem;padding:var(--spacing-4);transition:all .2s ease;transition:all var(--transition-base);width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#667eea;border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a;box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background-color:#f7fafc;background-color:var(--color-bg-input-disabled);cursor:not-allowed}.form-input::placeholder,.form-textarea::placeholder{color:#a0aec0;color:var(--color-text-light)}.form-hint{color:#a0aec0;color:var(--color-text-light)}.form-error,.form-hint{font-size:.875rem;font-size:var(--font-size-sm);margin-top:.5rem;margin-top:var(--spacing-2)}.form-error{color:#c53030;color:var(--color-error-text)}.form-input.has-error,.form-textarea.has-error{border-color:#e53e3e;border-color:var(--color-error)}.form-input.has-error:focus,.form-textarea.has-error:focus{box-shadow:0 0 0 3px #e53e3e33}.checkbox-wrapper{align-items:flex-start;cursor:pointer;display:flex}.checkbox-input{cursor:pointer;opacity:0;position:absolute}.checkbox-custom{border:2px solid var(--color-border-medium);border-radius:4px;border-radius:var(--radius-sm);margin-right:var(--spacing-3);transition:all var(--transition-base)}.checkbox-input:checked+.checkbox-custom{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);border-color:#0000}.checkbox-input:checked+.checkbox-custom:after{color:#fff;content:"✓";font-size:14px;font-weight:700}.checkbox-input:focus+.checkbox-custom{box-shadow:0 0 0 3px #667eea1a;box-shadow:0 0 0 3px var(--color-primary-light)}.checkbox-label-text{color:#4a5568;color:var(--color-text-tertiary);line-height:1.5;line-height:var(--line-height-normal)}.card{background-color:#fff;background-color:var(--color-bg-card);border-radius:8px;border-radius:var(--radius-lg);box-shadow:0 8px 24px #00000029;box-shadow:var(--shadow-lg);overflow:hidden}.card-sm{border-radius:6px;border-radius:var(--radius-md);box-shadow:0 4px 12px #0000001f;box-shadow:var(--shadow-md)}.card-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--color-border-light)}.card-body,.card-header{padding:1.5rem;padding:var(--spacing-6)}.card-footer{background-color:#f7fafc;background-color:var(--color-bg-muted);border-top:1px solid #e2e8f0;border-top:1px solid var(--color-border-light);padding:1rem 1.5rem;padding:var(--spacing-4) var(--spacing-6)}.alert{align-items:center;border-radius:8px;border-radius:var(--radius-lg);display:flex;font-size:1rem;font-size:var(--font-size-base);gap:.75rem;gap:var(--spacing-3);margin-bottom:1rem;margin-bottom:var(--spacing-4);padding:1rem;padding:var(--spacing-4)}.alert-icon{flex-shrink:0;font-size:1.25rem;font-size:var(--font-size-xl)}.alert-error{background-color:#fed7d7;background-color:var(--color-error-bg);border:1px solid #feb2b2;border:1px solid var(--color-error-border);color:#c53030;color:var(--color-error-text)}.alert-success{background-color:#c6f6d5;background-color:var(--color-success-bg);border:1px solid #9ae6b4;border:1px solid var(--color-success-border);color:#276749;color:var(--color-success-text)}.alert-warning{background-color:#feebc8;background-color:var(--color-warning-bg);border:1px solid #fbd38d;border:1px solid var(--color-warning-border);color:#c05621;color:var(--color-warning-text)}.alert-info{background-color:#bee3f8;background-color:var(--color-info-bg);border:1px solid #90cdf4;border:1px solid var(--color-info-border);color:#2b6cb0;color:var(--color-info-text)}.modal-overlay{animation:fadeIn .2s ease;animation:fadeIn var(--transition-base);padding:var(--spacing-4);z-index:400;z-index:var(--z-modal-backdrop)}.modal-container{animation:slideUp .3s ease;animation:slideUp var(--transition-slow);background:#fff;background:var(--color-bg-card);border-radius:8px;border-radius:var(--radius-lg);box-shadow:0 8px 24px #00000029;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;width:100%}.modal-header{border-bottom:1px solid var(--color-border-light);padding:var(--spacing-6)}.modal-title{color:#1a202c;color:var(--color-text-primary);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:600;font-weight:var(--font-weight-semibold);margin:0}.modal-close{color:var(--color-text-light);font-size:var(--font-size-2xl);padding:var(--spacing-1);transition:color .15s ease;transition:color var(--transition-fast)}.modal-close:hover{color:var(--color-text-tertiary)}.modal-body{padding:var(--spacing-6)}.modal-footer{border-top:1px solid var(--color-border-light);gap:.75rem;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-6)}.badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-size:var(--font-size-xs);font-weight:600;font-weight:var(--font-weight-semibold);letter-spacing:.025em;padding:.25rem .75rem;padding:var(--spacing-1) var(--spacing-3);text-transform:uppercase}.badge-primary{background:#667eea1a;background:var(--color-primary-light);color:#667eea;color:var(--color-primary)}.badge-success{background:#c6f6d5;background:var(--color-success-bg);color:#276749;color:var(--color-success-text)}.badge-error{background:#fed7d7;background:var(--color-error-bg);color:#c53030;color:var(--color-error-text)}.badge-warning{background:#feebc8;background:var(--color-warning-bg);color:#c05621;color:var(--color-warning-text)}.spinner{border:2px solid #e2e8f0;border-top-color:#667eea;border:2px solid var(--color-border-light);border-top-color:var(--color-primary);display:inline-block}.spinner-light{border-color:#fff #ffffff4d #ffffff4d}.spinner-lg{border-width:3px;height:32px;width:32px}.divider{border:none;border-top:1px solid #e2e8f0;border-top:1px solid var(--color-border-light);margin:1.5rem 0;margin:var(--spacing-6) 0}.link{color:#667eea;color:var(--color-primary);text-decoration:none;transition:color .15s ease;transition:color var(--transition-fast)}.link:hover{color:#764ba2;color:var(--color-primary-end);text-decoration:underline}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.text-left{text-align:left}.text-muted{color:#718096;color:var(--color-text-muted)}.text-primary{color:#667eea;color:var(--color-primary)}.text-error{color:#e53e3e;color:var(--color-error)}.text-success{color:#48bb78;color:var(--color-success)}.gap-2{gap:var(--spacing-2)}.gap-4{gap:var(--spacing-4)}.gap-6{gap:1.5rem;gap:var(--spacing-6)}.m-0{margin:0}.mt-4{margin-top:1rem;margin-top:var(--spacing-4)}.mt-6{margin-top:var(--spacing-6)}.mb-4{margin-bottom:var(--spacing-4)}.mb-6{margin-bottom:var(--spacing-6)}.p-4{padding:var(--spacing-4)}.p-6{padding:var(--spacing-6)}@media (max-width:768px){:root{--sidebar-width:240px}.modal-container{max-height:90vh;max-width:95%}.card,.modal-container{border-radius:8px;border-radius:var(--radius-lg)}.btn-lg{font-size:1rem;font-size:var(--font-size-base);padding:.75rem 1.5rem;padding:var(--spacing-3) var(--spacing-6)}}@media (max-width:480px){.card-body,.card-header,.modal-body,.modal-header{padding:1rem;padding:var(--spacing-4)}}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
/* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}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{text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.static{position:static}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.top-1{top:.25rem}.z-10{z-index:10}.z-20{z-index:20}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-12{height:3rem}.h-2{height:.5rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-8{height:2rem}.h-full{height:100%}.w-1\/4{width:25%}.w-12{width:3rem}.w-16{width:4rem}.w-20{width:5rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-full{width:100%}.max-w-4xl{max-width:56rem}.flex-1{flex:1 1}.flex-grow{flex-grow:1}.translate-x-1{--tw-translate-x:0.25rem}.translate-x-1,.translate-x-8{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-8{--tw-translate-x:2rem}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.75rem*var(--tw-space-x-reverse))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-l-md{border-bottom-left-radius:.375rem;border-top-left-radius:.375rem}.rounded-r-md{border-bottom-right-radius:.375rem;border-top-right-radius:.375rem}.border{border-width:1px}.border-b-2{border-bottom-width:2px}.border-t{border-top-width:1px}.border-t-2{border-top-width:2px}.border-amber-200{--tw-border-opacity:1;border-color:#fde68a;border-color:rgb(253 230 138/var(--tw-border-opacity,1))}.border-blue-200{--tw-border-opacity:1;border-color:#bfdbfe;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}.border-blue-300{--tw-border-opacity:1;border-color:#93c5fd;border-color:rgb(147 197 253/var(--tw-border-opacity,1))}.border-blue-500{--tw-border-opacity:1;border-color:#3b82f6;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.border-gray-100{--tw-border-opacity:1;border-color:#f3f4f6;border-color:rgb(243 244 246/var(--tw-border-opacity,1))}.border-gray-200{--tw-border-opacity:1;border-color:#e5e7eb;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-gray-300{--tw-border-opacity:1;border-color:#d1d5db;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.bg-amber-50{--tw-bg-opacity:1;background-color:#fffbeb;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.bg-blue-100{--tw-bg-opacity:1;background-color:#dbeafe;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.bg-blue-50{--tw-bg-opacity:1;background-color:#eff6ff;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-blue-500{--tw-bg-opacity:1;background-color:#3b82f6;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-blue-600{--tw-bg-opacity:1;background-color:#2563eb;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-gray-100{--tw-bg-opacity:1;background-color:#f3f4f6;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-200{--tw-bg-opacity:1;background-color:#e5e7eb;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.bg-gray-300{--tw-bg-opacity:1;background-color:#d1d5db;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:#f9fafb;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-gray-600{--tw-bg-opacity:1;background-color:#4b5563;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.bg-green-100{--tw-bg-opacity:1;background-color:#dcfce7;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.bg-green-500{--tw-bg-opacity:1;background-color:#22c55e;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-yellow-100{--tw-bg-opacity:1;background-color:#fef9c3;background-color:rgb(254 249 195/var(--tw-bg-opacity,1))}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-8{padding-bottom:2rem;padding-top:2rem}.pt-6{padding-top:1.5rem}.text-center{text-align:center}.text-right{text-align:right}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.italic{font-style:italic}.leading-none{line-height:1}.text-amber-800{--tw-text-opacity:1;color:#92400e;color:rgb(146 64 14/var(--tw-text-opacity,1))}.text-blue-500{--tw-text-opacity:1;color:#3b82f6;color:rgb(59 130 246/var(--tw-text-opacity,1))}.text-blue-600{--tw-text-opacity:1;color:#2563eb;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-blue-700{--tw-text-opacity:1;color:#1d4ed8;color:rgb(29 78 216/var(--tw-text-opacity,1))}.text-blue-800{--tw-text-opacity:1;color:#1e40af;color:rgb(30 64 175/var(--tw-text-opacity,1))}.text-blue-900{--tw-text-opacity:1;color:#1e3a8a;color:rgb(30 58 138/var(--tw-text-opacity,1))}.text-gray-300{--tw-text-opacity:1;color:#d1d5db;color:rgb(209 213 219/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:#9ca3af;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:#6b7280;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:#4b5563;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:#374151;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:#1f2937;color:rgb(31 41 55/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:#111827;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-green-600{--tw-text-opacity:1;color:#16a34a;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-green-800{--tw-text-opacity:1;color:#166534;color:rgb(22 101 52/var(--tw-text-opacity,1))}.text-purple-600{--tw-text-opacity:1;color:#9333ea;color:rgb(147 51 234/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:#dc2626;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-yellow-800{--tw-text-opacity:1;color:#854d0e;color:rgb(133 77 14/var(--tw-text-opacity,1))}.opacity-100{opacity:1}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-inner{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 #0000000d;--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-md{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),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)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}html{scroll-behavior:smooth}body{margin:0;min-height:100vh}ol,ul{list-style:none;margin:0;padding:0}a{color:inherit;text-decoration:none}img{height:auto;max-width:100%}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background-color:var(--color-primary-light);color:var(--color-primary)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--color-bg-muted)}::-webkit-scrollbar-thumb{background:var(--color-border-medium);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-light)}.hover\:bg-blue-50:hover{--tw-bg-opacity:1;background-color:#eff6ff;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:#1d4ed8;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.hover\:bg-gray-200:hover{--tw-bg-opacity:1;background-color:#e5e7eb;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.hover\:bg-gray-300:hover{--tw-bg-opacity:1;background-color:#d1d5db;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:#f9fafb;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.hover\:bg-gray-700:hover{--tw-bg-opacity:1;background-color:#374151;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.hover\:bg-red-50:hover{--tw-bg-opacity:1;background-color:#fef2f2;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.hover\:text-blue-800:hover{--tw-text-opacity:1;color:#1e40af;color:rgb(30 64 175/var(--tw-text-opacity,1))}.hover\:text-blue-900:hover{--tw-text-opacity:1;color:#1e3a8a;color:rgb(30 58 138/var(--tw-text-opacity,1))}.hover\:text-red-800:hover{--tw-text-opacity:1;color:#991b1b;color:rgb(153 27 27/var(--tw-text-opacity,1))}.focus\:border-blue-500:focus{--tw-border-opacity:1;border-color:#3b82f6;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:ring:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-2:focus,.focus\:ring:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-blue-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(147 197 253/var(--tw-ring-opacity,1))}.focus\:ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.focus\:ring-opacity-50:focus{--tw-ring-opacity:0.5}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-blue-300:disabled{--tw-bg-opacity:1;background-color:#93c5fd;background-color:rgb(147 197 253/var(--tw-bg-opacity,1))}.disabled\:bg-gray-300:disabled{--tw-bg-opacity:1;background-color:#d1d5db;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:640px){.sm\:flex-row{flex-direction:row}.sm\:items-start{align-items:flex-start}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}}@media (min-width:768px){.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:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.app{background:#f1f5f9}.main-content{display:flex;flex:1 1;flex-direction:column;margin-left:var(--sidebar-width);min-height:100vh;transition:margin-left var(--transition-slow)}.main-header{background:#fff;border-bottom:1px solid var(--color-border-light);position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky)}.header-content{justify-content:space-between;max-width:100%;padding:var(--spacing-4) var(--spacing-6)}.header-content,.header-title{align-items:center;display:flex}.header-title{gap:var(--spacing-3)}.header-title h1{color:var(--color-text-primary);font-size:var(--font-size-xl);margin:0}.header-badge,.header-title h1{font-weight:var(--font-weight-bold)}.header-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:var(--radius-full);color:#fff;font-size:10px;letter-spacing:.05em;padding:2px 8px;text-transform:uppercase}.header-actions{align-items:center;display:flex;gap:var(--spacing-4)}.header-icon-btn{background:var(--color-bg-muted);border:none;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;padding:var(--spacing-2);position:relative;transition:all var(--transition-base)}.header-icon-btn:hover{background:var(--color-border-light);color:var(--color-text-primary)}.notification-dot{background:#ef4444;border:2px solid #fff;border-radius:50%;height:8px;position:absolute;right:6px;top:6px;width:8px}.header-user{background:var(--color-bg-muted);border-radius:var(--radius-md);gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);transition:all var(--transition-base)}.header-user:hover{background:var(--color-border-light)}.user-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:var(--radius-md);font-weight:var(--font-weight-bold);height:32px;width:32px}.user-avatar,.user-name{font-size:var(--font-size-sm)}.user-name{color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.mobile-menu-btn{background:var(--color-bg-muted);border:none;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;display:none;margin-right:var(--spacing-4);padding:var(--spacing-2)}.main-area{background:#f1f5f9;flex:1 1}.main-area,.page-card{padding:var(--spacing-6)}.page-card{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.page-card h2{color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-4) 0}.page-card p{color:var(--color-text-muted);margin:0}@media (max-width:768px){.main-content{margin-left:0}.mobile-menu-btn{display:flex}.header-content{padding:var(--spacing-3) var(--spacing-4)}.user-name{display:none}.main-area{padding:var(--spacing-4)}}@media (max-width:480px){.header-title h1{font-size:var(--font-size-lg)}.header-badge{display:none}}.image-designer{display:flex;flex-direction:column;height:auto;min-height:200px;position:relative;width:100%}.image-designer--square{min-height:0;min-height:auto}.image-designer--square .image-preview-area,.image-designer--square .image-upload-container{aspect-ratio:1/1;flex:none;margin:0 auto;max-height:none;max-width:240px;min-height:0;min-height:auto;width:100%}.image-designer--square .image-preview-area{flex-shrink:0}.image-designer--banner{min-height:0;min-height:auto}.image-designer--banner .image-preview-area,.image-designer--banner .image-upload-container{aspect-ratio:3/1;flex:none;max-height:none;min-height:0;min-height:auto;width:100%}.image-designer--banner .image-container,.image-designer--square .image-container{border-radius:inherit;inset:0;position:absolute}.image-designer--banner .image-preview-area,.image-designer--square .image-preview-area{border-radius:8px;overflow:hidden;position:relative}.image-designer--banner .image-preview,.image-designer--square .image-preview{border-radius:0;height:100%;max-height:none;max-width:none;object-fit:cover;width:100%}.image-designer--banner .image-upload-container,.image-designer--square .image-upload-container{flex:none}.format-hint{color:#4b5563;font-size:12px;line-height:1.4;margin-left:auto;margin-right:auto;margin-top:8px;max-width:280px}.image-designer--banner .format-hint{max-width:none;padding:0 12px}.image-designer.actions-below{min-height:300px}.image-preview-area{flex:1 1 auto;flex-shrink:0;max-height:min(45vh,420px);min-height:160px;position:relative;width:100%}.image-container{align-items:center;background:#f1f5f9;border-radius:8px;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.image-container:hover .image-overlay{opacity:1}.image-overlay{align-items:center;background-color:#00000080;bottom:0;justify-content:center;left:0;opacity:0;right:0;top:0;transition:opacity .2s ease-in-out}.image-actions,.image-overlay{display:flex;position:absolute}.image-actions{flex-direction:column;gap:8px;right:10px;top:10px;z-index:5}.image-action-button{align-items:center;background:#000000b3;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;justify-content:center;min-height:32px;min-width:32px;transition:all .2s ease}.image-action-button:hover{background:#000000e6;transform:scale(1.05)}.image-action-button.delete{background:#dc3545cc}.image-action-button.delete:hover{background:#dc3545}.image-action-button.crop{background:#007bffcc}.image-action-button.crop:hover{background:#007bff}.image-action-button.undo{background:#ffc107cc}.image-action-button.undo:hover{background:#ffc107}.image-action-button.restore{background:#28a745cc;bottom:10px;position:absolute;right:10px}.image-action-button.restore:hover{background:#28a745}.image-preview{border-radius:8px;height:auto;max-height:100%;max-width:100%;object-fit:contain;width:auto}.crop-container{margin:0 auto;max-width:100%}.ReactCrop{max-height:70vh}.ReactCrop__crop-selection{border:2px solid #3b82f6}.image-upload-container{align-items:center;background-color:#f9f9f9;border:2px dashed #ddd;border-radius:8px;cursor:pointer;display:flex;flex:1 1;justify-content:center;min-height:200px;transition:all .2s ease;width:100%}.image-upload-container:hover{background-color:#f0f8ff;border-color:#007bff}.image-upload-container.dragging{background-color:#e6f0fd;box-shadow:0 0 0 2px #3b82f64d}.image-upload-content{color:#666;text-align:center}.upload-icon{color:#007bff;font-size:48px!important;margin-bottom:16px}.file-types{color:#999;font-size:12px}.image-upload-input{display:none}.image-actions-below{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:0 0 12px 12px;border-top:1px solid #dee2e6;display:flex;gap:4px;justify-content:space-around;padding:8px}.image-action-button-below{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:6px;box-shadow:0 1px 3px #0000001a;color:#495057;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:10px;font-weight:500;gap:3px;max-width:75px;min-width:55px;padding:5px 4px;transition:all .2s ease}.image-action-button-below:hover{background:#e9ecef;border-color:#adb5bd;box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.image-action-button-below.crop{border-color:#b3d7ff;color:#0056b3}.image-action-button-below.crop:hover{background:#e7f3ff;border-color:#0056b3;color:#003d82}.image-action-button-below.undo{border-color:#ffd89b;color:#e67e22}.image-action-button-below.undo:hover{background:#fff8e1;border-color:#e67e22;color:#d35400}.image-action-button-below.delete{border-color:#f5c6cb;color:#dc3545}.image-action-button-below.delete:hover{background:#f8d7da;border-color:#dc3545;color:#721c24}.image-designer.actions-below .image-preview-area{border-radius:12px 12px 0 0;flex:1 1;min-height:240px;overflow:hidden}.image-action-button.alt-text{background-color:#8b5cf6;color:#fff}.image-action-button.alt-text:hover{background-color:#7c3aed}.alt-text-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;box-sizing:border-box;flex-shrink:0;margin-top:16px;padding:16px;transition:all .2s ease;width:100%}.alt-text-section:hover{border-color:#cbd5e1}.alt-text-label{align-items:center;color:#475569;display:flex;font-size:.875rem;gap:8px;margin-bottom:8px}.alt-icon{color:#3b82f6}.alt-text-input{background:#fff;border:2px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:.9rem;line-height:1.4;min-height:40px;padding:12px 16px;resize:vertical;transition:all .2s ease}.alt-text-input:focus{box-shadow:0 0 0 3px #3b82f61a}.alt-text-helper{align-items:center;color:#64748b;display:flex;font-size:.75rem;gap:4px;margin-top:8px}.alt-text-warning{color:#f59e0b;font-weight:500}@media (max-width:768px){.alt-text-section{margin-top:12px;padding:12px}.alt-text-display,.alt-text-input{font-size:.875rem;padding:10px 12px}.alt-text-helper{font-size:.7rem}}.alt-text-section{animation:fadeInUp .3s ease-out}.image-designer.actions-below .alt-text-section{margin-bottom:12px;margin-top:12px}.alt-text-display:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.alt-text-input:focus-visible{box-shadow:0 0 0 3px #3b82f633;outline:none}.image-crop-modal-overlay{align-items:center;background-color:#000c;bottom:0;display:flex;isolation:isolate;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:999999}.image-crop-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column;height:90vh;max-height:900px;max-width:1400px;min-height:600px;min-width:800px;overflow:hidden;width:95vw}.modal-header{border-bottom:1px solid #e0e0e0}.modal-header h3{color:#333;font-size:1.2rem;font-weight:600}.close-button{background:none;border:none;border-radius:6px;color:#666;cursor:pointer;padding:8px;transition:all .2s ease}.close-button:hover{background-color:#f5f5f5;color:#333}.image-crop-container,.modal-body{align-items:center;display:flex;justify-content:center;overflow:hidden;position:relative}.image-crop-container{height:100%;max-height:100%;max-width:100%;width:100%}.crop-image{display:block;height:auto;max-height:100%;max-width:100%;object-fit:contain;-webkit-user-select:none;user-select:none;width:auto}.crop-overlay{box-sizing:border-box;cursor:move;position:absolute;z-index:10}.crop-border{border:2px solid #007bff;bottom:0;box-shadow:0 0 0 9999px #0006,inset 0 0 0 1px #fffc;left:0;pointer-events:none;position:absolute;right:0;top:0}.crop-border:before{border:1px dashed #fff9;box-sizing:border-box;content:"";height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.resize-handle{background:#007bff;border:2px solid #fff;border-radius:50%;bottom:-6px;box-shadow:0 2px 4px #0003;cursor:se-resize;height:12px;position:absolute;right:-6px;width:12px}.resize-handle:hover{background:#0056b3;transform:scale(1.1)}.modal-footer{background-color:#f9f9f9;border-radius:0 0 12px 12px;border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end;padding:20px}.cancel-button,.confirm-button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.cancel-button{background-color:#6c757d;color:#fff}.cancel-button:hover{background-color:#5a6268}.confirm-button{background-color:#007bff;color:#fff}.confirm-button:hover{background-color:#0056b3}.cancel-button:disabled,.close-button:disabled,.confirm-button:disabled{cursor:not-allowed;opacity:.6}.confirm-button:disabled:hover{background-color:#007bff}.crop-processing-overlay{align-items:center;background:#ffffffd1;display:flex;flex-direction:column;gap:12px;inset:0;justify-content:center;position:absolute;z-index:20}.crop-processing-overlay p{color:#334155;font-weight:500;margin:0}.crop-processing-spinner{animation:crop-spin .8s linear infinite;border:3px solid #dbeafe;border-radius:50%;border-top-color:#2563eb;height:36px;width:36px}.crop-processing-spinner--inline{border-width:2px;height:16px;width:16px}@keyframes crop-spin{to{transform:rotate(1turn)}}@media (max-width:1024px){.image-crop-modal{height:95vh;min-height:500px;min-width:320px;width:98vw}}@media (max-width:768px){.image-crop-modal{border-radius:0;height:100vh;min-height:400px;min-width:320px;width:100vw}.image-crop-modal-overlay{padding:0}.modal-body,.modal-footer,.modal-header{padding:15px}}@media (max-width:480px){.modal-body,.modal-footer,.modal-header{padding:10px}.modal-header h3{font-size:1.1rem}.cancel-button,.confirm-button{font-size:13px;padding:8px 16px}}.video-designer{display:flex;flex-direction:column;height:100%;width:100%}.video-preview-area{flex:1 1 auto;flex-direction:column;min-height:200px}.video-container,.video-preview-area{display:flex;position:relative;width:100%}.video-container{align-items:center;background:#f1f5f9;border:1px solid #e5e7eb;border-radius:8px;flex:1 1 auto;justify-content:center;min-height:0;overflow:visible}.video-actions{display:flex;flex-direction:column;gap:8px;pointer-events:none;position:absolute;right:10px;top:10px;z-index:5}.video-action-button{align-items:center;background:#000000b3;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;justify-content:center;min-height:32px;min-width:32px;padding:5px 10px;pointer-events:auto;transition:all .2s ease}.video-action-button:hover{background:#000000e6;transform:scale(1.05)}.video-action-button.delete{background:#dc3545cc}.video-action-button.delete:hover{background:#dc3545}.video-action-button.alt-text{background:#8b5cf6cc}.video-action-button.alt-text:hover{background:#7c3aed}.video-upload-container{align-items:center;background-color:#f9fafb;border:2px dashed #d1d5db;border-radius:.5rem;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:center;padding:2rem;position:relative;transition:all .2s ease-in-out}.video-upload-container:hover{background-color:#f3f4f6;border-color:#3b82f6}.video-upload-container.dragging{background-color:#e6f0fd;box-shadow:0 0 0 2px #3b82f64d}.video-upload-content{align-items:center;display:flex;flex-direction:column;text-align:center}.upload-icon-container{align-items:center;background-color:#e0f2fe;border-radius:50%;display:flex;height:64px;justify-content:center;margin-bottom:1rem;width:64px}.upload-icon{color:#3b82f6;font-size:2rem!important}.upload-text h3{color:#1f2937;font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.upload-text p{color:#6b7280;margin-bottom:.25rem}.file-types{color:#9ca3af;font-size:.875rem;margin-top:.5rem}.video-upload-input{cursor:pointer;inset:0;opacity:0;position:absolute}.video-preview{background-color:#000;border-radius:8px;display:block;height:100%;max-height:100%;max-width:100%;object-fit:contain;width:100%}.alt-text-editor{align-items:center;animation:fadeIn .2s ease-out;background-color:#fffffff2;border-radius:8px;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:absolute;right:0;top:0;z-index:10}.alt-text-form{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;max-width:400px;padding:1.5rem;width:100%}.alt-text-label{color:#1f2937;display:block;font-weight:600;margin-bottom:.5rem}.alt-text-input{border:1px solid #d1d5db;border-radius:.375rem;font-size:1rem;margin-bottom:.75rem;padding:.75rem;width:100%}.alt-text-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f64d;outline:none}.alt-text-help{color:#6b7280;font-size:.875rem;margin-bottom:1.5rem}.alt-text-actions{display:flex;gap:.75rem;justify-content:flex-end}.alt-text-button{border-radius:.375rem;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .2s}.alt-text-button.cancel{background-color:#f3f4f6;border:1px solid #d1d5db;color:#4b5563}.alt-text-button.cancel:hover{background-color:#e5e7eb}.alt-text-button.save{background-color:#3b82f6;border:1px solid #3b82f6;color:#fff}.alt-text-button.save:hover{background-color:#2563eb}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.media-gallery-container{max-width:100%;padding:24px}.media-detail-container,.media-gallery-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a}.media-detail-container{display:flex;flex-direction:column;max-height:100%;min-height:0;overflow:hidden}.media-section{margin-bottom:32px}.media-section:last-child{margin-bottom:0}.section-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;margin-bottom:16px;padding-bottom:8px}.section-icon{color:#3b82f6;font-size:24px!important;margin-right:8px}.section-header h2{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0}.media-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.media-thumbnail{aspect-ratio:4/3;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.media-thumbnail:hover{border-color:#3b82f6;box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.media-thumbnail.dragging{border-color:#1d4ed8;box-shadow:0 12px 30px #00000040;transform:scale(1.05) rotate(2deg);z-index:1000}.drag-handle{align-items:center;background:#fffffff2;border-radius:50%;box-shadow:0 2px 8px #00000026;color:#6b7280;cursor:grab;display:flex;height:32px;justify-content:center;left:8px;opacity:0;position:absolute;top:8px;transform:scale(.8);transition:all .2s ease;width:32px;z-index:10}.media-thumbnail:hover .drag-handle{opacity:1;transform:scale(1)}.drag-handle:hover{background:#fff;box-shadow:0 4px 12px #0003;color:#374151}.drag-handle:active{cursor:grabbing;transform:scale(.95)}.thumbnail-overlay{align-items:center;background:#0000;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;transition:all .3s ease;z-index:2}.media-thumbnail:hover .thumbnail-overlay{background:#00000080}.edit-icon{color:#fff;font-size:32px!important;opacity:0;transition:opacity .3s ease}.media-thumbnail:hover .edit-icon{opacity:1}.thumbnail-image{object-fit:cover;object-position:center}.thumbnail-image,.thumbnail-video{height:100%;width:100%}.thumbnail-order{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;font-size:.75rem;font-weight:700;height:24px;position:absolute;right:8px;top:8px;width:24px;z-index:3}.media-add-button,.thumbnail-order{align-items:center;display:flex;justify-content:center}.media-add-button{aspect-ratio:4/3;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;color:#64748b;cursor:pointer;flex-direction:column;gap:8px;transition:all .3s ease}.media-add-button:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6;transform:translateY(-2px)}.add-icon{font-size:32px!important}.media-add-button span{font-size:.9rem;font-weight:500}.detail-content{flex:1 1;flex-direction:column;gap:24px;padding:24px}.detail-content,.detail-editor{display:flex;min-height:0;overflow:hidden}.detail-editor{align-items:stretch;background:#f8fafc;border-radius:12px;flex:1 1 auto;justify-content:center;padding:20px}.detail-editor:has(.video-designer){overflow:visible}.detail-editor .image-designer,.detail-editor .video-designer{display:flex;flex-direction:column;height:100%;max-width:600px;min-height:0;width:100%}.detail-editor .video-designer{overflow:visible}.detail-editor .image-designer{overflow:hidden}.detail-editor .image-designer .image-preview-area{flex:1 1 auto;max-height:none;min-height:120px}.detail-editor .video-designer .video-preview-area{flex:1 1 auto;height:100%;max-height:none;min-height:200px}.detail-editor .video-designer .video-container{overflow:visible}.detail-editor .video-designer .video-preview{height:100%;width:100%}.detail-editor .image-designer .image-container,.detail-editor .image-designer .image-preview{max-height:100%}.detail-editor .image-designer .alt-text-section{flex-shrink:0;margin-top:12px;padding:12px}.detail-thumbnails{background:#fff;border-top:1px solid #e5e7eb;flex-shrink:0;padding-top:20px}.thumbnails-container{display:flex;gap:12px;overflow-x:auto;padding:8px 0;scrollbar-color:#cbd5e1 #f1f5f9;scrollbar-width:thin}.thumbnails-container::-webkit-scrollbar{height:6px}.thumbnails-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.thumbnails-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.thumbnails-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.detail-thumbnail{border:2px solid #0000;border-radius:8px;cursor:pointer;flex-shrink:0;height:60px;overflow:hidden;position:relative;transition:all .2s ease;width:80px}.detail-thumbnail:hover{border-color:#3b82f6;transform:scale(1.05)}.detail-thumbnail.active{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.detail-thumbnail.dragging{border-color:#1d4ed8;box-shadow:0 8px 20px #00000040;transform:scale(1.1) rotate(3deg);z-index:1000}.thumbnail-drag-handle{align-items:center;background:#000000b3;border-radius:50%;color:#fff;cursor:grab;display:flex;height:20px;justify-content:center;left:2px;opacity:0;position:absolute;top:2px;transform:scale(.8);transition:all .2s ease;width:20px;z-index:10}.detail-thumbnail:hover .thumbnail-drag-handle{opacity:1;transform:scale(1)}.thumbnail-drag-handle:hover{background:#000000e6}.thumbnail-drag-handle:active{cursor:grabbing;transform:scale(.9)}.thumbnail-image-small{height:100%;object-fit:cover;object-position:center;width:100%}.thumbnail-video-small{height:100%;width:100%}.thumbnail-index{align-items:center;background:#000000b3;border-radius:50%;color:#fff;display:flex;font-size:.7rem;font-weight:600;height:18px;justify-content:center;position:absolute;right:4px;top:4px;width:18px}.media-grid [data-rbd-drag-handle-draggable-id]{transition:none!important}.media-grid [data-rbd-drag-handle-draggable-id]:hover{transform:none!important}.thumbnails-container [data-rbd-drag-handle-draggable-id]{transition:none!important}.thumbnails-container [data-rbd-drag-handle-draggable-id]:hover{transform:none!important}[data-rbd-droppable-id]{position:relative}@media (max-width:768px){.media-detail-container,.media-gallery-container{border-radius:0;margin:0;padding:16px}.media-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.detail-content{gap:16px;padding:16px}.detail-editor{min-height:0;padding:16px}.thumbnails-container{justify-content:center}.drag-handle,.thumbnail-drag-handle{opacity:1;transform:scale(1)}}@media (max-width:480px){.media-grid{grid-template-columns:repeat(2,1fr)}.section-header h2{font-size:1.1rem}.detail-thumbnail{height:45px;width:60px}.thumbnail-drag-handle{height:16px;width:16px}.thumbnail-index{font-size:.6rem;height:14px;width:14px}}.video-thumbnail{height:100%;overflow:hidden;position:relative;width:100%}.video-thumbnail__media{height:auto;left:50%;min-height:100%;min-width:100%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:auto}.modal-sm .modal-container{max-width:400px}.modal-lg .modal-container{max-width:800px}.modal-xl .modal-container{max-width:1000px}.modal-full .modal-container{max-height:95vh;max-width:95%}.modal-scrollable .modal-body{max-height:60vh;overflow-y:auto}.modal-centered{align-items:center}.modal-content{flex:1 1;min-height:0;overflow:hidden;padding:var(--spacing-6)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.modal-container{margin:var(--spacing-4);max-height:95vh;width:95%}.modal-body,.modal-footer,.modal-header{padding:var(--spacing-4)}.modal-footer{flex-direction:column;gap:var(--spacing-2)}.modal-footer .btn{width:100%}}.variant-combination-preview{background-color:#fafafa;border:1px solid #e5e7eb;border-radius:8px;margin-top:1rem;padding:1.5rem}.variant-preview-empty{color:#9ca3af;padding:3rem 1rem;text-align:center}.combination-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;position:relative;transition:all .2s ease}.combination-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.combination-header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.5rem}.price-tag{background:#10b981;border-radius:4px;color:#fff;font-size:.875rem;font-weight:600;padding:.25rem .5rem}.price-display{text-align:right}.option-display{align-items:center;display:flex;gap:.5rem}.option-price-modifier{background:#dbeafe;border-radius:3px;color:#1d4ed8;font-size:.75rem;font-weight:600;min-width:40px;padding:.125rem .375rem;text-align:center}.combination-details{margin-bottom:1rem}.variant-detail{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.25rem 0}.variant-name{color:#374151}.option-value,.variant-name{font-size:.875rem;font-weight:500}.option-value{background:#f3f4f6;border-radius:4px;color:#1f2937;padding:.125rem .5rem}.combination-actions{gap:.5rem}.action-btn,.combination-actions{display:flex;justify-content:center}.action-btn{align-items:center;background:#f3f4f6;border:none;border-radius:6px;color:#6b7280;cursor:pointer;padding:.5rem;transition:all .2s ease}.action-btn:hover{transform:scale(1.05)}.preview-btn:hover{background:#dbeafe;color:#3b82f6}.cart-btn:hover{background:#dcfce7;color:#10b981}.more-combinations{border-top:1px solid #e5e7eb;margin-top:1rem;padding:1rem;text-align:center}.preview-summary{margin-top:1.5rem}.summary-item{text-align:center}.summary-item h5{font-size:.875rem;margin-bottom:.5rem}.summary-item p{margin:0}.combination-card{animation:fadeInUp .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.variant-combination-preview{padding:1rem}.combination-card{padding:.75rem}.combination-header{gap:.5rem}.combination-header,.variant-detail{align-items:flex-start;flex-direction:column}.variant-detail{gap:.25rem}}.variant-designer{background-color:#fafafa;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem}.variant-item{background-color:#fff;transition:box-shadow .2s ease}.variant-item:hover{box-shadow:0 2px 8px #0000001a}.variant-option-chip{align-items:center;background-color:#f3f4f6;border-radius:9999px;color:#374151;display:inline-flex;font-size:.875rem;font-weight:500;margin:.125rem;padding:.25rem .75rem}.variant-option-chip:hover{background-color:#e5e7eb}.variant-item{animation:slideIn .2s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.variant-item.dragging{opacity:.5;transform:rotate(2deg)}@media (max-width:640px){.variant-designer,.variant-item{padding:1rem}}.product-designer{background-color:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin:0 auto;max-width:800px;padding:var(--spacing-8)}.product-designer h2{color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold)}.product-designer .form-group,.product-designer h2{margin-bottom:var(--spacing-6)}.product-designer .form-group label{color:var(--color-text-secondary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2)}.product-designer .form-group input,.product-designer .form-group select,.product-designer .form-group textarea{background-color:var(--color-bg-input);border:2px solid var(--color-border-light);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-base);padding:var(--spacing-3);transition:all var(--transition-base);width:100%}.product-designer .form-group input:focus,.product-designer .form-group select:focus,.product-designer .form-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.product-designer .form-group input::placeholder,.product-designer .form-group textarea::placeholder{color:var(--color-text-light)}.product-designer .form-group textarea{min-height:100px;resize:vertical}.form-actions{border-top:1px solid var(--color-border-light);display:flex;gap:var(--spacing-4);justify-content:flex-end;margin-top:var(--spacing-8);padding-top:var(--spacing-6)}.btn-cancel,.btn-save{border:none;border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);padding:var(--spacing-3) var(--spacing-6);transition:all var(--transition-base)}.btn-cancel{background-color:var(--color-bg-muted);border:1px solid var(--color-border-light);color:var(--color-text-secondary)}.btn-save{background:var(--gradient-primary);color:var(--color-text-white)}.btn-cancel:hover{background-color:var(--color-border-light)}.btn-save:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.media-modal-layout{display:flex;flex:1 1;flex-direction:column;height:100%;min-height:0}.media-modal-scroll{flex:1 1;min-height:0;overflow-y:auto}.media-modal-actions{align-items:center;border-top:1px solid var(--color-border-light);display:flex;flex-shrink:0;gap:var(--spacing-3);justify-content:flex-end;margin-top:var(--spacing-4);padding-top:var(--spacing-6)}.media-modal-actions--split{justify-content:space-between}.media-modal-back-button{align-items:center;background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-weight:var(--font-weight-medium);gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);transition:background-color var(--transition-fast),border-color var(--transition-fast)}.media-modal-back-button:hover{background:#f3f4f6;background:var(--color-bg-muted,#f3f4f6);border-color:var(--color-border)}.media-modal-finish-button{align-items:center;background:#2563eb;border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-weight:var(--font-weight-medium);padding:var(--spacing-2) var(--spacing-4);transition:background-color var(--transition-fast)}.media-modal-finish-button:hover{background:#1d4ed8}.media-preview-thumb{border-radius:var(--radius-md);flex-shrink:0;height:4rem;overflow:hidden;width:4rem}.media-preview-thumb-media{display:block;height:100%;object-fit:cover;width:100%}.media-preview-thumb--video{background:#e2e8f0}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset),env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset),env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset),env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset),env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:0.2}.Toastify__toast-container{box-sizing:border-box;color:#fff;display:flex;flex-direction:column;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:-webkit-fit-content;width:fit-content;width:var(--toastify-container-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--top-center{align-items:center;left:50%;top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top);transform:translateX(-50%)}.Toastify__toast-container--top-right{align-items:end;right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--bottom-left{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{align-items:center;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{align-items:end;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right)}.Toastify__toast{--y:0;align-items:center;border-radius:6px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--toastify-toast-shadow);box-sizing:border-box;display:flex;flex:1 1 auto;font-family:sans-serif;font-family:var(--toastify-font-family);margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);padding:14px;padding:var(--toastify-toast-padding);position:relative;touch-action:none;width:320px;width:var(--toastify-toast-width);word-break:break-word;z-index:0}@media only screen and (max-width:480px){.Toastify__toast-container{left:env(safe-area-inset-left);margin:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:env(safe-area-inset-right)}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:320px;width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s;width:100%}.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{bottom:100%;content:"";height:calc(var(--g)*1px);left:0;position:absolute;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:22px}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74d3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74d3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;position:absolute;right:6px;top:6px;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:auto}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:100%;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:1}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{border-bottom-left-radius:0;left:auto;right:0;transform-origin:right}.Toastify__progress-bar--wrp{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:6px;border-bottom-right-radius:var(--toastify-toast-bd-radius);bottom:0;height:5px;left:0;overflow:hidden;position:absolute;width:100%}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{height:100%;opacity:.2;opacity:var(--toastify-color-progress-bgo);width:100%}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{opacity:1;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg)}to{opacity:0;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(-110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-duration:.3s;animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-duration:.3s;animation-name:Toastify__slideOutRight;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-duration:.3s;animation-name:Toastify__slideOutUp;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-duration:.3s;animation-name:Toastify__slideOutDown;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.product-card{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden;transition:all var(--transition-base)}.product-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.product-image-container{background:var(--color-bg-muted);height:180px;overflow:hidden;position:relative}.product-image{display:block;height:100%;object-fit:cover;transition:transform var(--transition-slow);width:100%}.product-card:hover .product-image{transform:scale(1.03)}.product-image-placeholder{align-items:center;background:var(--color-bg-muted);color:var(--color-text-light);display:flex;font-size:var(--font-size-sm);height:100%;justify-content:center;width:100%}.product-card-header{background:var(--color-bg-card);padding:var(--spacing-4)}.product-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-primary);display:-webkit-box;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin:0 0 var(--spacing-1) 0;overflow:hidden}.product-reference{color:var(--color-text-light);font-family:var(--font-family-mono);font-size:var(--font-size-xs)}.product-card-body{display:flex;flex:1 1;flex-direction:column;padding:0 var(--spacing-4) var(--spacing-4)}.product-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-muted);display:-webkit-box;flex:1 1;font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin-bottom:var(--spacing-4);overflow:hidden}.product-price{color:var(--color-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-2)}.product-link{align-items:center;color:var(--color-primary);display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-1);text-decoration:none;transition:all var(--transition-base)}.product-link:hover{gap:var(--spacing-2)}.product-link svg{transition:transform var(--transition-base)}.product-link:hover svg{transform:translateX(2px)}.product-card-footer{background:var(--color-bg-muted);border-top:1px solid var(--color-border-light);display:flex;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4)}.product-card--featured{border-color:#f59e0b;box-shadow:0 8px 24px #f59e0b1f}.product-featured-badge{background:#f59e0bf2;color:#fff;font-size:.75rem;font-weight:600;left:.75rem;padding:.25rem .5rem}.product-featured-badge,.product-storefront-link{border-radius:9999px;position:absolute;top:.75rem}.product-storefront-link{align-items:center;background:#ffffffeb;box-shadow:0 1px 4px #0f172a24;color:var(--color-text-secondary);display:inline-flex;font-size:1rem;height:2rem;justify-content:center;opacity:.92;right:.75rem;text-decoration:none;transition:background var(--transition-base),color var(--transition-base),opacity var(--transition-base);width:2rem;z-index:1}.product-card:hover .product-storefront-link,.product-storefront-link:focus-visible,.product-storefront-link:hover{background:#fff;color:var(--color-primary);opacity:1}.product-storefront-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.feature-btn{align-items:center;background:#fffbeb;border:1px solid #fcd34d;border-radius:var(--radius-md);color:#b45309;cursor:pointer;display:flex;flex:1 1;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-1);justify-content:center;padding:var(--spacing-2) var(--spacing-3);transition:all var(--transition-base)}.feature-btn--active,.feature-btn:hover:not(:disabled){background:#fef3c7;border-color:#f59e0b;color:#92400e}.feature-btn--disabled,.feature-btn:disabled{background:#f9fafb;border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed;opacity:.55}.delete-btn,.edit-btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;flex:1 1;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-1);justify-content:center;padding:var(--spacing-2) var(--spacing-3);transition:all var(--transition-base)}.edit-btn{background:var(--color-bg-card);border:1px solid var(--color-border-light);color:var(--color-text-secondary)}.edit-btn:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.delete-btn{background:var(--color-bg-card);border:1px solid var(--color-border-light);color:var(--color-text-muted)}.delete-btn:hover{background:var(--color-error-bg);border-color:var(--color-error);color:var(--color-error)}.delete-btn svg,.edit-btn svg{height:16px;width:16px}.featured-products-panel{background:linear-gradient(180deg,#f8fbfa,#fff);border:1px solid #dce5e1;border-radius:.75rem;margin-bottom:1.5rem;padding:1.25rem}.featured-products-panel__header{margin-bottom:1rem}.featured-products-panel__title{color:#111827;font-size:1.125rem;font-weight:700;margin:0}.featured-products-panel__hint{color:#6b7280;font-size:.875rem;margin:.35rem 0 0}.featured-products-panel__list{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.featured-products-panel__item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;display:flex;gap:.5rem;padding:.65rem .75rem}.featured-products-panel__rank{align-items:center;background:#ecfdf5;border-radius:9999px;color:#0f766e;display:inline-flex;font-size:.75rem;font-weight:700;height:1.5rem;justify-content:center;width:1.5rem}.featured-products-panel__star{color:#f59e0b}.featured-products-panel__name{color:#111827;font-weight:600}.featured-products-panel__reference{color:#6b7280;font-size:.75rem;margin-left:auto}.featured-products-panel__empty{color:#6b7280;font-size:.875rem;margin:0}.product-list-container{width:100%}.product-list-header{align-items:center;border-bottom:1px solid var(--color-border-light);display:flex;justify-content:space-between;margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-6)}.product-list-header h2{color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0}.add-product-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:var(--radius-md);box-shadow:0 4px 14px #667eea59;color:#fff;cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);text-decoration:none;transition:all var(--transition-base)}.add-product-btn:hover{box-shadow:0 6px 20px #667eea73;transform:translateY(-2px)}.add-product-btn:active{transform:translateY(0)}.add-product-btn svg{height:18px;width:18px}.product-list-filters{display:flex;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.filter-container,.search-container{align-items:center;background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-md);display:flex;padding:var(--spacing-3) var(--spacing-4);transition:all var(--transition-base)}.filter-container:focus-within,.search-container:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.search-container{flex:1 1;max-width:400px}.filter-icon,.search-icon{color:var(--color-text-light);flex-shrink:0;margin-right:var(--spacing-3)}.search-input{background:#0000;border:none;color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-sm);outline:none;width:100%}.search-input::placeholder{color:var(--color-text-light)}.filter-select{background:#0000;border:none;color:var(--color-text-primary);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-sm);outline:none;padding-right:var(--spacing-4)}.products-grid{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.loading-container{color:var(--color-text-muted);flex-direction:column;padding:var(--spacing-16) 0}.loading-spinner{animation:spin .8s linear infinite;border:3px solid var(--color-border-light);border-top-color:var(--color-primary);height:48px;margin-bottom:var(--spacing-4);width:48px}.loading-container p{color:var(--color-text-muted);font-size:var(--font-size-sm)}.no-products{padding:var(--spacing-16) 0;text-align:center}.no-products-icon{font-size:48px;margin-bottom:var(--spacing-4);opacity:.5}.no-products h3{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-2) 0}.no-products p{color:var(--color-text-muted);margin:0}.no-products__title{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-2) 0}.no-products__text{color:var(--color-text-muted);margin:0 0 var(--spacing-4) 0;margin-left:auto;margin-right:auto;max-width:28rem}.no-products .add-product-btn{margin-top:var(--spacing-2)}@media (max-width:768px){.product-list-header{align-items:stretch;flex-direction:column;gap:var(--spacing-4)}.add-product-btn{justify-content:center}.product-list-filters{flex-direction:column}.search-container{max-width:100%}.products-grid{grid-template-columns:1fr}}.sidebar{background:linear-gradient(180deg,#0f0f1a,#1a1a2e 50%,#16213e);bottom:0;color:#e8e8e8;display:flex;flex-direction:column;left:0;overflow:hidden;position:fixed;top:0;transition:transform var(--transition-slow),width var(--transition-slow);width:var(--sidebar-width);z-index:var(--z-fixed)}.sidebar:after{background:linear-gradient(180deg,#0000,#667eea80 20%,#764ba280 80%,#0000);bottom:0;content:"";position:absolute;right:0;top:0;width:1px}.sidebar-overlay{animation:fadeIn var(--transition-base);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;left:0;position:fixed;right:0;top:0;z-index:calc(var(--z-fixed) - 1)}.sidebar-header{align-items:center;display:flex;justify-content:space-between;padding:var(--spacing-6) var(--spacing-5);position:relative}.sidebar-title{-webkit-text-fill-color:#0000;animation:gradientShift 3s ease infinite;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);letter-spacing:-.5px;margin:0}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.sidebar-close{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:var(--radius-md);color:#94a3b8;cursor:pointer;display:flex;font-size:var(--font-size-lg);justify-content:center;padding:var(--spacing-2);transition:all var(--transition-base)}.sidebar-close:hover{background:#667eea33;border-color:#667eea4d;color:#fff;transform:rotate(90deg)}.sidebar-content{flex:1 1;overflow-y:auto;padding:var(--spacing-2) 0}.sidebar-content::-webkit-scrollbar{width:4px}.sidebar-content::-webkit-scrollbar-track{background:#0000}.sidebar-content::-webkit-scrollbar-thumb{background:#667eea4d;border-radius:var(--radius-full)}.nav-section{margin-bottom:var(--spacing-6);padding:0 var(--spacing-3)}.nav-section-title{color:#64748b;font-size:10px;font-weight:var(--font-weight-bold);letter-spacing:.15em;margin:0 0 var(--spacing-2) 0;padding:var(--spacing-2) var(--spacing-3);text-transform:uppercase}.nav-list{list-style:none;margin:0;padding:0}.nav-list li{margin:var(--spacing-1) 0}.nav-item{align-items:center;background:#0000;border:none;color:#94a3b8;cursor:pointer;display:flex;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-3);overflow:hidden;padding:var(--spacing-3) var(--spacing-4);position:relative;text-align:left;text-decoration:none;transition:all var(--transition-base);width:100%}.nav-item,.nav-item:before{border-radius:var(--radius-md)}.nav-item:before{background:linear-gradient(135deg,#667eea1a,#764ba21a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-base)}.nav-item:hover{color:#fff}.nav-item:hover:before{opacity:1}.nav-item svg{flex-shrink:0;font-size:1.25rem;transition:transform var(--transition-base)}.nav-item span,.nav-item svg{position:relative;z-index:1}.nav-item:hover svg{transform:scale(1.1)}.nav-list li.active .nav-item{background:linear-gradient(135deg,#667eea40,#764ba240);border:1px solid #667eea4d;color:#fff}.nav-list li.active .nav-item:after{background:linear-gradient(180deg,#667eea,#764ba2);border-radius:0 var(--radius-full) var(--radius-full) 0;content:"";height:60%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.notification-test-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:#94a3b8;cursor:pointer;display:flex;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);text-align:left;text-decoration:none;transition:all var(--transition-base);width:100%}.notification-test-btn:hover{background:#ffffff0d;color:#fff}.notification-test-btn svg{font-size:1.25rem;transition:transform var(--transition-base)}.notification-test-btn:hover svg{transform:scale(1.15)}.notification-test-btn.success svg{color:#34d399;filter:drop-shadow(0 0 6px rgba(52,211,153,.4))}.notification-test-btn.error svg{color:#f87171;filter:drop-shadow(0 0 6px rgba(248,113,113,.4))}.notification-test-btn.warning svg{color:#fbbf24;filter:drop-shadow(0 0 6px rgba(251,191,36,.4))}.notification-test-btn.info svg{color:#60a5fa;filter:drop-shadow(0 0 6px rgba(96,165,250,.4))}.nav-submenu{list-style:none;margin:var(--spacing-1) 0 0 var(--spacing-6);max-height:0;overflow:hidden;padding:0;transition:max-height var(--transition-slow)}.nav-submenu.open{max-height:200px}.nav-submenu .nav-item{color:#64748b;font-size:var(--font-size-sm);padding:var(--spacing-2) var(--spacing-4)}.nav-submenu .nav-item:hover{color:#94a3b8}.nav-submenu li.active .nav-item{background:#0000;border:none;color:#fff}.nav-submenu li.active .nav-item:after{display:none}.nav-submenu .nav-item svg{font-size:1rem}.nav-parent>.nav-item:after{border-left:4px solid #0000;border-right:4px solid #0000;border-top:5px solid;content:"";height:0;position:absolute;right:var(--spacing-4);top:50%;transform:translateY(-50%);transition:transform var(--transition-base);width:0}.nav-parent.open>.nav-item:after{transform:translateY(-50%) rotate(180deg)}.sidebar-footer{background:#0003;border-top:1px solid #ffffff0d;padding:var(--spacing-4) var(--spacing-5)}.sidebar-footer p{color:#475569;font-size:var(--font-size-xs);margin:0;text-align:center}.back-to-app-btn{align-items:center;background:linear-gradient(135deg,#667eea26,#764ba226);border:1px solid #667eea4d;border-radius:var(--radius-md);color:#a5b4fc;cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:500;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);text-decoration:none;transition:all var(--transition-base);width:100%}.back-to-app-btn:hover{background:linear-gradient(135deg,#667eea40,#764ba240);border-color:#667eea80;color:#c7d2fe;transform:translateX(-2px)}.back-to-app-btn svg{height:18px;transition:transform var(--transition-base);width:18px}.back-to-app-btn:hover svg{transform:translateX(-3px)}@media (max-width:768px){.sidebar{transform:translateX(-100%);width:280px}.sidebar.open{transform:translateX(0)}}.app{background:#f8fafc;display:flex;min-height:100vh}.app>div:last-child{flex:1 1;margin-left:var(--sidebar-width);transition:margin-left var(--transition-slow)}@media (max-width:768px){.app>div:last-child{margin-left:0}}.header-user-container{position:relative}.header-user{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:6px 12px;transition:background-color .2s}.header-user:hover{background-color:#0000000d}.user-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:36px;justify-content:center;width:36px}.user-info{align-items:flex-start;display:flex;flex-direction:column}.user-name{color:#1f2937;font-size:14px;font-weight:500;line-height:1.2}.user-role{color:#10b981;font-size:11px;font-weight:500}.user-menu-arrow{color:#6b7280;transition:transform .2s}.user-menu-arrow.open{transform:rotate(180deg)}.user-menu-overlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:99}.user-menu{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 40px #00000026;min-width:220px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:100}.user-menu-header{background:#f9fafb;padding:12px 16px}.user-menu-email{color:#6b7280;font-size:13px}.user-menu-divider{background:#e5e7eb;height:1px}.user-menu-item{align-items:center;background:none;border:none;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:12px 16px;text-align:left;text-decoration:none;transition:background-color .2s;width:100%}.user-menu-item:hover{background-color:#f3f4f6}.user-menu-item.logout{color:#dc2626}.user-menu-item.logout:hover{background-color:#fef2f2}@media (max-width:768px){.user-info,.user-menu-arrow{display:none}.header-user{padding:6px}}.Toastify__toast{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);font-family:var(--font-family);padding:var(--spacing-4)}.Toastify__toast-body{font-size:var(--font-size-sm);padding:0}.Toastify__progress-bar{height:3px;opacity:.8}.Toastify__toast--success{background-color:var(--color-success)}.Toastify__toast--error{background-color:var(--color-error)}.Toastify__toast--warning{background-color:var(--color-warning)}.Toastify__toast--info{background-color:var(--color-primary)}.Toastify__toast--enter{transform:translateX(100%)}.Toastify__toast--enter-active{transform:translateX(0);transition:transform var(--transition-slow)}.Toastify__toast--exit{transform:translateX(0)}.Toastify__toast--exit-active{transform:translateX(100%);transition:transform var(--transition-slow)}.notification-progress-bar{background:#ffffffb3}@media (max-width:480px){.Toastify__toast-container{padding:var(--spacing-2);width:100%}.Toastify__toast{margin-bottom:var(--spacing-2)}}.shop-preview-frame{background:#fafbfa;border:1px solid #e5e9e7;border-radius:12px;box-shadow:0 4px 25px -5px #0000001a;overflow:hidden}.shop-preview-frame__chrome{align-items:center;background:#f3f5f4;border-bottom:1px solid #e5e9e7;display:flex;gap:6px;padding:10px 14px}.shop-preview-frame__dot{background:#d2d9d5;border-radius:50%;height:10px;width:10px}.shop-preview-frame__url{background:#fff;border-radius:6px;color:#6f7d76;flex:1 1;font-size:12px;margin-left:8px;overflow:hidden;padding:4px 12px;text-overflow:ellipsis;white-space:nowrap}.shop-preview{background:#fafbfa;background:var(--preview-bg,#fafbfa);color:#2f3431;color:var(--preview-text,#2f3431);font-family:Inter,system-ui,sans-serif}.shop-preview__banner{background:none;border:none;display:block;height:192px;overflow:hidden;padding:0;position:relative;text-align:inherit;width:100%}.shop-preview__banner-image{display:block;height:100%;object-fit:cover;width:100%}.shop-preview__banner-placeholder{align-items:center;background:linear-gradient(135deg,#e6f2eb,#e1ecf3);color:#336b52;display:flex;flex-direction:column;font-size:14px;font-weight:600;gap:4px;height:100%;justify-content:center;width:100%}.shop-preview__banner-placeholder small{font-size:11px;font-weight:400;opacity:.8}.shop-preview__container{margin:0 auto;max-width:1280px;padding:0 16px 32px}.shop-preview__header{display:flex;flex-direction:column;gap:16px;margin-top:-48px;padding-bottom:24px;position:relative;z-index:1}@media (min-width:640px){.shop-preview__header{align-items:flex-end;flex-direction:row;gap:24px}}.shop-preview__logo-wrap{background:none;border:none;border-radius:12px;flex-shrink:0;padding:0;position:relative}.shop-preview__logo{background:#fff;display:block;object-fit:cover}.shop-preview__logo,.shop-preview__logo-placeholder{border:4px solid #fff;border-radius:12px;box-shadow:0 4px 25px -5px #0000001a;height:96px;width:96px}.shop-preview__logo-placeholder{align-items:center;background:#e6f2eb;color:#336b52;display:flex;justify-content:center}.shop-preview__identity{flex:1 1;min-width:0;padding-top:8px}@media (min-width:640px){.shop-preview__identity{padding-bottom:8px;padding-top:0}}.shop-preview__name,.shop-preview__name-input{color:#2f3431;color:var(--preview-text,#2f3431);font-size:24px;font-size:calc(24px*var(--preview-heading-scale, 1));font-weight:700;line-height:1.2;margin:0}.shop-preview__title,.shop-preview__title-input{color:color-mix(in srgb,#2f3431 75%,#0000);color:color-mix(in srgb,var(--preview-text,#2f3431) 75%,#0000);font-size:18px;font-size:calc(18px*var(--preview-body-scale, 1));line-height:1.4;margin:4px 0 0}.shop-preview__name-input,.shop-preview__title-input{background:#0000;border:none;border-radius:6px;display:block;font-family:inherit;margin-left:-4px;padding:2px 4px;width:100%}.shop-preview__name-input:focus,.shop-preview__title-input:focus{background:#ffffffe6;outline:2px solid #336b52;outline-offset:2px}.shop-preview__name-input::placeholder,.shop-preview__title-input::placeholder{color:#9aa8a1}.shop-preview__back-link{color:#336b52;color:var(--preview-primary,#336b52);font-size:14px;font-weight:500;margin-bottom:32px;opacity:.7}.shop-preview__products-title{color:#2f3431;color:var(--preview-text,#2f3431);font-size:24px;font-size:calc(24px*var(--preview-heading-scale, 1));font-weight:700;margin:0 0 24px}.shop-preview__toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.shop-preview__toolbar-item{background:color-mix(in srgb,#336b52 12%,#fff);background:color-mix(in srgb,var(--preview-primary,#336b52) 12%,#fff);border:1px solid color-mix(in srgb,#336b52 25%,#0000);border:1px solid color-mix(in srgb,var(--preview-primary,#336b52) 25%,#0000);border-radius:999px;color:#336b52;color:var(--preview-primary,#336b52);font-size:12px;font-weight:500;padding:6px 12px}.shop-preview__products-layout{display:block}.shop-preview__products-layout--sidebar{grid-gap:16px;display:grid;gap:16px;grid-template-columns:120px 1fr}.shop-preview__categories{background:color-mix(in srgb,#336b52 8%,#fff);background:color-mix(in srgb,var(--preview-primary,#336b52) 8%,#fff);border:1px solid color-mix(in srgb,#336b52 15%,#0000);border:1px solid color-mix(in srgb,var(--preview-primary,#336b52) 15%,#0000);border-radius:8px;color:#2f3431;color:var(--preview-text,#2f3431);display:flex;flex-direction:column;font-size:12px;gap:8px;padding:12px}.shop-preview__categories span:first-child{color:#336b52;color:var(--preview-primary,#336b52);font-weight:600}.shop-preview__products-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);grid-template-columns:repeat(var(--preview-products-cols,4),1fr)}@media (max-width:639px){.shop-preview__products-grid{grid-template-columns:repeat(2,1fr)}.shop-preview__products-layout--sidebar{grid-template-columns:1fr}}.shop-preview__product-card{background:#fff;border:1px solid #e5e9e7;border-radius:12px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.shop-preview__product-card--zoom:hover{transform:scale(1.03)}.shop-preview__product-card--shadow:hover{box-shadow:0 8px 24px #0000001f}.shop-preview__product-card--lift:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-4px)}.shop-preview__product-image{aspect-ratio:1/1;aspect-ratio:var(--preview-image-ratio,1/1);background:linear-gradient(145deg,#e5e9e7,#f3f5f4 50%,#e5e9e7);width:100%}.shop-preview__product-body{display:flex;flex-direction:column;gap:4px;padding:10px 12px}.shop-preview__product-name{color:#2f3431;color:var(--preview-text,#2f3431);font-size:13px;font-size:calc(13px*var(--preview-body-scale, 1));font-weight:600}.shop-preview__product-desc{color:color-mix(in srgb,#2f3431 65%,#0000);color:color-mix(in srgb,var(--preview-text,#2f3431) 65%,#0000);font-size:11px;font-size:calc(11px*var(--preview-body-scale, 1))}.shop-preview__product-price{color:#336b52;color:var(--preview-primary,#336b52);font-size:13px;font-size:calc(13px*var(--preview-body-scale, 1));font-weight:700}.shop-preview__product-stock{color:#10b981;color:var(--preview-secondary,#10b981);font-size:11px}.shop-preview__products-note{color:#9aa8a1;font-size:12px;margin-top:16px;text-align:center}.shop-preview__zone--interactive{cursor:pointer;transition:box-shadow .2s ease}.shop-preview__zone--active,.shop-preview__zone--interactive:hover{box-shadow:inset 0 0 0 2px #336b52}.shop-preview__zone-hint{background:#336b52eb;border-radius:6px;bottom:8px;color:#fff;font-size:11px;font-weight:600;opacity:0;padding:4px 10px;pointer-events:none;position:absolute;right:8px;transition:opacity .2s ease}.shop-preview__zone--active .shop-preview__zone-hint,.shop-preview__zone--interactive:hover .shop-preview__zone-hint{opacity:1}.shop-preview__logo-wrap .shop-preview__zone-hint{bottom:auto;left:50%;right:auto;top:50%;transform:translate(-50%,-50%)}.shop-preview__banner .shop-preview__zone-hint{bottom:16px;right:16px}.appearance-designer{display:flex;flex-direction:column;gap:24px;min-height:0}.appearance-designer--loading{align-items:center;justify-content:center;min-height:320px}.appearance-designer__loader{color:var(--color-text-muted);font-size:16px}.appearance-designer__error{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:12px;border-radius:var(--radius-lg,12px);padding:48px 24px;text-align:center}.appearance-designer__error h2{color:var(--color-text-primary);margin:0 0 8px}.appearance-designer__error p{color:var(--color-text-muted);margin-bottom:24px}.appearance-designer__error-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.appearance-designer__error-actions a,.appearance-designer__error-actions button{background:var(--color-bg-card);border:1px solid var(--color-border-medium);border-radius:8px;color:var(--color-text-secondary);cursor:pointer;font-size:14px;padding:10px 16px;text-decoration:none}.appearance-designer__error-actions .primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.appearance-designer__header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.appearance-designer__title{align-items:center;color:var(--color-text-primary);display:flex;font-size:1.5rem;font-weight:700;gap:10px;margin:0}.appearance-designer__title-icon{color:var(--color-primary)}.appearance-designer__subtitle{color:var(--color-text-muted);font-size:14px;margin:6px 0 0;max-width:520px}.appearance-designer__header-actions{display:flex;flex-shrink:0;gap:10px}.appearance-designer__btn{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:10px 16px;text-decoration:none;transition:background .2s,border-color .2s}.appearance-designer__btn--ghost{background:var(--color-bg-card);border-color:var(--color-border-medium);color:var(--color-text-secondary)}.appearance-designer__btn--ghost:hover:not(:disabled){background:var(--color-bg-muted)}.appearance-designer__btn--primary{background:var(--color-primary);color:#fff}.appearance-designer__btn--primary:hover:not(:disabled){background:var(--color-primary-hover)}.appearance-designer__btn:disabled{cursor:not-allowed;opacity:.5}.appearance-designer__workspace{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:1fr}@media (min-width:1100px){.appearance-designer__workspace{gap:32px;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr)}}.appearance-designer__preview-column{position:-webkit-sticky;position:sticky;top:16px}.appearance-designer__preview-label{align-items:center;color:var(--color-text-tertiary);display:flex;font-size:13px;font-weight:600;gap:6px;letter-spacing:.04em;margin-bottom:12px;text-transform:uppercase}.appearance-designer__panel{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:12px;max-height:calc(100vh - 180px);overflow-y:auto}.appearance-designer__form{display:flex;flex-direction:column}.appearance-designer__section{border-bottom:1px solid var(--color-border-light);padding:20px;transition:background .2s ease}.appearance-designer__section:last-child{border-bottom:none}.appearance-designer__section--active{background:var(--color-primary-lighter)}.appearance-designer__section-title{align-items:center;color:var(--color-text-primary);display:flex;font-size:15px;font-weight:600;gap:8px;margin:0 0 16px}.appearance-designer__field{margin-bottom:14px}.appearance-designer__field:last-child{margin-bottom:0}.appearance-designer__field label{color:var(--color-text-tertiary);display:block;font-size:13px;font-weight:500;margin-bottom:6px}.appearance-designer__field input{background:var(--color-bg-input);border:1px solid var(--color-border-medium);border-radius:8px;box-sizing:border-box;font-size:14px;padding:10px 12px;width:100%}.appearance-designer__field input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.appearance-designer__hint{color:var(--color-text-muted);font-size:12px;line-height:1.4;margin:-8px 0 12px}.appearance-designer__field .appearance-designer__hint{margin:8px 0 0}.appearance-designer__slug-input{align-items:center;background:var(--color-bg-input);border:1px solid var(--color-border-medium);border-radius:8px;display:flex;overflow:hidden}.appearance-designer__slug-prefix{color:var(--color-text-muted);font-size:13px;padding:10px 0 10px 12px;white-space:nowrap}.appearance-designer__slug-input input{border:none;border-radius:0;padding-left:0}.appearance-designer__slug-input:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.appearance-designer__public-url{align-items:center;background:#f7fafc;background:var(--color-bg-secondary,#f7fafc);border-radius:8px;display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;padding:10px 12px}.appearance-designer__public-url code{color:var(--color-text-secondary);flex:1 1 180px;font-size:12px;min-width:0;word-break:break-all}.appearance-designer__public-url-btn{align-items:center;background:#fff;border:1px solid var(--color-border-medium);border-radius:6px;color:var(--color-text-primary);cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:6px 10px;text-decoration:none}.appearance-designer__public-url-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.appearance-designer__public-url-btn:disabled{cursor:not-allowed;opacity:.6}.appearance-designer__field-error{color:#c53030;font-size:13px;margin:8px 0 0}.appearance-designer__slug-policy{color:#4a5568;color:var(--color-text-secondary,#4a5568);font-size:12px;line-height:1.4;margin:8px 0 0}.appearance-designer__slug-policy code{font-size:12px}.appearance-designer__slug-suggestions{margin-top:10px}.appearance-designer__slug-suggestions p{color:var(--color-text-primary);font-size:13px;font-weight:600;margin:0 0 8px}.appearance-designer__slug-suggestion-list{display:flex;flex-wrap:wrap;gap:6px}.appearance-designer__slug-suggestion{background:#fff;border:1px solid var(--color-border-medium);border-radius:6px;color:var(--color-text-primary);cursor:pointer;font-size:12px;padding:6px 10px}.appearance-designer__slug-suggestion:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.appearance-designer__section--collapsible{padding:0}.appearance-designer__section--collapsible.appearance-designer__section--active{background:var(--color-primary-lighter)}.appearance-designer__section-toggle{align-items:center;background:#0000;border:none;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:15px;font-weight:600;justify-content:space-between;padding:16px 20px;text-align:left;width:100%}.appearance-designer__section-toggle-label{align-items:center;display:flex;gap:8px}.appearance-designer__section-body{padding:0 20px 20px}.appearance-designer__field-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr}@media (min-width:480px){.appearance-designer__field-row{grid-template-columns:1fr 1fr}}.appearance-designer__field select{background:var(--color-bg-input);border:1px solid var(--color-border-medium);border-radius:8px;box-sizing:border-box;font-size:14px;padding:10px 12px;width:100%}.appearance-designer__field select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.appearance-designer__checkboxes{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:14px}.appearance-designer__checkbox{align-items:center;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:13px;gap:8px}.appearance-designer__checkbox input{accent-color:var(--color-primary);height:16px;width:16px}.appearance-designer__color-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,1fr)}@media (min-width:480px){.appearance-designer__color-grid{grid-template-columns:repeat(3,1fr)}}.appearance-designer__field--color input[type=color]{background:var(--color-bg-input);border:1px solid var(--color-border-medium);border-radius:8px;cursor:pointer;height:40px;padding:2px;width:100%}@media (max-width:1099px){.appearance-designer__preview-column{position:static}.appearance-designer__panel{max-height:none}}.user-management{margin:0 auto;max-width:1200px;padding:20px}.user-management-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:10px}.user-management-header h2{color:#1f2937;margin:0}.user-stats{color:#6b7280;font-size:14px}.loading-container{align-items:center;color:#6b7280;display:flex;font-size:16px;height:200px;justify-content:center}.error-message{background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;margin-bottom:20px;padding:12px}.users-table-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.users-table{border-collapse:collapse;width:100%}.users-table th{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;color:#374151;font-weight:600;padding:12px 16px;text-align:left}.users-table td{border-bottom:1px solid #f3f4f6;padding:12px 16px;vertical-align:top}.users-table tr:hover{background-color:#f9fafb}.status-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px;text-transform:uppercase}.status-active{background-color:#dcfce7;color:#166534}.status-inactive{background-color:#fef3c7;color:#92400e}.status-pending{background-color:#dbeafe;color:#1e40af}.status-locked{background-color:#fee2e2;color:#dc2626}.status-unknown{background-color:#f3f4f6;color:#6b7280}.user-roles{display:flex;flex-wrap:wrap;gap:4px}.role-badge{align-items:center;background-color:#e0e7ff;border-radius:12px;color:#3730a3;display:inline-flex;font-size:12px;gap:4px;padding:4px 8px}.remove-role-btn{background:none;border:none;color:#dc2626;cursor:pointer;font-size:14px;margin-left:4px;padding:0}.remove-role-btn:hover{color:#991b1b}.no-roles{color:#9ca3af;font-size:12px;font-style:italic}.assign-role-btn{background-color:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px}.assign-role-btn:hover{background-color:#2563eb}.pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:20px;padding:16px}.pagination button{background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;padding:8px 16px}.pagination button:hover:not(:disabled){background-color:#e5e7eb}.pagination button:disabled{cursor:not-allowed;opacity:.5}.modal-overlay{background-color:#00000080}.modal-content{border-radius:8px;box-shadow:0 10px 25px #0003;overflow-y:auto;width:90%}.modal-header{border-bottom:1px solid #e5e7eb;padding:20px}.modal-header h3{color:#1f2937;margin:0}.close-btn{background:none;border:none;color:#6b7280;cursor:pointer;font-size:24px}.close-btn:hover{color:#374151}.modal-body{padding:20px}.available-roles h4{color:#374151;margin:0 0 16px}.role-item{align-items:center;border:1px solid #e5e7eb;border-radius:6px;display:flex;gap:12px;margin-bottom:8px;padding:12px}.role-name{color:#1f2937;font-weight:600;min-width:120px}.role-description{color:#6b7280;flex:1 1;font-size:14px}.assign-btn{background-color:#10b981;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px}.assign-btn:hover{background-color:#059669}.admin-dashboard{background-color:var(--color-bg-page);min-height:100vh}.admin-header{align-items:center;background:var(--color-bg-card);border-bottom:1px solid var(--color-border-light);box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;padding:var(--spacing-5) var(--spacing-6)}.admin-header h1{color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin:0}.admin-user-info{color:var(--color-text-muted);font-size:var(--font-size-sm)}.admin-content{display:flex;min-height:calc(100vh - 80px)}.admin-sidebar{background:var(--color-bg-card);border-right:1px solid var(--color-border-light);box-shadow:var(--shadow-sm);width:250px}.admin-nav{padding:var(--spacing-5) 0}.admin-nav .nav-item{background:none;border:none;border-left:3px solid #0000;color:var(--color-text-muted);cursor:pointer;display:block;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-3) var(--spacing-5);text-align:left;transition:all var(--transition-base);width:100%}.admin-nav .nav-item:hover{background-color:var(--color-bg-muted);color:var(--color-text-secondary)}.admin-nav .nav-item.active{background-color:var(--color-primary-light);border-left-color:var(--color-primary);color:var(--color-primary)}.admin-main{flex:1 1;padding:var(--spacing-6)}.admin-main-content{background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);min-height:600px;padding:var(--spacing-6)}.stats-grid{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-6)}.stat-card{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-5);transition:all var(--transition-base)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card-icon{align-items:center;border-radius:var(--radius-md);display:flex;font-size:1.5rem;height:48px;justify-content:center;margin-bottom:var(--spacing-3);width:48px}.stat-card-icon.primary{background:var(--color-primary-light);color:var(--color-primary)}.stat-card-icon.success{background:var(--color-success-bg);color:var(--color-success)}.stat-card-icon.warning{background:var(--color-warning-bg);color:var(--color-warning)}.stat-card-icon.error{background:var(--color-error-bg);color:var(--color-error)}.stat-card-value{color:var(--color-text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:1;margin-bottom:var(--spacing-1)}.stat-card-label{color:var(--color-text-muted);font-size:var(--font-size-sm)}@media (max-width:768px){.admin-content{flex-direction:column}.admin-sidebar{border-bottom:1px solid var(--color-border-light);border-right:none;width:100%}.admin-nav{display:flex;overflow-x:auto;padding:var(--spacing-2)}.admin-nav .nav-item{border-bottom:3px solid #0000;border-left:none;padding:var(--spacing-2) var(--spacing-4);white-space:nowrap}.admin-nav .nav-item.active{border-bottom-color:var(--color-primary);border-left-color:#0000}.admin-main{padding:var(--spacing-4)}}.become-creator-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:2rem}.become-creator-container{background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;max-width:600px;padding:3rem;width:100%}.become-creator-header{margin-bottom:2rem;text-align:center}.shop-icon{font-size:4rem;margin-bottom:1rem}.become-creator-header h1{color:#1a202c;font-size:2rem;font-weight:700;margin-bottom:.5rem}.subtitle{color:#718096;font-size:1rem}.become-creator-form{margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#2d3748;display:block;font-weight:600;margin-bottom:.5rem}.required{color:#e53e3e;margin-left:.25rem}.form-group input[type=text]{border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;padding:1rem;transition:all .2s ease;width:100%}.form-group input[type=text]:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33;outline:none}.form-group input[type=text]:disabled{background-color:#f7fafc;cursor:not-allowed}.input-hint{color:#a0aec0;font-size:.875rem;margin-top:.5rem}.slug-toggle{background:none;border:none;color:#667eea;cursor:pointer;font-weight:600;margin-bottom:.75rem;padding:0}.slug-toggle:hover:not(:disabled){color:#764ba2;text-decoration:underline}.slug-input-row{align-items:center;border:2px solid #e2e8f0;border-radius:12px;display:flex;overflow:hidden}.slug-prefix{color:#718096;font-size:.95rem;padding:1rem 0 1rem 1rem;white-space:nowrap}.slug-input-row input[type=text]{border:none;border-radius:0;padding-left:0}.slug-input-row:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea33}.slug-suggestions{background:#f7fafc;border-radius:12px;margin-bottom:1.5rem;padding:1rem}.slug-suggestions p{color:#2d3748;font-weight:600;margin-bottom:.75rem}.slug-suggestion-list{display:flex;flex-wrap:wrap;gap:.5rem}.slug-suggestion{background:#fff;border:1px solid #cbd5e0;border-radius:8px;color:#2d3748;cursor:pointer;font-size:.875rem;padding:.5rem .75rem}.slug-suggestion:hover:not(:disabled){border-color:#667eea;color:#667eea}.cgu-group{background:#f7fafc;border-radius:12px;padding:1rem}.checkbox-label{align-items:flex-start;cursor:pointer;display:flex;font-weight:400!important}.checkbox-label input[type=checkbox]{cursor:pointer;opacity:0;position:absolute}.checkbox-custom{align-items:center;border:2px solid #cbd5e0;border-radius:6px;display:flex;height:24px;justify-content:center;margin-right:.75rem;min-width:24px;transition:all .2s ease;width:24px}.checkbox-label input[type=checkbox]:checked~.checkbox-custom{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000}.checkbox-label input[type=checkbox]:checked~.checkbox-custom:after{color:#fff;content:"✓";font-size:14px;font-weight:700}.checkbox-text{color:#4a5568;line-height:1.5}.cgu-link{background:none;border:none;color:#667eea;cursor:pointer;font-size:inherit;padding:0;text-decoration:underline}.cgu-link:hover{color:#764ba2}.error-message{align-items:center;background:#fed7d7;border:1px solid #feb2b2;border-radius:12px;color:#c53030;display:flex;gap:.5rem;margin-bottom:1.5rem;padding:1rem}.error-icon{font-size:1.25rem}.submit-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1.125rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem 2rem;transition:all .3s ease;width:100%}.submit-button:hover:not(:disabled){box-shadow:0 10px 20px #667eea4d;transform:translateY(-2px)}.submit-button:disabled{cursor:not-allowed;opacity:.7}.button-icon{font-size:1.25rem}.spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.info-cards{grid-gap:1rem;border-top:1px solid #e2e8f0;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-top:2rem;padding-top:2rem}.info-card{padding:1rem;text-align:center}.card-icon{display:block;font-size:2rem;margin-bottom:.5rem}.info-card h3{color:#2d3748;font-size:.875rem;font-weight:600;margin-bottom:.25rem}.info-card p{color:#718096;font-size:.75rem}.modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:16px;display:flex;flex-direction:column;max-height:80vh;max-width:600px;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.5rem}.modal-header h2{color:#1a202c;font-size:1.25rem;font-weight:600}.modal-close{background:none;border:none;color:#a0aec0;cursor:pointer;font-size:1.5rem;line-height:1;padding:.25rem}.modal-close:hover{color:#4a5568}.modal-body{flex:1 1;overflow-y:auto;padding:1.5rem}.modal-body h3{color:#2d3748;font-size:1rem;font-weight:600;margin-bottom:.5rem;margin-top:1.5rem}.modal-body h3:first-child{margin-top:0}.modal-body p{color:#4a5568;line-height:1.6}.modal-footer{border-top:1px solid #e2e8f0;padding:1rem 1.5rem;text-align:right}.modal-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.modal-button:hover{opacity:.9}@media (max-width:640px){.become-creator-container{padding:2rem}.become-creator-header h1{font-size:1.5rem}.info-cards{grid-template-columns:1fr}.info-card{align-items:center;display:flex;gap:1rem;text-align:left}.card-icon{font-size:2.5rem;margin-bottom:0}.info-card div{flex:1 1}}.design-preview{background:linear-gradient(135deg,var(--color-primary-start) 0,var(--color-primary-end) 100%);min-height:100vh;padding:var(--spacing-8)}.design-preview-container{background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin:0 auto;max-width:1000px;padding:var(--spacing-8)}.preview-header{border-bottom:1px solid var(--color-border-light);margin-bottom:var(--spacing-12);padding-bottom:var(--spacing-8);text-align:center}.preview-header h1{color:var(--color-text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-2) 0}.preview-subtitle{color:var(--color-text-muted);font-size:var(--font-size-lg);margin:0}.preview-section{border-bottom:1px solid var(--color-border-light);margin-bottom:var(--spacing-12);padding-bottom:var(--spacing-8)}.preview-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.preview-section h2{color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-6) 0}.preview-section h3{color:var(--color-text-muted);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);letter-spacing:.05em;margin:var(--spacing-6) 0 var(--spacing-4) 0;text-transform:uppercase}.preview-section h3:first-of-type{margin-top:0}.color-palette{display:flex;flex-wrap:wrap;gap:var(--spacing-4)}.color-swatch{align-items:center;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:#fff;display:flex;flex-direction:column;font-weight:var(--font-weight-medium);height:100px;justify-content:center;width:100px}.color-swatch small,.color-swatch span{font-size:var(--font-size-xs)}.color-swatch small{margin-top:var(--spacing-1);opacity:.8}.color-swatch.dark{color:#fff}.typography-showcase{display:flex;flex-direction:column;gap:var(--spacing-4)}.type-item{align-items:center;border-bottom:1px dashed var(--color-border-light);display:flex;gap:var(--spacing-6);padding:var(--spacing-3) 0}.type-label{color:var(--color-text-light);font-family:var(--font-family-mono);font-size:var(--font-size-xs);min-width:100px}.button-showcase{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-4)}.form-showcase{max-width:400px}.cards-showcase{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.cards-showcase .card-body{text-align:center}.cards-showcase .card-body h3{color:var(--color-text-primary);letter-spacing:normal;text-transform:none}.cards-showcase .card-footer{display:flex;gap:var(--spacing-2);justify-content:flex-end}.badge-showcase{display:flex;flex-wrap:wrap;gap:var(--spacing-3)}.spinner-showcase{align-items:flex-end;display:flex;gap:var(--spacing-8)}.spinner-showcase>div{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-2)}.spinner-showcase small{color:var(--color-text-muted);font-size:var(--font-size-xs)}.radius-showcase{display:flex;flex-wrap:wrap;gap:var(--spacing-4)}.radius-showcase>div{align-items:center;background:var(--gradient-primary);color:#fff;display:flex;font-size:var(--font-size-xs);height:80px;justify-content:center;width:80px}.shadow-showcase{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.shadow-showcase>div{align-items:center;background:#fff;border-radius:var(--radius-lg);color:var(--color-text-muted);display:flex;font-size:var(--font-size-xs);height:100px;justify-content:center}@media (max-width:768px){.design-preview{padding:var(--spacing-4)}.design-preview-container{border-radius:var(--radius-md);padding:var(--spacing-6)}.type-item{align-items:flex-start;flex-direction:column;gap:var(--spacing-2)}.color-swatch{height:70px;width:70px}}.loading-spinner-container{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:100vh}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.access-denied{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem;text-align:center}.access-denied h2{color:#e74c3c;margin-bottom:1rem}.access-denied p{color:#666;margin-bottom:2rem;max-width:500px}.access-denied-actions{align-items:center;display:flex;gap:1rem}.access-denied button,.become-creator-link{border:none;border-radius:5px;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;text-decoration:none}.access-denied button{background-color:#95a5a6;color:#fff}.become-creator-link{background-color:#3498db;color:#fff}.access-denied button:hover,.become-creator-link:hover{opacity:.9}
/*# sourceMappingURL=main.fb615fe7.css.map*/