:root{--color-primary: #BE5219;--color-primary-hover: #A64716;--color-primary-light: rgba(190, 82, 25, .1);--color-primary-light-hover: rgba(190, 82, 25, .15);--color-primary-light-active: rgba(190, 82, 25, .2);--color-primary-gradient-start: #E19164;--color-primary-gradient-mid: #D06D3C;--color-secondary: #979797;--color-secondary-hover: #858585;--color-gray-light: #FFF5F2;--color-gray-mid: #6B687D;--color-gray-darker: #34333C;--color-gray-dark: #3B3949;--color-success: #22c55e;--color-success-light: #dcfce7;--color-error: #ef4444;--color-error-light: #fee2e2;--color-warning: #f59e0b;--color-warning-light: #fef3c7;--color-warning-dark: #92400e;--color-info: #3b82f6;--color-info-light: #dbeafe;--color-bg-primary: var(--color-gray-light);--color-bg-secondary: #ffffff;--color-bg-tertiary: #f5f5f5;--color-bg-elevated: #ffffff;--color-text-primary: var(--color-gray-darker);--color-text-secondary: var(--color-gray-mid);--color-text-muted: var(--color-secondary);--text-bs-white: #FFFFFF;--color-border: rgba(0, 0, 0, .08);--color-border-hover: rgba(0, 0, 0, .15);--color-border-light: rgba(0, 0, 0, .05);--color-border-solid: #ebebeb;--color-placeholder: #9ca3af;--color-overlay-light: rgba(255, 255, 255, .35);--color-overlay-light-hover: rgba(255, 255, 255, .5);--color-overlay-light-active: rgba(255, 255, 255, .6);--color-overlay-dark: rgba(0, 0, 0, .05);--color-overlay-dark-hover: rgba(0, 0, 0, .1);--shadow-focus-primary: 0 0 0 2px rgba(255, 98, 0, .2);--shadow-focus-error: 0 0 0 3px rgba(239, 68, 68, .2);--font-family-base: "Outfit", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-title: "Outfit", sans-serif;--font-family-mono: "SF Mono", "Fira Code", "Fira Mono", Menlo, monospace;--font-size-2xs: .625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-display-lg: 3rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-base: 1.5;--line-height-relaxed: 1.75;--spacing-0: 0;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .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: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--sidebar-width: 115px;--header-height: 64px;--max-content-width: 1200px}.dark{color-scheme:dark;--color-gray-light: #2E2D3D;--color-gray-mid: #A9A7B8;--color-gray-darker: #EEEDF5;--color-gray-dark: #D5D4E0;--color-bg-primary: #1A1924;--color-bg-secondary: #252432;--color-bg-tertiary: #2E2D3D;--color-bg-elevated: #302F40;--color-text-primary: #EEEDF5;--color-text-secondary: #A9A7B8;--color-text-muted: #7B7990;--text-bs-white: #EEEDF5;--color-border: rgba(255, 255, 255, .1);--color-border-hover: rgba(255, 255, 255, .2);--color-border-light: rgba(255, 255, 255, .06);--color-border-solid: #3A3950;--color-placeholder: #6B687D;--color-overlay-light: rgba(255, 255, 255, .08);--color-overlay-light-hover: rgba(255, 255, 255, .12);--color-overlay-light-active: rgba(255, 255, 255, .16);--color-overlay-dark: rgba(0, 0, 0, .2);--color-overlay-dark-hover: rgba(0, 0, 0, .3);--color-primary-hover: #FF7A26;--color-primary-light: rgba(255, 98, 0, .15);--color-primary-light-hover: rgba(255, 98, 0, .2);--color-primary-light-active: rgba(255, 98, 0, .25);--color-primary-gradient-start: #663000;--color-primary-gradient-mid: #994A00;--color-secondary: #7B7990;--color-secondary-hover: #A9A7B8;--color-success: #34d472;--color-success-light: rgba(52, 212, 114, .15);--color-error: #f87171;--color-error-light: rgba(248, 113, 113, .15);--color-warning: #fbbf24;--color-warning-light: rgba(251, 191, 36, .15);--color-warning-dark: #fbbf24;--color-info: #60a5fa;--color-info-light: rgba(96, 165, 250, .15);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .6);--shadow-focus-primary: 0 0 0 2px rgba(255, 98, 0, .35);--shadow-focus-error: 0 0 0 3px rgba(248, 113, 113, .35)}*,*:before,*:after{box-sizing:border-box}html,body,h1,h2,h3,h4,h5,h6,p,blockquote,pre,dl,dd,ol,ul,figure,hr,fieldset,legend{margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{min-height:100vh;font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text-primary);background-color:var(--color-bg-primary)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text-primary)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{color:var(--color-text-secondary)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}ol,ul{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;max-width:100%}img,video{height:auto}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;appearance:button;cursor:pointer}button:disabled,[type=button]:disabled,[type=reset]:disabled,[type=submit]:disabled{cursor:not-allowed;opacity:.6}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}:focus{outline:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}table{border-collapse:collapse;border-spacing:0}hr{border:none;border-top:1px solid var(--color-border)}::selection{background-color:var(--color-primary);color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.btn-secondary{background-color:var(--color-bg-tertiary);color:var(--color-text-primary);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){background-color:var(--color-bg-secondary);border-color:var(--color-border-hover)}.btn-ghost{background-color:transparent;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.btn-sm{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-xs)}.btn-lg{padding:var(--spacing-4) var(--spacing-6);font-size:var(--font-size-base)}.input{width:100%;padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input:hover:not(:disabled){border-color:var(--color-border-hover)}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.input:disabled{opacity:.6;cursor:not-allowed}.input::placeholder{color:var(--color-text-muted)}.input-error{border-color:var(--color-error)}.input-error:focus{box-shadow:var(--shadow-focus-error)}.label{display:block;margin-bottom:var(--spacing-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-6)}.card-header{margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--color-border)}.card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.form-group{margin-bottom:var(--spacing-4)}.form-group:last-child{margin-bottom:0}.form-error{margin-top:var(--spacing-1);font-size:var(--font-size-sm);color:var(--color-error)}.section-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4)}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.bg-primary{background-color:var(--color-bg-primary)}.bg-secondary{background-color:var(--color-bg-secondary)}.bg-tertiary{background-color:var(--color-bg-tertiary)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.mt-1{margin-top:var(--spacing-1)}.mt-2{margin-top:var(--spacing-2)}.mt-4{margin-top:var(--spacing-4)}.mb-1{margin-bottom:var(--spacing-1)}.mb-2{margin-bottom:var(--spacing-2)}.mb-4{margin-bottom:var(--spacing-4)}#root{width:100%;min-height:100vh}.toast-container{position:fixed;bottom:var(--spacing-6);right:var(--spacing-6);z-index:var(--z-toast, 9999);display:flex;flex-direction:column;gap:var(--spacing-3);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-5);min-width:320px;max-width:480px;background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border-left:4px solid;pointer-events:auto;animation:toastSlideIn .3s ease-out}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.toast--success{border-left-color:var(--color-success, #22c55e)}.toast--success .toast__icon{color:var(--color-success, #22c55e)}.toast--error{border-left-color:var(--color-error, #ef4444)}.toast--error .toast__icon{color:var(--color-error, #ef4444)}.toast--warning{border-left-color:var(--color-warning, #f59e0b)}.toast--warning .toast__icon{color:var(--color-warning, #f59e0b)}.toast--info{border-left-color:var(--color-info, #3b82f6)}.toast--info .toast__icon{color:var(--color-info, #3b82f6)}.toast__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.toast__message{flex:1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:1.4}.toast__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.toast__close:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}@media (max-width: 480px){.toast-container{left:var(--spacing-4);right:var(--spacing-4);bottom:var(--spacing-4)}.toast{min-width:auto;max-width:none}}.theme-toggle{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%;padding:var(--spacing-2);border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);font-size:var(--font-size-2xs);font-family:var(--font-family-base);font-weight:var(--font-weight-medium)}.theme-toggle:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.theme-toggle:focus-visible{outline:none;box-shadow:var(--shadow-focus-primary)}.theme-toggle__icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px}.theme-toggle__icon svg{width:24px;height:24px}.sidebar{width:var(--sidebar-width);height:100vh;background-color:var(--color-bg-secondary);border-right:1px solid var(--color-border);display:flex;flex-direction:column;position:fixed;left:0;top:0;z-index:var(--z-fixed)}.sidebar-logo{padding:var(--spacing-3) 0;display:flex;justify-content:center;align-items:center;border-bottom:1px solid var(--color-border)}.sidebar-logo img{filter:brightness(0)}[data-theme=dark] .sidebar-logo img{filter:brightness(0) invert(1)}.sidebar-nav{display:flex;flex-direction:column;padding:var(--spacing-2) 0;gap:2px;flex:1;min-height:0;overflow-y:auto}.sidebar-nav-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1);padding:var(--spacing-3) var(--spacing-2);margin:0 var(--spacing-2);border-radius:var(--radius-md);color:var(--color-text-muted);text-decoration:none;transition:all var(--transition-fast)}.sidebar-nav-item:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.sidebar-nav-item.active{color:var(--color-primary)}.sidebar-nav-item.active .sidebar-nav-icon{background-color:var(--color-primary);color:#fff;border-radius:var(--radius-md)}.sidebar-nav-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);transition:all var(--transition-fast)}.sidebar-nav-icon svg{width:24px;height:24px}.sidebar-nav-label{font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);text-align:center;line-height:1.2}.sidebar-nav-badge{position:absolute;top:4px;right:4px;min-width:18px;height:18px;padding:0 var(--spacing-1);background-color:var(--color-primary);color:#fff;font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.sidebar-nav-item{position:relative}.sidebar-nav-text-badge{font-size:9px;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.5px;color:var(--color-primary);background-color:color-mix(in srgb,var(--color-primary) 12%,transparent);padding:1px 6px;border-radius:var(--radius-full);line-height:1.4}.sidebar-footer{margin-top:auto;padding:var(--spacing-3) var(--spacing-2);border-top:1px solid var(--color-border)}.sidebar-logout{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%;padding:var(--spacing-2) var(--spacing-2);border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium)}.sidebar-logout:hover{background-color:var(--color-bg-tertiary);color:var(--color-error)}.sidebar-hamburger{display:none;position:fixed;top:var(--spacing-3);left:var(--spacing-3);z-index:calc(var(--z-fixed) + 2);width:40px;height:40px;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:none;border-radius:var(--radius-md);background-color:var(--color-bg-secondary);box-shadow:var(--shadow-md);cursor:pointer}.sidebar-hamburger__bar{display:block;width:20px;height:2px;background-color:var(--color-text-primary);border-radius:1px}.sidebar-overlay{display:none;position:fixed;inset:0;z-index:calc(var(--z-fixed) - 1);background-color:#0006}@media (max-width: 768px){.sidebar-hamburger{display:flex}.sidebar-overlay{display:block}.sidebar{transform:translate(-100%);transition:transform .25s ease}.sidebar--open{transform:translate(0)}}.dashboard-layout{display:flex;min-height:100vh}.dashboard-content{margin-left:var(--sidebar-width);flex:1;width:calc(100% - var(--sidebar-width));background-color:var(--color-bg-primary)}@media (max-width: 768px){.dashboard-content{margin-left:0;width:100%}}.skeleton{background:var(--color-bg-tertiary);background:linear-gradient(90deg,var(--color-bg-tertiary) 25%,var(--color-border) 50%,var(--color-bg-tertiary) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton--text{height:1em;border-radius:var(--radius-sm)}.skeleton--circular{border-radius:var(--radius-full)}.skeleton--rectangular{border-radius:0}.skeleton--rounded{border-radius:var(--radius-md)}.skeleton-chip{display:inline-block;height:32px;border-radius:var(--radius-full)}.skeleton-chips{display:flex;align-items:center;gap:var(--spacing-1)}.skeleton-text{display:flex;flex-direction:column;gap:var(--spacing-2)}.skeleton-text__line{height:1em;border-radius:var(--radius-sm)}.skeleton-text__line:last-child{width:70%}.skeleton-row{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-3) var(--spacing-4)}.skeleton-row__cell{height:1em;border-radius:var(--radius-sm)}.skeleton-card{display:flex;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-4);background:var(--color-bg-tertiary);border-radius:var(--radius-lg)}.skeleton-card__image{aspect-ratio:4/3;border-radius:var(--radius-md)}.skeleton-card__content{display:flex;flex-direction:column;gap:var(--spacing-2)}.table-skeleton{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.table-skeleton__header{display:flex;align-items:center;background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border)}.table-skeleton__header-cell{flex:1;padding:var(--spacing-3) var(--spacing-4)}.table-skeleton__body{background:var(--color-bg-secondary)}.table-skeleton__row{display:flex;align-items:center;border-bottom:1px solid var(--color-border)}.table-skeleton__row:last-child{border-bottom:none}.table-skeleton__cell{flex:1;padding:var(--spacing-3) var(--spacing-4)}.product-details-skeleton{display:grid;grid-template-columns:repeat(10,1fr);gap:var(--spacing-6);align-items:flex-start}.product-details-skeleton__gallery{grid-column:span 4;aspect-ratio:656/525;border-radius:var(--radius-md)}.product-details-skeleton__info{grid-column:6 / span 4;display:flex;flex-direction:column;gap:var(--spacing-4)}.product-details-skeleton__title{border-radius:var(--radius-sm)}.product-details-skeleton__stock{display:flex;gap:var(--spacing-3)}.product-details-skeleton__references{display:flex;flex-direction:column;gap:var(--spacing-2)}.product-details-skeleton__actions{display:flex;gap:var(--spacing-3)}.product-details-skeleton__accordion{border-radius:var(--radius-sm)}@media screen and (max-width: 1024px){.product-details-skeleton{grid-template-columns:1fr}.product-details-skeleton__gallery,.product-details-skeleton__info{grid-column:1}}.details-skeleton{display:flex;flex-direction:column;gap:var(--spacing-6)}.details-skeleton__header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--spacing-4);border-bottom:1px solid var(--color-border-light)}.details-skeleton__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-6)}@media (max-width: 768px){.details-skeleton__grid{grid-template-columns:1fr}}.details-skeleton__section{display:flex;flex-direction:column;gap:var(--spacing-3)}.details-skeleton__section--full{grid-column:1 / -1}.details-skeleton__card{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-3)}.details-skeleton__row{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-4)}.details-skeleton__table-header{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-3);background:var(--color-bg-tertiary);border-radius:var(--radius-md) var(--radius-md) 0 0}.details-skeleton__table-row{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-3);border-bottom:1px solid var(--color-border-light)}.details-skeleton__table-row:last-child{border-bottom:none}