:root{--color-primary: #FF6200;--color-primary-hover: #e55800;--color-primary-light: rgba(255, 98, 0, .1);--color-primary-light-hover: rgba(255, 98, 0, .15);--color-primary-light-active: rgba(255, 98, 0, .2);--color-primary-gradient-start: #FFB088;--color-primary-gradient-mid: #FF8C4A;--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-error: #ef4444;--color-warning: #f59e0b;--color-info: #3b82f6;--color-bg-primary: var(--color-gray-light);--color-bg-secondary: #ffffff;--color-bg-tertiary: #f5f5f5;--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-solid: #ebebeb;--color-placeholder: #d9d9d9;--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}@media (prefers-color-scheme: dark){:root{--color-bg-primary: var(--color-gray-dark);--color-bg-secondary: var(--color-gray-darker);--color-bg-tertiary: #2a2a2a;--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .7);--color-text-muted: rgba(255, 255, 255, .5);--color-border: rgba(255, 255, 255, .1);--color-border-hover: rgba(255, 255, 255, .2);--color-border-solid: #3a3a3a;--color-placeholder: #4a4a4a}}.dark{--color-bg-primary: var(--color-gray-dark);--color-bg-secondary: var(--color-gray-darker);--color-bg-tertiary: #2a2a2a;--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .7);--color-text-muted: rgba(255, 255, 255, .5);--color-border: rgba(255, 255, 255, .1);--color-border-hover: rgba(255, 255, 255, .2);--color-border-solid: #3a3a3a;--color-placeholder: #4a4a4a}*,*: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)}.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:translate(100%)}to{opacity:1;transform:translate(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}}.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-4) 0;display:flex;justify-content:center;align-items:center;border-bottom:1px solid var(--color-border)}.sidebar-nav{display:flex;flex-direction:column;padding:var(--spacing-4) 0;gap:var(--spacing-1)}.sidebar-nav-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);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{background-color:var(--color-primary-light);color:var(--color-primary)}.sidebar-nav-icon{display:flex;align-items:center;justify-content:center}.sidebar-nav-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-align:center}.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-footer{margin-top:auto;padding:var(--spacing-4) var(--spacing-2);border-top:1px solid var(--color-border)}.sidebar-logout{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-3) 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-xs);font-weight:var(--font-weight-medium)}.sidebar-logout:hover{background-color:var(--color-bg-tertiary);color:var(--color-error)}.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)}.welcome-banner{height:315px;background:linear-gradient(90deg,var(--color-primary-gradient-start) 0%,var(--color-primary-gradient-mid) 50%,var(--color-primary) 100%);border-radius:0 0 var(--radius-lg) var(--radius-lg);padding:var(--spacing-10) var(--spacing-8);margin-bottom:var(--spacing-6);display:flex;align-items:flex-end;justify-content:space-between}.welcome-banner__title{color:var(--text-bs-white);font-family:var(--font-family-title);font-size:var(--font-size-display-lg);font-weight:var(--font-weight-semibold);line-height:normal;margin:0}.welcome-banner__actions{display:flex;gap:var(--spacing-3)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);position:relative;border:none;border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-family-base);font-weight:var(--font-weight-medium);text-decoration:none;white-space:nowrap;transition:all var(--transition-base)}.button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.button--primary{background-color:var(--color-primary);color:#fff}.button--primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.button--primary:active:not(:disabled){background-color:var(--color-primary-hover)}.button--secondary{background-color:var(--color-overlay-light);color:var(--color-text-primary)}.button--secondary:hover:not(:disabled){background-color:var(--color-overlay-light-hover)}.button--secondary:active:not(:disabled){background-color:var(--color-overlay-light-active)}.button--outline{background-color:transparent;color:var(--color-primary);border:1px solid var(--color-primary)}.button--outline:hover:not(:disabled){background-color:var(--color-primary-light)}.button--outline:active:not(:disabled){background-color:var(--color-primary-light)}.button--ghost{background-color:transparent;color:var(--color-text-primary)}.button--ghost:hover:not(:disabled){background-color:var(--color-overlay-dark)}.button--ghost:active:not(:disabled){background-color:var(--color-overlay-dark-hover)}.button--danger{background-color:var(--color-error, #dc2626);color:#fff}.button--danger:hover:not(:disabled){background-color:var(--color-error-hover, #b91c1c)}.button--danger:active:not(:disabled){background-color:var(--color-error-hover, #b91c1c)}.button--sm{height:36px;padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);gap:var(--spacing-1)}.button--sm .button__icon{width:14px;height:14px}.button--md{height:46px;padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-base)}.button--md .button__icon{width:16px;height:16px}.button--lg{height:54px;padding:var(--spacing-4) var(--spacing-8);font-size:var(--font-size-lg);gap:var(--spacing-3)}.button--lg .button__icon{width:20px;height:20px}.button--full-width{width:100%}.button--disabled,.button:disabled{opacity:.5;cursor:not-allowed}.button--loading{cursor:wait}.button--loading .button__text{opacity:.7}.button__text{display:inline-flex;align-items:center}.button__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.button__icon svg{width:100%;height:100%}.button__spinner{animation:button-spin 1s linear infinite}@keyframes button-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.button__badge{position:absolute;top:-8px;right:-8px;display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--spacing-2);background-color:var(--color-secondary);border-radius:var(--radius-full);font-family:var(--font-family-base);font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);color:#fff}.button--primary .button__badge{background-color:var(--color-text-primary)}@media screen and (max-width: 768px){.button--md{height:42px;padding:var(--spacing-2) var(--spacing-5)}.button--lg{height:48px;padding:var(--spacing-3) var(--spacing-6)}}.chip-button{display:flex;align-items:center;justify-content:center;padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-full);border:none;background:transparent;cursor:pointer;font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:1;color:var(--color-text-secondary);transition:background-color var(--transition-base),color var(--transition-base);white-space:nowrap}.chip-button:hover:not(:disabled){background-color:var(--color-primary-light)}.chip-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.chip-button--active{background-color:var(--color-primary-light-hover);color:var(--color-text-primary)}.chip-button--active:hover:not(:disabled){background-color:var(--color-primary-light-active)}.chip-button--disabled,.chip-button:disabled{opacity:.5;cursor:not-allowed}.chip-button-group{display:flex;align-items:center;gap:var(--spacing-1);flex-wrap:wrap}.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__gallery{grid-column:span 4;aspect-ratio:656/525;border-radius:var(--radius-md)}.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}}.sortie-details-skeleton{display:flex;flex-direction:column;gap:var(--spacing-6)}.sortie-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)}.sortie-details-skeleton__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-6)}@media (max-width: 768px){.sortie-details-skeleton__grid{grid-template-columns:1fr}}.sortie-details-skeleton__section{display:flex;flex-direction:column;gap:var(--spacing-3)}.sortie-details-skeleton__section--full{grid-column:1 / -1}.sortie-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)}.sortie-details-skeleton__row{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-4)}.sortie-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}.sortie-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)}.sortie-details-skeleton__table-row:last-child{border-bottom:none}.entree-details-skeleton{display:flex;flex-direction:column;gap:var(--spacing-6)}.entree-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)}.entree-details-skeleton__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-6)}@media (max-width: 768px){.entree-details-skeleton__grid{grid-template-columns:1fr}}.entree-details-skeleton__section{display:flex;flex-direction:column;gap:var(--spacing-3)}.entree-details-skeleton__section--full{grid-column:1 / -1}.entree-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)}.entree-details-skeleton__row{display:flex;justify-content:space-between;align-items:center;gap: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;display:flex;flex-direction:column;gap:var(--spacing-3)}.product-details-skeleton__thumbnails{display:flex;gap:var(--spacing-2)}.product-details-skeleton__info{grid-column:6 / span 4;display:flex;flex-direction:column;gap:var(--spacing-4)}.product-details-skeleton__stock{display:flex;align-items:center;gap:var(--spacing-2)}.product-details-skeleton__references{display:flex;flex-direction:column;gap:var(--spacing-1)}.product-details-skeleton__actions{display:flex;align-items:center;gap:var(--spacing-3)}.product-details-skeleton__secondary{display:flex;flex-direction:column;gap:var(--spacing-2);max-width:280px}.product-details-skeleton__accordions{display:flex;flex-direction:column;gap:var(--spacing-2);margin-top:var(--spacing-2)}@media screen and (max-width: 1024px){.product-details-skeleton{grid-template-columns:1fr}.product-details-skeleton__gallery,.product-details-skeleton__info{grid-column:1}.product-details-skeleton__secondary{max-width:100%}}.chip-slider{position:relative;display:flex;align-items:center;gap:var(--spacing-1);max-width:100%;min-width:0}.chip-slider__container{display:flex;align-items:center;gap:var(--spacing-1);overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding:var(--spacing-1) 0}.chip-slider__container::-webkit-scrollbar{display:none}.chip-slider__arrow{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-bg-secondary);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);z-index:1}.chip-slider__arrow:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary);border-color:var(--color-border-hover)}.chip-slider__arrow:active{transform:scale(.95)}.chip-slider:before,.chip-slider:after{content:"";position:absolute;top:0;bottom:0;width:24px;pointer-events:none;z-index:0;opacity:0;transition:opacity var(--transition-fast)}.chip-slider:before{left:28px;background:linear-gradient(to right,var(--color-bg-secondary),transparent)}.chip-slider:after{right:28px;background:linear-gradient(to left,var(--color-bg-secondary),transparent)}.chip-slider:has(.chip-slider__arrow--left):before{opacity:1}.chip-slider:has(.chip-slider__arrow--right):after{opacity:1}.dropdown-reset-button{width:100%;padding:var(--spacing-2) var(--spacing-3);background:none;border:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary);text-align:left;cursor:pointer;border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.dropdown-reset-button:hover{background-color:var(--color-primary-light)}.dropdown-reset-button:active{background-color:var(--color-primary-light-hover)}.filter-container{position:relative}.filter-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);height:46px;padding:var(--spacing-2) var(--spacing-5);background-color:var(--color-bg-primary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast)}.filter-button:hover{background-color:var(--color-primary-light-hover)}.filter-button:active{background-color:var(--color-primary-light-active)}.filter-button:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:2px}.filter-button svg{flex-shrink:0;color:var(--color-text-primary)}.filter-button>span{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.filter-badge{display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--spacing-1);background-color:var(--color-primary);color:#fff!important;font-size:var(--font-size-xs)!important;font-weight:var(--font-weight-semibold);border-radius:var(--radius-full)}.filter-chevron{width:10px;height:6px;transition:transform var(--transition-fast)}.filter-chevron.open{transform:rotate(180deg)}.filter-dropdown{position:absolute;top:calc(100% + var(--spacing-2));right:0;min-width:200px;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-2);z-index:var(--z-dropdown);animation:filterDropdownIn var(--transition-fast)}@keyframes filterDropdownIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.filter-option{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast)}.filter-option:hover{background-color:var(--color-bg-tertiary)}.filter-option input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.filter-checkbox{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:2px solid var(--color-border-hover);border-radius:var(--radius-sm);background-color:var(--color-bg-secondary);transition:all var(--transition-fast);flex-shrink:0}.filter-option input:checked+.filter-checkbox{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.filter-option input:focus-visible+.filter-checkbox{outline:2px solid var(--color-primary);outline-offset:2px}.filter-option-label{font-size:var(--font-size-sm);color:var(--color-text-primary);-webkit-user-select:none;user-select:none}.filter-category{display:flex;flex-direction:column}.filter-category-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;padding:var(--spacing-2) var(--spacing-3);padding-bottom:var(--spacing-1)}.filter-divider{height:1px;background-color:var(--color-border);margin:var(--spacing-2) var(--spacing-3)}.column-selector-container{position:relative}.column-selector-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);height:46px;padding:var(--spacing-2) var(--spacing-5);background-color:var(--color-bg-primary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast)}.column-selector-button:hover{background-color:var(--color-primary-light-hover)}.column-selector-button:active{background-color:var(--color-primary-light-active)}.column-selector-button:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:2px}.column-selector-button svg{flex-shrink:0;color:var(--color-text-primary)}.column-selector-button>span{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.column-selector-chevron{width:10px;height:6px;transition:transform var(--transition-fast)}.column-selector-chevron.open{transform:rotate(180deg)}.column-selector-dropdown{position:absolute;top:calc(100% + var(--spacing-2));right:0;min-width:220px;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-2);z-index:var(--z-dropdown);animation:columnSelectorDropdownIn var(--transition-fast)}@keyframes columnSelectorDropdownIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.column-selector-title{display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;padding:var(--spacing-2) var(--spacing-3);padding-bottom:var(--spacing-1)}.column-selector-divider{height:1px;background-color:var(--color-border);margin:var(--spacing-2) var(--spacing-3)}.column-selector-option{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast)}.column-selector-option:hover{background-color:var(--color-bg-tertiary)}.column-selector-option--disabled{cursor:not-allowed;opacity:.6}.column-selector-option--disabled:hover{background-color:transparent}.column-selector-option input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.column-selector-checkbox{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:2px solid var(--color-border-hover);border-radius:var(--radius-sm);background-color:var(--color-bg-secondary);transition:all var(--transition-fast);flex-shrink:0}.column-selector-option input:checked+.column-selector-checkbox{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.column-selector-option input:focus-visible+.column-selector-checkbox{outline:2px solid var(--color-primary);outline-offset:2px}.column-selector-option input:disabled+.column-selector-checkbox{background-color:var(--color-primary);border-color:var(--color-primary);opacity:.6}.column-selector-option-label{font-size:var(--font-size-sm);color:var(--color-text-primary);-webkit-user-select:none;user-select:none}.icon-button{display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background-color .2s ease}.icon-button:hover{background-color:var(--color-primary-light)}.icon-button:disabled,.icon-button--disabled{opacity:.5;cursor:not-allowed}.icon-button:disabled:hover,.icon-button--disabled:hover{background-color:transparent}.icon-button svg{width:20px;height:20px}.icon-button--sm{width:28px;height:28px}.icon-button--sm svg{width:16px;height:16px}.icon-button--md{width:36px;height:36px}.icon-button--md svg{width:20px;height:20px}.icon-button--lg{width:44px;height:44px}.icon-button--lg svg{width:24px;height:24px}.btn-voir-plus{font-family:var(--font-family-base);font-weight:var(--font-weight-normal);font-size:var(--font-size-xs);color:var(--color-primary);background-color:var(--color-primary-light);border:none;border-radius:var(--radius-md);padding:var(--spacing-3) var(--spacing-5);cursor:pointer;transition:background-color var(--transition-base),transform var(--transition-fast)}.btn-voir-plus:hover{background-color:var(--color-primary-light-hover)}.btn-voir-plus:active{transform:scale(.98)}.search-input{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3);background-color:var(--color-bg-primary);border-radius:var(--radius-md);width:200px;cursor:text;transition:box-shadow var(--transition-fast)}.search-input:focus-within{box-shadow:var(--shadow-focus-primary)}.search-input svg{width:17px;height:17px;flex-shrink:0;color:var(--color-text-secondary)}.search-input input{border:none;background:transparent;font-size:var(--font-size-base);color:var(--color-text-primary);outline:none;width:100%}.search-input input::placeholder{color:var(--color-text-muted)}.search-clear{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;background:transparent;border-radius:var(--radius-full);cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-fast)}.search-clear:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.search-clear svg{width:12px;height:12px}.pagination{display:flex;justify-content:center;gap:var(--spacing-2);align-items:center;padding:var(--spacing-6) 0}.pagination__btn,.pagination__page{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;transition:all var(--transition-base)}.pagination__btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);height:40px;padding:0 var(--spacing-6);font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);color:var(--color-text-primary)}.pagination__btn:hover:not(:disabled){background-color:var(--color-bg-tertiary);border-color:var(--color-border-hover)}.pagination__btn:disabled{opacity:.5;cursor:not-allowed}.pagination__arrow{display:flex;align-items:center;justify-content:center;width:6px;height:10px;color:var(--color-text-primary)}.pagination__arrow--prev{transform:rotate(180deg)}.pagination__arrow-svg{width:100%;height:100%}.pagination__page{display:flex;align-items:center;justify-content:center;width:40px;height:40px;font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);color:var(--color-text-secondary);padding:0}.pagination__page:hover:not(.pagination__page--active):not(.pagination__page--ellipsis){background-color:var(--color-bg-tertiary);border-color:var(--color-border-hover)}.pagination__page--active{border-color:var(--color-primary);color:var(--color-text-primary)}.pagination__page--ellipsis{cursor:default;border:1px solid var(--color-border)}.pagination__page--ellipsis:hover{background-color:var(--color-bg-secondary)}.sulky-list-page{width:100%;padding:0 var(--spacing-8) var(--spacing-8);display:flex;flex-direction:column;gap:var(--spacing-6)}.sulky-list-card{background:var(--color-bg-secondary);border-bottom:none;border-radius:var(--radius-lg);padding:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-4)}.sulky-list-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-4)}.sulky-list-actions{display:flex;align-items:center;gap:var(--spacing-3)}.sulky-list-content{width:100%}.sulky-list-card .pagination{border-top:none;padding-top:var(--spacing-4)}.sulky-error-banner{padding:var(--spacing-4);margin-bottom:var(--spacing-4);color:var(--color-error, #dc3545);background:var(--color-error-bg, #fee2e2);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.page-layout{width:100%;padding:0 var(--spacing-8) var(--spacing-8);display:flex;flex-direction:column;gap:var(--spacing-6)}.page-layout__top-content{display:flex;gap:var(--spacing-4);padding:var(--spacing-6);background-color:var(--color-bg-secondary);border-radius:var(--radius-lg)}.page-layout__top-content>*{flex:1;min-width:0}.page-layout__card{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-6)}.quick-action-card{display:flex;align-items:center;gap:var(--spacing-3);padding:25px;background-color:var(--color-gray-light);border-radius:var(--radius-md);text-decoration:none;color:var(--color-text-primary);transition:all var(--transition-fast)}.quick-action-card:hover{background-color:var(--color-primary-light)}.quick-action-icon{display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.quick-action-icon svg{width:24px;height:24px}.quick-action-title{flex:1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.quick-action-arrow{display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.data-table{width:100%;border-collapse:collapse;table-layout:fixed}.data-table thead tr{background-color:var(--color-primary);border-radius:var(--radius-sm)}.data-table th{font-family:var(--font-family-base);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);color:#fff;padding:var(--spacing-4) var(--spacing-3);text-align:center;white-space:nowrap}.data-table th:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.data-table th:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.data-table tbody tr{transition:background-color var(--transition-fast)}.data-table tbody tr.row-highlight,.data-table tbody tr:hover{background-color:var(--color-primary-light)}.data-table td{font-family:var(--font-family-base);font-weight:var(--font-weight-normal);font-size:var(--font-size-base);color:var(--color-text-secondary);padding:var(--spacing-4) var(--spacing-3);text-align:center;vertical-align:middle}.data-table .col-numero,.data-table .col-ref{width:180px}.data-table .col-date{width:120px}.data-table .col-demandeur,.data-table .col-destinataire{width:200px}.data-table .col-ville,.data-table .col-statut{width:250px}.data-table .col-action{width:145px}.data-table .col-thumbnail{width:100px}.data-table .col-nom{width:350px}.data-table .col-stock{width:100px}.data-table__link,.data-table .link-numero{display:inline-flex;align-items:center;gap:var(--spacing-3);color:var(--color-text-secondary);text-decoration:underline;transition:color var(--transition-base)}.data-table__link:hover,.data-table .link-numero:hover{color:var(--color-primary)}.data-table__link svg,.data-table .link-numero svg{flex-shrink:0}.data-table .status-badge{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-family-base);font-weight:var(--font-weight-normal);font-size:var(--font-size-base);padding:var(--spacing-1) var(--spacing-4);border-radius:var(--radius-full);border:1px solid currentColor;white-space:nowrap}.data-table__actions,.data-table .action-buttons{display:flex;align-items:center;justify-content:center;gap:var(--spacing-3)}@media screen and (max-width: 1400px){.data-table th,.data-table td{font-size:var(--font-size-sm);padding:var(--spacing-3) var(--spacing-2)}.data-table .col-numero,.data-table .col-ref{width:140px}.data-table .col-date{width:100px}.data-table .col-demandeur,.data-table .col-destinataire{width:150px}.data-table .col-ville{width:200px}.data-table .col-statut{width:180px}.data-table .col-action{width:100px}.data-table .col-thumbnail{width:80px}.data-table .col-nom{width:250px}.data-table .col-stock{width:80px}}@media screen and (max-width: 1024px){.data-table{min-width:1000px}}@media print{.data-table .icon-button{display:none}.data-table thead tr{background-color:var(--color-bg-tertiary)!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.data-table th{color:var(--color-text-primary)!important}}.data-table--striped tbody tr.data-table__row--highlight,.data-table--hoverable tbody tr:hover{background-color:var(--color-primary-light)}.data-table td.data-table__empty{text-align:center;padding:var(--spacing-10) var(--spacing-5);color:var(--color-text-muted);font-size:var(--font-size-base)}.data-table__thumbnail{width:55px;height:55px;background-color:var(--color-placeholder);border-radius:var(--radius-sm);object-fit:cover}.data-table__thumbnail--placeholder{display:block}.data-table__link{display:inline-flex;align-items:center;gap:var(--spacing-2);color:var(--color-text-secondary);text-decoration:underline;cursor:pointer;transition:color var(--transition-base)}.data-table__link:hover{color:var(--color-primary)}.data-table__link svg{width:10px;height:10px;flex-shrink:0;stroke:var(--color-primary)}.data-table__actions{display:flex;align-items:center;justify-content:center;gap:var(--spacing-3)}@media screen and (max-width: 1400px){.data-table__thumbnail{width:45px;height:45px}}@media print{.data-table__actions{display:none}}.data-table-card{background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-8);display:flex;flex-direction:column;gap:var(--spacing-5);overflow:hidden}.data-table-card__header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--spacing-3);border-bottom:1px solid var(--color-border)}.data-table-card__title{font-family:var(--font-family-title);font-weight:var(--font-weight-medium);font-size:var(--font-size-base);color:var(--color-text-primary);margin:0;line-height:normal}.data-table-card__content{width:100%;overflow-x:auto}@media screen and (max-width: 1400px){.data-table-card{padding:var(--spacing-5)}}@media screen and (max-width: 1024px){.data-table-card__content{overflow-x:scroll;-webkit-overflow-scrolling:touch}}@media screen and (max-width: 768px){.data-table-card{padding:var(--spacing-4);border-radius:var(--radius-md)}.data-table-card__header{flex-direction:column;gap:var(--spacing-3);align-items:flex-start}.data-table-card__header .btn-voir-plus{width:100%;text-align:center}}@media print{.data-table-card{box-shadow:none;padding:0}.data-table-card .btn-voir-plus{display:none}}.status-badge{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-1) var(--spacing-4);border-radius:var(--radius-full);font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);white-space:nowrap;border:1px solid currentColor}.account-content{display:flex;flex-direction:column;gap:var(--spacing-6)}.account-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-6)}.account-card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-4) 0;padding-bottom:var(--spacing-3);border-bottom:1px solid var(--color-border)}.account-header{display:flex;align-items:center;gap:var(--spacing-5)}.account-avatar{width:80px;height:80px;border-radius:var(--radius-full);background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:var(--font-weight-bold);flex-shrink:0}.account-header-info{display:flex;flex-direction:column;gap:var(--spacing-2)}.account-name{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.account-email{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0}.account-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-top:var(--spacing-1)}.account-badge{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-3);background:var(--color-primary-light);color:var(--color-primary);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.account-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-6)}.account-info-list{display:flex;flex-direction:column;gap:var(--spacing-4)}.account-info-item{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--spacing-3);border-bottom:1px solid var(--color-border)}.account-info-item:last-child{padding-bottom:0;border-bottom:none}.account-info-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.account-info-value{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.account-status{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.account-status--active{background:var(--color-success-bg, #dcfce7);color:var(--color-success, #16a34a)}.account-status--inactive{background:var(--color-error-bg, #fee2e2);color:var(--color-error, #dc2626)}.account-roles{display:flex;flex-direction:column;gap:var(--spacing-3)}.account-role-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);background:var(--color-bg-tertiary);border-radius:var(--radius-md)}.account-role-icon{font-size:var(--font-size-xl)}.account-role-name{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.account-no-roles{color:var(--color-text-secondary);font-style:italic;margin:0}@media (max-width: 768px){.account-header{flex-direction:column;text-align:center}.account-badges{justify-content:center}.account-grid{grid-template-columns:1fr}}.accordion{width:100%}.accordion__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4) 0;cursor:pointer;-webkit-user-select:none;user-select:none}.accordion__header:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.accordion__title{font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);text-transform:uppercase;margin:0}.accordion__icon{display:flex;align-items:center;justify-content:center;width:15px;height:8px;color:var(--color-text-primary);transition:transform var(--transition-slow)}.accordion__icon svg{width:100%;height:100%}.accordion--open .accordion__icon{transform:rotate(180deg)}.accordion__content{overflow:hidden;transition:max-height var(--transition-slow)}.accordion__content-inner{padding:0 0 var(--spacing-4) 0;border-bottom:1px solid var(--color-border)}.accordion--closed .accordion__content{max-height:0}.accordion--open .accordion__content{max-height:1000px}.modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background-color:#00000080;z-index:1000;padding:var(--spacing-6);animation:modal-overlay-fade-in .2s ease-out}@keyframes modal-overlay-fade-in{0%{opacity:0}to{opacity:1}}.modal{display:flex;flex-direction:column;background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:500px;width:100%;max-height:calc(100vh - var(--spacing-12));overflow:hidden;animation:modal-slide-in .2s ease-out}@keyframes modal-slide-in{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal--sm{max-width:400px}.modal--md{max-width:500px}.modal--lg{max-width:650px}.modal__header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4);padding:var(--spacing-5) var(--spacing-6);border-bottom:1px solid var(--color-border-solid)}.modal__title{font-family:var(--font-family-title);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);line-height:normal;color:var(--color-gray-dark);margin:0}.modal__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;color:var(--color-gray-mid);transition:all var(--transition-base)}.modal__close:hover{background-color:var(--color-gray-light);color:var(--color-gray-dark)}.modal__body{flex:1;padding:var(--spacing-6);overflow-y:auto}.modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-3);padding:var(--spacing-5) var(--spacing-6);border-top:1px solid var(--color-border-solid)}@media (max-width: 640px){.modal-overlay{padding:var(--spacing-4);align-items:flex-end}.modal{max-width:100%;max-height:90vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.modal--sm,.modal--md,.modal--lg{max-width:100%}}.confirm-modal__content{display:flex;flex-direction:column;gap:var(--spacing-4);text-align:center}.confirm-modal__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0 auto;border-radius:50%;background-color:var(--color-error-light, #fef2f2);color:var(--color-error, #dc2626)}.confirm-modal__icon--warning{background-color:var(--color-warning-light, #fffbeb);color:var(--color-warning, #f59e0b)}.confirm-modal__icon--info{background-color:var(--color-primary-light);color:var(--color-primary)}.confirm-modal__message{font-family:var(--font-family-base);font-weight:var(--font-weight-normal);font-size:var(--font-size-base);line-height:1.5;color:var(--color-gray-mid);margin:0}.product-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-5);width:100%;max-width:280px;height:100%;display:flex;flex-direction:column;gap:var(--spacing-2)}.product-card__image{height:245px;width:100%;border-radius:var(--radius-lg);flex-shrink:0;object-fit:cover;background-color:var(--color-bg-tertiary)}.product-card__title{font-family:var(--font-family-base);font-weight:var(--font-weight-medium);font-size:var(--font-size-lg);color:var(--color-text-primary);line-height:normal;margin:0}.product-card__stock{font-family:var(--font-family-base);font-weight:var(--font-weight-normal);font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:normal;margin:0}.product-card__stock strong{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.product-card__actions{display:flex;gap:var(--spacing-2);width:100%;margin-top:auto}.product-card__btn{flex:1;height:46px;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);background-color:var(--color-gray-light);border:none;border-radius:var(--radius-md);font-family:var(--font-family-base);font-weight:var(--font-weight-medium);font-size:var(--font-size-base);color:var(--color-text-primary);cursor:pointer;transition:background-color var(--transition-base)}.product-card__btn:hover{background-color:var(--color-primary-light)}.product-card__btn-icon{font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.product-card-skeleton{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-5);width:100%;max-width:280px;height:100%;display:flex;flex-direction:column;gap:var(--spacing-2)}.product-card-skeleton__image{height:245px;width:100%}.product-card-skeleton__actions{display:flex;gap:var(--spacing-2);width:100%;margin-top:auto}.product-card-skeleton__btn{flex:1;height:46px}.product-gallery{--gallery-columns: 4;--gallery-gap: var(--spacing-4);--gallery-width: calc(4 * var(--column-width, 160px) + 3 * var(--gallery-gap));display:flex;flex-direction:column;gap:var(--gallery-gap);width:fit-content}.product-gallery__main{display:block}.product-gallery__main-image{width:100%;aspect-ratio:656 / 525;background-color:var(--color-placeholder);border-radius:var(--radius-md);object-fit:cover}.product-gallery__main-image--placeholder{display:block}.product-gallery__swipe{display:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.product-gallery__swipe::-webkit-scrollbar{display:none}.product-gallery__swipe-item{flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always}.product-gallery__swipe-image{width:100%;aspect-ratio:1 / 1;background-color:var(--color-placeholder);border-radius:var(--radius-md);object-fit:cover}.product-gallery__swipe-image--placeholder{display:block}.product-gallery__dots{display:none;justify-content:center;gap:var(--spacing-2)}.product-gallery__dot{width:8px;height:8px;padding:0;border:none;border-radius:var(--radius-full);background-color:var(--color-placeholder);cursor:pointer;transition:background-color var(--transition-base),transform var(--transition-base)}.product-gallery__dot:hover{background-color:var(--color-border-hover)}.product-gallery__dot--active{background-color:var(--color-primary);transform:scale(1.25)}.product-gallery__thumbnails{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gallery-gap);padding-bottom:var(--spacing-1)}.product-gallery__thumbnail{aspect-ratio:1 / 1;padding:0;border:none;border-radius:var(--radius-md);background-color:transparent;cursor:pointer;transition:opacity var(--transition-base);overflow:hidden}.product-gallery__thumbnail:hover{opacity:.8}.product-gallery__thumbnail--active{outline:2px solid var(--color-primary);outline-offset:2px}.product-gallery__thumbnail-image{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-md)}@media screen and (max-width: 768px){.product-gallery{gap:var(--spacing-4)}.product-gallery__main,.product-gallery__thumbnails{display:none}.product-gallery__swipe,.product-gallery__dots{display:flex}}@media screen and (min-width: 769px) and (max-width: 1024px){.product-gallery{width:100%;max-width:500px}}.quantity-selector{display:inline-flex;align-items:center;border-radius:var(--radius-sm);overflow:hidden}.quantity-selector--large .quantity-selector__btn,.quantity-selector--large .quantity-selector__value{height:48px;padding:var(--spacing-3) var(--spacing-5);font-size:var(--font-size-xl)}.quantity-selector--large .quantity-selector__btn{background-color:var(--color-bg-tertiary);border:none}.quantity-selector--large .quantity-selector__btn:hover:not(:disabled){background-color:var(--color-border-hover)}.quantity-selector--large .quantity-selector__value{background-color:var(--color-bg-tertiary);min-width:60px}.quantity-selector--small{gap:var(--spacing-4)}.quantity-selector--small .quantity-selector__btn,.quantity-selector--small .quantity-selector__value{width:25px;height:25px;padding:0;font-size:var(--font-size-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:transparent}.quantity-selector--small .quantity-selector__btn:hover:not(:disabled){background-color:var(--color-bg-tertiary);border-color:var(--color-primary)}.quantity-selector--small .quantity-selector__value{min-width:25px;color:var(--color-text-secondary);font-family:var(--font-family-base)}.quantity-selector__btn{display:flex;align-items:center;justify-content:center;cursor:pointer;font-family:var(--font-family-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);transition:background-color var(--transition-base),border-color var(--transition-base)}.quantity-selector__btn:disabled{opacity:.5;cursor:not-allowed}.quantity-selector__btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.quantity-selector__value{display:flex;align-items:center;justify-content:center;font-family:var(--font-family-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.reference-info{font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);color:var(--color-text-secondary);margin:0}.reference-info__value{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-4)}.section-header-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.section-header-link{font-size:var(--font-size-sm);color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-medium);padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-primary);border-radius:var(--radius-md);transition:all var(--transition-fast)}.section-header-link:hover{background-color:var(--color-primary);color:#fff}.specifications-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-2);align-items:center}.specifications-grid__item{width:200px;font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin:0}.specifications-grid__separator{margin:0 var(--spacing-2);color:var(--color-text-primary)}.specifications-grid__value{font-weight:var(--font-weight-normal);color:var(--color-text-secondary)}@media screen and (max-width: 768px){.specifications-grid__item{width:100%}}.stock-info{display:flex;align-items:center;gap:var(--spacing-6)}.stock-info__text{font-family:var(--font-family-base);font-size:var(--font-size-xl);font-weight:var(--font-weight-normal);color:var(--color-text-secondary);margin:0}.stock-info__quantity{font-weight:var(--font-weight-semibold);color:var(--color-primary)}@media screen and (max-width: 768px){.stock-info{flex-direction:column;align-items:flex-start;gap:var(--spacing-3)}.stock-info__text{font-size:var(--font-size-lg)}}.stock-zone-card{display:flex;flex-direction:column;gap:var(--spacing-2);padding:var(--spacing-4);background-color:var(--color-bg-primary);border-radius:var(--radius-lg);width:100%}.stock-zone-card__header{display:flex;align-items:center;justify-content:space-between;width:100%}.stock-zone-card__title{font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.stock-zone-card__delete{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:var(--spacing-1);color:var(--color-primary);opacity:.7;transition:opacity var(--transition-base)}.stock-zone-card__delete:hover{opacity:1}.stock-zone-card__delete:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.stock-zone-card__delete svg{width:16px;height:16px}.stock-zone-card__content{display:flex;flex-direction:column;align-items:flex-start}.view-toggle{display:flex;align-items:center;height:46px;padding:var(--spacing-2);background-color:var(--color-gray-light);border-radius:var(--radius-md)}.view-toggle-btn{display:flex;align-items:center;justify-content:center;padding:var(--spacing-1);border:none;border-radius:var(--radius-sm);cursor:pointer;background-color:transparent;transition:background-color var(--transition-base)}.view-toggle-btn.active{background-color:var(--color-gray-darker)}.view-toggle-btn:not(.active):hover{background-color:var(--color-overlay-dark-hover)}.view-toggle-btn:focus-visible{outline:2px solid var(--color-gray-darker);outline-offset:2px}.view-toggle-btn svg{display:block}.sortie-details-page{width:100%;padding:0 var(--spacing-8) var(--spacing-8);display:flex;flex-direction:column;gap:var(--spacing-6)}.sortie-details-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-solid);border-radius:var(--radius-lg);padding:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-6)}.sortie-details__header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--spacing-4);border-bottom:1px solid var(--color-border-light)}.sortie-details__header-info{display:flex;align-items:center;gap:var(--spacing-3)}.sortie-details__number{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.sortie-details__copy-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:var(--color-bg-primary);border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-fast)}.sortie-details__copy-btn:hover{background:var(--color-bg-tertiary);color:var(--color-primary)}.sortie-details__copy-btn svg{width:16px;height:16px}.sortie-details__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-6)}@media (max-width: 768px){.sortie-details__grid{grid-template-columns:1fr}}.sortie-details__section{display:flex;flex-direction:column;gap:var(--spacing-3)}.sortie-details__section--full{grid-column:1 / -1}.sortie-details__section-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0}.sortie-details__info-card{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--spacing-4)}.sortie-details__info-list{display:flex;flex-direction:column;gap:var(--spacing-3);margin:0}.sortie-details__info-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-4)}.sortie-details__info-row dt{font-size:var(--font-size-sm);color:var(--color-text-secondary);flex-shrink:0}.sortie-details__info-row dd{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);text-align:right;margin:0;word-break:break-word}.sortie-details__info-row--highlight dd{color:var(--color-warning);font-weight:var(--font-weight-semibold)}.sortie-details__instructions{font-size:var(--font-size-sm);color:var(--color-text-primary);line-height:var(--line-height-relaxed);margin:0;white-space:pre-wrap}.sortie-details__table{width:100%;border-collapse:collapse}.sortie-details__table th,.sortie-details__table td{padding:var(--spacing-3) var(--spacing-4);text-align:left;font-size:var(--font-size-sm)}.sortie-details__table th{background:var(--color-bg-tertiary);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border)}.sortie-details__table th:first-child{border-radius:var(--radius-md) 0 0 0}.sortie-details__table th:last-child{border-radius:0 var(--radius-md) 0 0}.sortie-details__table td{border-bottom:1px solid var(--color-border-light);color:var(--color-text-primary)}.sortie-details__table tr:last-child td{border-bottom:none}.sortie-details__table tr:hover td{background:var(--color-bg-tertiary)}.sortie-details__table .col-number{text-align:center;width:100px}.sortie-details__table .col-status{text-align:center;width:120px}.sortie-details__table .col-reference{font-family:var(--font-mono, monospace)}.sortie-details__link{background:none;border:none;padding:0;font:inherit;color:var(--color-primary);cursor:pointer;text-decoration:none}.sortie-details__link:hover{text-decoration:underline}.sortie-details__line-status{display:inline-block;padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full)}.sortie-details__line-status--default{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.sortie-details__line-status--success{background:var(--color-success-light, #dcfce7);color:var(--color-success, #16a34a)}.sortie-details__line-status--warning{background:var(--color-warning-light, #fef3c7);color:var(--color-warning, #d97706)}.sortie-details__line-status--error{background:var(--color-error-light, #fee2e2);color:var(--color-error, #dc2626)}.sortie-details__line-status--info{background:var(--color-info-light, #dbeafe);color:var(--color-info, #2563eb)}.sortie-details__empty{text-align:center;color:var(--color-text-secondary);padding:var(--spacing-8)}.sortie-details__notice{background:var(--color-warning-light, #fef3c7);border:1px solid var(--color-warning, #d97706);border-radius:var(--radius-md);padding:var(--spacing-4)}.sortie-details__notice p{margin:0;font-size:var(--font-size-sm);color:var(--color-warning-dark, #92400e)}.sortie-details__notice a{color:var(--color-warning-dark, #92400e);font-weight:var(--font-weight-semibold)}.sortie-details-not-found{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4);padding:var(--spacing-8);text-align:center}.sortie-details-not-found h2{font-family:var(--font-family-base);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.sortie-details-not-found p{font-family:var(--font-family-base);font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0}@media screen and (max-width: 1024px){.sortie-details-page{padding:0 var(--spacing-4) var(--spacing-4)}.sortie-details-card{padding:var(--spacing-4)}.sortie-details__header{flex-direction:column;align-items:flex-start;gap:var(--spacing-3)}.sortie-details__table{font-size:var(--font-size-xs)}.sortie-details__table th,.sortie-details__table td{padding:var(--spacing-2)}.sortie-details__table .col-number{width:60px}.sortie-details__table .col-status{width:90px}}.entree-details-page{width:100%;padding:0 var(--spacing-8) var(--spacing-8);display:flex;flex-direction:column;gap:var(--spacing-6)}.entree-details-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-solid);border-radius:var(--radius-lg);padding:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-6)}.entree-details__header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--spacing-4);border-bottom:1px solid var(--color-border-light)}.entree-details__header-info{display:flex;align-items:center;gap:var(--spacing-3)}.entree-details__number{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.entree-details__copy-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:var(--color-bg-primary);border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-fast)}.entree-details__copy-btn:hover{background:var(--color-bg-tertiary);color:var(--color-primary)}.entree-details__copy-btn svg{width:16px;height:16px}.entree-details__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-6)}@media (max-width: 768px){.entree-details__grid{grid-template-columns:1fr}}.entree-details__section{display:flex;flex-direction:column;gap:var(--spacing-3)}.entree-details__section--full{grid-column:1 / -1}.entree-details__section-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0}.entree-details__info-card{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--spacing-4)}.entree-details__info-list{display:flex;flex-direction:column;gap:var(--spacing-3);margin:0}.entree-details__info-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-4)}.entree-details__info-row dt{font-size:var(--font-size-sm);color:var(--color-text-secondary);flex-shrink:0}.entree-details__info-row dd{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);text-align:right;margin:0;word-break:break-word}.entree-details__comments{font-size:var(--font-size-sm);color:var(--color-text-primary);line-height:var(--line-height-relaxed);margin:0;white-space:pre-wrap}.entree-details__table{width:100%;border-collapse:collapse}.entree-details__table th,.entree-details__table td{padding:var(--spacing-3) var(--spacing-4);text-align:left;font-size:var(--font-size-sm)}.entree-details__table th{background:var(--color-bg-tertiary);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border)}.entree-details__table th:first-child{border-radius:var(--radius-md) 0 0 0}.entree-details__table th:last-child{border-radius:0 var(--radius-md) 0 0}.entree-details__table td{border-bottom:1px solid var(--color-border-light);color:var(--color-text-primary)}.entree-details__table tr:last-child td{border-bottom:none}.entree-details__table tr:hover td{background:var(--color-bg-tertiary)}.entree-details__table .col-number{text-align:center;width:100px}.entree-details__table .col-reference{font-family:var(--font-mono, monospace)}.entree-details__table .col-sscc{font-family:var(--font-mono, monospace);font-size:var(--font-size-xs)}.entree-details__link{background:none;border:none;padding:0;font:inherit;color:var(--color-primary);cursor:pointer;text-decoration:none}.entree-details__link:hover{text-decoration:underline}.entree-details__empty{text-align:center;color:var(--color-text-secondary);padding:var(--spacing-8)}.entree-details__notice{background:var(--color-warning-light, #fef3c7);border:1px solid var(--color-warning, #d97706);border-radius:var(--radius-md);padding:var(--spacing-4)}.entree-details__notice p{margin:0;font-size:var(--font-size-sm);color:var(--color-warning-dark, #92400e)}.entree-details__notice a{color:var(--color-warning-dark, #92400e);font-weight:var(--font-weight-semibold)}.entree-details-not-found{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4);padding:var(--spacing-8);text-align:center}.entree-details-not-found h2{font-family:var(--font-family-base);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.entree-details-not-found p{font-family:var(--font-family-base);font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0}@media screen and (max-width: 1024px){.entree-details-page{padding:0 var(--spacing-4) var(--spacing-4)}.entree-details-card{padding:var(--spacing-4)}.entree-details__header{flex-direction:column;align-items:flex-start;gap:var(--spacing-3)}.entree-details__table{font-size:var(--font-size-xs)}.entree-details__table th,.entree-details__table td{padding:var(--spacing-2)}.entree-details__table .col-number{width:60px}}.section-title{font-family:var(--font-family-base);font-weight:var(--font-weight-semibold);font-size:var(--font-size-xl);color:var(--color-text-primary);line-height:normal;margin:0}.form-label{font-family:var(--font-family-base);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:normal}.text-input{width:100%;background-color:var(--color-bg-secondary);border:1px solid var(--color-border-solid);border-radius:var(--radius-md);padding:var(--spacing-3) var(--spacing-4);font-family:var(--font-family-base);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);color:var(--color-text-primary);line-height:normal;box-shadow:var(--shadow-sm);outline:none;transition:border-color var(--transition-fast)}.text-input::placeholder{color:var(--color-text-muted)}.text-input:focus{border-color:var(--color-primary)}.text-area{width:100%;min-height:120px;background-color:var(--color-bg-secondary);border:1px solid var(--color-border-solid);border-radius:var(--radius-md);padding:var(--spacing-3) var(--spacing-4);font-family:var(--font-family-base);font-weight:var(--font-weight-normal);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-base);box-shadow:var(--shadow-sm);outline:none;resize:vertical;transition:border-color var(--transition-fast)}.text-area::placeholder{color:var(--color-text-muted)}.text-area:focus{border-color:var(--color-primary)}.select-input{position:relative;width:100%}.select-input__select{width:100%;appearance:none;background-color:var(--color-bg-secondary);border:1px solid var(--color-border-solid);border-radius:var(--radius-md);padding:var(--spacing-3) var(--spacing-10) var(--spacing-3) var(--spacing-4);font-family:var(--font-family-base);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);color:var(--color-text-primary);line-height:normal;box-shadow:var(--shadow-sm);outline:none;cursor:pointer;transition:border-color var(--transition-fast)}.select-input__select:focus{border-color:var(--color-primary)}.select-input__chevron{position:absolute;right:var(--spacing-4);top:50%;transform:translateY(-50%);pointer-events:none;color:var(--color-text-primary)}.input-with-unit{position:relative;width:100%;display:flex;align-items:center;overflow:hidden;background-color:var(--color-bg-secondary);border:1px solid var(--color-border-solid);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast)}.input-with-unit:focus-within{border-color:var(--color-primary)}.input-with-unit__input{flex:1;min-width:0;border:none;background:transparent;padding:var(--spacing-3) var(--spacing-4);font-family:var(--font-family-base);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);color:var(--color-text-primary);line-height:normal;outline:none}.input-with-unit__input::placeholder{color:var(--color-text-muted)}.input-with-unit__unit-wrapper{display:flex;align-items:center;flex-shrink:0;padding-right:var(--spacing-4)}.input-with-unit__unit{font-family:var(--font-family-base);font-weight:var(--font-weight-normal);font-size:var(--font-size-sm);color:var(--color-text-muted)}.input-with-unit__unit-select-wrapper{position:relative;display:flex;align-items:center;gap:var(--spacing-2)}.input-with-unit__unit-select{appearance:none;background:transparent;border:none;font-family:var(--font-family-base);font-weight:var(--font-weight-normal);font-size:var(--font-size-sm);color:var(--color-text-muted);cursor:pointer;outline:none;padding-right:var(--spacing-5)}.input-with-unit__chevron{position:absolute;right:0;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--color-text-primary)}.rdp-root{--rdp-accent-color: blue;--rdp-accent-background-color: #f0f0ff;--rdp-day-height: 44px;--rdp-day-width: 44px;--rdp-day_button-border-radius: 100%;--rdp-day_button-border: 2px solid transparent;--rdp-day_button-height: 42px;--rdp-day_button-width: 42px;--rdp-selected-border: 2px solid var(--rdp-accent-color);--rdp-disabled-opacity: .5;--rdp-outside-opacity: .75;--rdp-today-color: var(--rdp-accent-color);--rdp-dropdown-gap: .5rem;--rdp-months-gap: 2rem;--rdp-nav_button-disabled-opacity: .5;--rdp-nav_button-height: 2.25rem;--rdp-nav_button-width: 2.25rem;--rdp-nav-height: 2.75rem;--rdp-range_middle-background-color: var(--rdp-accent-background-color);--rdp-range_middle-color: inherit;--rdp-range_start-color: white;--rdp-range_start-background: linear-gradient( var(--rdp-gradient-direction), transparent 50%, var(--rdp-range_middle-background-color) 50% );--rdp-range_start-date-background-color: var(--rdp-accent-color);--rdp-range_end-background: linear-gradient( var(--rdp-gradient-direction), var(--rdp-range_middle-background-color) 50%, transparent 50% );--rdp-range_end-color: white;--rdp-range_end-date-background-color: var(--rdp-accent-color);--rdp-week_number-border-radius: 100%;--rdp-week_number-border: 2px solid transparent;--rdp-week_number-height: var(--rdp-day-height);--rdp-week_number-opacity: .75;--rdp-week_number-width: var(--rdp-day-width);--rdp-weeknumber-text-align: center;--rdp-weekday-opacity: .75;--rdp-weekday-padding: .5rem 0rem;--rdp-weekday-text-align: center;--rdp-gradient-direction: 90deg;--rdp-animation_duration: .3s;--rdp-animation_timing: cubic-bezier(.4, 0, .2, 1)}.rdp-root[dir=rtl]{--rdp-gradient-direction: -90deg}.rdp-root[data-broadcast-calendar=true]{--rdp-outside-opacity: unset}.rdp-root{position:relative;box-sizing:border-box}.rdp-root *{box-sizing:border-box}.rdp-day{width:var(--rdp-day-width);height:var(--rdp-day-height);text-align:center}.rdp-day_button{background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;justify-content:center;align-items:center;display:flex;width:var(--rdp-day_button-width);height:var(--rdp-day_button-height);border:var(--rdp-day_button-border);border-radius:var(--rdp-day_button-border-radius)}.rdp-day_button:disabled{cursor:revert}.rdp-caption_label{z-index:1;position:relative;display:inline-flex;align-items:center;white-space:nowrap;border:0}.rdp-dropdown:focus-visible~.rdp-caption_label{outline:5px auto Highlight;outline:5px auto -webkit-focus-ring-color}.rdp-button_next,.rdp-button_previous{border:none;background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;-moz-appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;position:relative;appearance:none;width:var(--rdp-nav_button-width);height:var(--rdp-nav_button-height)}.rdp-button_next:disabled,.rdp-button_next[aria-disabled=true],.rdp-button_previous:disabled,.rdp-button_previous[aria-disabled=true]{cursor:revert;opacity:var(--rdp-nav_button-disabled-opacity)}.rdp-chevron{display:inline-block;fill:var(--rdp-accent-color)}.rdp-root[dir=rtl] .rdp-nav .rdp-chevron{transform:rotate(180deg);transform-origin:50%}.rdp-dropdowns{position:relative;display:inline-flex;align-items:center;gap:var(--rdp-dropdown-gap)}.rdp-dropdown{z-index:2;opacity:0;appearance:none;position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:0;width:100%;margin:0;padding:0;cursor:inherit;border:none;line-height:inherit}.rdp-dropdown_root{position:relative;display:inline-flex;align-items:center}.rdp-dropdown_root[data-disabled=true] .rdp-chevron{opacity:var(--rdp-disabled-opacity)}.rdp-month_caption{display:flex;align-content:center;height:var(--rdp-nav-height);font-weight:700;font-size:large}.rdp-root[data-nav-layout=around] .rdp-month,.rdp-root[data-nav-layout=after] .rdp-month{position:relative}.rdp-root[data-nav-layout=around] .rdp-month_caption{justify-content:center;margin-inline-start:var(--rdp-nav_button-width);margin-inline-end:var(--rdp-nav_button-width);position:relative}.rdp-root[data-nav-layout=around] .rdp-button_previous{position:absolute;inset-inline-start:0;top:0;height:var(--rdp-nav-height);display:inline-flex}.rdp-root[data-nav-layout=around] .rdp-button_next{position:absolute;inset-inline-end:0;top:0;height:var(--rdp-nav-height);display:inline-flex;justify-content:center}.rdp-months{position:relative;display:flex;flex-wrap:wrap;gap:var(--rdp-months-gap);max-width:fit-content}.rdp-month_grid{border-collapse:collapse}.rdp-nav{position:absolute;inset-block-start:0;inset-inline-end:0;display:flex;align-items:center;height:var(--rdp-nav-height)}.rdp-weekday{opacity:var(--rdp-weekday-opacity);padding:var(--rdp-weekday-padding);font-weight:500;font-size:smaller;text-align:var(--rdp-weekday-text-align);text-transform:var(--rdp-weekday-text-transform)}.rdp-week_number{opacity:var(--rdp-week_number-opacity);font-weight:400;font-size:small;height:var(--rdp-week_number-height);width:var(--rdp-week_number-width);border:var(--rdp-week_number-border);border-radius:var(--rdp-week_number-border-radius);text-align:var(--rdp-weeknumber-text-align)}.rdp-today:not(.rdp-outside){color:var(--rdp-today-color)}.rdp-selected{font-weight:700;font-size:large}.rdp-selected .rdp-day_button{border:var(--rdp-selected-border)}.rdp-outside{opacity:var(--rdp-outside-opacity)}.rdp-disabled:not(.rdp-selected){opacity:var(--rdp-disabled-opacity)}.rdp-hidden{visibility:hidden;color:var(--rdp-range_start-color)}.rdp-range_start{background:var(--rdp-range_start-background)}.rdp-range_start .rdp-day_button{background-color:var(--rdp-range_start-date-background-color);color:var(--rdp-range_start-color)}.rdp-range_middle{background-color:var(--rdp-range_middle-background-color)}.rdp-range_middle .rdp-day_button{border:unset;border-radius:unset;color:var(--rdp-range_middle-color)}.rdp-range_end{background:var(--rdp-range_end-background);color:var(--rdp-range_end-color)}.rdp-range_end .rdp-day_button{color:var(--rdp-range_start-color);background-color:var(--rdp-range_end-date-background-color)}.rdp-range_start.rdp-range_end{background:revert}.rdp-focusable{cursor:pointer}@keyframes rdp-slide_in_left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes rdp-slide_in_right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes rdp-slide_out_left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes rdp-slide_out_right{0%{transform:translate(0)}to{transform:translate(100%)}}.rdp-weeks_before_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_before_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}@keyframes rdp-fade_in{0%{opacity:0}to{opacity:1}}@keyframes rdp-fade_out{0%{opacity:1}to{opacity:0}}.rdp-caption_after_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_after_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.date-input{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-3) var(--spacing-4);background-color:var(--color-bg-secondary);border:1px solid var(--color-border-solid);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:border-color var(--transition-base)}.date-input:focus-within,.date-input--open{border-color:var(--color-primary)}.date-input__field{flex:1;border:none;background:transparent;font-family:var(--font-family-base);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);line-height:normal;color:var(--color-gray-dark);outline:none}.date-input__field::placeholder{color:var(--color-text-muted)}.date-input__toggle{display:flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;cursor:pointer;flex-shrink:0}.date-input__icon{flex-shrink:0;color:var(--color-text-muted);cursor:pointer}.date-input__dropdown{position:absolute;top:calc(100% + 4px);left:0;z-index:50;background:var(--color-bg-secondary, #fff);border:1px solid var(--color-border-solid);border-radius:var(--radius-md);box-shadow:var(--shadow-lg, 0 10px 25px rgba(0, 0, 0, .15));padding:var(--spacing-3);animation:date-input-fade-in .15s ease-out}@keyframes date-input-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.date-input__dropdown .rdp-root{--rdp-accent-color: var(--color-primary, #e67e00);--rdp-accent-background-color: var(--color-primary, #e67e00);--rdp-day_button-border-radius: var(--radius-md, 8px);--rdp-today-color: var(--color-primary, #e67e00);font-family:var(--font-family-base, sans-serif);font-size:var(--font-size-sm, 14px)}.date-input__dropdown .rdp-selected .rdp-day_button{background-color:var(--color-primary, #e67e00)!important;color:#fff!important;border-color:var(--color-primary, #e67e00)!important}.date-input__dropdown .rdp-today:not(.rdp-selected) .rdp-day_button{font-weight:var(--font-weight-bold, 700);color:var(--color-primary, #e67e00);border-color:transparent}.form-card{display:flex;flex-direction:column;gap:var(--spacing-6);padding:var(--spacing-4);border:1px solid var(--color-border-solid);border-radius:var(--radius-md);width:100%}.form-field{display:flex;flex-direction:column;gap:var(--spacing-1);width:100%}.form-field--error input,.form-field--error textarea{border-color:var(--color-error)}.form-field__error{font-family:var(--font-family-base);font-size:var(--font-size-xs);color:var(--color-error);margin-top:var(--spacing-1)}.image-uploader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-2);width:170px;height:170px;padding:var(--spacing-4);background-color:var(--color-gray-light);border:1px dashed var(--color-placeholder);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);overflow:hidden}.image-uploader:hover,.image-uploader--dragging{border-color:var(--color-primary);background-color:var(--color-primary-light)}.image-uploader__icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--color-text-primary)}.image-uploader__text{font-family:var(--font-family-base);font-weight:var(--font-weight-normal);font-size:var(--font-size-xs);color:var(--color-text-secondary);text-align:center;line-height:1.4;margin:0}.image-preview{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-2);width:170px;height:170px;background-color:var(--color-secondary);border-radius:var(--radius-md);overflow:hidden}.image-preview__image{width:100%;height:100%;object-fit:cover}.image-preview__actions{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-4)}.image-preview__action-btn{display:flex;align-items:center;justify-content:center;padding:var(--spacing-1) var(--spacing-3);background-color:var(--color-bg-secondary);border:none;border-radius:var(--radius-sm);font-family:var(--font-family-base);font-weight:var(--font-weight-medium);font-size:var(--font-size-xs);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.image-preview__action-btn:hover{background-color:var(--color-gray-light);color:var(--color-primary)}.image-thumbnail{width:170px;height:77px;background-color:var(--color-secondary);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:all var(--transition-fast)}.image-thumbnail:hover{opacity:.8}.image-thumbnail--selected{outline:2px solid var(--color-primary);outline-offset:2px}.image-thumbnail__image{width:100%;height:100%;object-fit:cover}.description-section,.product-images-section{display:flex;flex-direction:column;gap:var(--spacing-4);width:100%}.product-images-section__content{display:flex;gap:var(--spacing-4);align-items:flex-start;width:100%}.product-images-section__thumbnails{display:flex;flex-direction:column;gap:var(--spacing-4);align-items:flex-start;justify-content:center}.characteristics-section{display:flex;flex-direction:column;gap:var(--spacing-4);width:100%}.characteristics-section__dimensions{display:flex;gap:var(--spacing-6);align-items:flex-start;width:100%}.characteristics-section__dimensions>*{flex:1;min-width:0}.characteristics-section__actions{display:flex;flex-direction:column;align-items:flex-end;width:100%}.product-form{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--spacing-6);align-items:start;width:100%}.product-form>*{min-width:0}@media screen and (max-width: 1200px){.product-form{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 768px){.product-form{grid-template-columns:1fr}}.product-search-table{width:100%;border:1px solid var(--color-border-solid);border-radius:var(--radius-md);overflow:hidden}.product-search-table__header{display:flex;align-items:center;background:var(--color-primary);padding:0 var(--spacing-3)}.product-search-table__header .product-search-table__col{padding:var(--spacing-4) var(--spacing-2);font-family:var(--font-family-base);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);color:#fff;text-align:center}.product-search-table__body{background:var(--color-bg-primary)}.product-search-table__row{display:flex;align-items:center;padding:0 var(--spacing-3)}.product-search-table__row--alt{background:var(--color-primary-light, #fff5f2)}.product-search-table__col{padding:var(--spacing-4) var(--spacing-2);font-family:var(--font-family-base);font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center}.product-search-table__col--thumbnail{width:120px;flex-shrink:0}.product-search-table__col--reference{width:150px;flex-shrink:0}.product-search-table__col--name{flex:1;min-width:200px;text-align:left}.product-search-table__col--stock{width:100px;flex-shrink:0}.product-search-table__col--action{width:150px;flex-shrink:0}.product-search-table__thumbnail{width:55px;height:55px;object-fit:cover;border-radius:var(--radius-sm)}.product-search-table__thumbnail-placeholder{width:55px;height:55px;background:var(--color-bg-tertiary);border-radius:var(--radius-sm)}.product-search-table__loading,.product-search-table__empty{padding:var(--spacing-8);text-align:center;font-family:var(--font-family-base);font-size:var(--font-size-sm);color:var(--color-text-secondary)}@media screen and (max-width: 768px){.product-search-table__col--thumbnail,.product-search-table__col--stock{display:none}.product-search-table__col--reference,.product-search-table__col--action{width:100px}}.attendus-cart-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4) 0;border-bottom:1px solid var(--color-border-light)}.attendus-cart-item:last-child{border-bottom:none}.attendus-cart-item__info{display:flex;align-items:center;gap:var(--spacing-6);flex:1;min-width:0}.attendus-cart-item__thumbnail{width:115px;height:115px;object-fit:cover;border-radius:var(--radius-md);flex-shrink:0}.attendus-cart-item__thumbnail-placeholder{width:115px;height:115px;background:var(--color-bg-tertiary);border-radius:var(--radius-md);flex-shrink:0}.attendus-cart-item__details{display:flex;flex-direction:column;gap:var(--spacing-3);min-width:0}.attendus-cart-item__name{font-family:var(--font-family-base);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);color:var(--color-text-primary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attendus-cart-item__meta{display:flex;flex-direction:column;gap:var(--spacing-1)}.attendus-cart-item__meta p{margin:0;font-family:var(--font-family-base);font-size:var(--font-size-sm)}.attendus-cart-item__label{color:var(--color-text-muted, #a3aeb7)}.attendus-cart-item__value{color:var(--color-text-secondary)}.attendus-cart-item__quantity{flex-shrink:0;margin:0 var(--spacing-6)}.attendus-cart-item__actions{flex-shrink:0;width:89px;display:flex;align-items:center;justify-content:center}.attendus-cart-item__delete{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:var(--spacing-2);color:var(--color-primary);transition:opacity var(--transition-fast)}.attendus-cart-item__delete:hover{opacity:.7}.attendus-cart-item__delete svg{width:21px;height:20px}@media screen and (max-width: 768px){.attendus-cart-item{flex-wrap:wrap;gap:var(--spacing-4)}.attendus-cart-item__info{flex:1 1 100%}.attendus-cart-item__thumbnail,.attendus-cart-item__thumbnail-placeholder{width:80px;height:80px}.attendus-cart-item__quantity{margin:0}.attendus-cart-item__actions{width:auto}}.product-row{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4) 0;border-bottom:1px solid var(--color-border-solid);width:100%}.product-row__left{display:flex;align-items:center;gap:var(--spacing-10);flex:1;min-width:0}.product-row__image{width:115px;height:115px;background-color:var(--color-secondary);border-radius:var(--radius-md);overflow:hidden;flex-shrink:0}.product-row__image img{width:100%;height:100%;object-fit:cover}.product-row__info{display:flex;flex-direction:column;gap:var(--spacing-4);min-width:0}.product-row__title{font-family:var(--font-family-base);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);line-height:normal;color:var(--color-text-primary);margin:0}.product-row__details{display:flex;flex-direction:column;gap:var(--spacing-1)}.product-row__detail{font-family:var(--font-family-base);font-weight:var(--font-weight-normal);font-size:var(--font-size-sm);line-height:normal;margin:0}.product-row__label{color:var(--color-placeholder)}.product-row__value{color:var(--color-text-secondary)}.product-row__quantity{display:flex;align-items:center;gap:var(--spacing-4)}.product-row__qty-btn,.product-row__qty-value{display:flex;align-items:center;justify-content:center;width:25px;height:25px;border:1px solid var(--color-border-solid);border-radius:var(--radius-md);font-family:var(--font-family-base);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);color:var(--color-text-secondary);background:transparent}.product-row__qty-btn{cursor:pointer;transition:all var(--transition-fast)}.product-row__qty-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.product-row__delete{display:flex;align-items:center;justify-content:center;width:89px;background:transparent;border:none;cursor:pointer;padding:0;color:var(--color-primary);transition:opacity var(--transition-fast)}.product-row__delete:hover{opacity:.7}.product-row--error{background-color:var(--color-danger-light, #fef2f2);border-left:3px solid var(--color-danger, #dc2626);padding-left:calc(var(--spacing-4) - 3px);margin-left:calc(-1 * var(--spacing-4));padding-right:var(--spacing-4);margin-right:calc(-1 * var(--spacing-4))}.product-row__value--error{color:var(--color-danger, #dc2626);font-weight:var(--font-weight-semibold)}.product-row__stock-alert{display:flex;align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background-color:var(--color-danger, #dc2626);color:#fff;border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.product-row__stock-alert svg{flex-shrink:0;width:14px;height:14px}@media screen and (max-width: 768px){.product-row{flex-direction:column;align-items:flex-start;gap:var(--spacing-4)}.product-row__left{gap:var(--spacing-4)}.product-row__quantity{align-self:flex-end}.product-row__delete{position:absolute;top:0;right:0;width:auto}}.toggle{display:flex;align-items:center;background-color:var(--color-gray-light);border-radius:var(--radius-full);width:fit-content}.toggle__option{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2) var(--spacing-5);border:none;border-radius:var(--radius-full);background:transparent;font-family:var(--font-family-base);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);line-height:normal;color:var(--color-gray-dark);cursor:pointer;transition:all var(--transition-base)}.toggle__option--active{background-color:var(--color-primary);color:var(--text-bs-white)}.toggle__option:not(.toggle__option--active):hover{background-color:var(--color-primary-light)}.toggle__option:focus-visible{outline:none;box-shadow:var(--shadow-focus-primary)}.informations-panel{display:flex;flex-direction:column;gap:var(--spacing-5);padding:var(--spacing-6);background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);width:100%}.informations-panel__header{display:flex;align-items:center;justify-content:center;padding-bottom:var(--spacing-2);border-bottom:1px solid var(--color-border-solid);width:100%}.informations-panel__title{flex:1;font-family:var(--font-family-title);font-weight:var(--font-weight-bold);font-size:var(--font-size-xl);line-height:normal;color:var(--color-gray-dark);text-transform:uppercase;margin:0}.informations-panel__section{display:flex;flex-direction:column;gap:var(--spacing-2);width:100%}.informations-panel__section-title{font-family:var(--font-family-base);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);line-height:normal;color:var(--color-gray-dark);margin:0}.informations-panel .form-card{gap:var(--spacing-6)}.address-card{display:flex;flex-direction:column;gap:var(--spacing-2);width:550px;padding:var(--spacing-6);background-color:var(--color-gray-light);border-radius:var(--radius-lg);transition:box-shadow var(--transition-base)}.address-card--selected{box-shadow:0 0 0 2px var(--color-primary)}.address-card__header{display:flex;align-items:center;justify-content:space-between;width:100%}.address-card__name{font-family:var(--font-family-base);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);line-height:normal;color:var(--color-gray-dark);margin:0}.address-card__actions{display:flex;align-items:center;gap:var(--spacing-2)}.address-card__action{display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:0;color:var(--color-primary);transition:opacity var(--transition-base)}.address-card__action:hover{opacity:.7}.address-card__details{display:flex;flex-direction:column;gap:var(--spacing-1)}.address-card__line{font-family:var(--font-family-base);font-weight:var(--font-weight-normal);font-size:var(--font-size-base);line-height:normal;color:var(--color-gray-mid);margin:0}@media (max-width: 1200px){.address-card{width:100%}}.address-form-modal__form{display:flex;flex-direction:column;gap:var(--spacing-4)}.address-form-modal__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4)}@media (max-width: 500px){.address-form-modal__row{grid-template-columns:1fr}}.address-search-modal__search{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3);background-color:var(--color-gray-light);border-radius:var(--radius-md);margin-bottom:var(--spacing-4)}.address-search-modal__search-icon{color:var(--color-text-muted);flex-shrink:0}.address-search-modal__search-input{flex:1;border:none;background:transparent;font-family:var(--font-family-base);font-weight:var(--font-weight-normal);font-size:var(--font-size-base);line-height:normal;color:var(--color-gray-dark);outline:none}.address-search-modal__search-input::placeholder{color:var(--color-text-muted)}.address-search-modal__results{display:flex;flex-direction:column;gap:var(--spacing-2);max-height:300px;overflow-y:auto;margin-bottom:var(--spacing-4)}.address-search-modal__result{display:flex;flex-direction:column;gap:var(--spacing-1);padding:var(--spacing-3) var(--spacing-4);background-color:var(--color-gray-light);border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);text-align:left}.address-search-modal__result:hover{border-color:var(--color-primary);background-color:var(--color-primary-light)}.address-search-modal__result-name{font-family:var(--font-family-base);font-weight:var(--font-weight-bold);font-size:var(--font-size-base);line-height:normal;color:var(--color-gray-dark)}.address-search-modal__result-details{font-family:var(--font-family-base);font-weight:var(--font-weight-normal);font-size:var(--font-size-sm);line-height:normal;color:var(--color-gray-mid)}.address-search-modal__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-8);text-align:center;color:var(--color-text-muted)}.address-search-modal__empty-text{font-family:var(--font-family-base);font-weight:var(--font-weight-normal);font-size:var(--font-size-base);line-height:normal;margin:0}.address-search-modal__divider{display:flex;align-items:center;gap:var(--spacing-3);margin:var(--spacing-4) 0}.address-search-modal__divider-line{flex:1;height:1px;background-color:var(--color-border-solid)}.address-search-modal__divider-text{font-family:var(--font-family-base);font-weight:var(--font-weight-normal);font-size:var(--font-size-sm);line-height:normal;color:var(--color-text-muted)}.address-search-modal__hint{font-family:var(--font-family-base);font-weight:var(--font-weight-normal);font-size:var(--font-size-sm);line-height:normal;color:var(--color-text-muted);text-align:center;margin-top:var(--spacing-2)}.delivery-address-panel{display:flex;flex-direction:column;gap:var(--spacing-6);padding:var(--spacing-6);background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);width:100%}.delivery-address-panel__section{display:flex;flex-direction:column}.delivery-address-panel__header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-6);padding:var(--spacing-4) 0;border:none;border-bottom:1px solid var(--color-border-solid);background:transparent;width:100%;cursor:pointer;text-align:left}.delivery-address-panel__header:hover .delivery-address-panel__toggle{opacity:.7}.delivery-address-panel__title{flex:1;font-family:var(--font-family-title);font-weight:var(--font-weight-bold);font-size:var(--font-size-xl);line-height:normal;color:var(--color-gray-dark);text-transform:uppercase;margin:0}.delivery-address-panel__header-right{display:flex;align-items:center;gap:var(--spacing-6)}.delivery-address-panel__search{display:flex;align-items:center;gap:var(--spacing-2);width:215px;padding:var(--spacing-3);background-color:var(--color-gray-light);border-radius:var(--radius-md);color:var(--color-text-muted)}.delivery-address-panel__search-input{flex:1;border:none;background:transparent;font-family:var(--font-family-base);font-weight:var(--font-weight-normal);font-size:var(--font-size-base);line-height:normal;color:var(--color-gray-dark);outline:none}.delivery-address-panel__search-input::placeholder{color:var(--color-text-muted)}.delivery-address-panel__toggle{display:flex;align-items:center;justify-content:center;padding:var(--spacing-1);color:var(--color-gray-dark);transition:opacity var(--transition-base)}.delivery-address-panel__content{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-6);padding-top:var(--spacing-6)}.delivery-address-panel__grid{display:flex;align-items:stretch;flex-wrap:wrap;gap:var(--spacing-5)}.delivery-address-panel__add-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-2);width:550px;min-height:120px;padding:var(--spacing-6);background:transparent;border:1px solid var(--color-border-solid);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base)}.delivery-address-panel__add-card:hover{border-color:var(--color-primary);background-color:var(--color-primary-light)}.delivery-address-panel__add-card span{font-family:var(--font-family-base);font-weight:var(--font-weight-bold);font-size:var(--font-size-base);line-height:normal;color:var(--color-gray-dark);text-align:center}.delivery-address-panel__confirmation{display:flex;flex-direction:column;gap:var(--spacing-6);padding:var(--spacing-6) 0}.delivery-address-panel__summary{display:flex;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-4);background-color:var(--color-bg-primary);border-radius:var(--radius-md)}.delivery-address-panel__summary-row{display:flex;justify-content:space-between;align-items:center}.delivery-address-panel__summary-label{font-family:var(--font-family-base);font-weight:var(--font-weight-normal);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.delivery-address-panel__summary-value{font-family:var(--font-family-base);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);color:var(--color-text-primary)}.delivery-address-panel__summary-warning{color:var(--color-error)}.delivery-address-panel__submit{display:flex;justify-content:flex-end}.delivery-address-panel__submit-button{min-width:200px}@media (max-width: 1200px){.delivery-address-panel__add-card{width:100%}}@media (max-width: 768px){.delivery-address-panel__header{flex-wrap:wrap;gap:var(--spacing-4)}.delivery-address-panel__header-right{width:100%;justify-content:space-between}.delivery-address-panel__search{flex:1;width:auto}}.cart-selector{background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-4)}.cart-selector__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--color-border-light)}.cart-selector__title{font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.cart-selector__list{display:flex;flex-direction:column;gap:var(--spacing-2)}.cart-selector__item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3);border-radius:var(--radius-md);border:1px solid var(--color-border-light);background-color:var(--color-bg-primary);cursor:pointer;transition:all .15s ease}.cart-selector__item:hover{border-color:var(--color-border-solid);background-color:var(--color-bg-tertiary)}.cart-selector__item--active{border-color:var(--color-primary);background-color:var(--color-primary-light);cursor:default}.cart-selector__item--active:hover{border-color:var(--color-primary);background-color:var(--color-primary-light)}.cart-selector__item-info{display:flex;flex-direction:column;gap:var(--spacing-1);min-width:0;flex:1}.cart-selector__item-name{font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-selector__item-meta{font-family:var(--font-family-base);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.cart-selector__item-actions{display:flex;gap:var(--spacing-1);margin-left:var(--spacing-2);opacity:0;transition:opacity .15s ease}.cart-selector__item:hover .cart-selector__item-actions,.cart-selector__item--active .cart-selector__item-actions{opacity:1}.cart-selector__modal-actions{display:flex;justify-content:flex-end;gap:var(--spacing-3);margin-top:var(--spacing-6)}.create-attendu-page{width:100%;padding:0 var(--spacing-8) var(--spacing-8);display:flex;flex-direction:column;gap:var(--spacing-6)}.create-attendu-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-solid);border-radius:var(--radius-lg);padding:var(--spacing-6)}.create-attendu-content{display:flex;gap:var(--spacing-6)}.create-attendu-search{flex:0 0 60%;max-width:60%;display:flex;flex-direction:column;gap:var(--spacing-6)}.create-attendu-search-input{display:flex;gap:var(--spacing-2)}.create-attendu-search-input .text-input{flex:1}.create-attendu-search-btn{display:flex;align-items:center;justify-content:center;width:46px;height:46px;background:var(--color-bg-primary);border:1px solid var(--color-border-solid);border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-fast)}.create-attendu-search-btn:hover{background:var(--color-bg-tertiary);color:var(--color-primary)}.create-attendu-search-btn svg{width:17px;height:17px}.create-attendu-create-link{background:none;border:none;padding:0;font-family:var(--font-family-base);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;text-align:right;transition:color var(--transition-fast)}.create-attendu-create-link:hover{color:var(--color-primary)}.create-attendu-cart{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-6)}.create-attendu-cart-items{display:flex;flex-direction:column}.create-attendu-cart-total{text-align:right;padding:var(--spacing-2) 0;font-family:var(--font-family-base);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.create-attendu-cart-empty{padding:var(--spacing-8);text-align:center;font-family:var(--font-family-base);font-size:var(--font-size-sm);color:var(--color-text-secondary);background:var(--color-bg-primary);border:1px dashed var(--color-border);border-radius:var(--radius-md)}.create-attendu-section{display:flex;flex-direction:column;gap:var(--spacing-4)}@media screen and (max-width: 1200px){.create-attendu-content{flex-direction:column}.create-attendu-search{flex:none;max-width:none}}@media screen and (max-width: 768px){.create-attendu-page{padding:0 var(--spacing-4) var(--spacing-4)}.create-attendu-card{padding:var(--spacing-4)}}.catalogue-page{width:100%;padding:0 var(--spacing-8) var(--spacing-8);display:flex;flex-direction:column;gap:var(--spacing-6)}.catalogue-card{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-6);display:flex;flex-direction:column;align-items:center}.catalogue-header{width:100%;display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.catalogue-header>.chip-slider{flex:1;min-width:0}.catalogue-actions{display:flex;align-items:center;gap:var(--spacing-3)}.catalogue-chips-error{cursor:help;font-size:var(--font-size-lg)}.catalogue-grid{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-6);justify-items:center}.catalogue-list{width:100%;display:flex;flex-direction:column;gap:var(--spacing-2)}.catalogue-list-item{display:flex;align-items:center;padding:var(--spacing-3) var(--spacing-4);background:var(--color-bg-tertiary);border-radius:var(--radius-md);gap:var(--spacing-4)}.catalogue-list-title{flex:1;font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.catalogue-list-stock{font-size:var(--font-size-sm);color:var(--color-text-secondary);min-width:100px}.catalogue-list-actions{display:flex;gap:var(--spacing-2)}.catalogue-list-actions button{padding:var(--spacing-1) var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.catalogue-list-actions button:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.catalogue-empty{width:100%;display:flex;justify-content:center;align-items:center;padding:var(--spacing-12) var(--spacing-6)}.catalogue-empty__text{font-family:var(--font-family-base);font-size:var(--font-size-base);color:var(--color-text-secondary);text-align:center;margin:0}.product-details-page{width:100%;padding:0 var(--spacing-8) var(--spacing-8);display:flex;flex-direction:column;gap:var(--spacing-6)}.product-details-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-solid);border-radius:var(--radius-lg);padding:var(--spacing-6)}.product-details-content{display:grid;grid-template-columns:repeat(10,1fr);gap:var(--spacing-6);align-items:flex-start}.product-details-gallery{grid-column:span 4}.product-details-info{grid-column:6 / span 4;display:flex;flex-direction:column;gap:var(--spacing-4)}.product-details-title{font-family:var(--font-family-base);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;line-height:var(--line-height-tight)}.product-details-references{display:flex;flex-direction:column;gap:var(--spacing-1)}.product-details-actions{display:flex;align-items:center;gap:var(--spacing-3)}.product-details-info-text{font-family:var(--font-family-base);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.product-details-secondary-actions{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-2)}.product-details-description{font-family:var(--font-family-base);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-base)}.product-details-zones{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-4)}.product-details-no-zones{font-family:var(--font-family-base);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;padding:var(--spacing-4) 0;grid-column:span 2}.product-details-loading{font-family:var(--font-family-base);font-size:var(--font-size-base);color:var(--color-text-secondary);text-align:center;padding:var(--spacing-8)}.product-details-not-found{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4);padding:var(--spacing-8);text-align:center}.product-details-not-found h2{font-family:var(--font-family-base);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.product-details-not-found p{font-family:var(--font-family-base);font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0}.product-details-packagings{display:flex;flex-direction:column;gap:var(--spacing-4)}.product-details-packaging{padding:var(--spacing-3);background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-md)}.product-details-packaging__title{font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-3) 0}.product-details-no-packagings{font-family:var(--font-family-base);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;padding:var(--spacing-4) 0}@media screen and (max-width: 1024px){.product-details-content{grid-template-columns:1fr}.product-details-gallery,.product-details-info{grid-column:1}.product-details-title{font-size:var(--font-size-xl)}.product-details-zones{grid-template-columns:1fr}.product-details-no-zones{grid-column:1}.product-details-actions{flex-direction:column;align-items:stretch}}.panier{display:flex;flex-direction:column;gap:var(--spacing-6);width:100%}.panier__cart-selector{max-width:400px}.panier__top{display:grid;grid-template-columns:1fr 480px;gap:var(--spacing-6);align-items:start}.panier__main{display:flex;flex-direction:column;gap:var(--spacing-4)}.panier__sidebar{position:sticky;top:var(--spacing-6)}.panier__card{display:flex;flex-direction:column;background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-4) var(--spacing-6)}.panier__list{display:flex;flex-direction:column}.panier__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-4);padding:var(--spacing-12);text-align:center;background-color:var(--color-bg-secondary);border-radius:var(--radius-lg)}.panier__empty p{font-family:var(--font-family-base);font-weight:var(--font-weight-normal);font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0}.panier__footer{display:flex;justify-content:flex-end;padding-top:var(--spacing-4)}.panier__count{font-family:var(--font-family-base);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.panier__stock-alert{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);margin-bottom:var(--spacing-4);background-color:var(--color-danger-light, #fef2f2);border:1px solid var(--color-danger, #dc2626);border-radius:var(--radius-md);color:var(--color-danger, #dc2626)}.panier__stock-alert svg{flex-shrink:0;margin-top:2px}.panier__stock-alert-content{display:flex;flex-direction:column;gap:var(--spacing-1)}.panier__stock-alert-content strong{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}.panier__stock-alert-content span{font-size:var(--font-size-sm);opacity:.9}.panier__validating{display:flex;align-items:center;justify-content:center;padding:var(--spacing-3);margin-bottom:var(--spacing-4);background-color:var(--color-bg-tertiary);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-secondary)}@media (max-width: 1024px){.panier__top{grid-template-columns:1fr}.panier__sidebar{position:static}}.order-confirmation{display:flex;justify-content:center;padding:var(--spacing-8) var(--spacing-4)}.order-confirmation__card{background:var(--color-bg-primary);border-radius:var(--radius-xl);padding:var(--spacing-10);max-width:560px;width:100%;text-align:center;box-shadow:var(--shadow-lg)}.order-confirmation__icon{width:80px;height:80px;margin:0 auto var(--spacing-6);background:var(--color-success-light, #dcfce7);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.order-confirmation__icon svg{width:40px;height:40px;color:var(--color-success, #16a34a)}.order-confirmation__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-3)}.order-confirmation__message{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0 0 var(--spacing-8);line-height:var(--line-height-relaxed)}.order-confirmation__details{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-6);margin-bottom:var(--spacing-6)}.order-confirmation__detail{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3) 0}.order-confirmation__detail:not(:last-child){border-bottom:1px solid var(--color-border-light)}.order-confirmation__label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.order-confirmation__value{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.order-confirmation__value--highlight{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-primary)}.order-confirmation__info{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.order-confirmation__info p{margin:0}.order-confirmation__info button{padding:0;font-size:inherit}.login-page{display:flex;min-height:100vh;width:100%;background-color:var(--color-bg-secondary)}.hero-panel{position:relative;width:50%;min-height:100vh;padding:var(--spacing-16);display:flex;align-items:flex-end;background:linear-gradient(180deg,#0000,#00000059),linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);background-size:cover;background-position:center}.hero-panel__content{display:flex;flex-direction:column;gap:var(--spacing-5)}.hero-panel__title{font-family:var(--font-family-title);font-weight:var(--font-weight-bold);font-size:var(--font-size-display-lg);line-height:var(--line-height-tight);color:var(--text-bs-white);margin:0;max-width:574px}.hero-panel__subtitle{font-family:var(--font-family-base);font-weight:var(--font-weight-normal);font-size:var(--font-size-xl);line-height:var(--line-height-base);color:var(--text-bs-white);margin:0;max-width:462px;opacity:.9}.slider-dots{display:flex;gap:var(--spacing-2);align-items:center}.slider-dots__dot{width:7px;height:7px;background-color:var(--text-bs-white);border-radius:var(--radius-full);transition:width var(--transition-slow);opacity:.6}.slider-dots__dot--active{width:48px;opacity:1}.login-page__form-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-8) var(--spacing-16)}.login-page__form-wrapper{display:flex;flex-direction:column;gap:var(--spacing-10);width:100%;max-width:536px}.login-page__header{display:flex;flex-direction:column;gap:var(--spacing-5)}.login-page__title{font-family:var(--font-family-title);font-weight:var(--font-weight-bold);font-size:var(--font-size-4xl);line-height:var(--line-height-tight);color:var(--color-gray-dark);margin:0}.login-page__subtitle{font-family:var(--font-family-base);font-weight:var(--font-weight-normal);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-gray-mid);margin:0}.auth-tabs{display:flex;gap:var(--spacing-8);align-items:flex-start;justify-content:center;border-bottom:1px solid var(--color-border-solid);width:100%}.auth-tabs__tab{position:relative;padding-bottom:var(--spacing-4);background:transparent;border:none;font-family:var(--font-family-title);font-weight:var(--font-weight-normal);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-gray-mid);cursor:pointer;transition:color var(--transition-base)}.auth-tabs__tab:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background-color:transparent;transition:background-color var(--transition-base)}.auth-tabs__tab--active{color:var(--color-primary)}.auth-tabs__tab--active:after{background-color:var(--color-primary)}.auth-tabs__tab:hover:not(.auth-tabs__tab--active){color:var(--color-gray-dark)}.login-page__form{display:flex;flex-direction:column;gap:var(--spacing-6);width:100%}.login-page__form-row{display:flex;gap:var(--spacing-5);width:100%}.login-page__form-row>.form-group{flex:1}.login-page__form .form-field{gap:var(--spacing-3)}.login-page__form .form-label{color:var(--color-text-secondary);transition:color var(--transition-fast)}.login-page__form .form-field:focus-within .form-label{color:var(--color-gray-dark)}.login-page__form .text-input{padding:var(--spacing-4) var(--spacing-6);border-color:var(--color-text-secondary);background:transparent;box-shadow:none}.login-page__form .text-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff8c0026}.login-page__form .text-input--error{border-color:var(--color-error)}.login-page__form .text-input--error:focus{border-color:var(--color-error);box-shadow:var(--shadow-focus-error)}.login-page__form .form-group{display:flex;flex-direction:column;width:100%}.login-page__form .form-error{margin-top:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-error)}.password-input-wrapper{position:relative;width:100%}.password-input-wrapper .text-input{padding-right:var(--spacing-12)}.password-toggle{position:absolute;right:var(--spacing-4);top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;padding:var(--spacing-1);background:transparent;border:none;cursor:pointer;color:var(--color-text-secondary);transition:color var(--transition-fast)}.password-toggle:hover{color:var(--color-gray-dark)}.password-toggle:focus{outline:none;color:var(--color-primary)}.login-page__error{margin:0;padding:var(--spacing-3) var(--spacing-4);background-color:#ef44441a;border-radius:var(--radius-md);color:var(--color-error);font-size:var(--font-size-sm)}.login-page__hermes-btn{background-color:var(--color-secondary);color:var(--text-bs-white)}.login-page__hermes-btn:hover:not(:disabled){background-color:var(--color-secondary-hover)}@media (max-width: 1400px){.hero-panel{padding:var(--spacing-12)}.login-page__form-container{padding:var(--spacing-8)}}@media (max-width: 1024px){.login-page{flex-direction:column}.hero-panel{width:100%;min-height:350px;padding:var(--spacing-10)}.hero-panel__title{font-size:var(--font-size-4xl)}.login-page__form-container{align-items:center;padding:var(--spacing-10) var(--spacing-5)}.login-page__form-wrapper{gap:var(--spacing-8)}.login-page__title{font-size:var(--font-size-3xl);text-align:center}.login-page__subtitle{text-align:center}}@media (max-width: 600px){.hero-panel{padding:var(--spacing-8) var(--spacing-5);min-height:280px}.hero-panel__title{font-size:var(--font-size-3xl)}.hero-panel__subtitle{font-size:var(--font-size-base)}.login-page__form-row{flex-direction:column}.auth-tabs{gap:var(--spacing-5)}.auth-tabs__tab{font-size:var(--font-size-sm)}.login-page__title{font-size:var(--font-size-2xl)}}.card{padding:var(--spacing-6);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg)}