@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";.main-content{min-height:calc(100vh - 64px);padding:0;background-color:var(--surface)}.main-section{margin-bottom:var(--spacing-xl)}.main-section__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-lg) 0}.main-section__subtitle{font-size:var(--font-size-base);color:var(--text-secondary);margin:0 0 var(--spacing-md) 0}@media(max-width:768px){.main-section__title{font-size:var(--font-size-lg)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{font-family:var(--font-family-base),serif;font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-base);color:var(--text-primary);background-color:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;transition:background-color var(--transition-normal),color var(--transition-normal)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--text-primary);margin-bottom:var(--spacing-md);font-family:var(--font-family-base),serif}h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold)}h2{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold)}h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold)}h4{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}h5{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}h6{font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}p{margin-bottom:var(--spacing-md);color:var(--text-primary)}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-fast);font-weight:var(--font-weight-medium)}a:hover{color:var(--primary-color);text-decoration:underline}a:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:var(--border-radius-xs)}input,textarea,select,button{font-family:var(--font-family-base),sans-serif;font-size:inherit}input,textarea,select{border:1px solid var(--outline);border-radius:var(--border-radius-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--surface);color:var(--text-primary);font-family:var(--font-family-base),sans-serif;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.2)}input::placeholder,textarea::placeholder,select::placeholder{color:var(--text-secondary);font-family:var(--font-family-base),sans-serif}*:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-success{color:var(--success-color)}.text-warning{color:var(--warning-color)}.text-danger{color:var(--danger-color)}.text-info{color:var(--info-color)}.bg-primary{background-color:var(--primary-color)}.bg-secondary{background-color:var(--secondary-color)}.bg-surface{background-color:var(--surface)}.bg-surface-variant{background-color:var(--surface-variant)}.border-radius-sm{border-radius:var(--border-radius-sm)}.border-radius-md{border-radius:var(--border-radius-md)}.border-radius-lg{border-radius:var(--border-radius-lg)}.border-radius-full{border-radius:var(--border-radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.shadow-3xl{box-shadow:var(--shadow-3xl)}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.container{width:100%;max-width:1600px;margin:0 auto;padding:0 var(--spacing-md);box-sizing:border-box}@media(min-width:768px){.container{padding:0 var(--spacing-lg)}}@media(min-width:1200px){.container{padding:0 var(--spacing-xl)}}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.min-h-screen{min-height:100vh}.text-center{text-align:center}.space-y-md>*+*{margin-top:var(--spacing-md)}.space-y-sm>*+*{margin-top:var(--spacing-sm)}.text-primary{color:var(--primary-color)}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}@media(max-width:767px){.mobile-hidden{display:none}.mobile-block{display:block}}@media(min-width:768px){.desktop-hidden{display:none}.desktop-block{display:block}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1200px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}code,pre,kbd,samp{font-family:JetBrains Mono,Fira Code,Cascadia Code,Source Code Pro,Consolas,Monaco,monospace;font-size:.875em}pre{background-color:var(--surface-variant);padding:var(--spacing-md);border-radius:var(--border-radius-md);overflow-x:auto;border:1px solid var(--outline)}code{background-color:var(--surface-variant);padding:.125rem .25rem;border-radius:var(--border-radius-xs);border:1px solid var(--outline)}pre code{background:none;padding:0;border:none}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn var(--transition-normal) ease-out}.animate-slide-down{animation:slideDown var(--transition-normal) ease-out}.animate-slide-up{animation:slideUp var(--transition-normal) ease-out}*{transition:background-color var(--transition-normal),border-color var(--transition-normal),color var(--transition-normal)}.checkbox{appearance:none;-webkit-appearance:none;-moz-appearance:none;position:relative;width:16px;height:16px;border:2px solid rgba(0,0,0,.3);border-radius:var(--border-radius-sm);background-color:var(--surface);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;box-sizing:border-box;display:inline-block;vertical-align:middle;margin:0;padding:0}.checkbox:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.checkbox:hover:not(:disabled){border-color:var(--primary-color);transform:scale(1.05)}.checkbox:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:4px;height:8px;border:2px solid var(--surface);border-top:none;border-left:none;transform-origin:center;transition:transform var(--transition-fast);opacity:0}.checkbox:checked{background-color:var(--primary-color);border-color:var(--primary-color)}.checkbox:checked:before{opacity:1;transform:translate(-50%,-50%) rotate(45deg) scale(1)}.checkbox:disabled{opacity:.6;cursor:not-allowed}.checkbox:disabled:hover{transform:none;border-color:#0000004d}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}body{font-size:12pt;line-height:1.4;font-family:Outfit,sans-serif}h1,h2,h3,h4,h5,h6{page-break-after:avoid;font-family:Outfit,sans-serif}}.app-layout{display:flex;flex-direction:column;min-height:100vh;background-color:var(--surface);overflow-x:hidden}.app-header{position:fixed;top:0;left:0;right:0;height:64px;background-color:var(--surface-container-highest);display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-lg);z-index:var(--z-fixed);box-shadow:var(--shadow-md)}.app-header__left{display:flex;align-items:center;gap:var(--spacing-lg)}.app-header__menu-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:none;border-radius:var(--border-radius-md);color:var(--text-primary);cursor:pointer;transition:background-color var(--transition-fast)}.app-header__menu-btn:hover{background-color:rgba(var(--text-primary-rgb),.08)}.app-header__menu-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.app-header__logo h1{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--primary-color);margin:0}.app-header__right{display:flex;align-items:center;gap:var(--spacing-md)}.app-header__icon-btn{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:none;border-radius:var(--border-radius-md);color:var(--text-primary);cursor:pointer;transition:background-color var(--transition-fast)}.app-header__icon-btn:hover{background-color:rgba(var(--text-primary-rgb),.08)}.app-header__icon-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.app-header__notifications-wrapper{position:relative}.app-header__notifications-panel{position:absolute;top:calc(100% + var(--spacing-sm));right:0;width:320px;background:var(--surface);border:1px solid var(--outline-variant);border-radius:var(--border-radius-lg);box-shadow:0 8px 24px #0000001f;z-index:200;overflow:hidden}.app-header__notifications-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--outline-variant)}.app-header__notifications-header span{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.app-header__notifications-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl) var(--spacing-lg);gap:var(--spacing-sm);color:var(--text-tertiary)}.app-header__notifications-empty svg{color:var(--text-tertiary);opacity:.5}.app-header__notifications-empty p{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.app-header__notifications-empty span{font-size:var(--font-size-xs);color:var(--text-tertiary)}.app-header__badge{position:absolute;top:6px;right:6px;background-color:var(--danger-color);color:var(--on-danger);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:2px 6px;border-radius:var(--border-radius-full);min-width:18px;height:18px;display:flex;align-items:center;justify-content:center}.app-header__profile{display:flex;align-items:center}.app-header__profile-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border:none;background:none;border-radius:var(--border-radius-md);color:var(--text-primary);cursor:pointer;transition:background-color var(--transition-fast)}.app-header__profile-btn:hover{background-color:rgba(var(--text-primary-rgb),.08)}.app-header__profile-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.app-header__avatar{width:32px;height:32px;border-radius:var(--border-radius-full);background-color:var(--primary-color);color:var(--on-primary);display:flex;align-items:center;justify-content:center}.app-header__profile-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.app-sidebar{position:fixed;top:64px;left:0;width:280px;height:calc(100vh - 64px);background-color:var(--surface-container-highest);box-shadow:var(--shadow-lg);transform:translate(-100%);transition:all var(--transition-normal);z-index:var(--z-sticky);display:flex;flex-direction:column}.app-sidebar--open{transform:translate(0)}.app-sidebar--collapsed{width:72px}.app-sidebar--collapsed .app-sidebar__nav-label{display:none}.app-sidebar--collapsed .app-sidebar__footer{padding:var(--spacing-md) 0}.app-sidebar--collapsed .app-sidebar__logout{justify-content:center;padding:var(--spacing-sm);height:48px}.app-sidebar--collapsed .app-sidebar__logout .app-sidebar__nav-icon--logout{width:40px;height:40px;background-color:rgba(var(--text-primary-rgb),.05);border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center}.app-sidebar--collapsed .app-sidebar__logout:hover .app-sidebar__nav-icon--logout{background-color:rgba(var(--text-primary-rgb),.1)}.app-sidebar--collapsed .app-sidebar__nav-chevron,.app-sidebar--collapsed .app-sidebar__nav-dropdown-menu,.app-sidebar--collapsed .app-sidebar__nav-arrow{display:none}.app-sidebar--collapsed .app-sidebar__nav-subitems-inline--expanded{display:block!important;max-height:none!important;overflow:visible}.app-sidebar--collapsed .app-sidebar__nav-subitems-inline--expanded .app-sidebar__nav-item{opacity:1!important}.app-sidebar--collapsed .app-sidebar__nav-divider--expanded{display:block;height:1px;opacity:1;margin:var(--spacing-xs) 0}.app-sidebar__overlay{position:fixed;inset:0;background-color:#00000080;z-index:var(--z-modal-backdrop);display:none}@media(max-width:768px){.app-sidebar__overlay{display:block}}.app-sidebar__content{flex:1;padding:var(--spacing-lg) 0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}.app-sidebar__content::-webkit-scrollbar{width:4px}.app-sidebar__content::-webkit-scrollbar-track{background:transparent}.app-sidebar__content::-webkit-scrollbar-thumb{background-color:rgba(var(--text-primary-rgb),.2);border-radius:2px}.app-sidebar__content::-webkit-scrollbar-thumb:hover{background-color:rgba(var(--text-primary-rgb),.3)}.app-sidebar__nav{display:flex;flex-direction:column;gap:var(--spacing-xs)}.app-sidebar__nav-group{display:flex;flex-direction:column}.app-sidebar__nav-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);border-radius:0;color:var(--text-primary);text-decoration:none;transition:all var(--transition-fast);font-weight:var(--font-weight-medium);position:relative;overflow:hidden;border:none;background:none;cursor:pointer;width:100%;text-align:left;height:48px;box-sizing:border-box}.app-sidebar--collapsed .app-sidebar__nav-item{justify-content:center;padding:var(--spacing-sm)}.app-sidebar--collapsed .app-sidebar__nav-item .app-sidebar__nav-label{opacity:0;width:0;overflow:hidden;transition:opacity var(--transition-normal),width var(--transition-normal)}.app-sidebar--collapsed .app-sidebar__nav-item .app-sidebar__nav-icon{width:40px;height:40px;background-color:rgba(var(--text-primary-rgb),.05);border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center}.app-sidebar--collapsed .app-sidebar__nav-item--active{background-color:transparent!important;color:var(--text-primary)!important}.app-sidebar--collapsed .app-sidebar__nav-item--active .app-sidebar__nav-icon{background-color:var(--primary-color);color:var(--on-primary)}.app-sidebar--collapsed .app-sidebar__nav-item:hover:not(.app-sidebar--collapsed .app-sidebar__nav-item--active) .app-sidebar__nav-icon{background-color:rgba(var(--text-primary-rgb),.1)}.app-sidebar__nav-item:hover:not(.app-sidebar__nav-item--active){background-color:rgba(var(--text-primary-rgb),.05);color:var(--text-primary)}.app-sidebar__nav-item--active{background-color:var(--primary-color);color:var(--on-primary);font-weight:var(--font-weight-semibold)}.app-sidebar__nav-item--active .app-sidebar__nav-icon,.app-sidebar__nav-item--active .app-sidebar__nav-chevron{color:var(--on-primary)}.app-sidebar__nav-item--active:hover{background-color:var(--primary-color);color:var(--on-primary);opacity:.95}.app-sidebar__nav-item--active:hover .app-sidebar__nav-icon,.app-sidebar__nav-item--active:hover .app-sidebar__nav-chevron{color:var(--on-primary)}.app-sidebar__nav-item--parent{font-weight:var(--font-weight-semibold)}.app-sidebar__nav-item--sub{margin-right:0;padding:var(--spacing-sm) 0 var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);position:relative}.app-sidebar__nav-item--sub .app-sidebar__nav-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-sidebar__nav-item--sub .app-sidebar__nav-icon{opacity:.7;font-size:18px}.app-sidebar__nav-item--sub:hover:not(.app-sidebar__nav-item--active){background-color:rgba(var(--text-primary-rgb),.05);color:var(--text-primary)}.app-sidebar__nav-item--sub:hover:not(.app-sidebar__nav-item--active) .app-sidebar__nav-icon{opacity:1}.app-sidebar__nav-item--sub.app-sidebar__nav-item--active{background-color:var(--primary-color);color:var(--on-primary);font-weight:var(--font-weight-semibold)}.app-sidebar__nav-item--sub.app-sidebar__nav-item--active .app-sidebar__nav-icon{color:var(--on-primary);opacity:1}.app-sidebar__nav-item--sub.app-sidebar__nav-item--active:hover{background-color:var(--primary-color);color:var(--on-primary);opacity:.95}.app-sidebar__nav-item--sub.app-sidebar__nav-item--active:hover .app-sidebar__nav-icon{color:var(--on-primary)}.app-sidebar__nav-chevron{margin-left:auto;transition:transform var(--transition-fast);color:rgba(var(--text-primary-rgb),.6);flex-shrink:0}.app-sidebar__nav-chevron--expanded{transform:rotate(180deg)}.app-sidebar__nav-item-container,.app-sidebar__nav-item--parent{position:relative}.app-sidebar__nav-item--parent .app-sidebar__nav-arrow{display:flex;align-items:center;justify-content:center;margin-left:auto;padding:var(--spacing-xs);cursor:pointer;transition:all var(--transition-fast);border-radius:var(--border-radius-sm)}.app-sidebar__nav-item--parent .app-sidebar__nav-arrow:hover{background-color:rgba(var(--text-primary-rgb),.08)}.app-sidebar__nav-subitems-inline{overflow:hidden;max-height:0;transition:max-height .3s ease-in-out}.app-sidebar__nav-subitems-inline--expanded{max-height:300px}.app-sidebar__nav-subitems-inline .app-sidebar__nav-item{opacity:0;transition:opacity .3s ease-in-out;margin-bottom:0}.app-sidebar__nav-subitems-inline--expanded .app-sidebar__nav-item{opacity:1;margin-bottom:var(--spacing-xs)}.app-sidebar__nav-divider{height:0;background-color:var(--outline);margin:0 var(--spacing-md) 0 var(--spacing-lg);opacity:0;transition:height .3s ease-in-out,opacity .3s ease-in-out,margin .3s ease-in-out}.app-sidebar__nav-divider--expanded{height:1px;opacity:1;margin:var(--spacing-sm) var(--spacing-sm)}.app-sidebar__nav-icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;color:var(--text-secondary);transition:color var(--transition-fast)}.app-sidebar__nav-label{font-size:var(--font-size-sm);transition:opacity var(--transition-normal),width var(--transition-normal);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.app-sidebar__footer{padding:var(--spacing-md);border-top:1px solid var(--outline)}.app-sidebar__logout{display:flex;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-sm) var(--spacing-md);border:none;background:none;border-radius:var(--border-radius-md);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);font-weight:var(--font-weight-medium)}.app-sidebar__logout span{transition:all var(--transition-normal);white-space:nowrap}.app-sidebar__logout:hover{background-color:rgba(var(--text-primary-rgb),.08);color:var(--text-primary)}.app-sidebar__logout:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.app-layout__main{margin-top:64px;margin-left:0;transition:margin-left var(--transition-normal);min-height:calc(100vh - 64px);overflow-x:hidden}@media(min-width:769px){.app-layout__main--sidebar-open{margin-left:280px}}@media(min-width:769px){.app-layout__main--sidebar-collapsed{margin-left:72px}}.app-layout__content{padding:var(--spacing-xl);padding-right:var(--spacing-2xl);max-width:1600px;margin:0 auto;width:100%;box-sizing:border-box}@media(min-width:769px){.app-sidebar{transform:translate(0);position:fixed}.app-layout__main{margin-left:280px}.app-layout__main--sidebar-collapsed{margin-left:72px}}@media(max-width:1200px){.app-layout__content{padding:var(--spacing-lg);padding-right:var(--spacing-xl)}}@media(max-width:768px){.app-layout__content{padding:var(--spacing-md);padding-right:var(--spacing-lg)}}.theme-dark .app-header{background-color:var(--surface-container-highest);border-bottom-color:var(--outline)}.theme-dark .app-sidebar{background-color:var(--surface-container-highest)}.app-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-family:var(--font-family-base),serif;font-weight:var(--font-weight-medium);text-decoration:none;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;user-select:none;border:none;cursor:pointer;transition:all var(--transition-fast);outline:none}.app-button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.app-button:disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.app-button--sm{font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-sm);min-height:32px}.app-button--md{font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-md);min-height:40px}.app-button--lg{font-size:var(--font-size-lg);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--border-radius-lg);min-height:48px}.app-button--full-width{width:100%}.app-button--loading{pointer-events:none}.app-button--loading .app-button__text{opacity:.7}.app-button__icon{display:flex;align-items:center;justify-content:center}.app-button__icon--start{margin-right:calc(var(--spacing-xs) * -1)}.app-button__icon--end{margin-left:calc(var(--spacing-xs) * -1)}.app-button__icon svg{width:1.125em;height:1.125em}.app-button__text{display:flex;align-items:center}.app-button__spinner{position:absolute;width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.app-button--primary{background-color:var(--primary-color);color:var(--on-primary);box-shadow:var(--shadow-sm)}.app-button--primary:hover:not(:disabled){background-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-1px);filter:brightness(1.05)}.app-button--primary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm);filter:brightness(.95)}.app-button--secondary{background-color:var(--secondary-container);color:var(--on-secondary-container);box-shadow:var(--shadow-sm)}.app-button--secondary:hover:not(:disabled){background-color:var(--secondary-container);box-shadow:var(--shadow-md);transform:translateY(-1px);filter:brightness(1.05)}.app-button--secondary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm);filter:brightness(.95)}.app-button--outline{background-color:transparent;color:var(--primary-color);border:1.5px solid var(--primary-color)}.app-button--outline:hover:not(:disabled){background-color:rgba(var(--primary-color-rgb),.08);border-color:var(--primary-color);transform:translateY(-1px)}.app-button--outline:active:not(:disabled){background-color:rgba(var(--primary-color-rgb),.12);transform:translateY(0)}.app-button--text{background-color:transparent;color:var(--primary-color);box-shadow:none}.app-button--text:hover:not(:disabled){background-color:rgba(var(--primary-color-rgb),.08);transform:translateY(-1px)}.app-button--text:active:not(:disabled){background-color:rgba(var(--primary-color-rgb),.12);transform:translateY(0)}.app-button--danger{background-color:var(--danger-color);color:var(--on-danger);box-shadow:var(--shadow-sm)}.app-button--danger:hover:not(:disabled){background-color:var(--danger-color);box-shadow:var(--shadow-md);transform:translateY(-1px);filter:brightness(1.05)}.app-button--danger:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm);filter:brightness(.95)}.app-button--success{background-color:var(--success-color);color:var(--on-success);box-shadow:var(--shadow-sm)}.app-button--success:hover:not(:disabled){background-color:var(--success-color);box-shadow:var(--shadow-md);transform:translateY(-1px);filter:brightness(1.05)}.app-button--success:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm);filter:brightness(.95)}.app-button--warning{background-color:var(--warning-color);color:var(--on-warning);box-shadow:var(--shadow-sm)}.app-button--warning:hover:not(:disabled){background-color:var(--warning-color);box-shadow:var(--shadow-md);transform:translateY(-1px);filter:brightness(1.05)}.app-button--warning:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm);filter:brightness(.95)}@media(max-width:767px){.app-button--sm{min-height:32px}.app-button--md{min-height:40px}.app-button--lg{min-height:48px}}.app-page-header{background-color:transparent;padding:0;margin-bottom:var(--spacing-lg)}.app-page-header__container{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);width:100%}.app-page-header__left{flex:1;min-width:0}.app-page-header__title-row{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xs)}.app-page-header__icon{display:inline-flex;align-items:center;flex-shrink:0;color:var(--primary-color)}.app-page-header__back-button{flex-shrink:0;margin-left:calc(var(--spacing-sm) * -1)}.app-page-header__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:var(--line-height-tight);margin:0;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.app-page-header__subtitle{font-size:var(--font-size-base);color:var(--text-secondary);line-height:var(--line-height-relaxed);margin:0;word-break:break-word}.app-page-header__actions{flex-shrink:0;display:flex;align-items:flex-start;gap:var(--spacing-sm);flex-wrap:wrap}.app-page-header--sm{margin-bottom:var(--spacing-md)}.app-page-header--sm .app-page-header__title{font-size:var(--font-size-xl)}.app-page-header--sm .app-page-header__subtitle{font-size:var(--font-size-sm)}.app-page-header--sm .app-page-header__container{gap:var(--spacing-md)}.app-page-header--lg{margin-bottom:var(--spacing-xl)}.app-page-header--lg .app-page-header__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold)}.app-page-header--lg .app-page-header__subtitle{font-size:var(--font-size-lg);margin-top:var(--spacing-xs)}.app-page-header--lg .app-page-header__container{gap:var(--spacing-xl)}.app-page-header--centered .app-page-header__container{flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-md)}.app-page-header--centered .app-page-header__left{display:flex;flex-direction:column;align-items:center}.app-page-header--centered .app-page-header__title-row,.app-page-header--centered .app-page-header__actions{justify-content:center}.app-page-header--minimal{margin-bottom:var(--spacing-md)}.app-page-header--minimal .app-page-header__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.app-page-header--minimal .app-page-header__subtitle{font-size:var(--font-size-sm)}@media(max-width:768px){.app-page-header__container{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.app-page-header__title{font-size:var(--font-size-xl)}.app-page-header__subtitle{font-size:var(--font-size-sm)}.app-page-header__actions{align-self:flex-start;flex-wrap:wrap;gap:var(--spacing-xs)}.app-page-header--sm .app-page-header__title{font-size:var(--font-size-lg)}.app-page-header--lg .app-page-header__title{font-size:var(--font-size-2xl)}.app-page-header--lg .app-page-header__subtitle{font-size:var(--font-size-base)}.app-page-header--centered .app-page-header__container{align-items:center;text-align:center}.app-page-header--centered .app-page-header__actions{align-self:center;justify-content:center}}@media(max-width:480px){.app-page-header__title{font-size:var(--font-size-lg)}.app-page-header__subtitle{font-size:var(--font-size-xs)}.app-page-header__title-row{gap:var(--spacing-sm)}.app-page-header__actions{gap:var(--spacing-xs)}}.theme-dark .app-page-header__title{color:var(--text-primary)}.theme-dark .app-page-header__subtitle{color:var(--text-secondary)}@media(prefers-reduced-motion:reduce){.app-page-header *{transition:none!important;animation:none!important}}.app-card{display:flex;flex-direction:column;border-radius:var(--border-radius-lg);transition:all var(--transition-normal);position:relative;overflow:hidden}.app-card.has-dropdown,.app-card:has(.app-select){overflow:visible}.app-card:has(.app-select--open){transform:none!important}.app-card--elevated{background-color:var(--surface-container);color:var(--on-surface);box-shadow:var(--shadow-md);border:none}.app-card--filled{background-color:var(--surface-variant);color:var(--on-surface-variant);box-shadow:none;border:none}.app-card--outlined{background-color:var(--surface-container);color:var(--on-surface);border:1px solid var(--outline);box-shadow:none}.app-card--padding-none{padding:0}.app-card--padding-sm{padding:var(--spacing-md)}.app-card--padding-md{padding:var(--spacing-lg)}.app-card--padding-lg{padding:var(--spacing-xl)}.app-card--padding-xl{padding:var(--spacing-2xl)}.app-card:hover{transform:translateY(-1px);transition:all .2s cubic-bezier(.4,0,.2,1)}.app-card:hover:has(.app-select--open){transform:none}.app-card:hover.app-card--elevated{box-shadow:var(--shadow-lg)}.app-card:hover.app-card--filled{filter:brightness(1.02);box-shadow:var(--shadow-sm)}.app-card:hover.app-card--outlined{border-color:var(--primary-color);box-shadow:var(--shadow-sm)}.app-card--hoverable:hover{transform:translateY(-2px)}.app-card--clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.app-card--clickable:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.app-card--clickable:active{transform:translateY(0)}.app-card--clickable:active.app-card--elevated{box-shadow:var(--shadow-sm)}.app-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.app-card__header:last-child{margin-bottom:0}.app-card__header-content{flex:1;min-width:0}.app-card__header-actions{flex-shrink:0;display:flex;align-items:center;gap:var(--spacing-sm)}.app-card__body{flex:1;margin-bottom:var(--spacing-md)}.app-card__body:last-child{margin-bottom:0}.app-card__body>*:first-child{margin-top:0}.app-card__body>*:last-child{margin-bottom:0}.app-card__footer{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--outline);display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sm)}.app-card__footer:first-child{margin-top:0;padding-top:0;border-top:none}.app-card--image .app-card__image{width:100%;height:200px;object-fit:cover;border-radius:var(--border-radius-md) var(--border-radius-md) 0 0;margin:calc(var(--spacing-lg) * -1) calc(var(--spacing-lg) * -1) var(--spacing-lg)}.app-card--compact .app-card__header{margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.app-card--compact .app-card__body{margin-bottom:var(--spacing-sm)}.app-card--compact .app-card__footer{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm)}.app-card--stats{text-align:center}.app-card--stats .app-card__stat-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--primary-color);line-height:1;margin-bottom:var(--spacing-xs)}.app-card--stats .app-card__stat-label{font-size:var(--font-size-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.app-card--stats .app-card__stat-change{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-top:var(--spacing-xs)}.app-card--stats .app-card__stat-change--positive{color:var(--success-color)}.app-card--stats .app-card__stat-change--positive:before{content:"↑ "}.app-card--stats .app-card__stat-change--negative{color:var(--danger-color)}.app-card--stats .app-card__stat-change--negative:before{content:"↓ "}.app-card--stats .app-card__stat-change--neutral{color:var(--text-secondary)}.app-card--stats .app-card__stat-change--neutral:before{content:"→ "}.app-card-grid{display:grid;gap:var(--spacing-lg)}.app-card-grid--cols-1{grid-template-columns:1fr}.app-card-grid--cols-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.app-card-grid--cols-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.app-card-grid--cols-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media(max-width:767px){.app-card--padding-sm{padding:var(--spacing-sm)}.app-card--padding-md{padding:var(--spacing-md)}.app-card--padding-lg{padding:var(--spacing-lg)}.app-card__header{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.app-card__header-actions{justify-content:flex-start}.app-card__footer{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.app-card-grid{gap:var(--spacing-md)}.app-card-grid--cols-2,.app-card-grid--cols-3,.app-card-grid--cols-4{grid-template-columns:1fr}}.theme-dark .app-card--elevated{background-color:var(--surface-container)}.theme-dark .app-card--filled{background-color:var(--surface-variant)}.theme-dark .app-card--outlined{background-color:var(--surface-container);border-color:var(--outline)}@media(prefers-contrast:more){.app-card--outlined{border-width:2px}.app-card__header{border-bottom-width:2px}.app-card__footer{border-top-width:2px}}@media(prefers-reduced-motion:reduce){.app-card{transition:none}.app-card--hoverable:hover,.app-card--clickable:active{transform:none}}.app-input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xs)}.app-input-wrapper--full-width{width:100%}.app-input{position:relative;display:flex;align-items:center;border-radius:var(--border-radius-md);transition:all var(--transition-fast)}.app-input--outlined{border:1.5px solid var(--outline);background-color:var(--surface)}.app-input--outlined:hover:not(.app-input--disabled){border-color:var(--on-surface)}.app-input--outlined:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.12)}.app-input--filled{border:none;background-color:var(--surface-variant);border-bottom:2px solid var(--outline);border-radius:var(--border-radius-md) var(--border-radius-md) 0 0}.app-input--filled:hover:not(.app-input--disabled){background-color:var(--surface-variant);border-bottom-color:var(--on-surface)}.app-input--filled:focus-within{border-bottom-color:var(--primary-color);background-color:var(--surface-variant)}.app-input--error.app-input--outlined{border-color:var(--danger-color)}.app-input--error.app-input--outlined:focus-within{border-color:var(--danger-color);box-shadow:0 0 0 2px rgba(var(--danger-color-rgb),.12)}.app-input--error.app-input--filled{border-bottom-color:var(--danger-color)}.app-input--error.app-input--filled:focus-within{border-bottom-color:var(--danger-color)}.app-input--disabled{opacity:.6;cursor:not-allowed}.app-input--disabled .app-input__field{cursor:not-allowed}.app-input--with-start-icon .app-input__field{padding-left:var(--spacing-3xl)}.app-input--with-end-icon .app-input__field{padding-right:var(--spacing-3xl)}.app-input--textarea{align-items:flex-start}.app-input--textarea .app-input__field{min-height:auto;resize:vertical;padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.app-input__field{height:52px;padding:12px 16px;flex:1;border:none;outline:none;background:transparent;font-family:var(--font-family-base),serif;font-size:var(--font-size-base);color:var(--text-primary)}.app-input__field::placeholder{color:var(--text-secondary);opacity:1}.app-input__field:disabled{cursor:not-allowed}.app-input__field[type=number]{-moz-appearance:textfield}.app-input__field[type=number]::-webkit-outer-spin-button,.app-input__field[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.app-input--textarea .app-input__field{height:auto!important;resize:vertical;min-height:auto;line-height:var(--line-height-base)}.app-input__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-xs);display:block}.app-input-wrapper--error .app-input__label{color:var(--danger-color)}.app-input__required{color:var(--danger-color);margin-left:2px}.app-input__icon{position:absolute;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);z-index:1}.app-input__icon--start{left:12px}.app-input__icon--end{right:12px}.app-input__icon svg{width:20px;height:20px}.app-input__password-toggle{background:none;border:none;cursor:pointer;padding:var(--spacing-xs);border-radius:var(--border-radius-sm);transition:background-color var(--transition-fast)}.app-input__password-toggle:hover{background-color:rgba(var(--text-secondary-rgb),.08)}.app-input__password-toggle:focus-visible{outline:2px solid var(--primary-color);outline-offset:1px}.app-input__message{font-size:var(--font-size-xs);line-height:1.4;margin-top:var(--spacing-xs)}.app-input__message--error{color:var(--danger-color)}.app-input__message--helper{color:var(--text-secondary)}@media(max-width:767px){.app-input__field{height:48px;padding:10px 14px}.app-input--with-start-icon .app-input__field{padding-left:var(--spacing-2xl)}.app-input--with-end-icon .app-input__field{padding-right:var(--spacing-2xl)}.app-input__icon--start{left:10px}.app-input__icon--end{right:10px}}.app-tile--clickable{cursor:pointer}.app-tile--clickable:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.app-tile--disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.app-tile--has-children .app-tile__header{border-bottom:1px solid var(--outline)}.app-tile__header{padding:var(--spacing-md)}.app-tile__content{display:flex;align-items:center;gap:var(--spacing-md);width:100%}.app-tile__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-secondary);width:48px;height:48px;background-color:rgba(var(--primary-color-rgb),.1);border-radius:var(--border-radius-md)}.app-tile__icon svg{width:24px;height:24px}.app-tile__text{flex:1;min-width:0;text-align:left}.app-tile__title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-xs) 0;line-height:var(--line-height-tight)}.app-tile__badge{display:inline-flex;align-items:center;justify-content:center;padding:2px var(--spacing-sm);background-color:var(--primary-container);color:var(--on-primary-container);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-full);line-height:1;white-space:nowrap}.app-tile__description{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.4;margin:0;text-align:left}.app-tile__trailing{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);flex-shrink:0;margin-left:var(--spacing-md);min-height:48px}.app-tile__arrow{color:var(--text-secondary);transition:all var(--transition-fast)}.app-tile--clickable:hover .app-tile__arrow{color:var(--primary-color);transform:translate(2px)}.app-tile__body{padding:0 var(--spacing-lg) var(--spacing-lg);border-top:1px solid var(--outline)}@media(max-width:767px){.app-tile__header{padding:var(--spacing-sm)}.app-tile__body{padding:0 var(--spacing-md) var(--spacing-md)}.app-tile__content{gap:var(--spacing-sm)}.app-tile__title{font-size:var(--font-size-sm)}.app-tile__description{font-size:var(--font-size-xs)}.app-tile__icon{width:40px;height:40px}.app-tile__icon svg{width:20px;height:20px}}.app-select-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xs)}.app-select-wrapper--full-width{width:100%}.app-select{position:relative;display:flex;align-items:center;border-radius:var(--border-radius-md);transition:all var(--transition-fast);cursor:pointer}.app-select--outlined{border:1.5px solid var(--outline);background-color:var(--surface)}.app-select--outlined:hover:not(.app-select--disabled){border-color:var(--on-surface)}.app-select--outlined.app-select--open{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.12)}.app-select--filled{border:none;background-color:var(--surface-variant);border-bottom:2px solid var(--outline);border-radius:var(--border-radius-md) var(--border-radius-md) 0 0}.app-select--filled:hover:not(.app-select--disabled){background-color:var(--surface-variant);border-bottom-color:var(--on-surface)}.app-select--filled.app-select--open{border-bottom-color:var(--primary-color);background-color:var(--surface-variant)}.app-select--error.app-select--outlined{border-color:var(--danger-color)}.app-select--error.app-select--outlined.app-select--open{border-color:var(--danger-color);box-shadow:0 0 0 2px rgba(var(--danger-color-rgb),.12)}.app-select--error.app-select--filled,.app-select--error.app-select--filled.app-select--open{border-bottom-color:var(--danger-color)}.app-select--disabled{opacity:.6;cursor:not-allowed}.app-select--disabled .app-select__trigger{cursor:not-allowed}.app-select--with-start-icon .app-select__trigger{padding-left:var(--spacing-3xl)}.app-select__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-xs);display:block}.app-select-wrapper--error .app-select__label{color:var(--danger-color)}.app-select__required{color:var(--danger-color);margin-left:2px}.app-select__trigger{height:52px;padding:12px 16px;flex:1;display:flex;align-items:center;background:transparent;border:none;outline:none;font-family:var(--font-family-base),serif;font-size:var(--font-size-base);color:var(--text-primary);cursor:inherit;padding-right:var(--spacing-3xl)}.app-select__value{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-select__icon{position:absolute;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);z-index:1}.app-select__icon--start{left:12px}.app-select__icon--end{right:12px}.app-select__icon svg{width:18px;height:18px}.app-select__arrow{transition:transform var(--transition-fast)}.app-select__arrow--open{transform:rotate(180deg)}.app-select__dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background-color:var(--surface);border:1px solid var(--outline);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);z-index:1000;overflow:hidden}.app-select__options{max-height:256px;overflow-y:auto;padding:var(--spacing-xs) 0}.app-select__option-wrapper{cursor:pointer}.app-select__option{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);color:var(--text-primary);transition:background-color var(--transition-fast)}.app-select__option:hover{background-color:rgba(var(--text-primary-rgb),.04)}.app-select__option--selected{background-color:var(--primary-container);color:var(--on-primary-container)}.app-select__option--selected:hover{background-color:var(--primary-container);filter:brightness(.95)}.app-select__message{font-size:var(--font-size-xs);line-height:1.4;margin-top:var(--spacing-xs)}.app-select__message--error{color:var(--danger-color)}.app-select__message--helper{color:var(--text-secondary)}@media(max-width:767px){.app-select__trigger{height:48px;padding:10px 14px;padding-right:var(--spacing-2xl)}.app-select--with-start-icon .app-select__trigger{padding-left:var(--spacing-2xl)}.app-select__icon--start{left:10px}.app-select__icon--end{right:10px}}.app-checkbox-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xs)}.app-checkbox-wrapper--full-width{width:100%}.app-checkbox-wrapper--disabled{opacity:.6;cursor:not-allowed}.app-checkbox-wrapper--disabled .app-checkbox__label{cursor:not-allowed}.app-checkbox-wrapper--sm .checkbox{width:16px;height:16px}.app-checkbox-wrapper--sm .app-checkbox__label{font-size:var(--font-size-sm)}.app-checkbox-wrapper--md .checkbox{width:18px;height:18px}.app-checkbox-wrapper--md .app-checkbox__label{font-size:var(--font-size-base)}.app-checkbox-wrapper--lg .checkbox{width:20px;height:20px}.app-checkbox-wrapper--lg .app-checkbox__label{font-size:var(--font-size-lg)}.app-checkbox-wrapper--xl .checkbox{width:24px;height:24px}.app-checkbox-wrapper--xl .app-checkbox__label{font-size:var(--font-size-xl)}.app-checkbox-container{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer}.app-checkbox-container--label-left{flex-direction:row-reverse}.app-checkbox__label{color:var(--text-primary);font-weight:var(--font-weight-medium);cursor:pointer;-webkit-user-select:none;user-select:none;line-height:1.4}.app-checkbox__label--left{order:-1}.app-checkbox__help-text{font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:var(--spacing-xs)}.app-checkbox-wrapper--error .app-checkbox__help-text{color:var(--danger-color)}@media(max-width:767px){.app-checkbox-wrapper--sm .app-checkbox__label{font-size:var(--font-size-xs)}.app-checkbox-wrapper--md .app-checkbox__label{font-size:var(--font-size-sm)}.app-checkbox-wrapper--lg .app-checkbox__label{font-size:var(--font-size-base)}.app-checkbox-wrapper--xl .app-checkbox__label{font-size:var(--font-size-lg)}}.metric-card{background:#fff;border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:0 2px 8px #00000014;border:1px solid rgba(0,0,0,.06);transition:all var(--transition-fast);position:relative;overflow:hidden}.metric-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.metric-card--clickable{cursor:pointer}.metric-card--clickable:hover{border-color:var(--primary-color)}.metric-card__header{display:flex;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-md);position:relative}.metric-card__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--border-radius-full);background-color:rgba(var(--primary-color-rgb),.1);color:var(--primary-color);flex-shrink:0}.metric-card__icon svg{width:20px;height:20px}.metric-card__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);line-height:1.4;flex:1}.metric-card__badge{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:var(--border-radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:#fff;box-shadow:0 2px 4px #0003}.metric-card__badge--primary{background-color:var(--primary-color)}.metric-card__badge--secondary{background-color:var(--secondary-color)}.metric-card__badge--success{background-color:var(--success-color)}.metric-card__badge--warning{background-color:var(--warning-color)}.metric-card__badge--error{background-color:var(--error-color)}.metric-card__badge--info{background-color:var(--info-color)}.metric-card__content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.metric-card__value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--primary-color);line-height:1.2}.metric-card__subtitle{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.metric-card__subtitle--primary{color:var(--primary-color)}.metric-card__subtitle--secondary{color:var(--secondary-color)}.metric-card__subtitle--success{color:var(--success-color)}.metric-card__subtitle--warning{color:var(--warning-color)}.metric-card__subtitle--error{color:var(--error-color)}.metric-card__subtitle--info{color:var(--info-color)}.metric-card__subtitle--text-secondary{color:var(--text-secondary)}.metric-card__subtitle--text-tertiary{color:var(--text-tertiary)}.metric-card__trend{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);margin-top:var(--spacing-xs)}.metric-card__trend--positive{color:var(--success-color)}.metric-card__trend--negative{color:var(--error-color)}.metric-card__trend-icon{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}@media(max-width:768px){.metric-card{padding:var(--spacing-md)}.metric-card__header{gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.metric-card__icon{width:32px;height:32px;border-radius:var(--border-radius-full)}.metric-card__icon svg{width:16px;height:16px}.metric-card__title{font-size:var(--font-size-xs)}.metric-card__value{font-size:var(--font-size-xl)}}.metric-card--compact{padding:var(--spacing-md)}.metric-card--compact .metric-card__header{margin-bottom:var(--spacing-sm)}.metric-card--compact .metric-card__value{font-size:var(--font-size-xl)}.metric-card--large{padding:var(--spacing-xl)}.metric-card--large .metric-card__value{font-size:var(--font-size-3xl)}.app-metric-tile--clickable{cursor:pointer}.app-metric-tile--clickable:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.app-metric-tile--loading{pointer-events:none}.app-metric-tile__content{display:flex;flex-direction:column;gap:var(--spacing-md);width:100%;padding:var(--spacing-md)}.app-metric-tile__header{display:flex;align-items:center;gap:var(--spacing-sm)}.app-metric-tile__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;border-radius:var(--border-radius-sm)}.app-metric-tile__icon svg{width:18px;height:18px}.app-metric-tile__icon--default{background-color:rgba(var(--primary-color-rgb),.1);color:var(--primary-color)}.app-metric-tile__icon--success{background-color:rgba(var(--success-color-rgb),.1);color:var(--success-color)}.app-metric-tile__icon--warning{background-color:rgba(var(--warning-color-rgb),.1);color:var(--warning-color)}.app-metric-tile__icon--error{background-color:rgba(var(--danger-color-rgb),.1);color:var(--danger-color)}.app-metric-tile__icon--info{background-color:rgba(var(--info-color-rgb),.1);color:var(--info-color)}.app-metric-tile__icon--loading{background-color:var(--surface-variant)}.app-metric-tile__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);line-height:1.3;margin:0;flex:1}.app-metric-tile__value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:1.1;margin:0;font-feature-settings:"tnum" 1;color:var(--primary-color)}.app-metric-tile__subtitle{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1.3;margin:0}.app-metric-tile--default .app-metric-tile__subtitle{color:var(--text-secondary)}.app-metric-tile--success .app-metric-tile__subtitle{color:var(--success-color)}.app-metric-tile--warning .app-metric-tile__subtitle{color:var(--warning-color)}.app-metric-tile--error .app-metric-tile__subtitle{color:var(--danger-color)}.app-metric-tile--info .app-metric-tile__subtitle{color:var(--info-color)}.app-metric-tile__loading-icon,.app-metric-tile__loading-title,.app-metric-tile__loading-value,.app-metric-tile__loading-subtitle{background:linear-gradient(90deg,var(--surface-variant) 25%,var(--outline-variant) 50%,var(--surface-variant) 75%);background-size:200% 100%;animation:loading-shimmer 1.5s infinite;border-radius:var(--border-radius-xs)}.app-metric-tile__loading-icon{width:32px;height:32px;border-radius:var(--border-radius-md)}.app-metric-tile__loading-title{height:16px;width:60%}.app-metric-tile__loading-value{height:28px;width:80%;margin-top:var(--spacing-xs)}.app-metric-tile__loading-subtitle{height:14px;width:70%;margin-top:var(--spacing-xs)}@keyframes loading-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media(prefers-color-scheme:dark){.app-metric-tile .app-metric-tile__loading-icon,.app-metric-tile .app-metric-tile__loading-title,.app-metric-tile .app-metric-tile__loading-value,.app-metric-tile .app-metric-tile__loading-subtitle{background:linear-gradient(90deg,var(--surface-variant) 25%,var(--outline) 50%,var(--surface-variant) 75%)}}.login-page{background-color:var(--surface);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;transition:background-color var(--transition-normal)}.login-page__container{width:100%;max-width:36rem}.login-page__brand-section{text-align:center;margin-bottom:2rem;background-color:#1a1f2e;border-radius:var(--border-radius-lg);padding:1.5rem 2rem 1.25rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.login-page__logo{width:220px;height:auto;object-fit:contain}.login-page__subtitle{color:#ffffffb3;font-size:1.125rem}.login-page__title{color:var(--text-primary);font-size:1.5rem;font-weight:var(--font-weight-semibold);text-align:center;margin-bottom:1.5rem}.login-page__form{display:flex;flex-direction:column;gap:1.5rem}.login-page__error{background-color:var(--danger-color);color:#fff;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);text-align:center;margin-bottom:var(--spacing-sm)}.login-page__form .app-input-wrapper{margin-bottom:0}.login-page__form .app-input__label{font-size:.875rem;font-weight:var(--font-weight-medium);margin-bottom:.5rem}.login-page__options{display:flex;justify-content:space-between;align-items:center;margin:.5rem 0 1rem}.login-page__forgot-link{color:var(--primary-color);text-decoration:none;font-size:.875rem;font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}.login-page__forgot-link:hover{color:var(--primary-color);text-decoration:underline}.login-page__footer{text-align:center}.login-page__copyright{color:var(--text-secondary);text-align:center;font-size:.75rem}.forgot-password-page{background-color:var(--surface);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;transition:background-color var(--transition-normal)}.forgot-password-page__container{width:100%;max-width:36rem}.forgot-password-page__brand-section{text-align:center;margin-bottom:2rem}.forgot-password-page__brand{color:var(--primary-color);font-size:2.5rem;font-weight:var(--font-weight-bold);margin-bottom:.5rem}.forgot-password-page__subtitle{color:var(--text-secondary);font-size:1.125rem}.forgot-password-page__title{color:var(--text-primary);font-size:1.5rem;font-weight:var(--font-weight-semibold);text-align:center;margin-bottom:1rem}.forgot-password-page__description{color:var(--text-secondary);font-size:var(--font-size-sm);text-align:center;margin-bottom:1.5rem}.forgot-password-page__form{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem}.forgot-password-page__footer{text-align:center;margin-top:1rem}.forgot-password-page__back-link{color:var(--primary-color);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}.forgot-password-page__back-link:hover{color:var(--primary-color);text-decoration:underline}.forgot-password-page__copyright{color:var(--text-secondary);text-align:center;font-size:.75rem}.reset-password-page{background-color:var(--surface);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;transition:background-color var(--transition-normal)}.reset-password-page__container{width:100%;max-width:36rem}.reset-password-page__brand-section{text-align:center;margin-bottom:2rem}.reset-password-page__brand{color:var(--primary-color);font-size:2.5rem;font-weight:var(--font-weight-bold);margin-bottom:.5rem}.reset-password-page__subtitle{color:var(--text-secondary);font-size:1.125rem}.reset-password-page__title{color:var(--text-primary);font-size:1.5rem;font-weight:var(--font-weight-semibold);text-align:center;margin-bottom:1rem}.reset-password-page__description{color:var(--text-secondary);font-size:var(--font-size-sm);text-align:center;margin-bottom:1.5rem}.reset-password-page__form{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem}.reset-password-page__footer{text-align:center;margin-top:1rem}.reset-password-page__back-link{color:var(--primary-color);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}.reset-password-page__back-link:hover{color:var(--primary-color);text-decoration:underline}.reset-password-page__copyright{color:var(--text-secondary);text-align:center;font-size:.75rem}.add-admin-page__form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.add-admin-page__form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}@media(max-width:767px){.add-admin-page__form-row{grid-template-columns:1fr}}.add-admin-page__form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid var(--outline)}@media(max-width:767px){.add-admin-page__form-actions{flex-direction:column-reverse}.add-admin-page__form-actions button{width:100%}}.app-modal__overlay{position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);z-index:var(--z-modal, 1000);animation:fadeIn var(--transition-normal) ease-out}.app-modal{background-color:var(--surface);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-xl);max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp var(--transition-normal) ease-out}.app-modal--sm{width:100%;max-width:400px}.app-modal--md{width:100%;max-width:500px}.app-modal--lg{width:100%;max-width:700px}.app-modal--xl{width:100%;max-width:900px}.app-modal--full{width:95vw;height:95vh;max-width:none;max-height:none}.app-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--outline);flex-shrink:0}.app-modal__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;flex:1;margin-right:var(--spacing-md)}.app-modal__close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:none;border-radius:var(--border-radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.app-modal__close:hover{background-color:rgba(var(--text-secondary-rgb),.08);color:var(--text-primary)}.app-modal__close:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.app-modal__content{flex:1;overflow-y:auto;display:flex;flex-direction:column}.app-modal__body{flex:1;padding:var(--spacing-lg);overflow-y:auto}.app-modal__footer{flex-shrink:0;padding:var(--spacing-lg);border-top:1px solid var(--outline);display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sm);background-color:var(--surface-variant)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:768px){.app-modal__overlay{padding:var(--spacing-md);align-items:flex-end}.app-modal{max-height:85vh;border-bottom-left-radius:0;border-bottom-right-radius:0}.app-modal--sm,.app-modal--md,.app-modal--lg,.app-modal--xl{width:100%;max-width:none}.app-modal--full{width:100vw;height:100vh;max-height:none;border-radius:0}.app-modal__header,.app-modal__body{padding:var(--spacing-md)}.app-modal__footer{padding:var(--spacing-md);flex-direction:column;align-items:stretch}.app-modal__footer button{width:100%}.app-modal__title{font-size:var(--font-size-lg)}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}}@media(min-width:768px)and (max-width:1024px){.app-modal--lg{max-width:90vw}.app-modal--xl{max-width:95vw}}.theme-dark .app-modal{background-color:var(--surface)}.theme-dark .app-modal__header{border-bottom-color:var(--outline)}.theme-dark .app-modal__footer{border-top-color:var(--outline);background-color:var(--surface-variant)}.theme-dark .app-modal__overlay{background-color:#000000b3}@media(prefers-contrast:more){.app-modal{border:2px solid var(--outline)}.app-modal__header{border-bottom-width:2px}.app-modal__footer{border-top-width:2px}}@media(prefers-reduced-motion:reduce){.app-modal__overlay,.app-modal{animation:none}@keyframes fadeIn{0%,to{opacity:1}}@keyframes slideUp{0%,to{opacity:1;transform:translateY(0) scale(1)}}}.app-modal:focus{outline:none}.app-modal__body::-webkit-scrollbar,.app-modal__content::-webkit-scrollbar{width:8px}.app-modal__body::-webkit-scrollbar-track,.app-modal__content::-webkit-scrollbar-track{background:transparent}.app-modal__body::-webkit-scrollbar-thumb,.app-modal__content::-webkit-scrollbar-thumb{background:var(--outline);border-radius:var(--border-radius-full)}.app-modal__body::-webkit-scrollbar-thumb:hover,.app-modal__content::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.app-modal__body,.app-modal__content{scrollbar-width:thin;scrollbar-color:var(--outline) transparent}.profile-page__content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.profile-page__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}@media(max-width:767px){.profile-page__row{grid-template-columns:1fr}}.profile-page__field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.profile-page__label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.profile-page__label svg{color:var(--text-tertiary)}.profile-page__value{font-size:var(--font-size-base);font-weight:var(--font-weight-regular);color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-xs)}.profile-page__verified{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--success-color);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.profile-page__verified svg{color:var(--success-color)}.profile-page__role{text-transform:capitalize;font-weight:var(--font-weight-medium);color:var(--primary-color)}.profile-page__status{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-transform:capitalize}.profile-page__status--success{background-color:var(--success-container);color:var(--on-success-container)}.profile-page__status--error{background-color:var(--error-container);color:var(--on-error-container)}.profile-page__status--info{background-color:var(--info-container);color:var(--on-info-container)}.profile-page__loading,.profile-page__error{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);font-size:var(--font-size-base);color:var(--text-secondary)}.profile-page__error{color:var(--error-color)}.profile-page__edit-fields{display:grid;gap:var(--spacing-md)}.overview-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}@media(max-width:768px){.overview-cards{grid-template-columns:1fr}}.charts-section{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}@media(max-width:1024px){.charts-section{grid-template-columns:1fr}}.sales-by-sku-header{position:relative;display:flex!important;justify-content:flex-start!important;align-items:center!important;gap:var(--spacing-md);width:100%;min-height:40px;margin-bottom:var(--spacing-md)}.sales-by-sku-header h4{margin:0;line-height:1.2}.top-n-selector{position:absolute;top:0;right:0;min-width:140px;max-width:160px}.top-n-selector :global(.app-select-wrapper){margin:0}.top-n-selector :global(.app-select){font-size:var(--font-size-sm);height:32px}.top-n-selector :global(.app-select__trigger){padding:var(--spacing-xs) var(--spacing-sm);min-height:32px;height:32px;display:flex;align-items:center}.top-n-selector :global(.app-select__value){font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.2}.recharts-container{width:100%;height:300px}.charts-section__loading,.charts-section__empty{display:flex;align-items:center;justify-content:center;height:300px;color:var(--text-secondary);font-size:var(--font-size-md)}.performance-cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}@media(max-width:1024px){.performance-cards{grid-template-columns:1fr}}.performance-cards__loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--text-secondary);font-size:var(--font-size-md)}.performance-metrics{display:flex;flex-direction:column;gap:var(--spacing-md)}.performance-metric{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xs) 0}.performance-metric__content{display:flex;flex-direction:column;gap:2px;flex:1}.performance-metric__text{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:var(--font-weight-medium);line-height:1.2}.performance-metric__indicator{width:30px;height:30px;border-radius:var(--border-radius-sm);margin-left:var(--spacing-md);flex-shrink:0}.performance-metric__indicator--blue{background-color:var(--primary-color);opacity:.7}.performance-metric__indicator--orange{background-color:var(--warning-color);opacity:.7}.performance-metric__indicator--green{background-color:var(--success-color);opacity:.7}.performance-metric__indicator--red{background-color:var(--danger-color);opacity:.7}.route-sales-chart__header{position:relative;display:flex!important;justify-content:flex-start!important;align-items:center!important;gap:var(--spacing-md);width:100%;min-height:40px;margin-bottom:var(--spacing-md)}.route-sales-chart__header h4{margin:0;line-height:1.2}.route-sales-chart__filters{position:absolute;top:0;right:0;display:flex;gap:var(--spacing-md)}.route-sales-chart__filter-select,.route-sales-chart__date-select{min-width:120px;max-width:140px}.route-sales-chart__filter-select :global(.app-select-wrapper),.route-sales-chart__date-select :global(.app-select-wrapper){margin:0}.route-sales-chart__filter-select :global(.app-select),.route-sales-chart__date-select :global(.app-select){font-size:var(--font-size-sm);height:32px}.route-sales-chart__filter-select :global(.app-select__trigger),.route-sales-chart__date-select :global(.app-select__trigger){padding:var(--spacing-xs) var(--spacing-sm);min-height:32px;height:32px;display:flex;align-items:center}.route-sales-chart__filter-select :global(.app-select__value),.route-sales-chart__date-select :global(.app-select__value){font-size:var(--font-size-sm);color:var(--text-primary);line-height:1.2}.route-sales-chart__loading,.route-sales-chart__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:var(--spacing-md);color:var(--text-secondary)}.route-sales-chart__loading-spinner{animation:spin 1s linear infinite;color:var(--primary-color)}.route-sales-chart .recharts-container{width:100%;height:300px}@media(max-width:768px){.route-sales-chart__header{flex-direction:column;gap:var(--spacing-md);align-items:flex-start;min-height:auto}.route-sales-chart__filters{position:static;width:100%;justify-content:space-between;margin-top:var(--spacing-sm)}.route-sales-chart__filter-select,.route-sales-chart__date-select{flex:1}}.sales-trend-chart__header{position:relative;display:flex!important;justify-content:flex-start!important;align-items:center!important;gap:var(--spacing-md);width:100%;min-height:40px;margin-bottom:var(--spacing-md)}.sales-trend-chart__header h4{margin:0;line-height:1.2}.sales-trend-chart__filters{position:absolute;top:0;right:0;display:flex;gap:var(--spacing-md)}.sales-trend-chart__filter-select{min-width:140px;max-width:160px}.sales-trend-chart__filter-select :global(.app-select-wrapper){margin:0}.sales-trend-chart__filter-select :global(.app-select){font-size:var(--font-size-sm);height:32px}.sales-trend-chart__filter-select :global(.app-select__trigger){padding:var(--spacing-xs) var(--spacing-sm);min-height:32px;height:32px;display:flex;align-items:center}.sales-trend-chart__filter-select :global(.app-select__value){font-size:var(--font-size-sm);color:var(--text-primary);line-height:1.2}.sales-trend-chart__loading,.sales-trend-chart__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:var(--spacing-md);color:var(--text-secondary)}.sales-trend-chart__loading-spinner{animation:spin 1s linear infinite;color:var(--primary-color)}.sales-trend-chart .recharts-container{width:100%;height:300px}@media(max-width:768px){.sales-trend-chart__header{flex-direction:column;gap:var(--spacing-md);align-items:flex-start;min-height:auto}.sales-trend-chart__filters{position:static;width:100%;margin-top:var(--spacing-sm)}.sales-trend-chart__filter-select{flex:1}}.top-sales-reps__header{position:relative;display:flex!important;justify-content:flex-start!important;align-items:center!important;gap:var(--spacing-md);width:100%}.top-sales-reps__title{display:flex;align-items:center;gap:var(--spacing-sm)}.top-sales-reps__title h4{margin:0;line-height:1.2}.top-sales-reps__title svg{color:var(--primary-color)}.top-sales-reps__limit-select{position:absolute;top:0;right:0;min-width:120px;max-width:140px}.top-sales-reps__limit-select :global(.app-select__trigger){padding:var(--spacing-xs) var(--spacing-sm);min-height:32px;height:32px;display:flex;align-items:center}.top-sales-reps__limit-select :global(.app-select__value){font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.2}.top-sales-reps__loading,.top-sales-reps__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:350px;gap:var(--spacing-md);color:var(--text-secondary);font-size:var(--font-size-md)}.top-sales-reps__loading-spinner{animation:spin 1s linear infinite;color:var(--primary-color)}.recharts-container{width:100%;min-height:350px}.top-products__header{position:relative;display:flex!important;justify-content:flex-start!important;align-items:center!important;gap:var(--spacing-md);width:100%}.top-products__title{display:flex;align-items:center;gap:var(--spacing-sm)}.top-products__title h4{margin:0;line-height:1.2}.top-products__title svg{color:var(--primary-color)}.top-products__limit-select{position:absolute;top:0;right:0;min-width:120px;max-width:140px}.top-products__limit-select :global(.app-select__trigger){padding:var(--spacing-xs) var(--spacing-sm);min-height:32px;height:32px;display:flex;align-items:center}.top-products__limit-select :global(.app-select__value){font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.2}.top-products__loading,.top-products__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:350px;gap:var(--spacing-md);color:var(--text-secondary);font-size:var(--font-size-md)}.top-products__loading-spinner{animation:spin 1s linear infinite;color:var(--primary-color)}.truck-performance__header{display:flex!important;justify-content:flex-start!important;align-items:center!important}.truck-performance__title{display:flex;align-items:center;gap:var(--spacing-sm)}.truck-performance__title h4{margin:0;line-height:1.2}.truck-performance__title svg{color:var(--primary-color)}.truck-performance__loading,.truck-performance__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:var(--spacing-md);color:var(--text-secondary);font-size:var(--font-size-md)}.truck-performance__loading-spinner{animation:spin 1s linear infinite;color:var(--primary-color)}.truck-performance__metrics{display:flex;flex-direction:column;gap:var(--spacing-md)}.truck-performance__metric{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--outline)}.truck-performance__metric:last-child{border-bottom:none}.truck-performance__metric-content{display:flex;flex-direction:column;gap:4px}.truck-performance__metric-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.truck-performance__metric-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.truck-performance__metric-indicator{width:40px;height:40px;border-radius:var(--border-radius-md);flex-shrink:0}.truck-performance__metric-indicator--blue{background-color:var(--primary-color);opacity:.7}.truck-performance__metric-indicator--orange{background-color:var(--warning-color);opacity:.7}.truck-performance__metric-indicator--green{background-color:var(--success-color);opacity:.7}.truck-performance__metric-indicator--red{background-color:var(--danger-color);opacity:.7}.route-performance__header{display:flex!important;justify-content:flex-start!important;align-items:center!important}.route-performance__title{display:flex;align-items:center;gap:var(--spacing-sm)}.route-performance__title h4{margin:0;line-height:1.2}.route-performance__title svg{color:var(--primary-color)}.route-performance__loading,.route-performance__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:var(--spacing-md);color:var(--text-secondary);font-size:var(--font-size-md)}.route-performance__loading-spinner{animation:spin 1s linear infinite;color:var(--primary-color)}.route-performance__metrics{display:flex;flex-direction:column;gap:var(--spacing-md)}.route-performance__metric{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--outline)}.route-performance__metric:last-child{border-bottom:none}.route-performance__metric-content{display:flex;flex-direction:column;gap:4px}.route-performance__metric-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.route-performance__metric-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.route-performance__metric-subtitle{font-size:var(--font-size-sm);color:var(--success-color);font-weight:var(--font-weight-medium)}.route-performance__metric-indicator{width:40px;height:40px;border-radius:var(--border-radius-md);flex-shrink:0}.route-performance__metric-indicator--blue{background-color:var(--primary-color);opacity:.7}.route-performance__metric-indicator--orange{background-color:var(--warning-color);opacity:.7}.route-performance__metric-indicator--green{background-color:var(--success-color);opacity:.7}.route-performance__metric-indicator--red{background-color:var(--danger-color);opacity:.7}.dashboard-page__operations{background:var(--surface-color, #fff);border:1px solid var(--border-color, #e5e7eb);border-radius:12px;padding:20px}.dashboard-page__operations-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.dashboard-page__operations-heading h2{margin:0;font-size:20px;color:var(--text-primary)}.dashboard-page__operations-heading p{margin:4px 0 0;color:var(--text-secondary);font-size:13px}.dashboard-page__operations-heading button{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--border-color, #d1d5db);background:transparent;border-radius:8px;cursor:pointer;color:var(--text-primary)}.dashboard-page__operations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.dashboard-page__operations-card{border:1px solid var(--border-color, #e5e7eb);border-radius:10px;padding:14px;min-width:0}.dashboard-page__operations-card ul{list-style:none;margin:12px 0 0;padding:0}.dashboard-page__operations-card li+li{border-top:1px solid var(--border-color, #e5e7eb)}.dashboard-page__operations-card li button{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 0;width:100%;border:0;background:transparent;text-align:left;color:var(--text-primary);font-size:12px;cursor:pointer}.dashboard-page__operations-card li button:hover,.dashboard-page__operations-card button:hover{color:var(--primary-color)}.dashboard-page__operations-card-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:0;border:0;background:transparent;color:var(--text-primary);font-weight:600;text-align:left;cursor:pointer}.dashboard-page__operations-card-heading strong{background:#fff4e5;color:#a45b08;border-radius:99px;min-width:28px;padding:4px 8px;text-align:center}.dashboard-page__operations-empty{margin:14px 0 0;color:var(--text-secondary);font-size:12px}.dashboard-page__operations-all{border:0;background:transparent;color:var(--primary-color);font-weight:600;font-size:12px;padding:8px 0 0;cursor:pointer}.dashboard-page__recent-changes{margin-top:18px;padding-top:14px;border-top:1px solid var(--border-color, #e5e7eb)}.dashboard-page__recent-changes h3{margin:0 0 8px;font-size:15px}.dashboard-page__recent-changes ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:6px 20px;list-style:none;padding:0;margin:0}.dashboard-page__recent-changes li,.dashboard-page__recent-changes p{font-size:12px;color:var(--text-secondary);margin:0}.dashboard-page__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--spacing-md);color:var(--text-secondary)}.dashboard-page__loading-spinner{animation:spin 1s linear infinite;color:var(--primary-color)}.dashboard-page__pending-returns-alert{display:flex;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-md) var(--spacing-lg);background-color:#fffbeb;border:1px solid #f59e0b;border-radius:var(--border-radius-md);color:#92400e;font-size:14px;cursor:pointer;text-align:left;transition:background-color .15s ease}.dashboard-page__pending-returns-alert:hover{background-color:#fef3c7}.dashboard-page__pending-returns-alert svg{color:#f59e0b;flex-shrink:0}.dashboard-page__pending-returns-alert span{flex:1}.dashboard-page__pending-returns-link{font-weight:600;color:#d97706;flex:0!important;white-space:nowrap}.dashboard-page__performance-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}@media(max-width:1024px){.dashboard-page__performance-grid{grid-template-columns:1fr}}.app-pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md);font-family:var(--font-family-base),sans-serif}.app-pagination--disabled{opacity:.6;pointer-events:none}.app-pagination--sm{gap:var(--spacing-sm)}.app-pagination--sm .app-pagination__icon-button,.app-pagination--sm .app-pagination__page-button{width:28px;height:28px;font-size:var(--font-size-xs)}.app-pagination--sm .app-pagination__icon-button svg,.app-pagination--sm .app-pagination__page-button svg{width:14px;height:14px}.app-pagination--sm .app-pagination__total-text,.app-pagination--sm .app-pagination__page-size-label{font-size:var(--font-size-xs)}.app-pagination--sm .app-pagination__page-size-select{font-size:var(--font-size-xs);padding:var(--spacing-xs)}.app-pagination--md .app-pagination__icon-button,.app-pagination--md .app-pagination__page-button{width:32px;height:32px;font-size:var(--font-size-sm)}.app-pagination--md .app-pagination__icon-button svg,.app-pagination--md .app-pagination__page-button svg{width:16px;height:16px}.app-pagination--md .app-pagination__total-text,.app-pagination--md .app-pagination__page-size-label{font-size:var(--font-size-sm)}.app-pagination--md .app-pagination__page-size-select{font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm)}.app-pagination--lg .app-pagination__icon-button,.app-pagination--lg .app-pagination__page-button{width:36px;height:36px;font-size:var(--font-size-base)}.app-pagination--lg .app-pagination__icon-button svg,.app-pagination--lg .app-pagination__page-button svg{width:18px;height:18px}.app-pagination--lg .app-pagination__total-text,.app-pagination--lg .app-pagination__page-size-label{font-size:var(--font-size-base)}.app-pagination--lg .app-pagination__page-size-select{font-size:var(--font-size-base);padding:var(--spacing-sm)}.app-pagination__total{flex-shrink:0}.app-pagination__total-text{color:var(--text-secondary);font-weight:var(--font-weight-medium)}.app-pagination__navigation{display:flex;align-items:center;gap:var(--spacing-md);flex-shrink:0}.app-pagination__page-size{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.app-pagination__page-size-label{color:var(--text-secondary);font-weight:var(--font-weight-medium);white-space:nowrap}.app-pagination__page-size-select{border:1px solid var(--outline);border-radius:var(--border-radius-sm);background-color:var(--surface);color:var(--text-primary);font-family:inherit;transition:border-color var(--transition-fast)}.app-pagination__page-size-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.2)}.app-pagination__page-size-select:disabled{opacity:.6;cursor:not-allowed}.app-pagination__pages{display:flex;align-items:center;gap:var(--spacing-xs)}.app-pagination__icon-button,.app-pagination__page-button{display:flex;align-items:center;justify-content:center;border:1px solid var(--outline);background-color:var(--surface);color:var(--text-primary);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast);font-family:inherit;font-weight:var(--font-weight-medium)}.app-pagination__icon-button:hover:not(:disabled),.app-pagination__page-button:hover:not(:disabled){border-color:var(--primary-color);background-color:rgba(var(--primary-color-rgb),.04);color:var(--primary-color)}.app-pagination__icon-button:focus-visible,.app-pagination__page-button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.app-pagination__icon-button:disabled,.app-pagination__page-button:disabled{opacity:.4;cursor:not-allowed;background-color:var(--surface-variant);border-color:var(--outline);color:var(--text-secondary)}.app-pagination__page-button--active{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--on-primary)}.app-pagination__page-button--active:hover{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--on-primary);filter:brightness(1.05)}.app-pagination__ellipsis{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--text-secondary)}.app-pagination__ellipsis svg{width:16px;height:16px}.app-pagination--simple{justify-content:center}.app-pagination--simple .app-pagination__nav-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--outline);background-color:var(--surface);color:var(--text-primary);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast);font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.app-pagination--simple .app-pagination__nav-button svg{width:16px;height:16px}.app-pagination--simple .app-pagination__nav-button:hover:not(:disabled){border-color:var(--primary-color);background-color:rgba(var(--primary-color-rgb),.04);color:var(--primary-color)}.app-pagination--simple .app-pagination__nav-button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.app-pagination--simple .app-pagination__nav-button:disabled{opacity:.4;cursor:not-allowed;background-color:var(--surface-variant)}.app-pagination--simple .app-pagination__info{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.app-pagination--compact{justify-content:center;gap:var(--spacing-sm)}.app-pagination--compact .app-pagination__compact-info{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium);min-width:60px;text-align:center}@media(max-width:768px){.app-pagination{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.app-pagination--simple,.app-pagination--compact{flex-direction:row;align-items:center;justify-content:center}.app-pagination__total{order:2;text-align:center}.app-pagination__navigation{order:1;justify-content:center;flex-wrap:wrap;gap:var(--spacing-sm)}.app-pagination__page-size{order:1;justify-content:center}.app-pagination__pages{order:2;justify-content:center;flex-wrap:wrap}}@media(max-width:480px){.app-pagination__pages .app-pagination__page-button:not(.app-pagination__page-button--active){display:none}.app-pagination__pages .app-pagination__page-button:not(.app-pagination__page-button--active):nth-child(n-1):nth-child(-n+1),.app-pagination__pages .app-pagination__page-button:not(.app-pagination__page-button--active):nth-child(n+1):nth-child(-n+3){display:flex}.app-pagination__pages .app-pagination__ellipsis{display:none}}@media(min-width:768px)and (max-width:1024px){.app-pagination,.app-pagination__navigation{gap:var(--spacing-sm)}}.theme-dark .app-pagination__icon-button,.theme-dark .app-pagination__page-button,.theme-dark .app-pagination__nav-button{background-color:var(--surface);border-color:var(--outline)}.theme-dark .app-pagination__icon-button:hover:not(:disabled),.theme-dark .app-pagination__page-button:hover:not(:disabled),.theme-dark .app-pagination__nav-button:hover:not(:disabled){background-color:rgba(var(--primary-color-rgb),.08)}.theme-dark .app-pagination__icon-button:disabled,.theme-dark .app-pagination__page-button:disabled,.theme-dark .app-pagination__nav-button:disabled{background-color:var(--surface-variant)}.theme-dark .app-pagination__page-size-select{background-color:var(--surface);border-color:var(--outline)}@media(prefers-reduced-motion:reduce){.app-pagination__icon-button,.app-pagination__page-button,.app-pagination__nav-button,.app-pagination__page-size-select{transition:none}}.app-table-container{position:relative;width:100%}.app-table-wrapper--with-pagination{display:flex;flex-direction:column}.app-table__responsive-wrapper{overflow-x:auto;border-radius:var(--border-radius-lg);border:1.5px solid var(--outline)}.app-table__responsive-wrapper::-webkit-scrollbar{height:8px}.app-table__responsive-wrapper::-webkit-scrollbar-track{background:var(--surface-variant)}.app-table__responsive-wrapper::-webkit-scrollbar-thumb{background:var(--outline);border-radius:var(--border-radius-full)}.app-table__responsive-wrapper::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.app-table__responsive-wrapper{scrollbar-width:thin;scrollbar-color:var(--outline) var(--surface-variant)}.app-table{width:100%;border-collapse:collapse;background-color:var(--surface);color:var(--text-primary)}.app-table--sm{font-size:var(--font-size-base)}.app-table--sm .app-table__header-cell,.app-table--sm .app-table__cell{padding:var(--spacing-sm)}.app-table--md{font-size:var(--font-size-base)}.app-table--md .app-table__header-cell,.app-table--md .app-table__cell{padding:var(--spacing-sm)}.app-table--lg{font-size:var(--font-size-lg)}.app-table--lg .app-table__header-cell,.app-table--lg .app-table__cell{padding:var(--spacing-md) var(--spacing-lg)}.app-table--bordered .app-table__header-cell,.app-table--bordered .app-table__cell{border:1px solid var(--outline)}.app-table--striped .app-table__row:nth-child(2n){background-color:var(--surface-variant)}.app-table .app-table__row:nth-child(2n){background-color:var(--surface-variant)}.app-table--hoverable .app-table__row:hover{background-color:rgba(var(--primary-color-rgb),.04)}.app-table__header{background-color:var(--surface-variant)}.app-table__header-cell{padding:var(--spacing-sm);text-align:left;font-weight:var(--font-weight-semibold);color:var(--text-primary);border-bottom:1px solid var(--outline);position:relative;min-height:48px}.app-table__header-cell--center{text-align:center}.app-table__header-cell--right{text-align:right}.app-table__header-cell--sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-fast)}.app-table__header-cell--sortable:hover{background-color:rgba(var(--primary-color-rgb),.08)}.app-table__header-cell--sorted{background-color:rgba(var(--primary-color-rgb),.12)}.app-table__header-content{display:flex;align-items:center;gap:var(--spacing-xs);justify-content:space-between;min-height:32px}.app-table__sort-icons{display:flex;flex-direction:column;gap:1px;opacity:.5;transition:opacity var(--transition-fast);flex-shrink:0}.app-table__header-cell--sortable:hover .app-table__sort-icons,.app-table__header-cell--sorted .app-table__sort-icons{opacity:1}.app-table__sort-icon{color:var(--text-secondary);transition:color var(--transition-fast)}.app-table__sort-icon--active{color:var(--primary-color)}.app-table__body{background-color:var(--surface)}.app-table__footer{background-color:var(--surface-variant);border-top:1px solid var(--outline)}.app-table__footer .app-table__cell{font-weight:var(--font-weight-semibold);padding-top:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:none}.app-table__row{transition:background-color var(--transition-fast)}.app-table__row--clickable{cursor:pointer}.app-table__row--hoverable:hover{background-color:rgba(var(--primary-color-rgb),.04)}.app-table__cell{padding:var(--spacing-sm);border-bottom:1px solid rgba(var(--outline-rgb),.5);vertical-align:middle;text-align:center;font-size:14px;font-weight:500}.app-table__cell--center{text-align:center}.app-table__cell--right{text-align:right}.app-table__cell--left{text-align:left}.app-table__row:last-child .app-table__cell{border-bottom:none}.app-table__two-line-cell .title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-xs) 0;line-height:var(--line-height-tight)}.app-table__two-line-cell .subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:var(--line-height-base)}.app-table__avatar-cell{display:flex;align-items:center;gap:var(--spacing-sm)}.app-table__avatar-cell .avatar{width:32px;height:32px;border-radius:var(--border-radius-full);background-color:var(--primary-container);color:var(--on-primary-container);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);flex-shrink:0}.app-table__avatar-cell .info{min-width:0;flex:1}.app-table__avatar-cell .name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-xs) 0;line-height:var(--line-height-tight)}.app-table__avatar-cell .detail{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:var(--line-height-base)}.app-table__actions-cell{display:flex;align-items:center;gap:var(--spacing-xs);justify-content:flex-end}.app-table__actions-cell button{opacity:.8;transition:opacity var(--transition-fast)}.app-table__actions-cell button:hover{opacity:1}.app-table__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-4xl);color:var(--text-secondary);gap:var(--spacing-md)}.app-table__loading-spinner{width:32px;height:32px;border:3px solid var(--outline);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.app-table__empty{display:flex;align-items:center;justify-content:center;padding:var(--spacing-4xl);color:var(--text-secondary);font-style:italic;background-color:var(--surface);border:1.5px solid var(--outline);border-radius:var(--border-radius-lg)}.app-table__empty-wrapper{display:flex;align-items:center;justify-content:center;min-height:200px;background-color:var(--surface);border:1.5px solid var(--outline);border-radius:var(--border-radius-lg)}@media(max-width:768px){.app-table__responsive-wrapper{border-radius:var(--border-radius-md)}.app-table{min-width:600px}.app-table--sm{font-size:var(--font-size-sm)}.app-table--sm .app-table__header-cell,.app-table--sm .app-table__cell{padding:var(--spacing-xs) var(--spacing-sm)}.app-table--md,.app-table--lg{font-size:var(--font-size-sm)}.app-table--md .app-table__header-cell,.app-table--md .app-table__cell,.app-table--lg .app-table__header-cell,.app-table--lg .app-table__cell{padding:var(--spacing-xs) var(--spacing-sm)}.app-table__header-cell{min-height:40px}.app-table__header-content{min-height:28px}.app-table__sort-icons{flex-direction:row;gap:var(--spacing-xs)}.app-table__avatar-cell .avatar{width:28px;height:28px;font-size:var(--font-size-xs)}.app-table__two-line-cell .title{font-size:var(--font-size-sm)}.app-table__two-line-cell .subtitle{font-size:var(--font-size-xs)}.app-table__actions-cell{flex-direction:column;gap:2px}.app-table__actions-cell button{font-size:var(--font-size-xs);padding:var(--spacing-xs)}}.theme-dark .app-table{background-color:var(--surface)}.theme-dark .app-table--striped .app-table__row:nth-child(2n){background-color:var(--surface-variant)}.theme-dark .app-table__header{background-color:var(--surface-variant)}.theme-dark .app-table__header-cell,.theme-dark .app-table__cell{border-color:var(--outline)}.theme-dark .app-table__empty{background-color:var(--surface);border-color:var(--outline)}.theme-dark .app-table__responsive-wrapper{border-color:var(--outline)}@media(prefers-reduced-motion:reduce){.app-table__row,.app-table__header-cell,.app-table__sort-icons,.app-table__sort-icon{transition:none}.app-table__loading-spinner{animation:none}}.app-alert{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--border-radius-lg);border-left:4px solid;background-color:var(--surface-variant);transition:all var(--transition-normal);word-wrap:break-word}.app-alert--success{border-left-color:var(--success-color);background-color:var(--success-container);color:var(--on-success-container)}.app-alert--success .app-alert__icon{color:var(--success-color)}.app-alert--error{border-left-color:var(--danger-color);background-color:var(--error-container);color:var(--on-error-container)}.app-alert--error .app-alert__icon{color:var(--danger-color)}.app-alert--warning{border-left-color:var(--warning-color);background-color:var(--warning-container);color:var(--on-warning-container)}.app-alert--warning .app-alert__icon{color:var(--warning-color)}.app-alert--info{border-left-color:var(--info-color);background-color:var(--info-container);color:var(--on-info-container)}.app-alert--info .app-alert__icon{color:var(--info-color)}.app-alert--dismissible{padding-right:var(--spacing-lg)}.app-alert--with-action .app-alert__content{padding-bottom:var(--spacing-xs)}.app-alert__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:2px}.app-alert__content{flex:1;min-width:0}.app-alert__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-xs) 0;line-height:var(--line-height-tight)}.app-alert__message{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin:0;word-wrap:break-word;overflow-wrap:break-word}.app-alert__title+.app-alert__message{margin-top:0}.app-alert__action{margin-top:var(--spacing-sm)}.app-alert__dismiss{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:none;border-radius:var(--border-radius-sm);color:inherit;opacity:.7;cursor:pointer;transition:all var(--transition-fast);margin-top:2px}.app-alert__dismiss:hover{opacity:1;background-color:#0000001a}.app-alert__dismiss:focus-visible{outline:2px solid currentColor;outline-offset:1px;opacity:1}@media(max-width:768px){.app-alert{padding:var(--spacing-sm) var(--spacing-md)}.app-alert--dismissible{padding-right:var(--spacing-md)}.app-alert__title,.app-alert__message{font-size:var(--font-size-sm)}.app-alert__action{margin-top:var(--spacing-xs)}.app-alert__action button{width:100%}}.theme-dark .app-alert--success{background-color:rgba(var(--success-color-rgb),.1);color:var(--success-color)}.theme-dark .app-alert--error{background-color:rgba(var(--danger-color-rgb),.1);color:var(--danger-color)}.theme-dark .app-alert--warning{background-color:rgba(var(--warning-color-rgb),.1);color:var(--warning-color)}.theme-dark .app-alert--info{background-color:rgba(var(--info-color-rgb),.1);color:var(--info-color)}.theme-dark .app-alert__dismiss:hover{background-color:#ffffff1a}@media(prefers-reduced-motion:reduce){.app-alert{transition:none}}.app-chip{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--border-radius-full);font-family:var(--font-family-base),sans-serif;font-weight:var(--font-weight-medium);transition:all var(--transition-fast);cursor:default;-webkit-user-select:none;user-select:none;vertical-align:middle;text-decoration:none;border:none;outline:none;position:relative;overflow:hidden;white-space:nowrap;background-color:rgba(var(--text-secondary-rgb),.12);color:var(--text-secondary);padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);min-height:32px}.app-chip--sm{font-size:var(--font-size-xs);min-height:24px;padding:2px var(--spacing-sm)}.app-chip--sm .app-chip__icon svg{width:12px;height:12px}.app-chip--md{font-size:var(--font-size-sm);min-height:32px;padding:var(--spacing-xs) var(--spacing-md)}.app-chip--md .app-chip__icon svg{width:14px;height:14px}.app-chip--lg{font-size:var(--font-size-base);min-height:40px;padding:var(--spacing-sm) var(--spacing-lg)}.app-chip--lg .app-chip__icon svg{width:16px;height:16px}.app-chip--clickable{cursor:pointer}.app-chip--clickable:hover{filter:brightness(.95);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.app-chip--clickable:active{transform:translateY(0);filter:brightness(.9)}.app-chip--clickable:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.app-chip--disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.app-chip--selected{font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-sm)}.app-chip__content{display:flex;align-items:center;gap:var(--spacing-xs);width:100%}.app-chip__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1}.app-chip__title{line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:inherit}.app-chip__pulsing-dot{width:var(--dot-size, 8px);height:var(--dot-size, 8px);border-radius:50%;background-color:var(--dot-color, var(--success-color));position:relative;animation:pulse 1.5s ease-in-out infinite alternate}.app-chip__pulsing-dot:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;background-color:inherit;animation:pulseRing 1.5s ease-in-out infinite}@keyframes pulse{0%{opacity:.6}to{opacity:1}}@keyframes pulseRing{0%{transform:translate(-50%,-50%) scale(1);opacity:.7}to{transform:translate(-50%,-50%) scale(2);opacity:0}}.app-chip--primary{background-color:rgba(var(--primary-color-rgb),.15);color:var(--primary-color)}.app-chip--primary.app-chip--selected{background-color:var(--primary-color);color:var(--on-primary)}.app-chip--primary .app-chip__icon{color:var(--primary-color)}.app-chip--primary.app-chip--selected .app-chip__icon{color:var(--on-primary)}.app-chip--secondary{background-color:rgba(var(--secondary-color-rgb),.15);color:var(--secondary-color)}.app-chip--secondary.app-chip--selected{background-color:var(--secondary-color);color:var(--on-secondary)}.app-chip--secondary .app-chip__icon{color:var(--secondary-color)}.app-chip--secondary.app-chip--selected .app-chip__icon{color:var(--on-secondary)}.app-chip--success{background-color:rgba(var(--success-color-rgb),.15);color:var(--success-color)}.app-chip--success.app-chip--selected{background-color:var(--success-color);color:var(--on-success)}.app-chip--success .app-chip__icon{color:var(--success-color)}.app-chip--success.app-chip--selected .app-chip__icon{color:var(--on-success)}.app-chip--error{background-color:rgba(var(--danger-color-rgb),.15);color:var(--danger-color)}.app-chip--error.app-chip--selected{background-color:var(--danger-color);color:var(--on-danger)}.app-chip--error .app-chip__icon{color:var(--danger-color)}.app-chip--error.app-chip--selected .app-chip__icon{color:var(--on-danger)}.app-chip--warning{background-color:rgba(var(--warning-color-rgb),.15);color:var(--warning-color)}.app-chip--warning.app-chip--selected{background-color:var(--warning-color);color:var(--on-warning)}.app-chip--warning .app-chip__icon{color:var(--warning-color)}.app-chip--warning.app-chip--selected .app-chip__icon{color:var(--on-warning)}.app-chip--info{background-color:rgba(var(--info-color-rgb),.15);color:var(--info-color)}.app-chip--info.app-chip--selected{background-color:var(--info-color);color:var(--on-info)}.app-chip--info .app-chip__icon{color:var(--info-color)}.app-chip--info.app-chip--selected .app-chip__icon{color:var(--on-info)}.app-chip--inactive{background-color:rgba(var(--text-secondary-rgb),.1);color:var(--text-secondary);opacity:.7}.app-chip--inactive.app-chip--selected{background-color:var(--text-secondary);color:var(--surface);opacity:1}.app-chip--inactive .app-chip__icon{color:var(--text-secondary)}.app-chip--inactive.app-chip--selected .app-chip__icon{color:var(--surface)}.app-chip--custom{background-color:var(--chip-bg-color, #666);color:var(--chip-text-color, white);opacity:.85}.app-chip--custom .app-chip__icon{color:var(--chip-text-color, white)}.app-chip--custom.app-chip--selected{background-color:var(--chip-selected-bg, var(--chip-bg-color, #666));color:var(--chip-selected-text, white);opacity:1}.app-chip--custom.app-chip--selected .app-chip__icon{color:var(--chip-selected-text, white)}@media(max-width:768px){.app-chip--sm{min-height:28px;font-size:var(--font-size-xs);padding:4px var(--spacing-sm)}.app-chip--md{min-height:32px;font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm)}.app-chip--lg{min-height:36px;font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md)}}.theme-dark .app-chip--primary{background-color:rgba(var(--primary-color-rgb),.25)}.theme-dark .app-chip--secondary{background-color:rgba(var(--secondary-color-rgb),.25)}.theme-dark .app-chip--success{background-color:rgba(var(--success-color-rgb),.25)}.theme-dark .app-chip--error{background-color:rgba(var(--danger-color-rgb),.25)}.theme-dark .app-chip--warning{background-color:rgba(var(--warning-color-rgb),.25)}.theme-dark .app-chip--info{background-color:rgba(var(--info-color-rgb),.25)}.theme-dark .app-chip--inactive{background-color:rgba(var(--text-secondary-rgb),.2)}@media(prefers-reduced-motion:reduce){.app-chip{transition:none}.app-chip--clickable:hover,.app-chip--clickable:active{transform:none}.app-chip__pulsing-dot{animation:none}.app-chip__pulsing-dot:before{animation:none;display:none}}.inventory-filters-dialog{display:flex;flex-direction:column;gap:var(--spacing-lg)}@media(max-width:768px){.inventory-filters-dialog{gap:var(--spacing-md)}}.inventory-filters-dialog__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.inventory-filters-dialog__row:has(.inventory-filters-dialog__field:only-child){grid-template-columns:1fr}@media(max-width:768px){.inventory-filters-dialog__row{grid-template-columns:1fr;gap:var(--spacing-md)}}.inventory-filters-dialog__field{display:flex;flex-direction:column}.inventory-page__filter-btn{display:flex;align-items:center;gap:var(--spacing-xs);position:relative;white-space:nowrap}@media(max-width:768px){.inventory-page__filter-btn{flex:1;justify-content:center}}.inventory-page__filter-badge{position:absolute;top:-6px;right:-6px;background-color:var(--primary-color);color:var(--on-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:2px 6px;border-radius:var(--border-radius-full);min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;line-height:1}.inventory-page__summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.inventory-page__chart .recharts-container{width:100%;height:300px}.inventory-page__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--spacing-md);color:var(--text-secondary)}.inventory-page__loading span{font-size:var(--font-size-base)}.inventory-page__loading-spinner{width:40px;height:40px;border:4px solid var(--outline);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.inventory-table__checkbox{width:16px;height:16px;cursor:pointer}.inventory-details-page__breadcrumb{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-md) 0}.inventory-details-page__back-btn{display:flex;align-items:center;gap:var(--spacing-xs);background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}.inventory-details-page__back-btn:hover{color:var(--primary-color)}.inventory-details-page__back-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:var(--border-radius-sm)}.inventory-details-page__separator{color:var(--text-tertiary);font-size:var(--font-size-sm)}.inventory-details-page__current{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.inventory-details-page__loading,.inventory-details-page__not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;gap:var(--spacing-lg);color:var(--text-secondary)}.inventory-details-page__loading h2,.inventory-details-page__not-found h2{color:var(--text-primary);margin:0}.inventory-details-page__loading p,.inventory-details-page__not-found p{margin:0}.inventory-details-page__loading-spinner{border:4px solid var(--surface-container-highest);border-top:4px solid var(--primary-color);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:var(--spacing-md)}.inventory-details-page__overview-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg)}.inventory-details-page__charts{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}@media(max-width:768px){.inventory-details-page__charts{grid-template-columns:1fr}}.inventory-details-page__chart-container{min-height:0;display:flex;flex-direction:column}.inventory-details-page__chart{width:100%;height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center}.inventory-details-page__empty-chart{display:flex;align-items:center;justify-content:center;min-height:300px;color:var(--text-secondary);font-size:var(--font-size-sm)}.inventory-details-page__pie-legend{display:flex;flex-direction:row;justify-content:center;gap:var(--spacing-lg);margin-top:var(--spacing-md);padding:0 var(--spacing-sm);flex-wrap:wrap}.inventory-details-page__legend-item{display:flex;align-items:center;gap:var(--spacing-sm);min-height:20px;padding:var(--spacing-xs) var(--spacing-sm);background:var(--surface-variant);border-radius:var(--border-radius-sm);flex-shrink:0}.inventory-details-page__legend-color{width:12px;height:12px;border-radius:var(--border-radius-xs);flex-shrink:0;margin-top:1px}.inventory-details-page__legend-label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium);line-height:1.4;word-break:break-word;flex:1}.inventory-details-page__details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.inventory-details-page__detail-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.inventory-details-page__detail-label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.inventory-details-page__detail-value{font-size:var(--font-size-base);color:var(--text-primary);font-weight:var(--font-weight-medium)}@media(max-width:768px){.inventory-details-page__overview-cards,.inventory-details-page__details-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.inventory-details-page__pie-legend{margin-top:var(--spacing-sm);gap:var(--spacing-md);flex-direction:row;justify-content:center}.inventory-details-page__legend-item{min-height:18px;padding:var(--spacing-xs) var(--spacing-sm)}.inventory-details-page__legend-label{font-size:var(--font-size-xs)}}@media(prefers-reduced-motion:reduce){.inventory-details-page__loading-spinner{animation:none}}.inventory-details-page__receipt-form{display:grid;gap:1rem}.inventory-details-page__warehouse-balances{display:grid;gap:var(--spacing-sm)}.inventory-details-page__warehouse-row{display:grid;grid-template-columns:minmax(12rem,2fr) repeat(3,minmax(7rem,1fr));gap:var(--spacing-md);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--outline)}.inventory-details-page__warehouse-row:last-child{border-bottom:0}@media(max-width:768px){.inventory-details-page__warehouse-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.sub-inventory-page__actions{display:flex;align-items:center;gap:var(--spacing-md)}@media(max-width:768px){.sub-inventory-page__actions{flex-direction:column;width:100%}.sub-inventory-page__actions .app-button{width:100%}}.sub-inventory-page__filter-btn{display:flex;align-items:center;gap:var(--spacing-xs);position:relative;white-space:nowrap}@media(max-width:768px){.sub-inventory-page__filter-btn{flex:1;justify-content:center}}.sub-inventory-page__filter-badge{position:absolute;top:-6px;right:-6px;background-color:var(--primary-color);color:var(--on-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:2px 6px;border-radius:var(--border-radius-full);min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;line-height:1}.sub-inventory-page__summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}@media(max-width:768px){.sub-inventory-page__summary-cards{grid-template-columns:1fr;gap:var(--spacing-md)}}.sub-inventory-page__cell-stack{display:flex;flex-direction:column;gap:2px}.sub-inventory-page__cell-primary{font-weight:var(--font-weight-medium);color:var(--text-primary)}.sub-inventory-page__cell-secondary{font-size:var(--font-size-sm);color:var(--text-secondary)}.sub-inventory-page__notes{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-secondary)}.add-sub-inventory__form{display:flex;flex-direction:column;gap:var(--spacing-lg);max-width:600px}.add-sub-inventory__row{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}@media(min-width:768px){.add-sub-inventory__row{grid-template-columns:repeat(2,1fr)}}.add-sub-inventory__field--full{grid-column:1/-1}.add-sub-inventory__actions{display:flex;justify-content:flex-end;gap:var(--spacing-md)}@media(max-width:768px){.add-sub-inventory__actions{flex-direction:column-reverse}.add-sub-inventory__actions .app-button{width:100%}}.load-sub-inventory-page__loading{display:flex;align-items:center;justify-content:center;min-height:400px;color:var(--text-secondary);font-size:var(--font-size-lg)}.load-sub-inventory-page__info{display:flex;align-items:flex-start;gap:var(--spacing-md);color:var(--primary-color)}.load-sub-inventory-page__info-details{display:flex;flex-direction:column;gap:var(--spacing-xs)}.load-sub-inventory-page__info-row{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-primary)}.load-sub-inventory-page__info-label{color:var(--text-secondary);min-width:80px}.load-sub-inventory-page__info-code{color:var(--text-secondary);font-size:var(--font-size-sm)}.load-sub-inventory-page__grid{display:grid;grid-template-columns:1fr 420px;gap:var(--spacing-lg);align-items:start}@media(max-width:1200px){.load-sub-inventory-page__grid{grid-template-columns:1fr}}.load-sub-inventory-page__products-card{display:flex;flex-direction:column}.load-sub-inventory-page__selected-card{position:sticky;top:80px;display:flex;flex-direction:column;max-height:calc(100vh - 120px)}.load-sub-inventory-page__selected-card .app-card__body{overflow-y:auto;flex:1}@media(max-width:1200px){.load-sub-inventory-page__selected-card{position:static;max-height:none}.load-sub-inventory-page__selected-card .app-card__body{overflow-y:visible}}.load-sub-inventory-page__search{margin-bottom:var(--spacing-md)}.load-sub-inventory-page__product-cell{display:flex;flex-direction:column;gap:2px}.load-sub-inventory-page__product-name{font-weight:var(--font-weight-medium);color:var(--text-primary)}.load-sub-inventory-page__product-sku{font-size:var(--font-size-sm);color:var(--text-secondary)}.load-sub-inventory-page__cart-header{display:flex;align-items:center;gap:var(--spacing-sm)}.load-sub-inventory-page__cart-header h4{margin:0}.load-sub-inventory-page__cart-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 var(--spacing-xs);border-radius:11px;background-color:var(--primary-color);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.load-sub-inventory-page__cart-labels{display:flex;justify-content:space-between;padding:0 0 var(--spacing-xs);border-bottom:1px solid var(--border-color);font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--spacing-xs)}.load-sub-inventory-page__cart-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.load-sub-inventory-page__cart-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--border-radius-md);background-color:var(--surface-color)}.load-sub-inventory-page__cart-item:hover{border-color:var(--primary-color-light, var(--primary-color));background-color:var(--surface-variant)}.load-sub-inventory-page__cart-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.load-sub-inventory-page__cart-item-info .load-sub-inventory-page__product-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.load-sub-inventory-page__cart-item-controls{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.load-sub-inventory-page__stepper{display:flex;align-items:center;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);overflow:hidden}.load-sub-inventory-page__stepper-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--surface-variant);border:none;cursor:pointer;font-size:var(--font-size-md);color:var(--text-primary);line-height:1;transition:background .15s}.load-sub-inventory-page__stepper-btn:hover:not(:disabled){background-color:var(--primary-color);color:#fff}.load-sub-inventory-page__stepper-btn:disabled{opacity:.35;cursor:not-allowed}.load-sub-inventory-page__stepper-value{min-width:44px;text-align:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);padding:0 var(--spacing-xs);white-space:nowrap}.load-sub-inventory-page__stepper-max{font-weight:var(--font-weight-normal);color:var(--text-secondary);font-size:var(--font-size-xs)}.load-sub-inventory-page__avail{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:2px 8px;border-radius:var(--border-radius-sm)}.load-sub-inventory-page__avail--ok{color:var(--success-color);background-color:rgba(var(--success-color-rgb, 34, 197, 94),.1)}.load-sub-inventory-page__avail--low{color:var(--warning-color);background-color:rgba(var(--warning-color-rgb, 245, 158, 11),.1)}.load-sub-inventory-page__avail--out-of-stock{color:var(--danger-color);background-color:rgba(var(--danger-color-rgb),.1)}.load-sub-inventory-page__price-input .app-input-wrapper{margin-bottom:0}.load-sub-inventory-page__price-input .app-input__field{width:76px;text-align:right;padding:var(--spacing-xs) var(--spacing-sm);height:28px}.load-sub-inventory-page__cart-item-total{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);min-width:60px;text-align:right}.load-sub-inventory-page__cart-remove{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:var(--border-radius-sm);background:transparent;color:var(--danger-color);cursor:pointer;flex-shrink:0;transition:background .15s}.load-sub-inventory-page__cart-remove:hover{background-color:rgba(var(--danger-color-rgb),.1)}.load-sub-inventory-page__input .app-input-wrapper{margin-bottom:0}.load-sub-inventory-page__input .app-input__field{text-align:right;padding:var(--spacing-xs) var(--spacing-sm)}.load-sub-inventory-page__remove-btn{color:var(--danger-color)}.load-sub-inventory-page__remove-btn:hover{background-color:rgba(var(--danger-color-rgb),.1)}.load-sub-inventory-page__summary{margin-top:var(--spacing-lg);padding:var(--spacing-md);background-color:var(--surface-variant);border-radius:var(--border-radius-md)}.load-sub-inventory-page__summary-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) 0}.load-sub-inventory-page__summary-row:not(:last-child){border-bottom:1px solid var(--border-color)}.load-sub-inventory-page__summary-row--total{padding-top:var(--spacing-sm);margin-top:var(--spacing-xs);font-size:var(--font-size-lg)}.load-sub-inventory-page__summary-row--total strong{color:var(--primary-color)}.load-sub-inventory-page__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);color:var(--text-secondary);text-align:center}.load-sub-inventory-page__empty svg{margin-bottom:var(--spacing-md);opacity:.5}.load-sub-inventory-page__empty p{margin:0 0 var(--spacing-xs);font-weight:var(--font-weight-medium);color:var(--text-primary)}.load-sub-inventory-page__empty span{font-size:var(--font-size-sm)}.load-sub-inventory-page__actions{display:flex;justify-content:flex-end;gap:var(--spacing-md)}@media(max-width:768px){.load-sub-inventory-page__actions{flex-direction:column-reverse}.load-sub-inventory-page__actions .app-button{width:100%}}.close-sub-inventory-dialog{display:flex;flex-direction:column;gap:var(--spacing-lg)}@media(max-width:768px){.close-sub-inventory-dialog{gap:var(--spacing-md)}}.close-sub-inventory-dialog__warning p{margin:0;color:var(--text-secondary);line-height:1.5}.close-sub-inventory-dialog__row{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}@media(max-width:768px){.close-sub-inventory-dialog__row{gap:var(--spacing-md)}}.close-sub-inventory-dialog__field{display:flex;flex-direction:column}.return-item-dialog{display:flex;flex-direction:column;gap:var(--spacing-lg)}@media(max-width:768px){.return-item-dialog{gap:var(--spacing-md)}}.return-item-dialog__item-info{background:var(--surface-secondary);border-radius:var(--border-radius-md);padding:var(--spacing-md)}.return-item-dialog__item-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--warning-color)}.return-item-dialog__item-details{display:flex;flex-direction:column;gap:var(--spacing-xs)}.return-item-dialog__item-name{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.return-item-dialog__item-sku{font-size:var(--font-size-sm);color:var(--text-secondary)}.return-item-dialog__item-stats{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border-color);font-size:var(--font-size-sm);color:var(--text-secondary)}.return-item-dialog__item-stats span{display:flex;gap:var(--spacing-xs)}.return-item-dialog__item-stats strong{color:var(--text-primary)}@media(max-width:480px){.return-item-dialog__item-stats{flex-direction:column;gap:var(--spacing-xs)}}.return-item-dialog__field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.return-item-dialog__hint{font-size:var(--font-size-xs);color:var(--text-secondary)}.return-item-dialog__error{padding:var(--spacing-sm) var(--spacing-md);background:rgba(var(--danger-rgb),.1);border:1px solid var(--danger-color);border-radius:var(--border-radius-sm);color:var(--danger-color);font-size:var(--font-size-sm)}.return-item-dialog__footer{display:flex;gap:var(--spacing-sm);margin-left:auto}.damage-item-dialog{display:flex;flex-direction:column;gap:var(--spacing-lg)}@media(max-width:768px){.damage-item-dialog{gap:var(--spacing-md)}}.damage-item-dialog__item-info{background:rgba(var(--danger-rgb),.05);border:1px solid rgba(var(--danger-rgb),.2);border-radius:var(--border-radius-md);padding:var(--spacing-md)}.damage-item-dialog__item-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--danger-color)}.damage-item-dialog__item-details{display:flex;flex-direction:column;gap:var(--spacing-xs)}.damage-item-dialog__item-name{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.damage-item-dialog__item-sku{font-size:var(--font-size-sm);color:var(--text-secondary)}.damage-item-dialog__item-stats{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border-color);font-size:var(--font-size-sm);color:var(--text-secondary)}.damage-item-dialog__item-stats span{display:flex;gap:var(--spacing-xs)}.damage-item-dialog__item-stats strong{color:var(--text-primary)}@media(max-width:480px){.damage-item-dialog__item-stats{flex-direction:column;gap:var(--spacing-xs)}}.damage-item-dialog__field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.damage-item-dialog__hint{font-size:var(--font-size-xs);color:var(--text-secondary)}.damage-item-dialog__error{padding:var(--spacing-sm) var(--spacing-md);background:rgba(var(--danger-rgb),.1);border:1px solid var(--danger-color);border-radius:var(--border-radius-sm);color:var(--danger-color);font-size:var(--font-size-sm)}.damage-item-dialog__footer{display:flex;gap:var(--spacing-sm);margin-left:auto}.adjust-item-dialog{display:flex;flex-direction:column;gap:var(--spacing-lg)}@media(max-width:768px){.adjust-item-dialog{gap:var(--spacing-md)}}.adjust-item-dialog__item-info{background:var(--surface-secondary);border-radius:var(--border-radius-md);padding:var(--spacing-md)}.adjust-item-dialog__item-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--primary-color)}.adjust-item-dialog__item-details{display:flex;flex-direction:column;gap:var(--spacing-xs)}.adjust-item-dialog__item-name{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.adjust-item-dialog__item-sku{font-size:var(--font-size-sm);color:var(--text-secondary)}.adjust-item-dialog__item-stats{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border-color);font-size:var(--font-size-sm);color:var(--text-secondary)}.adjust-item-dialog__item-stats span{display:flex;gap:var(--spacing-xs)}.adjust-item-dialog__item-stats strong{color:var(--text-primary)}@media(max-width:480px){.adjust-item-dialog__item-stats{flex-direction:column;gap:var(--spacing-xs)}}.adjust-item-dialog__field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.adjust-item-dialog__quantity-wrapper{display:flex;align-items:flex-end;gap:var(--spacing-sm)}.adjust-item-dialog__quantity-wrapper .app-input{flex:1}.adjust-item-dialog__quantity-sign{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--border-radius-md);margin-bottom:2px}.adjust-item-dialog__quantity-sign--positive{background:rgba(var(--success-rgb),.1);color:var(--success-color)}.adjust-item-dialog__quantity-sign--negative{background:rgba(var(--danger-rgb),.1);color:var(--danger-color)}.adjust-item-dialog__hint{font-size:var(--font-size-xs);color:var(--text-secondary)}.adjust-item-dialog__error{padding:var(--spacing-sm) var(--spacing-md);background:rgba(var(--danger-rgb),.1);border:1px solid var(--danger-color);border-radius:var(--border-radius-sm);color:var(--danger-color);font-size:var(--font-size-sm)}.adjust-item-dialog__footer{display:flex;gap:var(--spacing-sm);margin-left:auto}.missing-item-dialog{display:flex;flex-direction:column;gap:var(--spacing-lg)}@media(max-width:768px){.missing-item-dialog{gap:var(--spacing-md)}}.missing-item-dialog__item-info{background:rgba(var(--warning-rgb),.05);border:1px solid rgba(var(--warning-rgb),.2);border-radius:var(--border-radius-md);padding:var(--spacing-md)}.missing-item-dialog__item-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--warning-color)}.missing-item-dialog__item-details{display:flex;flex-direction:column;gap:var(--spacing-xs)}.missing-item-dialog__item-name{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.missing-item-dialog__item-sku{font-size:var(--font-size-sm);color:var(--text-secondary)}.missing-item-dialog__item-stats{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border-color);font-size:var(--font-size-sm);color:var(--text-secondary)}.missing-item-dialog__item-stats span{display:flex;gap:var(--spacing-xs)}.missing-item-dialog__item-stats strong{color:var(--text-primary)}@media(max-width:480px){.missing-item-dialog__item-stats{flex-direction:column;gap:var(--spacing-xs)}}.missing-item-dialog__field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.missing-item-dialog__hint{font-size:var(--font-size-xs);color:var(--text-secondary)}.missing-item-dialog__error{padding:var(--spacing-sm) var(--spacing-md);background:rgba(var(--danger-rgb),.1);border:1px solid var(--danger-color);border-radius:var(--border-radius-sm);color:var(--danger-color);font-size:var(--font-size-sm)}.missing-item-dialog__footer{display:flex;gap:var(--spacing-sm);margin-left:auto}.receive-items-dialog{display:flex;flex-direction:column;gap:var(--spacing-md)}.receive-items-dialog__description{margin:0;color:var(--text-secondary);line-height:1.5}.receive-items-dialog__table{width:100%;border-collapse:collapse}.receive-items-dialog__table th{text-align:left;padding:var(--spacing-sm) var(--spacing-md);font-size:12px;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.05em}.receive-items-dialog__table td{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-color-light, #f0f0f0);vertical-align:middle}.receive-items-dialog__table tr:last-child td{border-bottom:none}.receive-items-dialog__product{display:flex;flex-direction:column;gap:2px}.receive-items-dialog__sku{font-size:12px;color:var(--text-secondary)}.receive-items-dialog__claimed{font-weight:600;color:var(--text-secondary)}.receive-items-dialog__input{max-width:100px}.sub-inventory-details__loading,.sub-inventory-details__not-found{display:flex;align-items:center;justify-content:center;min-height:400px;color:var(--text-secondary);font-size:var(--font-size-lg)}.sub-inventory-details__actions{display:flex;align-items:center;gap:var(--spacing-md)}@media(max-width:768px){.sub-inventory-details__actions{flex-direction:column;width:100%}.sub-inventory-details__actions .app-button{width:100%}}.sub-inventory-details__metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg)}@media(max-width:768px){.sub-inventory-details__metrics{grid-template-columns:1fr;gap:var(--spacing-md)}}.sub-inventory-details__info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}@media(max-width:768px){.sub-inventory-details__info-grid{grid-template-columns:1fr}}.sub-inventory-details__info-item{display:flex;align-items:flex-start;gap:var(--spacing-md)}.sub-inventory-details__info-item--full{grid-column:1/-1}.sub-inventory-details__info-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--primary-color-light);color:var(--primary-color);border-radius:var(--border-radius-md);flex-shrink:0}.sub-inventory-details__info-content{display:flex;flex-direction:column;gap:2px}.sub-inventory-details__info-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.sub-inventory-details__info-value{font-weight:var(--font-weight-medium);color:var(--text-primary)}.sub-inventory-details__info-code{font-size:var(--font-size-sm);color:var(--text-secondary)}.sub-inventory-details__product-cell{display:flex;flex-direction:column;gap:2px}.sub-inventory-details__product-name{font-weight:var(--font-weight-medium);color:var(--text-primary)}.sub-inventory-details__product-sku{font-size:var(--font-size-sm);color:var(--text-secondary)}.sub-inventory-details__qty-warning{color:var(--danger-color);font-weight:var(--font-weight-medium)}.sub-inventory-details__movement-header{display:flex;align-items:center;gap:var(--spacing-sm)}.sub-inventory-details__movement-header h4{margin:0}.sub-inventory-details__movement-header svg{color:var(--primary-color)}.sub-inventory-details__action-buttons{display:flex;align-items:center;gap:var(--spacing-sm)}.sub-inventory-details__action-buttons .app-button{display:inline-flex;align-items:center;gap:var(--spacing-xs);white-space:nowrap}.sub-inventory-details__count-table{width:100%;border-collapse:collapse;margin:16px 0}.sub-inventory-details__count-table th,.sub-inventory-details__count-table td{padding:10px 12px;border-bottom:1px solid #e5eaf3;text-align:left}.sub-inventory-details__count-table th{color:#66738a;font-size:12px}.stock-take-page__actions{display:flex;gap:var(--spacing-sm);align-items:center}.stock-take-page__filter-btn{position:relative}.stock-take-page__filter-btn .stock-take-page__filter-badge{position:absolute;top:-8px;right:-8px;background:var(--danger-color);color:var(--surface-color);border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.stock-take-page__summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}@media(max-width:768px){.stock-take-page__summary-cards{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}}@media(max-width:480px){.stock-take-page__summary-cards{grid-template-columns:1fr}}.stock-take-page__cell-stack{display:flex;flex-direction:column;gap:2px}.stock-take-page__cell-primary{font-weight:var(--font-weight-medium);color:var(--text-primary)}.stock-take-page__cell-secondary{font-size:var(--font-size-sm);color:var(--text-secondary)}.stock-take-page__variance-warning{color:var(--danger-color);font-weight:var(--font-weight-medium)}.stock-take-table__checkbox{width:16px;height:16px;accent-color:var(--primary-color);cursor:pointer}.stock-take-table :global(.app-table__row){cursor:pointer;transition:background-color .2s ease}.stock-take-table :global(.app-table__row):hover{background-color:var(--surface-container-low)}.stock-take-table__actions{display:flex;gap:var(--spacing-xs);align-items:center}.stock-take-table__action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--outline);border-radius:var(--border-radius-sm);background:var(--surface-color);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.stock-take-table__action-btn:hover{background:var(--surface-container);color:var(--text-primary);border-color:var(--primary-color)}.stock-take-table__action-btn--danger:hover{background:var(--danger-color-light);color:var(--danger-color);border-color:var(--danger-color)}.stock-take-table__action-btn:focus{outline:2px solid var(--primary-color);outline-offset:2px}.stock-take-table__action-btn:disabled{opacity:.5;cursor:not-allowed}.stock-take-table__action-btn:disabled:hover{background:var(--surface-color);color:var(--text-secondary);border-color:var(--outline)}@media(max-width:768px){.stock-take-page__actions{flex-direction:column;align-items:stretch;gap:var(--spacing-xs)}.stock-take-page__filter-btn,.stock-take-page__new-btn{width:100%;justify-content:center}.stock-take-table__actions{flex-direction:column;gap:var(--spacing-xs)}.stock-take-table__action-btn{width:28px;height:28px}}@media(prefers-color-scheme:dark){.stock-take-table__action-btn{background:var(--surface-container-low);border-color:var(--outline-variant)}.stock-take-table__action-btn:hover{background:var(--surface-container);border-color:var(--primary-color)}}.penalties-page__rep-cell,.penalties-page__product-cell{display:flex;flex-direction:column;gap:2px}.penalties-page__rep-name,.penalties-page__product-name{font-weight:var(--font-weight-medium);color:var(--text-primary)}.penalties-page__rep-code,.penalties-page__product-sku{font-size:var(--font-size-sm);color:var(--text-secondary)}.penalties-page__amount--negative{color:var(--danger-color);font-weight:var(--font-weight-medium)}.apply-penalty-dialog{display:flex;flex-direction:column;gap:var(--spacing-lg)}@media(max-width:768px){.apply-penalty-dialog{gap:var(--spacing-md)}}.apply-penalty-dialog__info{background:rgba(var(--primary-rgb),.05);border:1px solid rgba(var(--primary-rgb),.2);border-radius:var(--border-radius-md);padding:var(--spacing-md)}.apply-penalty-dialog__info-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--primary-color)}.apply-penalty-dialog__info-details{display:flex;flex-direction:column;gap:var(--spacing-xs)}.apply-penalty-dialog__info-row{display:flex;gap:var(--spacing-sm);font-size:var(--font-size-sm)}.apply-penalty-dialog__info-label{color:var(--text-secondary);min-width:80px;flex-shrink:0}.apply-penalty-dialog__info-value{color:var(--text-primary);font-weight:var(--font-weight-medium)}.apply-penalty-dialog__info-stats{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border-color);font-size:var(--font-size-sm);color:var(--text-secondary)}.apply-penalty-dialog__info-stats span{display:flex;gap:var(--spacing-xs)}.apply-penalty-dialog__info-stats strong{color:var(--text-primary)}@media(max-width:480px){.apply-penalty-dialog__info-stats{flex-direction:column;gap:var(--spacing-xs)}}.apply-penalty-dialog__field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.apply-penalty-dialog__error{padding:var(--spacing-sm) var(--spacing-md);background:rgba(var(--danger-rgb),.1);border:1px solid var(--danger-color);border-radius:var(--border-radius-sm);color:var(--danger-color);font-size:var(--font-size-sm)}.apply-penalty-dialog__footer{display:flex;gap:var(--spacing-sm);margin-left:auto}.waive-penalty-dialog{display:flex;flex-direction:column;gap:var(--spacing-lg)}@media(max-width:768px){.waive-penalty-dialog{gap:var(--spacing-md)}}.waive-penalty-dialog__info{background:rgba(var(--warning-rgb),.05);border:1px solid rgba(var(--warning-rgb),.2);border-radius:var(--border-radius-md);padding:var(--spacing-md)}.waive-penalty-dialog__info-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--warning-color)}.waive-penalty-dialog__info-details{display:flex;flex-direction:column;gap:var(--spacing-xs)}.waive-penalty-dialog__info-row{display:flex;gap:var(--spacing-sm);font-size:var(--font-size-sm)}.waive-penalty-dialog__info-label{color:var(--text-secondary);min-width:80px;flex-shrink:0}.waive-penalty-dialog__info-value{color:var(--text-primary);font-weight:var(--font-weight-medium)}.waive-penalty-dialog__info-stats{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border-color);font-size:var(--font-size-sm);color:var(--text-secondary)}.waive-penalty-dialog__info-stats span{display:flex;gap:var(--spacing-xs)}.waive-penalty-dialog__info-stats strong{color:var(--text-primary)}@media(max-width:480px){.waive-penalty-dialog__info-stats{flex-direction:column;gap:var(--spacing-xs)}}.waive-penalty-dialog__field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.waive-penalty-dialog__error{padding:var(--spacing-sm) var(--spacing-md);background:rgba(var(--danger-rgb),.1);border:1px solid var(--danger-color);border-radius:var(--border-radius-sm);color:var(--danger-color);font-size:var(--font-size-sm)}.waive-penalty-dialog__footer{display:flex;gap:var(--spacing-sm);margin-left:auto}.penalty-details__breadcrumb{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-md) 0}.penalty-details__back-btn{display:flex;align-items:center;gap:var(--spacing-xs);background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}.penalty-details__back-btn:hover{color:var(--primary-color)}.penalty-details__back-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:var(--border-radius-sm)}.penalty-details__separator{color:var(--text-tertiary);font-size:var(--font-size-sm)}.penalty-details__current{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.penalty-details__header-row{display:flex;align-items:center;justify-content:space-between;width:100%}.penalty-details__header-actions,.penalty-details__card-header{display:flex;align-items:center;gap:var(--spacing-sm)}.penalty-details__card-header svg{color:var(--warning-color)}.penalty-details__card-header h4{margin:0}.penalty-details__info-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}@media(max-width:768px){.penalty-details__info-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}}.penalty-details__info-column{display:flex;flex-direction:column;gap:var(--spacing-md)}.penalty-details__info-item{display:flex;align-items:flex-start;gap:var(--spacing-sm)}.penalty-details__info-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);min-width:120px;flex-shrink:0}.penalty-details__info-value{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:var(--font-weight-medium)}.penalty-details__amounts-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg)}@media(max-width:768px){.penalty-details__amounts-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.penalty-details__amounts-grid{grid-template-columns:1fr}}.penalty-details__amount-item{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--surface-variant);border-radius:var(--border-radius-md);text-align:center}.penalty-details__amount-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.penalty-details__amount-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.penalty-details__amount-value--highlight{color:var(--primary-color)}.penalty-details__breakdown-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--spacing-lg)}@media(max-width:768px){.penalty-details__breakdown-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.penalty-details__breakdown-grid{grid-template-columns:repeat(2,1fr)}}.penalty-details__breakdown-item{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--surface-variant);border-radius:var(--border-radius-md);text-align:center}.penalty-details__breakdown-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.penalty-details__breakdown-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.penalty-details__breakdown-value--warning{color:var(--warning-color)}.penalty-details__breakdown-value--bold{color:var(--primary-color)}.penalty-details__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-4xl);color:var(--text-secondary);gap:var(--spacing-md)}.penalty-details__loading-spinner{width:32px;height:32px;border:3px solid var(--outline);border-top:3px solid var(--primary-color);border-radius:50%;animation:penalty-spin 1s linear infinite}.penalty-details__not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--spacing-md);color:var(--text-secondary);font-size:var(--font-size-lg)}@keyframes penalty-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mobile-issues-page__error{color:var(--error-color)}.mobile-issues-page__list{display:grid;margin-top:1rem}.mobile-issues-page__row{display:flex;justify-content:space-between;gap:1rem;width:100%;padding:1rem;border:0;border-bottom:1px solid var(--outline);background:transparent;color:var(--text-primary);text-align:left;cursor:pointer}.mobile-issues-page__row:hover,.mobile-issues-page__row:focus-visible{background:var(--surface-container-low)}.mobile-issues-page__row small{display:block;margin-top:.25rem;color:var(--text-secondary)}.mobile-issues-page__pagination,.mobile-issues-page__actions{display:flex;align-items:center;justify-content:flex-end;gap:1rem;margin-top:1rem}.mobile-issues-page__description{white-space:pre-wrap;padding:1rem;background:var(--surface-container-low);border-radius:.5rem}@media(max-width:700px){.mobile-issues-page__row{flex-direction:column}}.incentive-target-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.incentive-target-form__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.incentive-target-form__field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.incentive-target-form__field--full{grid-column:1/-1}.incentive-target-form__error{font-size:var(--font-size-sm);color:var(--danger-color)}.incentive-target-form__hint{font-size:var(--font-size-sm);color:var(--text-secondary)}.incentive-targets-page__header-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-md);width:100%}.incentive-targets-page__filters{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.incentive-targets-page__filter-select{padding:5px 10px;border-radius:var(--border-radius-sm);border:1px solid var(--border-color);background:var(--surface-color);color:var(--text-primary);font-size:var(--font-size-sm);height:34px;min-width:130px;outline:none;cursor:pointer}.incentive-targets-page__filter-select:focus{border-color:var(--primary-color)}.incentive-targets-page__filter-clear{padding:5px 12px;border-radius:var(--border-radius-sm);border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);font-size:var(--font-size-sm);height:34px;cursor:pointer;transition:all var(--transition-fast)}.incentive-targets-page__filter-clear:hover{color:var(--text-primary);border-color:var(--text-secondary)}.incentive-targets-page__rep-cell{display:flex;flex-direction:column;gap:2px}.incentive-targets-page__rep-name{font-weight:var(--font-weight-medium);color:var(--text-primary)}.incentive-targets-page__rep-code{font-size:var(--font-size-sm);color:var(--text-secondary)}.incentive-targets-page__type-label{font-weight:var(--font-weight-medium);color:var(--text-primary)}.incentive-targets-page__date-range{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);white-space:nowrap}.incentive-targets-page__date-sep{color:var(--text-secondary)}.incentive-targets-page__reward{font-size:var(--font-size-sm);color:var(--text-secondary)}.incentive-targets-page__actions{display:flex;gap:var(--spacing-xs);align-items:center}.incentive-targets-page__action-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.incentive-targets-page__action-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.incentive-targets-page__action-btn--danger:hover{background:var(--danger-light);border-color:var(--danger-color);color:var(--danger-color)}.incentive-targets-page__delete-message{color:var(--text-primary);line-height:1.6}.add-stock-take__error{color:var(--error-color)}.add-stock-take__plans{display:grid;gap:var(--spacing-md)}.add-stock-take__plan{display:flex;justify-content:space-between;gap:var(--spacing-lg);padding:var(--spacing-md);border:1px solid var(--outline);border-radius:var(--border-radius-md)}.add-stock-take__plan p{margin:var(--spacing-xs) 0 0;color:var(--text-secondary)}.add-stock-take__plan-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.add-stock-take__breadcrumb{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-md) 0}.add-stock-take__back-btn{display:flex;align-items:center;gap:var(--spacing-xs);background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}.add-stock-take__back-btn:hover{color:var(--primary-color)}.add-stock-take__back-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:var(--border-radius-sm)}.add-stock-take__separator{color:var(--text-tertiary);font-size:var(--font-size-sm)}.add-stock-take__current{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.add-stock-take__form-grid{display:flex;flex-direction:column;gap:var(--spacing-lg)}.add-stock-take__form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}@media(max-width:768px){.add-stock-take__form-row{grid-template-columns:1fr;gap:var(--spacing-md)}}.add-stock-take__form-field{display:flex;flex-direction:column}.add-stock-take__qty-input{min-width:120px}.add-stock-take__variance{font-weight:600}.add-stock-take__variance--negative{color:var(--danger-color)}.add-stock-take__variance--positive{color:var(--success-color)}.add-stock-take__cost{font-weight:600}.add-stock-take__cost--shortage{color:var(--danger-color)}.add-stock-take__cost--surplus{color:var(--success-color)}.add-stock-take__variance-summary{display:flex;flex-direction:column;gap:var(--spacing-md)}.add-stock-take__variance-total{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--surface-container-low);border-radius:var(--border-radius-md);border:1px solid var(--outline)}.add-stock-take__variance-label{font-weight:600;color:var(--text-primary)}.add-stock-take__variance-amount{font-weight:700;font-size:18px;color:var(--text-primary)}.add-stock-take__variance-amount--shortage{color:var(--danger-color)}.add-stock-take__variance-alert{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--surface-color);border:1px solid var(--outline);border-radius:var(--border-radius-md);margin-top:var(--spacing-md)}.add-stock-take__alert-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--warning-color-light);color:var(--warning-color);border-radius:50%;font-weight:700;font-size:14px;flex-shrink:0}.add-stock-take__alert-text{color:var(--text-primary);font-size:14px;line-height:1.4}.add-stock-take__actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-lg) 0;border-top:1px solid var(--outline);margin-top:var(--spacing-lg)}@media(max-width:768px){.add-stock-take__actions{flex-direction:column;align-items:stretch}}.add-stock-take__start-btn{background:var(--primary-color);color:#fff}.add-stock-take__start-btn:hover{background:var(--primary-color-dark);color:#fff}@media(max-width:768px){.add-stock-take__breadcrumb{margin-bottom:var(--spacing-md)}.add-stock-take__header-actions{flex-direction:column;align-items:stretch;gap:var(--spacing-xs)}.add-stock-take__variance-total{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}}@media(prefers-color-scheme:dark){.add-stock-take__back-btn{background:var(--surface-container-low);border-color:var(--outline-variant)}.add-stock-take__back-btn:hover{background:var(--surface-container);border-color:var(--primary-color)}.add-stock-take__variance-total{background:var(--surface-container-low);border-color:var(--outline-variant)}}.stock-take-details__loading,.stock-take-details__not-found{display:flex;align-items:center;justify-content:center;min-height:400px;color:var(--text-secondary);font-size:var(--font-size-lg)}.stock-take-details__breadcrumb{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-md) 0}.stock-take-details__back-btn{display:flex;align-items:center;gap:var(--spacing-xs);background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}.stock-take-details__back-btn:hover{color:var(--primary-color)}.stock-take-details__back-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:var(--border-radius-sm)}.stock-take-details__separator{color:var(--text-tertiary);font-size:var(--font-size-sm)}.stock-take-details__current{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.stock-take-details__summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg)}@media(max-width:768px){.stock-take-details__summary-grid{grid-template-columns:1fr;gap:var(--spacing-md)}}.stock-take-details__summary-item{display:flex;align-items:flex-start;gap:var(--spacing-md)}.stock-take-details__summary-label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.stock-take-details__summary-value{font-size:var(--font-size-base);color:var(--text-primary);font-weight:var(--font-weight-medium)}.stock-take-details__summary-code{font-size:var(--font-size-sm);color:var(--text-secondary)}.stock-take-details__info-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--primary-color-light);color:var(--primary-color);border-radius:var(--border-radius-md);flex-shrink:0}.stock-take-details__info-content,.stock-take-details__product-cell{display:flex;flex-direction:column;gap:2px}.stock-take-details__product-name{font-weight:var(--font-weight-medium);color:var(--text-primary)}.stock-take-details__product-code{font-size:var(--font-size-sm);color:var(--text-secondary)}.stock-take-details__variance{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}.stock-take-details__variance--zero{color:var(--text-secondary)}.stock-take-details__variance--positive{color:var(--success-color)}.stock-take-details__variance--negative{color:var(--error-color)}.stock-take-details__cost{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}.stock-take-details__cost--zero{color:var(--text-secondary)}.stock-take-details__cost--shortage{color:var(--error-color)}.stock-take-details__cost--surplus{color:var(--success-color)}.stock-take-details__variance-summary{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.stock-take-details__variance-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--outline-variant)}.stock-take-details__variance-item:last-child{border-bottom:none}.stock-take-details__variance-label{font-size:var(--font-size-base);color:var(--text-primary);font-weight:var(--font-weight-medium)}.stock-take-details__variance-value{font-size:var(--font-size-base);color:var(--text-primary);font-weight:var(--font-weight-semibold)}.stock-take-details__variance-cost{font-size:var(--font-size-lg);color:var(--success-color);font-weight:var(--font-weight-bold)}.stock-take-details__variance-cost--warning{color:var(--error-color)}.stock-take-details__ground-truck-section{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--surface-container-low);border-radius:var(--border-radius-md);border:1px solid var(--outline)}.stock-take-details__ground-truck-btn{min-width:200px;font-weight:var(--font-weight-semibold)}.stock-take-details__threshold-note{font-size:var(--font-size-sm);color:var(--text-secondary);text-align:center;margin:0}.stock-take-details__actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--outline-variant)}@media(max-width:768px){.stock-take-details__actions{flex-direction:column;align-items:stretch}}.stock-take-details__action-btn{min-width:160px}@media(max-width:768px){.stock-take-details__action-btn{min-width:auto}}.stock-take-details__count-form>p{margin:0 0 var(--spacing-md);color:var(--text-secondary)}.stock-take-details__count-error{color:var(--error-color)!important}.stock-take-details__count-list{max-height:min(55vh,500px);overflow-y:auto;padding-right:var(--spacing-sm)}.stock-take-details__count-row{display:grid;grid-template-columns:minmax(0,1fr) 150px;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--outline-variant)}@media(max-width:480px){.stock-take-details__count-row{grid-template-columns:1fr}}@media print{.app-header,.app-sidebar,.app-sidebar__overlay,.stock-take-details__breadcrumb,.stock-take-details__actions{display:none!important}.app-layout__main{margin:0!important;width:100%!important}.app-layout__content,.main-content{padding:0!important}.app-card{break-inside:avoid}}.order-filters-dialog{display:flex;flex-direction:column;gap:var(--spacing-lg)}@media(max-width:768px){.order-filters-dialog{gap:var(--spacing-md)}}.order-filters-dialog__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.order-filters-dialog__row:has(.order-filters-dialog__field:only-child){grid-template-columns:1fr}@media(max-width:768px){.order-filters-dialog__row{grid-template-columns:1fr;gap:var(--spacing-md)}}.order-filters-dialog__field{display:flex;flex-direction:column}.product-minimums__list{display:flex;flex-direction:column;max-height:240px;overflow-y:auto;margin:var(--spacing-md) 0;border:1px solid var(--outline-variant);border-radius:var(--border-radius-sm)}.product-minimums__item{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-sm) var(--spacing-md);border:0;border-bottom:1px solid var(--outline-variant);background:var(--surface);color:var(--text-primary);text-align:left;cursor:pointer}.product-minimums__item:last-child{border-bottom:0}.product-minimums__item:hover,.product-minimums__item[aria-pressed=true]{background:var(--surface-variant)}.product-minimums__item span:first-child{display:flex;flex-direction:column}.product-minimums__item small{color:var(--text-secondary)}.product-minimums__error{color:var(--error-color)}.product-minimums__history{margin-top:16px;padding-top:12px;border-top:1px solid var(--border-color, #e5e7eb)}.product-minimums__history h4{margin:0 0 8px}.product-minimums__history ul{margin:0;padding-left:18px;max-height:160px;overflow-y:auto}.product-minimums__history li,.product-minimums__history p{font-size:12px;color:var(--text-secondary);margin:4px 0}.orders-page__header-actions{display:flex;gap:var(--spacing-md);align-items:center}.orders-page__filter-btn{position:relative;min-width:100px}.orders-page__filter-badge{position:absolute;top:-8px;right:-8px;background:var(--danger-color);color:var(--on-danger);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;padding:0 4px}.orders-page__summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg)}@media(max-width:768px){.orders-page__summary-cards{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}}@media(max-width:480px){.orders-page__summary-cards{grid-template-columns:1fr}}.orders-table__checkbox{width:16px;height:16px;accent-color:var(--primary-color);cursor:pointer}.orders-table__amount{font-weight:var(--font-weight-semibold);color:var(--success-color)}.orders-table__actions{display:flex;gap:var(--spacing-xs);align-items:center;justify-content:center}.orders-table__action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.orders-table__action-btn:hover{background:var(--surface-variant);color:var(--text-primary)}.orders-table__action-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.orders-table__action-btn--danger{color:var(--danger-color)}.orders-table__action-btn--danger:hover{background:var(--danger-container);color:var(--on-danger-container)}@media(max-width:768px){.orders-page__header-actions{flex-direction:column;gap:var(--spacing-sm);align-items:stretch}.orders-page__summary-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.orders-page__summary-cards{grid-template-columns:1fr}.orders-page__header-actions .app-button{width:100%}}.theme-dark .orders-table__checkbox{accent-color:var(--primary-color)}@media(prefers-contrast:high){.orders-page .orders-table__action-btn{border:1px solid var(--outline)}}@media(prefers-reduced-motion:reduce){.orders-page .orders-table__action-btn{transition:none}}.create-order-page__card{overflow:visible}.create-order-page__card:has(.create-order-page__suggestions){z-index:20;transform:none!important}.create-order-page__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-lg);align-items:start;margin-bottom:var(--spacing-md)}.create-order-page__search-field{min-width:0}.create-order-page__lookup{position:relative;min-width:0}.create-order-page__suggestions{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:1000;display:flex;flex-direction:column;max-height:220px;overflow-y:auto;border:1px solid var(--outline);border-radius:var(--border-radius-md);background:var(--surface-container);box-shadow:var(--shadow-lg)}.create-order-page__suggestion-empty{margin:0;padding:var(--spacing-sm) var(--spacing-md);color:var(--text-secondary);font-size:var(--font-size-sm)}.create-order-page__no-customer{padding:var(--spacing-sm) var(--spacing-md)}.create-order-page__no-customer p{margin:0 0 var(--spacing-sm);color:var(--text-secondary);font-size:var(--font-size-sm)}.create-order-page__no-customer button{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);border:0;border-radius:var(--border-radius-sm);background:var(--primary-color);color:#fff;font:inherit;cursor:pointer}.create-order-page__no-customer button:disabled{opacity:.5;cursor:default}.create-order-page__suggestion{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-sm) var(--spacing-md);border:0;border-bottom:1px solid var(--outline);background:transparent;color:var(--text-primary);text-align:left;cursor:pointer}.create-order-page__suggestion:last-child{border-bottom:0}.create-order-page__suggestion:hover,.create-order-page__suggestion:focus-visible{background:var(--surface-variant)}.create-order-page__suggestion:disabled{opacity:.5;cursor:default}.create-order-page__suggestion span{color:var(--text-secondary);font-size:var(--font-size-sm)}.create-order-page__selection{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);background:var(--surface-container)}.create-order-page__selection span{color:var(--text-secondary);font-size:var(--font-size-sm)}.create-order-page__selection-details{display:flex;flex-wrap:wrap;gap:var(--spacing-xs) var(--spacing-md);align-items:baseline;min-width:0}.create-order-page__warehouse-field{min-width:0}.create-order-page__clear{display:inline-flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0;padding:var(--spacing-xs);border:0;background:transparent;color:var(--text-secondary);cursor:pointer}.create-order-page__clear:hover,.create-order-page__clear:focus-visible{color:var(--danger-color)}.create-order-page__clear:disabled{opacity:.5;cursor:default}.create-order-page__warehouse-field>.create-order-page__clear{margin-top:var(--spacing-xs)}.create-order-page__replace-context{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);background:var(--surface-container)}.create-order-page__lines{display:flex;flex-direction:column;margin:0 0 var(--spacing-md)}.create-order-page__line-head,.create-order-page__line{display:grid;grid-template-columns:28px minmax(0,2fr) minmax(130px,1fr) minmax(130px,1fr) 84px;align-items:center;gap:var(--spacing-md)}.create-order-page__line-head{margin-top:var(--spacing-lg);padding-bottom:var(--spacing-sm);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.create-order-page__line{padding:var(--spacing-sm) 0;border-top:1px solid var(--outline)}.create-order-page__line-number,.create-order-page__availability{color:var(--text-secondary);font-size:var(--font-size-sm)}.create-order-page__product{display:flex;flex-direction:column;min-width:0;gap:2px}.create-order-page__product strong{overflow-wrap:anywhere}.create-order-page__product span{color:var(--text-secondary);font-size:var(--font-size-sm)}.create-order-page__line-actions{display:flex;justify-content:flex-end;gap:var(--spacing-xs)}.create-order-page__icon-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:var(--border-radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer}.create-order-page__icon-button:hover,.create-order-page__icon-button:focus-visible{background:var(--surface-variant);color:var(--text-primary)}.create-order-page__icon-button--danger:hover,.create-order-page__icon-button--danger:focus-visible{color:var(--danger-color)}.create-order-page__icon-button:disabled{opacity:.4;cursor:default}.create-order-page__hint{margin:var(--spacing-md) 0 0;color:var(--text-secondary);font-size:var(--font-size-sm)}.create-order-page__error{color:var(--danger-color);margin:var(--spacing-md) 0 0}.create-order-page__actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:var(--spacing-md);width:100%}@media(max-width:768px){.create-order-page__grid{grid-template-columns:1fr}.create-order-page__line-head{display:none}.create-order-page__line{grid-template-columns:24px minmax(0,1fr) 84px}.create-order-page__line .app-input-wrapper,.create-order-page__availability{grid-column:2}.create-order-page__availability:before{content:"Available: "}.create-order-page__line-actions{grid-column:3;grid-row:1/4;align-self:center}.create-order-page__suggestion{align-items:flex-start;flex-direction:column;gap:2px}.create-order-page__selection,.create-order-page__replace-context{flex-wrap:wrap}}.order-detail__payment-action{margin-top:var(--spacing-md)}.order-detail__payment-action p{margin:var(--spacing-sm) 0 0;color:var(--text-secondary);font-size:var(--font-size-sm)}.order-detail__payment-form{display:grid;gap:var(--spacing-md)}.order-detail__payment-form p{margin:0}.order-detail__payments{display:grid;gap:var(--spacing-sm)}.order-detail__payment-entry{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-sm) var(--spacing-lg);padding:var(--spacing-md);border:1px solid var(--outline);border-radius:var(--border-radius-sm)}.order-detail__payment-entry>div{display:flex;flex-direction:column;gap:var(--spacing-xs)}.order-detail__payment-entry strong{color:var(--text-primary)}.order-detail__payment-entry span{color:var(--text-secondary);font-size:var(--font-size-sm)}.order-detail__dispatch-help{color:var(--text-secondary);margin:0 0 var(--spacing-md)}.order-detail__dispatch-error{color:var(--error-color, #b3261e);margin:var(--spacing-sm) 0}.order-detail__dispatch-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.order-detail__route-picker{display:grid;gap:var(--spacing-sm);max-width:520px;margin-top:var(--spacing-lg)}.order-detail__history{display:grid;gap:var(--spacing-md);margin:0;padding-left:var(--spacing-lg)}.order-detail__history li{color:var(--text-primary)}.order-detail__history strong,.order-detail__history span{display:block}.order-detail__history span{color:var(--text-secondary);font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.order-detail__breadcrumb{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-md) 0}.order-detail__back-btn{display:flex;align-items:center;gap:var(--spacing-xs);background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}.order-detail__back-btn:hover{color:var(--primary-color)}.order-detail__back-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:var(--border-radius-sm)}.order-detail__separator{color:var(--text-tertiary);font-size:var(--font-size-sm)}.order-detail__current{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.order-detail__header-actions{display:flex;gap:var(--spacing-sm);align-items:center}@media(max-width:768px){.order-detail__header-actions{flex-direction:column;width:100%}.order-detail__header-actions .app-button{width:100%;justify-content:center}}.order-detail__two-column{display:grid;grid-template-columns:1fr 1fr;gap:48px}@media(max-width:768px){.order-detail__two-column{grid-template-columns:1fr;gap:var(--spacing-lg)}}.order-detail__left-column,.order-detail__right-column{display:flex;flex-direction:column}.order-detail__bottom-two-column{display:grid;grid-template-columns:1fr 1fr;gap:48px}@media(max-width:768px){.order-detail__bottom-two-column{grid-template-columns:1fr;gap:var(--spacing-lg)}}.order-detail__section-divider{height:1px;background-color:var(--border-color);margin:8px 0}.order-detail__section-title{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.order-detail__items-section{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.order-detail__items-section .app-table{margin-top:var(--spacing-md)}.order-detail__items-section .app-table th,.order-detail__items-section .app-table td{padding:var(--spacing-sm) var(--spacing-lg)}.order-detail__items-section .app-table thead th{background-color:var(--surface-container);font-weight:var(--font-weight-semibold);color:var(--text-primary);border-bottom:2px solid var(--outline-variant)}.order-detail__items-section .app-table tbody tr{border-bottom:1px solid var(--outline-variant)}.order-detail__items-section .app-table tbody tr:last-child{border-bottom:none}.order-detail__items-section .app-table tbody tr td{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm);color:var(--text-primary)}.order-detail__no-items{padding:var(--spacing-lg);text-align:center;color:var(--text-secondary);font-style:italic}.order-detail__payment-section,.order-detail__delivery-section{display:flex;flex-direction:column}.order-detail__payment-info,.order-detail__delivery-logistics{display:flex;flex-direction:column;gap:var(--spacing-sm)}.order-detail__row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) 0;border-bottom:1px solid var(--border-color)}.order-detail__row:last-child{border-bottom:none}@media(max-width:768px){.order-detail__row{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}}.order-detail__label{font-weight:500;color:var(--text-secondary);min-width:120px}@media(max-width:768px){.order-detail__label{min-width:auto;font-size:var(--font-size-sm)}}.order-detail__value{color:var(--text-primary);text-align:right;flex:1}.order-detail__value--total{font-weight:700;font-size:1.2em;color:var(--success-color)}@media(max-width:768px){.order-detail__value{text-align:left}}.order-detail__actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--outline-variant)}@media(max-width:768px){.order-detail__actions{flex-direction:column;align-items:stretch}}.order-detail__action-btn{min-width:160px;display:flex;align-items:center;gap:var(--spacing-xs)}@media(max-width:768px){.order-detail__action-btn{min-width:auto}}.order-detail__qr-section{display:flex;align-items:flex-start;gap:var(--spacing-xl)}@media(max-width:768px){.order-detail__qr-section{flex-direction:column;align-items:center;gap:var(--spacing-lg)}}.order-detail__qr-code{flex-shrink:0}.order-detail__qr-image{width:120px;height:120px;object-fit:contain;border:1px solid var(--outline);border-radius:var(--border-radius-md);background-color:var(--surface);padding:var(--spacing-xs)}.order-detail__qr-placeholder{width:120px;height:120px;background-color:var(--surface);border:1px solid var(--outline);border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.order-detail__qr-pattern{width:100px;height:100px;background-image:linear-gradient(45deg,#000 25%,transparent 25%),linear-gradient(-45deg,#000 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#000 75%),linear-gradient(-45deg,transparent 75%,#000 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;opacity:.8}.order-detail__qr-info{display:flex;flex-direction:column;gap:var(--spacing-md);flex:1}.order-detail__qr-row{display:flex;justify-content:space-between;align-items:center;min-width:200px}@media(max-width:768px){.order-detail__qr-row{min-width:auto;width:100%}}.order-detail__qr-label{font-weight:var(--font-weight-medium);color:var(--text-secondary);font-size:var(--font-size-sm)}.order-detail__qr-value{font-weight:var(--font-weight-medium);color:var(--text-primary);font-size:var(--font-size-sm);text-align:right}.customer-filters-dialog{display:flex;flex-direction:column;gap:var(--spacing-lg)}@media(max-width:768px){.customer-filters-dialog{gap:var(--spacing-md)}}.customer-filters-dialog__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.customer-filters-dialog__row:has(.customer-filters-dialog__field:only-child){grid-template-columns:1fr}@media(max-width:768px){.customer-filters-dialog__row{grid-template-columns:1fr;gap:var(--spacing-md)}}.customer-filters-dialog__field{display:flex;flex-direction:column}.customers-page__header-actions{display:flex;gap:var(--spacing-md);align-items:center}.customers-page__add-btn{min-width:140px}.customers-page__filter-btn{position:relative;min-width:100px}.customers-page__filter-badge{position:absolute;top:-8px;right:-8px;background:var(--danger-color);color:var(--on-danger);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;padding:0 4px}.customers-page__overview-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg)}@media(max-width:768px){.customers-page__overview-cards{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}}@media(max-width:480px){.customers-page__overview-cards{grid-template-columns:1fr}}.customers-page__actions{display:flex;gap:var(--spacing-xs);align-items:center}.customers-page__action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.customers-page__action-btn:hover{background:var(--surface-variant);color:var(--text-primary)}.customers-page__action-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.customers-page__action-btn--danger{color:var(--danger-color)}.customers-page__action-btn--danger:hover{background:var(--danger-container);color:var(--on-danger-container)}.customers-page__footer-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-xl);padding:var(--spacing-lg) 0}@media(max-width:768px){.customers-page__footer-actions{flex-direction:column;align-items:stretch}}.customers-page__footer-btn{min-width:120px}@media(max-width:768px){.customers-page__footer-btn{width:100%}}.customers-page__tabs{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);padding:var(--spacing-xs);background:var(--surface-variant);border-radius:var(--border-radius-md);width:fit-content}.customers-page__tab{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border:none;background:transparent;border-radius:var(--border-radius-sm);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.customers-page__tab:hover{color:var(--text-primary);background:var(--surface)}.customers-page__tab--active{background:var(--surface);color:var(--primary-color);box-shadow:var(--shadow-sm)}.customers-page__tab-badge{background:var(--warning-color);color:var(--on-warning);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;padding:0 6px}.customers-page__request-details{display:flex;flex-direction:column;gap:var(--spacing-lg)}.customers-page__request-details-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--spacing-md);border-bottom:1px solid var(--outline)}.customers-page__request-details-date{font-size:var(--font-size-sm);color:var(--text-secondary)}.customers-page__request-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}@media(max-width:768px){.customers-page__request-details-grid{grid-template-columns:1fr}}.customers-page__request-details-section{background:var(--surface-variant);border-radius:var(--border-radius-md);padding:var(--spacing-md)}.customers-page__request-details-section h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--outline)}.customers-page__request-details-section p{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.customers-page__request-details-row{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--spacing-xs) 0;gap:var(--spacing-md)}.customers-page__request-details-row span{font-size:var(--font-size-sm);color:var(--text-secondary);flex-shrink:0}.customers-page__request-details-row strong{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);text-align:right;word-break:break-word}.customers-page__action-modal{display:flex;flex-direction:column;gap:var(--spacing-md)}.customers-page__action-modal p{color:var(--text-primary);margin:0}.customers-page__action-modal strong{color:var(--primary-color)}.customers-page__action-modal-note{font-size:var(--font-size-sm);color:var(--text-secondary)}.customers-table__checkbox{width:16px;height:16px;accent-color:var(--primary-color);cursor:pointer}.customers-table__actions{display:flex;gap:var(--spacing-xs);align-items:center;justify-content:center}.customers-table__action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.customers-table__action-btn:hover{background:var(--surface-variant);color:var(--text-primary)}.customers-table__action-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.customers-table__action-btn--danger{color:var(--danger-color)}.customers-table__action-btn--danger:hover{background:var(--danger-container);color:var(--on-danger-container)}@media(max-width:768px){.customers-page__header-actions{flex-direction:column;gap:var(--spacing-sm);align-items:stretch}.customers-page__overview-cards{grid-template-columns:repeat(2,1fr)}.customers-page__footer-actions{flex-direction:column}}@media(max-width:480px){.customers-page__overview-cards{grid-template-columns:1fr}.customers-page__header-actions .app-button{width:100%}}.theme-dark .customers-table__checkbox{accent-color:var(--primary-color)}@media(prefers-contrast:high){.customers-page__action-btn,.customers-page .customers-table__action-btn{border:1px solid var(--outline)}}@media(prefers-reduced-motion:reduce){.customers-page__action-btn,.customers-page .customers-table__action-btn{transition:none}}.payment-history-modal__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md)}.payment-history-modal__header-info{flex:1}.payment-history-modal__subtitle{margin:var(--spacing-xs) 0 0 0;color:var(--text-secondary);font-size:var(--font-size-sm)}.payment-history-modal__close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.payment-history-modal__close-btn:hover{background:var(--surface-container-low);color:var(--text-primary)}.payment-history-modal__close-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.payment-history-modal__content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.payment-history-modal__summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--surface-container-low);border-radius:var(--border-radius-md);border:1px solid var(--outline-variant);margin-bottom:var(--spacing-lg)}.payment-history-modal__summary-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.payment-history-modal__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.payment-history-modal__value{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-primary)}.payment-history-modal__value--amount{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--success-color)}.payment-history-modal__notes-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.payment-history-modal__notes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.payment-history-modal__notes-section h4{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.payment-history-modal__breakdown-btn{font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm);height:auto}.payment-history-modal__breakdown-section{margin-top:var(--spacing-lg);padding:var(--spacing-lg);background:#fff;border-radius:var(--border-radius-md);border:1px solid var(--outline-variant)}.payment-history-modal__breakdown-section h5{margin:0 0 var(--spacing-lg) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);text-align:center}.payment-history-modal__breakdown-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.payment-history-modal__breakdown-notes{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.payment-history-modal__breakdown-item{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-base);color:var(--text-primary);line-height:1.5}.payment-history-modal__breakdown-quantity{font-weight:var(--font-weight-normal);color:var(--text-primary);min-width:50px}.payment-history-modal__breakdown-amount{font-weight:var(--font-weight-normal);color:var(--text-primary)}.payment-history-modal__breakdown-equivalent{font-weight:var(--font-weight-normal);color:var(--text-primary);font-size:var(--font-size-base)}.payment-history-modal__breakdown-total{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg) 0 0 0;border-top:1px solid var(--outline-variant);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.payment-history-modal__breakdown-total-label,.payment-history-modal__breakdown-total-amount{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.payment-history-modal__notes-summary{display:flex;gap:var(--spacing-lg);padding:var(--spacing-sm) 0;font-size:var(--font-size-sm);color:var(--text-secondary)}.payment-history-modal__table :global(.app-table){border:1px solid var(--outline-variant);border-radius:var(--border-radius-md)}.payment-history-modal__note-type{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-primary);font-weight:var(--font-weight-medium)}.payment-history-modal__note-type svg{color:var(--primary-color);flex-shrink:0}@media(max-width:768px){.payment-history-modal__summary{grid-template-columns:1fr;gap:var(--spacing-md);padding:var(--spacing-md)}.payment-history-modal__notes-summary{flex-direction:column;gap:var(--spacing-xs)}.payment-history-modal__header{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.payment-history-modal__close-btn{align-self:flex-end}.payment-history-modal__breakdown-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.payment-history-modal__breakdown-quantity{min-width:auto}.payment-history-modal__breakdown-total{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}}:global(.app-table__row){cursor:pointer;transition:background-color .2s ease}:global(.app-table__row):hover{background-color:var(--surface-container-low)}.customer-details-page__breadcrumb{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-md) 0}.customer-details-page__back-btn{display:flex;align-items:center;gap:var(--spacing-xs);background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}.customer-details-page__back-btn:hover{color:var(--primary-color)}.customer-details-page__back-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:var(--border-radius-sm)}.customer-details-page__separator{color:var(--text-tertiary);font-size:var(--font-size-sm)}.customer-details-page__current{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.customer-details-page__info-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}@media(max-width:768px){.customer-details-page__info-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}}.customer-details-page__info-column{display:flex;flex-direction:column;gap:var(--spacing-md)}.customer-details-page__info-item{display:flex;align-items:center;gap:var(--spacing-sm)}.customer-details-page__info-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);min-width:120px}.customer-details-page__info-value{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:var(--font-weight-medium)}.customer-details-page__metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg)}@media(max-width:768px){.customer-details-page__metrics{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}}@media(max-width:480px){.customer-details-page__metrics{grid-template-columns:1fr}}.customer-details-page__activity-logs{display:flex;flex-direction:column;gap:var(--spacing-md)}.customer-details-page__activity-item{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--surface-variant);border-radius:var(--border-radius-md);border-left:3px solid var(--primary-color)}.customer-details-page__activity-date{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium);min-width:100px;flex-shrink:0}.customer-details-page__activity-content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.customer-details-page__activity-action{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:var(--font-weight-medium)}.customer-details-page__activity-details{font-size:var(--font-size-xs);color:var(--text-tertiary)}.customer-details-page__footer-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-xl);padding:var(--spacing-lg) 0}@media(max-width:768px){.customer-details-page__footer-actions{flex-direction:column;align-items:stretch}}.customer-details-page__footer-btn{min-width:120px}@media(max-width:768px){.customer-details-page__footer-btn{width:100%}}.customer-details-page__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-4xl);color:var(--text-secondary);gap:var(--spacing-md)}.customer-details-page__loading-spinner{width:32px;height:32px;border:3px solid var(--outline);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.customer-details-page__metric-skeleton{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--surface);border:1.5px solid var(--outline);border-radius:var(--border-radius-lg);min-height:120px}.customer-details-page__skeleton-title,.customer-details-page__skeleton-value,.customer-details-page__skeleton-subtitle{background:linear-gradient(90deg,var(--surface-variant) 0%,var(--surface-container) 50%,var(--surface-variant) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--border-radius-sm)}.customer-details-page__skeleton-title{height:16px;width:60%}.customer-details-page__skeleton-value{height:32px;width:80%;margin:var(--spacing-xs) 0}.customer-details-page__skeleton-subtitle{height:14px;width:40%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.customer-details-table__checkbox{width:16px;height:16px;cursor:pointer}.customer-details-table__actions{display:flex;gap:var(--spacing-xs);align-items:center;justify-content:center}.customer-details-table__action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.customer-details-table__action-btn:hover{background:var(--surface-variant);color:var(--text-primary)}.customer-details-table__action-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.customer-details-table__action-btn--danger{color:var(--danger-color)}.customer-details-table__action-btn--danger:hover{background:var(--danger-container);color:var(--on-danger-container)}.customer-details-table__status{display:flex;align-items:center;gap:var(--spacing-xs)}@media(max-width:768px){.customer-details-page__info-grid{grid-template-columns:1fr}.customer-details-page__metrics{grid-template-columns:repeat(2,1fr)}.customer-details-page__footer-actions{flex-direction:column}}@media(max-width:480px){.customer-details-page__metrics{grid-template-columns:1fr}.customer-details-page__activity-item{flex-direction:column;gap:var(--spacing-sm)}.customer-details-page__activity-date{min-width:auto}}.theme-dark .customer-details-table__checkbox{accent-color:var(--primary-color)}@media(prefers-contrast:high){.customer-details-page__action-btn,.customer-details-page .customer-details-table__action-btn{border:1px solid var(--outline)}}@media(prefers-reduced-motion:reduce){.customer-details-page__action-btn,.customer-details-page .customer-details-table__action-btn{transition:none}}.add-customer-page__breadcrumb{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-md) 0}.add-customer-page__back-btn{display:flex;align-items:center;gap:var(--spacing-xs);background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}.add-customer-page__back-btn:hover{color:var(--primary-color)}.add-customer-page__back-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:var(--border-radius-sm)}.add-customer-page__current{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.add-customer-page__form{display:flex;flex-direction:column;gap:var(--spacing-xl)}.add-customer-page__form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}@media(max-width:768px){.add-customer-page__form-grid{grid-template-columns:1fr;gap:var(--spacing-md)}}.add-customer-page__form-column{display:flex;flex-direction:column;gap:var(--spacing-lg)}.add-customer-page__form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.add-customer-page__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.add-customer-page__coordinates{display:flex;flex-direction:column;gap:var(--spacing-md)}.add-customer-page__coordinate-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.add-customer-page__location-btn{align-self:flex-start;margin-top:var(--spacing-sm)}.add-customer-page__form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid var(--outline-variant)}@media(max-width:768px){.add-customer-page__form-actions{flex-direction:column;align-items:stretch}}.add-customer-page :global(.app-select__option-label){font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.add-customer-page :global(.app-select__option-description){font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-base)}@media(max-width:768px){.add-customer-page__form-grid{grid-template-columns:1fr}.add-customer-page__form-column{gap:var(--spacing-md)}.add-customer-page__form-actions{flex-direction:column}.add-customer-page__coordinates{gap:var(--spacing-sm)}.add-customer-page__location-btn{align-self:stretch}}@media(max-width:480px){.add-customer-page__breadcrumb{flex-wrap:wrap;gap:var(--spacing-xs)}.add-customer-page__back-btn,.add-customer-page__separator,.add-customer-page__current{font-size:var(--font-size-xs)}}.theme-dark .add-customer-page__form-actions{border-top-color:var(--outline)}@media(prefers-contrast:high){.add-customer-page__form-actions{border-top:2px solid var(--outline)}}@media(prefers-reduced-motion:reduce){.add-customer-page__back-btn{transition:none}}.product-filters-dialog-modal{max-width:1000px!important;min-height:500px;max-height:85vh}.product-filters-dialog{display:flex;flex-direction:column;gap:var(--spacing-lg)}@media(max-width:768px){.product-filters-dialog{gap:var(--spacing-md)}}.product-filters-dialog__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.product-filters-dialog__row:has(.product-filters-dialog__field:only-child){grid-template-columns:1fr}@media(max-width:768px){.product-filters-dialog__row{grid-template-columns:1fr;gap:var(--spacing-md)}}.product-filters-dialog__field{display:flex;flex-direction:column}.products-page__header-section{margin-bottom:var(--spacing-md)!important;margin-left:calc(var(--spacing-xl) * -1)!important;margin-right:calc(var(--spacing-xl) * -1)!important;padding-left:var(--spacing-md)!important;padding-right:var(--spacing-md)!important}.products-page__header-section .app-page-header{margin-bottom:var(--spacing-sm)!important}.products-page__header-actions{display:flex;gap:var(--spacing-md);align-items:center}.products-page__filter-btn{position:relative;min-width:100px}.products-page__filter-badge{position:absolute;top:-6px;right:-6px;background-color:var(--primary-color);color:var(--on-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:2px 6px;border-radius:var(--border-radius-full);min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;line-height:1}.products-page__overview-section{margin-bottom:var(--spacing-md)!important;margin-left:calc(var(--spacing-xl) * -1)!important;margin-right:calc(var(--spacing-xl) * -1)!important;padding-left:var(--spacing-md)!important;padding-right:var(--spacing-md)!important}.products-page__overview-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-md)}.products-page__table-section{margin-bottom:var(--spacing-md)!important;margin-left:calc(var(--spacing-xl) * -1)!important;margin-right:calc(var(--spacing-xl) * -1)!important;padding-left:var(--spacing-md)!important;padding-right:var(--spacing-md)!important}.products-page__footer-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-xl);padding:var(--spacing-lg) 0}@media(max-width:768px){.products-page__footer-actions{flex-direction:column;align-items:stretch}}.products-page__footer-btn{min-width:120px}@media(max-width:768px){.products-page__footer-btn{width:100%}}.products-page__delete-dialog{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-md);gap:var(--spacing-md)}.products-page__delete-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:var(--border-radius-full);background:var(--error-container);color:var(--on-error-container);margin-bottom:var(--spacing-sm)}.products-page__delete-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.products-page__delete-message{font-size:var(--font-size-base);color:var(--text-secondary);margin:0;line-height:var(--line-height-base)}.products-page__delete-message strong{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.products-table__checkbox{width:16px;height:16px;cursor:pointer}.products-table__actions{display:flex;gap:var(--spacing-xs);align-items:center;justify-content:center}.products-table__action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.products-table__action-btn:hover{background:var(--surface-variant);color:var(--text-primary)}.products-table__action-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.products-table__action-btn--danger{color:var(--danger-color)}.products-table__action-btn--danger:hover{background:var(--danger-container);color:var(--on-danger-container)}.products-table__status{display:flex;align-items:center;gap:var(--spacing-xs)}.products-table__image-cell{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--border-radius-sm);overflow:hidden;border:1px solid var(--outline-variant);background:var(--surface-container);position:relative}.products-table__image-cell:after{content:"";position:absolute;inset:0;background:var(--surface-container);display:none}.products-table__image-cell.products-table__image-error:after{display:block}.products-table__image{width:100%;height:100%;object-fit:cover;display:block}.products-table__image-placeholder{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--border-radius-sm);background:var(--surface-variant);color:var(--text-secondary);border:1px solid var(--outline-variant)}@media(max-width:768px){.products-page__header-actions{flex-direction:column;gap:var(--spacing-sm);align-items:stretch}.products-page__overview-cards{grid-template-columns:repeat(2,1fr)}.products-page__footer-actions{flex-direction:column}}@media(max-width:480px){.products-page__overview-cards{grid-template-columns:1fr}.products-page__header-actions .app-button{width:100%}}.product-details-page__loading{display:flex;align-items:center;justify-content:center;min-height:400px;text-align:center}.product-details-page__loading p{color:var(--text-secondary);font-size:var(--font-size-lg);margin:0}.product-details-page__not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;gap:var(--spacing-lg)}.product-details-page__not-found h2{color:var(--text-primary);margin:0}.product-details-page__not-found p{color:var(--text-secondary);margin:0}.product-details-page__product-info{display:flex;flex-direction:column;gap:var(--spacing-xl)}.product-details-page__product-info__left,.product-details-page__product-info__right{display:flex;flex-direction:column;gap:var(--spacing-md)}.product-details-page__product-image{display:flex;justify-content:center;align-items:center;margin-bottom:var(--spacing-xl);position:relative;width:300px;height:300px;margin-left:auto;margin-right:auto}.product-details-page__product-image__img{width:100%;height:100%;object-fit:cover;border-radius:var(--border-radius-lg);border:2px solid var(--outline);background-color:var(--surface-container-low);box-shadow:0 6px 12px #00000026;transition:all var(--transition-fast)}.product-details-page__product-image__img:hover{border-color:var(--primary-color);box-shadow:0 8px 16px #0003;transform:scale(1.02)}@media(max-width:768px){.product-details-page__product-image__img{width:250px;height:250px}}@media(max-width:480px){.product-details-page__product-image__img{width:200px;height:200px}}.product-details-page__product-image__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:var(--border-radius-lg);border:2px solid var(--outline-variant);background:var(--surface-variant);color:var(--text-secondary)}@media(max-width:768px){.product-details-page__product-image__placeholder{width:250px;height:250px}}@media(max-width:480px){.product-details-page__product-image__placeholder{width:200px;height:200px}}.product-details-page__product-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl)}@media(max-width:768px){.product-details-page__product-details-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}}.product-details-page__field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.product-details-page__field label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.product-details-page__field span{font-size:var(--font-size-base);color:var(--text-primary);font-weight:var(--font-weight-normal)}.product-details-page__stock-value{font-weight:var(--font-weight-semibold)!important;color:var(--primary-color)!important}.product-details-page__status{display:flex;align-items:center;gap:var(--spacing-xs)}.product-details-page__product-description{display:flex;flex-direction:column;gap:var(--spacing-sm);padding-top:var(--spacing-lg);border-top:1px solid var(--outline-variant)}.product-details-page__product-description label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.product-details-page__product-description p{font-size:var(--font-size-base);color:var(--text-primary);line-height:var(--line-height-base);margin:0}.product-details-page__product-meta{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid var(--outline-variant);margin-top:var(--spacing-lg)}@media(max-width:768px){.product-details-page__product-meta{grid-template-columns:1fr}}.product-details-page__footer-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-xl);padding:var(--spacing-lg) 0}@media(max-width:768px){.product-details-page__footer-actions{flex-direction:column;align-items:stretch}}.product-details-page__breadcrumb{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);padding:var(--spacing-sm) 0}.product-details-page__breadcrumb-back{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.product-details-page__breadcrumb-back:hover{background:var(--surface-variant);color:var(--text-primary)}.product-details-page__breadcrumb-back:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.product-details-page__breadcrumb-link{background:none;border:none;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);transition:all var(--transition-fast)}.product-details-page__breadcrumb-link:hover{color:var(--primary-color);background:var(--primary-container)}.product-details-page__breadcrumb-link:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.product-details-page__breadcrumb-separator{color:var(--text-tertiary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin:0 var(--spacing-xs)}.product-details-page__breadcrumb-current{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.product-details-page__footer-btn{min-width:160px}@media(max-width:768px){.product-details-page__footer-btn{width:100%}}.stock-movement__type{display:flex;align-items:center;gap:var(--spacing-xs)}.stock-movement__icon--in{color:var(--success-color)}.stock-movement__icon--out{color:var(--error-color)}.stock-movement__icon--transfer{color:var(--info-color)}.stock-movement__icon--adjustment{color:var(--warning-color)}.stock-movement__quantity{font-weight:var(--font-weight-medium);font-family:var(--font-family-mono)}.stock-movement__quantity--positive{color:var(--success-color)}.stock-movement__quantity--negative{color:var(--error-color)}.stock-movement__transaction-type{font-weight:var(--font-weight-medium);font-size:var(--font-size-sm)}.stock-movement__transaction-type--sale{color:var(--error-color)}.stock-movement__transaction-type--restock{color:var(--success-color)}.stock-movement__transaction-type--transfer,.stock-movement__transaction-type--adjustment{color:var(--info-color)}@media(max-width:768px){.product-details-page__product-info{gap:var(--spacing-md)}.product-details-page__field{gap:var(--spacing-xs)}}@media(max-width:480px){.product-details-page__footer-actions .app-button{width:100%}}.theme-dark .product-details-page__stock-value{color:var(--primary-light)!important}@media(prefers-contrast:high){.product-details-page__field label{font-weight:var(--font-weight-bold)}}@media(prefers-reduced-motion:reduce){.stock-movement__icon{transition:none}}.add-product-page__breadcrumb{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);padding:var(--spacing-sm) 0}.add-product-page__breadcrumb-back{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.add-product-page__breadcrumb-back:hover{background:var(--surface-variant);color:var(--text-primary)}.add-product-page__breadcrumb-back:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.add-product-page__breadcrumb-link{background:none;border:none;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);transition:all var(--transition-fast)}.add-product-page__breadcrumb-link:hover{color:var(--primary-color);background:var(--primary-container)}.add-product-page__breadcrumb-link:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.add-product-page__breadcrumb-separator{color:var(--text-tertiary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin:0 var(--spacing-xs)}.add-product-page__breadcrumb-current{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.add-product-page__header{margin-bottom:var(--spacing-xl)}.add-product-page__header h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.add-product-page__form{display:flex;flex-direction:column;gap:var(--spacing-xl)}.add-product-page__form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}@media(max-width:768px){.add-product-page__form-row{grid-template-columns:1fr;gap:var(--spacing-md)}}.add-product-page__form-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.add-product-page__form-field--full{grid-column:1/-1}.add-product-page__image-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.add-product-page__image-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.add-product-page__image-upload{display:flex;flex-direction:column;gap:var(--spacing-sm)}.add-product-page__image-upload-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-xl);border:2px dashed var(--outline);border-radius:var(--border-radius-md);background-color:var(--surface-container);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.add-product-page__image-upload-btn:hover:not(:disabled){border-color:var(--primary-color);background-color:var(--surface-container-high);color:var(--primary-color)}.add-product-page__image-upload-btn:disabled{opacity:.6;cursor:not-allowed}.add-product-page__image-upload-btn svg{color:var(--text-secondary)}.add-product-page__image-upload-btn span{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.add-product-page__image-preview{position:relative;width:100%;max-width:300px;aspect-ratio:1;border-radius:var(--border-radius-md);overflow:hidden;border:1px solid var(--outline)}.add-product-page__image-preview img{width:100%;height:100%;object-fit:cover}.add-product-page__image-remove{position:absolute;top:var(--spacing-xs);right:var(--spacing-xs);display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--border-radius-full);background-color:var(--error-color);color:var(--on-error);border:none;cursor:pointer;transition:all var(--transition-fast)}.add-product-page__image-remove:hover:not(:disabled){background-color:var(--error-color);filter:brightness(1.1);transform:scale(1.05)}.add-product-page__image-remove:disabled{opacity:.6;cursor:not-allowed}.add-product-page__image-error{font-size:var(--font-size-xs);color:var(--error-color);margin-top:var(--spacing-xs)}.add-product-page__sku-suggestions{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background:var(--surface-variant);border-radius:var(--border-radius-sm)}.add-product-page__sku-suggestions-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin:0 0 var(--spacing-xs) 0}.add-product-page__sku-suggestions-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.add-product-page__sku-suggestion-btn{padding:var(--spacing-xs) var(--spacing-sm);background:var(--primary-container);color:var(--on-primary-container);border:1px solid var(--primary-color);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.add-product-page__sku-suggestion-btn:hover:not(:disabled){background:var(--primary-color);color:var(--on-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.add-product-page__sku-suggestion-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.add-product-page__sku-suggestion-btn:disabled{opacity:.6;cursor:not-allowed}.add-product-page__textarea-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.add-product-page__textarea{width:100%;padding:var(--spacing-md);border:1px solid var(--outline-variant);border-radius:var(--border-radius-sm);font-size:var(--font-size-base);font-family:inherit;color:var(--text-primary);background:var(--surface);resize:vertical;min-height:100px;transition:all var(--transition-fast)}.add-product-page__textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-container)}.add-product-page__textarea::placeholder{color:var(--text-tertiary)}.add-product-page__form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--outline-variant)}@media(max-width:768px){.add-product-page__form-actions{flex-direction:column;align-items:stretch}}.add-product-page__cancel-btn{min-width:120px}@media(max-width:768px){.add-product-page__cancel-btn{width:100%}}.add-product-page__save-btn{min-width:140px}@media(max-width:768px){.add-product-page__save-btn{width:100%}}@media(max-width:768px){.add-product-page__form-row{gap:var(--spacing-md)}.add-product-page__upload-content{padding:var(--spacing-lg);min-height:100px}}@media(max-width:480px){.add-product-page__header h1{font-size:var(--font-size-2xl)}.add-product-page__form-actions .app-button{width:100%}}.theme-dark .add-product-page__upload-area{background:var(--surface-variant)}.theme-dark .add-product-page__upload-area:hover{background:var(--primary-container)}@media(prefers-contrast:high){.add-product-page__upload-area{border-width:3px}.add-product-page__form-actions{border-top-width:2px}}@media(prefers-reduced-motion:reduce){.add-product-page__breadcrumb-back,.add-product-page__breadcrumb-link,.add-product-page__upload-area,.add-product-page__remove-image{transition:none}}.category-details-dialog{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--spacing-md)}.category-details-dialog__backdrop{position:absolute;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.category-details-dialog__content{position:relative;background:var(--surface-container);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-3xl);max-width:600px;width:100%;max-height:90vh;display:flex;flex-direction:column;animation:slideIn .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.category-details-dialog__header{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-lg);border-bottom:1px solid var(--outline-variant);background:var(--surface-container-high)}.category-details-dialog__title-section{flex:1;min-width:0}.category-details-dialog__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0;line-height:var(--line-height-tight)}.category-details-dialog__subtitle{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.category-details-dialog__close-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;border-radius:var(--border-radius-full);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.category-details-dialog__close-btn:hover{background:var(--surface-variant);color:var(--text-primary)}.category-details-dialog__close-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.category-details-dialog__body{flex:1;overflow-y:auto;padding:var(--spacing-xl)}.category-details-dialog__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-3xl);color:var(--text-secondary);font-size:var(--font-size-base)}.category-details-dialog__spinner{width:40px;height:40px;border:3px solid var(--outline-variant);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.category-details-dialog__error{display:flex;align-items:center;justify-content:center;padding:var(--spacing-3xl);color:var(--text-secondary);font-size:var(--font-size-base)}.category-details-dialog__details-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}.category-details-dialog__detail-item{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--surface-container-highest);border-radius:var(--border-radius-md);border:1px solid var(--outline-variant);transition:all var(--transition-fast)}.category-details-dialog__detail-item:hover{background:var(--surface-container-highest);border-color:var(--primary-color);box-shadow:var(--shadow-sm)}.category-details-dialog__detail-item--full{grid-column:1/-1}.category-details-dialog__detail-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--surface-variant);border-radius:var(--border-radius-md);color:var(--primary-color);flex-shrink:0}.category-details-dialog__detail-content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0}.category-details-dialog__detail-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.category-details-dialog__detail-value{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-primary);word-wrap:break-word;overflow-wrap:break-word}.category-details-dialog__image-container{margin-top:var(--spacing-sm);border-radius:var(--border-radius-md);overflow:hidden;border:1px solid var(--outline-variant);max-width:300px}.category-details-dialog__image{width:100%;height:auto;display:block;object-fit:cover}.category-details-dialog__footer{display:flex;align-items:center;justify-content:flex-end;padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--outline-variant);background:var(--surface-container-high)}.category-details-dialog__close-button{min-width:120px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:767px){.category-details-dialog{padding:var(--spacing-sm)}.category-details-dialog__content{max-width:100%;max-height:100vh;border-radius:var(--border-radius-lg)}.category-details-dialog__header,.category-details-dialog__body{padding:var(--spacing-lg)}.category-details-dialog__footer{padding:var(--spacing-md) var(--spacing-lg)}}.categories-page__header-actions{display:flex;gap:var(--spacing-md);align-items:center}.categories-page__add-btn{min-width:140px}.categories-page__filter-btn{position:relative;min-width:100px}.categories-page__filter-badge{position:absolute;top:-8px;right:-8px;background:var(--danger-color);color:var(--on-danger);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;padding:0 4px}.categories-page__overview-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg)}@media(max-width:768px){.categories-page__overview-cards{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}}@media(max-width:480px){.categories-page__overview-cards{grid-template-columns:1fr}}.categories-page__filters{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);align-items:center}@media(max-width:768px){.categories-page__filters{flex-direction:column;align-items:stretch}}.categories-page__search{flex:1}.categories-page__status-select{height:52px;padding:0 var(--spacing-md);border:1.5px solid var(--outline);border-radius:var(--border-radius-md);background-color:var(--surface);color:var(--text-primary);font-size:var(--font-size-base);font-family:var(--font-family-base),serif;font-weight:var(--font-weight-normal);line-height:var(--line-height-base);cursor:pointer;transition:all var(--transition-fast);min-width:160px;box-sizing:border-box;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-md) center;padding-right:calc(var(--spacing-md) + 20px)}.categories-page__status-select:hover:not(:disabled){border-color:var(--on-surface)}.categories-page__status-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.12)}.categories-page__status-select:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.categories-page__status-select{width:100%}}.categories-page__actions{display:flex;gap:var(--spacing-xs);align-items:center}.categories-page__action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.categories-page__action-btn:hover{background:var(--surface-variant);color:var(--text-primary)}.categories-page__action-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.categories-page__action-btn--danger{color:var(--danger-color)}.categories-page__action-btn--danger:hover{background:var(--danger-container);color:var(--on-danger-container)}.categories-page__delete-dialog{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-md);gap:var(--spacing-md)}.categories-page__delete-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:var(--border-radius-full);background:var(--error-container);color:var(--on-error-container);margin-bottom:var(--spacing-sm)}.categories-page__delete-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.categories-page__delete-message{font-size:var(--font-size-base);color:var(--text-secondary);margin:0;line-height:var(--line-height-base)}.categories-page__delete-message strong{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.categories-table__actions{display:flex;gap:var(--spacing-xs);align-items:center}.categories-table__action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.categories-table__action-btn:hover{background:var(--surface-variant);color:var(--text-primary)}.categories-table__action-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.categories-table__action-btn--danger{color:var(--danger-color)}.categories-table__action-btn--danger:hover{background:var(--danger-container);color:var(--on-danger-container)}.categories-table__image-cell{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--border-radius-sm);overflow:hidden;border:1px solid var(--outline-variant);background:var(--surface-container);position:relative}.categories-table__image-cell:after{content:"";position:absolute;inset:0;background:var(--surface-container);display:none}.categories-table__image-cell--error:after{display:block}.categories-table__image{width:100%;height:100%;object-fit:cover;display:block}.categories-table__image-placeholder{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--border-radius-sm);background:var(--surface-variant);color:var(--text-secondary);border:1px solid var(--outline-variant)}.categories-page__unit-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin:var(--spacing-md) 0 var(--spacing-lg)}.categories-page__unit-item{padding:var(--spacing-xs) var(--spacing-sm);background:var(--surface-variant);border-radius:var(--border-radius-sm);color:var(--text-primary)}.categories-page__unit-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:var(--spacing-md);align-items:end}@media(max-width:900px){.categories-page__unit-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.categories-page__unit-form{grid-template-columns:1fr}}.create-category-page__form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.create-category-page__form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}@media(max-width:767px){.create-category-page__form-row{grid-template-columns:1fr}}.create-category-page__image-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.create-category-page__image-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.create-category-page__image-upload{display:flex;flex-direction:column;gap:var(--spacing-sm)}.create-category-page__image-upload-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-xl);border:2px dashed var(--outline);border-radius:var(--border-radius-md);background-color:var(--surface-container);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.create-category-page__image-upload-btn:hover:not(:disabled){border-color:var(--primary-color);background-color:var(--surface-container-high);color:var(--primary-color)}.create-category-page__image-upload-btn:disabled{opacity:.6;cursor:not-allowed}.create-category-page__image-upload-btn svg{color:var(--text-secondary)}.create-category-page__image-upload-btn span{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.create-category-page__image-preview{position:relative;width:100%;max-width:300px;aspect-ratio:1;border-radius:var(--border-radius-md);overflow:hidden;border:1px solid var(--outline)}.create-category-page__image-preview img{width:100%;height:100%;object-fit:cover}.create-category-page__image-remove{position:absolute;top:var(--spacing-xs);right:var(--spacing-xs);display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--border-radius-full);background-color:var(--error-color);color:var(--on-error);border:none;cursor:pointer;transition:all var(--transition-fast)}.create-category-page__image-remove:hover:not(:disabled){background-color:var(--error-color);filter:brightness(1.1);transform:scale(1.05)}.create-category-page__image-remove:disabled{opacity:.6;cursor:not-allowed}.create-category-page__image-error{font-size:var(--font-size-xs);color:var(--error-color);margin-top:var(--spacing-xs)}.create-category-page__form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--outline)}@media(max-width:767px){.create-category-page__form-actions{flex-direction:column-reverse}.create-category-page__form-actions button{width:100%}}.create-category-page__breadcrumb{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);padding:var(--spacing-sm) 0}.create-category-page__breadcrumb-back{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.create-category-page__breadcrumb-back:hover{background:var(--surface-variant);color:var(--text-primary)}.create-category-page__breadcrumb-back:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.create-category-page__breadcrumb-link{background:none;border:none;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);transition:all var(--transition-fast)}.create-category-page__breadcrumb-link:hover{color:var(--primary-color);background:var(--primary-container)}.create-category-page__breadcrumb-link:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.create-category-page__breadcrumb-separator{color:var(--text-tertiary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin:0 var(--spacing-xs)}.create-category-page__breadcrumb-current{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.edit-category-page__form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.edit-category-page__form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}@media(max-width:767px){.edit-category-page__form-row{grid-template-columns:1fr}}.edit-category-page__image-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.edit-category-page__image-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.edit-category-page__image-upload{display:flex;flex-direction:column;gap:var(--spacing-sm)}.edit-category-page__image-upload-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-xl);border:2px dashed var(--outline);border-radius:var(--border-radius-md);background-color:var(--surface-container);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.edit-category-page__image-upload-btn:hover:not(:disabled){border-color:var(--primary-color);background-color:var(--surface-container-high);color:var(--primary-color)}.edit-category-page__image-upload-btn:disabled{opacity:.6;cursor:not-allowed}.edit-category-page__image-upload-btn svg{color:var(--text-secondary)}.edit-category-page__image-upload-btn span{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.edit-category-page__image-preview{position:relative;width:100%;max-width:300px;aspect-ratio:1;border-radius:var(--border-radius-md);overflow:hidden;border:1px solid var(--outline)}.edit-category-page__image-preview img{width:100%;height:100%;object-fit:cover}.edit-category-page__image-remove{position:absolute;top:var(--spacing-xs);right:var(--spacing-xs);display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--border-radius-full);background-color:var(--error-color);color:var(--on-error);border:none;cursor:pointer;transition:all var(--transition-fast)}.edit-category-page__image-remove:hover:not(:disabled){background-color:var(--error-color);filter:brightness(1.1);transform:scale(1.05)}.edit-category-page__image-remove:disabled{opacity:.6;cursor:not-allowed}.edit-category-page__image-error{font-size:var(--font-size-xs);color:var(--error-color);margin-top:var(--spacing-xs)}.edit-category-page__form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--outline)}@media(max-width:767px){.edit-category-page__form-actions{flex-direction:column-reverse}.edit-category-page__form-actions button{width:100%}}.edit-category-page__breadcrumb{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);padding:var(--spacing-sm) 0}.edit-category-page__breadcrumb-back{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.edit-category-page__breadcrumb-back:hover{background:var(--surface-variant);color:var(--text-primary)}.edit-category-page__breadcrumb-back:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.edit-category-page__breadcrumb-link{background:none;border:none;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);transition:all var(--transition-fast)}.edit-category-page__breadcrumb-link:hover{color:var(--primary-color);background:var(--primary-container)}.edit-category-page__breadcrumb-link:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.edit-category-page__breadcrumb-separator{color:var(--text-tertiary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin:0 var(--spacing-xs)}.edit-category-page__breadcrumb-current{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.edit-category-page__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-3xl);min-height:400px;color:var(--text-secondary);font-size:var(--font-size-base)}.edit-category-page__spinner{width:40px;height:40px;border:3px solid var(--outline-variant);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.ds-dialog__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-2xl);color:var(--text-secondary);font-size:var(--font-size-sm)}.ds-dialog__spinner{animation:spin 1s linear infinite}.ds-dialog__empty{text-align:center;color:var(--text-secondary);padding:var(--spacing-xl)}.ds-dialog__content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.ds-dialog__status-row{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.ds-dialog__notes{font-size:var(--font-size-sm);color:var(--text-secondary);font-style:italic}.ds-dialog__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}@media(max-width:600px){.ds-dialog__grid{grid-template-columns:1fr}}.ds-dialog__section{display:flex;flex-direction:column;gap:var(--spacing-sm);background:var(--surface-variant, var(--surface-color));border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-md)}.ds-dialog__section-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-xs);display:flex;align-items:center;gap:var(--spacing-xs)}.ds-dialog__field{display:flex;align-items:baseline;gap:var(--spacing-sm)}.ds-dialog__field--block{flex-direction:column;align-items:flex-start;gap:2px}.ds-dialog__label{font-size:var(--font-size-xs);color:var(--text-secondary);min-width:60px;flex-shrink:0;font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.4px}.ds-dialog__value{font-size:var(--font-size-sm);color:var(--text-primary)}.ds-dialog__value--strong{font-weight:var(--font-weight-semibold)}.ds-dialog__value--icon{display:flex;align-items:center;gap:4px}.ds-dialog__sub{color:var(--text-secondary);font-size:var(--font-size-xs)}.ds-dialog__coords{font-size:var(--font-size-xs);color:var(--text-secondary);padding-left:17px}.ds-dialog__stats{display:flex;gap:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);background:var(--primary-container, rgba(var(--primary-rgb, 0 0 0)/.06));border-radius:var(--border-radius-md);flex-wrap:wrap}.ds-dialog__stat{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-secondary)}.ds-dialog__stat-label{font-size:var(--font-size-sm)}.ds-dialog__stat-value{font-size:var(--font-size-md);color:var(--text-primary)}.ds-dialog__map{display:flex;flex-direction:column;gap:var(--spacing-sm)}.ds-dialog__map>div:last-child{border-radius:var(--border-radius-md);overflow:hidden;border:1px solid var(--border-color)}.ds-dialog__photos{display:flex;flex-direction:column;gap:var(--spacing-sm)}.ds-dialog__photos-row{display:flex;gap:var(--spacing-lg);flex-wrap:wrap}.ds-dialog__photo{display:flex;flex-direction:column;gap:var(--spacing-xs)}.ds-dialog__photo-label{font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.4px}.ds-dialog__photo img{width:180px;height:130px;object-fit:cover;border-radius:var(--border-radius-md);border:1px solid var(--border-color);cursor:pointer;transition:opacity var(--transition-fast)}.ds-dialog__photo img:hover{opacity:.85}.reps-routes-page__header-actions{display:flex;gap:var(--spacing-md);align-items:center}@media(max-width:768px){.reps-routes-page__header-actions{flex-direction:column;gap:var(--spacing-sm);align-items:stretch}}.reps-routes-page__add-btn{min-width:140px}@media(max-width:768px){.reps-routes-page__add-btn{width:100%}}.reps-routes-page__assign-modal{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-md)}.reps-routes-page__assign-modal-field{width:100%}.reps-routes-page__assign-modal-warning{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background-color:rgba(var(--warning-color-rgb, 245, 158, 11),.1);border:1px solid rgba(var(--warning-color-rgb, 245, 158, 11),.3);border-radius:var(--border-radius-md);color:var(--warning-color);font-size:var(--font-size-sm)}.reps-routes-page__assign-modal-warning svg{flex-shrink:0}.reps-routes-page__assign-modal-info{padding:var(--spacing-md);background:var(--surface-variant);border-radius:var(--border-radius-md)}.reps-routes-page__assign-modal-info p{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary)}.reps-routes-page__assign-modal-info p:not(:last-child){margin-bottom:var(--spacing-xs)}.reps-routes-page__assign-modal-info p strong{color:var(--text-primary)}.reps-routes-page__assign-modal-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--outline-variant)}.reps-routes-table__checkbox{width:16px;height:16px;cursor:pointer}.reps-routes-table__actions{display:flex;gap:var(--spacing-xs);align-items:center;justify-content:center}.reps-routes-table__action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.reps-routes-table__action-btn:hover{background:var(--surface-variant);color:var(--text-primary)}.reps-routes-table__action-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.reps-routes-table__action-btn--danger{color:var(--danger-color)}.reps-routes-table__action-btn--danger:hover{background:var(--danger-container);color:var(--on-danger-container)}.reps-routes-table__action-btn--primary{color:var(--primary-color)}.reps-routes-table__action-btn--primary:hover{background:var(--primary-container);color:var(--on-primary-container)}.reps-routes-table__status{display:flex;align-items:center;gap:var(--spacing-xs)}@media(max-width:768px){.reps-routes-page__header-actions .app-button{width:100%}}.theme-dark .reps-routes-table__checkbox{accent-color:var(--primary-color)}@media(prefers-contrast:high){.reps-routes-page__action-btn,.reps-routes-page .reps-routes-table__action-btn{border:1px solid var(--outline)}}@media(prefers-reduced-motion:reduce){.reps-routes-page__metric-card,.reps-routes-page__action-btn,.reps-routes-page .reps-routes-table__action-btn{transition:none}}.tasks-page__filters{display:grid;grid-template-columns:minmax(17rem,2fr) minmax(10rem,1fr) minmax(12rem,1fr);gap:1rem;align-items:start;margin-bottom:1.5rem}.tasks-page__filters form{display:flex;gap:.5rem}.tasks-page__secondary{display:block;color:#667085;margin-top:.25rem}.tasks-page__status{display:inline-block;border-radius:999px;padding:.25rem .65rem;background:#eef2f6;font-size:.85rem}.tasks-page__status--completed{background:#dcfce7;color:#166534}.tasks-page__status--in_progress{background:#dbeafe;color:#1d4ed8}.tasks-page__status--cancelled{background:#f3f4f6;color:#6b7280}.tasks-page__status--pending{background:#fef3c7;color:#92400e}.tasks-page__form{display:grid;gap:1rem}.tasks-page__row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.tasks-page__customer{position:relative}.tasks-page__suggestions{position:absolute;z-index:30;top:100%;left:0;right:0;max-height:13rem;overflow-y:auto;border:1px solid #e5e7eb;border-radius:.5rem;margin-top:.25rem;background:#fff;box-shadow:0 8px 20px #10182820}.tasks-page__suggestions>span{display:block;padding:.65rem;color:#667085}.tasks-page__suggestions button{width:100%;text-align:left;border:0;border-bottom:1px solid #f1f3f5;background:#fff;padding:.6rem .75rem;cursor:pointer}.tasks-page__suggestions button:hover{background:#f5f8ff}.tasks-page__suggestions small{display:block;color:#667085;margin-top:.1rem}.tasks-page__change{border:0;padding:.4rem 0;background:none;color:#1d4ed8;cursor:pointer}.tasks-page__detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.tasks-page__detail-grid>div{display:grid;gap:.35rem}.tasks-page__detail-grid span:first-child{color:#667085}.tasks-page__detail-section{margin-top:2rem;padding-top:1.25rem;border-top:1px solid #e5e7eb}.tasks-page__detail-section p{margin:.65rem 0 0;white-space:pre-wrap}@media(max-width:850px){.tasks-page__filters{grid-template-columns:1fr}}@media(max-width:600px){.tasks-page__row,.tasks-page__detail-grid{grid-template-columns:1fr}}.rep-tasks__list{display:grid;gap:0}.rep-tasks__item{display:flex;justify-content:space-between;align-items:start;gap:1rem;padding:1rem 0;border-bottom:1px solid #e5e7eb}.rep-tasks__item:last-child{border-bottom:0}.rep-tasks__item p{margin:.35rem 0 0;color:#667085}.rep-tasks__meta{margin-top:.3rem;color:#667085;font-size:.875rem}.rep-tasks__actions{display:flex;align-items:center;gap:.5rem;white-space:nowrap}.rep-tasks__status{padding:.2rem .5rem;border-radius:999px;background:#eef2f6;font-size:.75rem}.rep-tasks__status--completed{background:#dcfce7;color:#166534}.rep-tasks__status--cancelled{background:#f3f4f6;color:#6b7280}.rep-tasks__status--in_progress{background:#dbeafe;color:#1d4ed8}.rep-tasks__pagination{display:flex;justify-content:flex-end;align-items:center;gap:.75rem;margin-top:1rem}.rep-tasks__form{display:grid;gap:1rem}.rep-tasks__row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.rep-tasks__customer{position:relative}.rep-tasks__suggestions{position:absolute;z-index:20;top:100%;left:0;right:0;max-height:12rem;overflow-y:auto;border:1px solid #e5e7eb;border-radius:.5rem;margin-top:.25rem;background:#fff;box-shadow:0 8px 20px #10182820}.rep-tasks__suggestions>span{display:block;padding:.65rem;color:#667085}.rep-tasks__suggestions button{width:100%;text-align:left;border:0;border-bottom:1px solid #f1f3f5;background:#fff;padding:.6rem .75rem;cursor:pointer}.rep-tasks__suggestions button:hover{background:#f5f8ff}.rep-tasks__suggestions small{display:block;color:#667085;margin-top:.1rem}.rep-tasks__clear{border:0;padding:.4rem 0;background:none;color:#1d4ed8;cursor:pointer}@media(max-width:600px){.rep-tasks__item,.rep-tasks__row{display:block}.rep-tasks__actions{margin-top:.6rem}}.sales-rep-details-page__breadcrumb{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) 0}.sales-rep-details-page__breadcrumb-back{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.sales-rep-details-page__breadcrumb-back:hover{background:var(--surface-variant);color:var(--text-primary)}.sales-rep-details-page__breadcrumb-back:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.sales-rep-details-page__breadcrumb-link{background:none;border:none;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);transition:all var(--transition-fast)}.sales-rep-details-page__breadcrumb-link:hover{color:var(--primary-color);background:var(--primary-container)}.sales-rep-details-page__breadcrumb-link:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.sales-rep-details-page__breadcrumb-separator{color:var(--text-tertiary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin:0 var(--spacing-xs)}.sales-rep-details-page__breadcrumb-current{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.sales-rep-details-page__not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;gap:var(--spacing-lg)}.sales-rep-details-page__not-found h2{color:var(--text-primary);margin:0}.sales-rep-details-page__not-found p{color:var(--text-secondary);margin:0}.sales-rep-details-page__edit-btn{min-width:140px}.sales-rep-details-page__rep-info{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl)}@media(max-width:768px){.sales-rep-details-page__rep-info{grid-template-columns:1fr;gap:var(--spacing-lg)}}.sales-rep-details-page__rep-info__left,.sales-rep-details-page__rep-info__right{display:flex;flex-direction:column;gap:var(--spacing-md)}.sales-rep-details-page__field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.sales-rep-details-page__field label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.sales-rep-details-page__field span{font-size:var(--font-size-base);color:var(--text-primary);font-weight:var(--font-weight-normal)}.sales-rep-details-page__status{display:flex;align-items:center;gap:var(--spacing-xs)}.sales-rep-details-page__value--highlight{font-weight:var(--font-weight-semibold)!important;color:var(--primary-color)!important}.sales-rep-details-page__footer-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-xl);padding:var(--spacing-lg) 0}@media(max-width:768px){.sales-rep-details-page__footer-actions{flex-direction:column;align-items:stretch}}.sales-rep-details-page__close-btn{min-width:120px}@media(max-width:768px){.sales-rep-details-page__close-btn{width:100%}}.sales-rep-details-page__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);gap:var(--spacing-md)}@media(max-width:576px){.sales-rep-details-page__header{flex-direction:column;align-items:flex-start}}.sales-rep-details-page__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--spacing-md);color:var(--text-secondary)}.sales-rep-details-page__loading p{font-size:var(--font-size-base)}.sales-rep-details-page__loading-spinner{animation:spin 1s linear infinite;color:var(--primary-color)}.sales-rep-details-page__summary-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}@media(max-width:768px){.sales-rep-details-page__summary-cards{grid-template-columns:1fr}}.sales-rep-details-page__rep-profile{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl)}@media(max-width:768px){.sales-rep-details-page__rep-profile{grid-template-columns:1fr;gap:var(--spacing-lg)}}.sales-rep-details-page__rep-profile__left,.sales-rep-details-page__rep-profile__right{display:flex;flex-direction:column;gap:var(--spacing-md)}.sales-rep-details-page__kpi-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg)}@media(max-width:1200px){.sales-rep-details-page__kpi-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.sales-rep-details-page__kpi-cards{grid-template-columns:1fr}}.sales-rep-details-page__chart-container{width:100%;height:300px}.sales-rep-details-page__chart-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.sales-rep-details-page__chart-header h4{margin:0}@media(max-width:768px){.sales-rep-details-page__chart-header{flex-direction:column;align-items:flex-start}}.sales-rep-details-page__chart-summary{display:flex;gap:var(--spacing-lg);font-size:var(--font-size-sm);color:var(--text-secondary)}.sales-rep-details-page__chart-summary span{white-space:nowrap}@media(max-width:576px){.sales-rep-details-page__chart-summary{flex-direction:column;gap:var(--spacing-xs)}}.sales-rep-details-page__header-actions{display:flex;gap:var(--spacing-md);align-items:center}@media(max-width:576px){.sales-rep-details-page__header-actions{flex-direction:column;width:100%}}.sales-rep-details-page__status-text{font-weight:var(--font-weight-medium)}.sales-rep-details-page__status-text--active{color:var(--success-color)}.sales-rep-details-page__status-text--inactive{color:var(--error-color)}.sales-rep-details-page__session-header{display:flex;align-items:center;justify-content:space-between;width:100%}.sales-rep-details-page__session-title{display:flex;align-items:center;gap:var(--spacing-sm)}.sales-rep-details-page__session-title svg{color:var(--primary-color)}.sales-rep-details-page__session-title h4{margin:0}.sales-rep-details-page__session-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl)}@media(max-width:768px){.sales-rep-details-page__session-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}}.sales-rep-details-page__session-column{display:flex;flex-direction:column;gap:var(--spacing-md)}.sales-rep-details-page__session-stats{display:flex;gap:var(--spacing-lg);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}@media(max-width:480px){.sales-rep-details-page__session-stats{flex-direction:column;gap:var(--spacing-md)}}.sales-rep-details-page__session-stat{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-secondary)}.sales-rep-details-page__session-stat svg{color:var(--primary-color)}.sales-rep-details-page__session-stat strong{color:var(--text-primary)}.sales-rep-details-page__session-stat-label{color:var(--text-secondary)}.sales-rep-details-page__session-photos{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}@media(max-width:768px){.sales-rep-details-page__session-photos{grid-template-columns:1fr}}.sales-rep-details-page__session-photo{display:flex;flex-direction:column;gap:var(--spacing-sm)}.sales-rep-details-page__session-photo label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.sales-rep-details-page__session-photo a{display:block}.sales-rep-details-page__session-photo img{width:100%;max-height:240px;object-fit:cover;border-radius:var(--border-radius-md);border:1px solid var(--border-color);cursor:pointer;transition:opacity var(--transition-fast)}.sales-rep-details-page__session-photo img:hover{opacity:.9}.sales-rep-details-page__incentive-targets{display:flex;flex-direction:column;gap:var(--spacing-md)}.sales-rep-details-page__incentive-target{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--surface-variant, var(--surface-color));border:1px solid var(--border-color);border-radius:var(--border-radius-md)}.sales-rep-details-page__incentive-target-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-sm)}.sales-rep-details-page__incentive-target-type{font-weight:var(--font-weight-semibold);color:var(--text-primary);font-size:var(--font-size-base)}.sales-rep-details-page__incentive-target-value{display:flex;align-items:baseline;gap:var(--spacing-md);font-size:var(--font-size-lg)}.sales-rep-details-page__incentive-target-value strong{color:var(--primary-color)}.sales-rep-details-page__incentive-target-dates{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-normal)}.sales-rep-details-page__incentive-progress{display:flex;align-items:center;gap:var(--spacing-md)}.sales-rep-details-page__incentive-progress-bar{flex:1;height:8px;background:var(--surface-variant, #e5e7eb);border-radius:4px;overflow:hidden}.sales-rep-details-page__incentive-progress-fill{height:100%;background:var(--primary-color);border-radius:4px;transition:width .3s ease}.sales-rep-details-page__incentive-progress-label{font-size:var(--font-size-sm);color:var(--text-secondary);white-space:nowrap;min-width:90px;text-align:right}.sales-rep-details-page__incentive-reward{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;font-style:italic}.sales-rep-details-page__session-photo-fallback{display:flex;align-items:center;justify-content:center;height:160px;background:var(--surface-variant);border-radius:var(--border-radius-md);border:1px dashed var(--border-color);color:var(--text-secondary);font-size:var(--font-size-sm)}.sales-rep-details-page__ma-empty{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.sales-rep-details-page__ma-grid{display:flex;flex-direction:column;gap:var(--spacing-sm)}.sales-rep-details-page__ma-password{display:inline-flex;align-items:center;gap:var(--spacing-xs)}.sales-rep-details-page__ma-password-value{font-family:monospace;font-size:var(--font-size-sm);letter-spacing:.05em}.sales-rep-details-page__ma-unavailable{color:var(--text-secondary);font-size:var(--font-size-sm);font-style:italic}.sales-rep-details-page__ma-actions{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border-color)}.sales-rep-details-page__icon-btn{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;padding:2px;color:var(--text-secondary);cursor:pointer;border-radius:var(--border-radius-sm);transition:color var(--transition-fast)}.sales-rep-details-page__icon-btn:hover{color:var(--text-primary)}.linked-customers-table__checkbox{width:16px;height:16px;cursor:pointer}.linked-customers-table__status{display:flex;align-items:center;gap:var(--spacing-xs)}.linked-customers-table__status-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0}.linked-customers-table__status-indicator--active{background:var(--success-color)}.linked-customers-table__status-indicator--inactive{background:var(--error-color)}.linked-customers-table__status-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.linked-customers-table__status-text--active{color:var(--success-color)}.linked-customers-table__status-text--inactive{color:var(--error-color)}@media(max-width:768px){.sales-rep-details-page__rep-info{gap:var(--spacing-md)}.sales-rep-details-page__field{gap:var(--spacing-xs)}}@media(max-width:480px){.sales-rep-details-page__footer-actions .app-button{width:100%}}.theme-dark .sales-rep-details-page__value--highlight{color:var(--primary-light)!important}@media(prefers-contrast:high){.sales-rep-details-page__field label{font-weight:var(--font-weight-bold)}}@media(prefers-reduced-motion:reduce){.sales-rep-details-page__breadcrumb-back,.sales-rep-details-page__breadcrumb-link{transition:none}}.add-edit-sales-rep-page__breadcrumb{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);padding:var(--spacing-sm) 0}.add-edit-sales-rep-page__breadcrumb-back{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.add-edit-sales-rep-page__breadcrumb-back:hover{background:var(--surface-variant);color:var(--text-primary)}.add-edit-sales-rep-page__breadcrumb-back:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.add-edit-sales-rep-page__breadcrumb-link{background:none;border:none;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);transition:all var(--transition-fast)}.add-edit-sales-rep-page__breadcrumb-link:hover{color:var(--primary-color);background:var(--primary-container)}.add-edit-sales-rep-page__breadcrumb-link:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.add-edit-sales-rep-page__breadcrumb-separator{color:var(--text-tertiary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin:0 var(--spacing-xs)}.add-edit-sales-rep-page__breadcrumb-current{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.add-edit-sales-rep-page__form{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.add-edit-sales-rep-page__section{display:flex;flex-direction:column;gap:var(--spacing-lg)}.add-edit-sales-rep-page__section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-md) 0;padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--outline-variant)}.add-edit-sales-rep-page__form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}@media(max-width:768px){.add-edit-sales-rep-page__form-row{grid-template-columns:1fr;gap:var(--spacing-md)}}.add-edit-sales-rep-page__form-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.add-edit-sales-rep-page__form-field--full{grid-column:1/-1}.add-edit-sales-rep-page__error-text{font-size:var(--font-size-sm);color:var(--error-color);margin-top:var(--spacing-xs)}.add-edit-sales-rep-page__form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--outline-variant)}@media(max-width:768px){.add-edit-sales-rep-page__form-actions{flex-direction:column;align-items:stretch}}.add-edit-sales-rep-page__cancel-btn{min-width:120px}@media(max-width:768px){.add-edit-sales-rep-page__cancel-btn{width:100%}}.add-edit-sales-rep-page__save-btn{min-width:160px}@media(max-width:768px){.add-edit-sales-rep-page__save-btn{width:100%}}.add-edit-sales-rep-page__reset-btn{align-self:flex-start;min-width:140px}.add-edit-sales-rep-page__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--spacing-md);color:var(--text-secondary)}.add-edit-sales-rep-page__loading p{font-size:var(--font-size-base)}.add-edit-sales-rep-page__loading-spinner{animation:spin 1s linear infinite;color:var(--primary-color)}.add-edit-sales-rep-page__checkbox-row{display:flex;flex-direction:column;gap:var(--spacing-xs)}.add-edit-sales-rep-page__helper-text{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;padding-left:var(--spacing-2xl);line-height:1.5}@media(max-width:768px){.add-edit-sales-rep-page__form-row{gap:var(--spacing-md)}.add-edit-sales-rep-page__upload-content{padding:var(--spacing-lg);min-height:100px}.add-edit-sales-rep-page__profile-upload-content{width:100px;height:100px}}@media(max-width:480px){.add-edit-sales-rep-page__form-actions .app-button{width:100%}}@media(prefers-contrast:high){.add-edit-sales-rep-page__form-actions{border-top-width:2px}}@media(prefers-reduced-motion:reduce){.add-edit-sales-rep-page__breadcrumb-back,.add-edit-sales-rep-page__breadcrumb-link{transition:none}}.mobile-access-dialog{display:flex;flex-direction:column;gap:var(--spacing-lg)}@media(max-width:768px){.mobile-access-dialog{gap:var(--spacing-md)}}.mobile-access-dialog__message{color:var(--text-secondary);font-size:var(--font-size-base);line-height:1.5;margin:0}.mobile-access-dialog__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}@media(max-width:768px){.mobile-access-dialog__row{grid-template-columns:1fr;gap:var(--spacing-md)}}.mobile-access-dialog__field{display:flex;flex-direction:column}.mobile-access-dialog__field label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.mobile-access-dialog__value{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--surface-color);border:1px solid var(--outline-variant);border-radius:var(--border-radius-md);font-family:monospace;font-size:var(--font-size-base);min-height:44px}.mobile-access-dialog__value span{flex:1;color:var(--text-primary)}.mobile-access-dialog__password{font-weight:var(--font-weight-semibold);color:var(--primary-color)!important}.mobile-access-dialog__copy-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:var(--border-radius-sm);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.mobile-access-dialog__copy-btn:hover{color:var(--primary-color)}.mobile-access-dialog__note{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:1.5}.route-details-page__breadcrumb{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) 0}.route-details-page__breadcrumb-back{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:var(--surface-variant);color:var(--text-secondary);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast)}.route-details-page__breadcrumb-back:hover{background:var(--primary-container);color:var(--primary-color)}.route-details-page__breadcrumb-link{background:none;border:none;color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:color var(--transition-fast)}.route-details-page__breadcrumb-link:hover{color:var(--primary-color)}.route-details-page__breadcrumb-separator{color:var(--text-tertiary);font-size:var(--font-size-sm)}.route-details-page__breadcrumb-current{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.route-details-page__route-info{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}@media(max-width:768px){.route-details-page__route-info{grid-template-columns:1fr;gap:var(--spacing-md)}}.route-details-page__route-info__left,.route-details-page__route-info__right{display:flex;flex-direction:column;gap:var(--spacing-md)}.route-details-page__info-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.route-details-page__info-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.route-details-page__info-value{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-primary)}.route-details-page__metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-lg);margin:var(--spacing-xl) 0}@media(max-width:1200px){.route-details-page__metrics{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.route-details-page__metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.route-details-page__metrics{grid-template-columns:1fr}}.route-details-page__metric-tile .app-metric-tile__value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.route-details-page__checkbox{width:16px;height:16px;accent-color:var(--primary-color);cursor:pointer}.route-details-page__customer-cell{display:flex;flex-direction:column;gap:2px}.route-details-page__customer-id{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--text-tertiary)}.route-details-page__customer-name{font-weight:var(--font-weight-medium);color:var(--text-primary)}.route-details-page__location{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--text-secondary);font-size:var(--font-size-sm)}.route-details-page__location svg{color:var(--text-tertiary)}.route-details-page__assigned-rep{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--text-secondary);font-size:var(--font-size-sm)}.route-details-page__assigned-rep svg{color:var(--text-tertiary)}.route-details-page__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);gap:var(--spacing-md)}@media(max-width:576px){.route-details-page__header{flex-direction:column;align-items:flex-start}}.route-details-page__field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.route-details-page__field label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin-bottom:2px}.route-details-page__field span{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-primary)}.route-details-page__status-text{font-weight:var(--font-weight-medium)}.route-details-page__status-text--active{color:var(--success-color)}.route-details-page__status-text--inactive{color:var(--error-color)}.route-details-page__summary-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-lg)}@media(max-width:1200px){.route-details-page__summary-cards{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.route-details-page__summary-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.route-details-page__summary-cards{grid-template-columns:1fr}}.route-details-page__summary-cards--secondary{grid-template-columns:repeat(3,1fr)}@media(max-width:768px){.route-details-page__summary-cards--secondary{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.route-details-page__summary-cards--secondary{grid-template-columns:1fr}}.route-details-page__map-container{height:400px;border-radius:var(--border-radius-md);overflow:hidden;background:var(--surface-container-low);position:relative}.route-details-page__map{width:100%;height:100%;position:relative;background:#f8f9fa}.route-details-page__map-background{width:100%;height:100%;position:relative;background:linear-gradient(135deg,#e8f4f8,#f0f8ff)}.route-details-page__street-grid{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.route-details-page__street{position:absolute;background:#d1d5db;opacity:.6}.route-details-page__street--horizontal{width:100%;height:1px}.route-details-page__street--vertical{height:100%;width:1px}.route-details-page__street-names{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.route-details-page__street-name{position:absolute;font-size:8px;font-weight:var(--font-weight-medium);color:#6b7280;text-transform:uppercase;letter-spacing:.5px;transform:rotate(-90deg);transform-origin:left center}.route-details-page__buildings{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.route-details-page__building{position:absolute;background:#e5e7eb;border:1px solid #d1d5db}.route-details-page__building--rect{width:20px;height:15px;border-radius:2px}.route-details-page__building--diamond{width:15px;height:15px;transform:rotate(45deg);border-radius:2px}.route-details-page__route-line{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.route-details-page__customer-stops{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3}.route-details-page__stop{position:absolute;transform:translate(-50%,-50%);cursor:pointer;pointer-events:all}.route-details-page__stop:hover{z-index:10}.route-details-page__stop-marker{width:12px;height:12px;background:var(--primary-color);border:2px solid white;border-radius:50%;box-shadow:0 2px 4px #0003;position:relative}.route-details-page__stop-marker:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:4px;background:#fff;border-radius:50%}.route-details-page__stop-tooltip{position:absolute;top:-8px;left:20px;background:#fff;border:1px solid var(--outline);border-radius:var(--border-radius-sm);box-shadow:0 4px 12px #00000026;padding:var(--spacing-sm);min-width:200px;z-index:20;opacity:0;transform:translateY(-10px);transition:all var(--transition-fast);pointer-events:none}.route-details-page__stop-tooltip:before{content:"";position:absolute;top:12px;left:-6px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid white}.route-details-page__stop-tooltip:after{content:"";position:absolute;top:12px;left:-7px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid var(--outline)}.route-details-page__stop:hover .route-details-page__stop-tooltip{opacity:1;transform:translateY(0);pointer-events:all}.route-details-page__tooltip-content{font-size:var(--font-size-sm);line-height:1.4}.route-details-page__tooltip-content div{margin-bottom:var(--spacing-xs)}.route-details-page__tooltip-content div:last-child{margin-bottom:0}.route-details-page__tooltip-content div strong{color:var(--text-primary);font-weight:var(--font-weight-medium)}.route-details-page__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--spacing-md);color:var(--text-secondary)}.route-details-page__loading p{font-size:var(--font-size-base)}.route-details-page__loading-spinner{animation:spin 1s linear infinite;color:var(--primary-color)}.route-details-page__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--spacing-lg);color:var(--text-secondary)}.route-details-page__empty p{font-size:var(--font-size-lg)}.route-details-page__field-with-action{display:flex;align-items:center;gap:var(--spacing-sm)}.route-details-page__assign-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--primary-color);background:var(--primary-container);border:none;border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast)}.route-details-page__assign-btn:hover{background:var(--primary-color);color:var(--on-primary)}.route-details-page__assign-btn svg{flex-shrink:0}.route-details-page__customers-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);gap:var(--spacing-md);color:var(--text-secondary)}.route-details-page__customers-empty svg{color:var(--text-tertiary)}.route-details-page__customers-empty p{margin:0;font-size:var(--font-size-sm)}.route-details-page__customers-table-wrapper{overflow-x:auto}.route-details-page__customers-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.route-details-page__customers-table th{text-align:left;padding:var(--spacing-sm) var(--spacing-md);font-weight:var(--font-weight-medium);color:var(--text-secondary);border-bottom:1px solid var(--outline-variant);white-space:nowrap}.route-details-page__customers-table td{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--outline-variant);color:var(--text-primary);vertical-align:middle}.route-details-page__customers-table tbody tr:last-child td{border-bottom:none}.route-details-page__customers-table tbody tr:hover td{background:var(--surface-container-low)}.route-details-page__customers-table-address{max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.route-details-page__stop-order{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--primary-container);color:var(--primary-color);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);border-radius:50%}.route-details-page__row-actions{display:flex;align-items:center;gap:var(--spacing-xs)}.route-details-page__row-action-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:var(--surface-variant);color:var(--text-secondary);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast)}.route-details-page__row-action-btn:hover{background:var(--primary-container);color:var(--primary-color)}.route-details-page__row-action-btn--danger:hover{background:var(--error-container, #fce8e6);color:var(--error-color)}.route-details-page__customer-modal-form{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md)}.route-details-page__assign-modal{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-md)}.route-details-page__assign-modal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-xl);color:var(--text-secondary)}.route-details-page__assign-modal-field{width:100%}.route-details-page__assign-modal-warning{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background-color:rgba(var(--warning-color-rgb, 245, 158, 11),.1);border:1px solid rgba(var(--warning-color-rgb, 245, 158, 11),.3);border-radius:var(--border-radius-md);color:var(--warning-color);font-size:var(--font-size-sm)}.route-details-page__assign-modal-warning svg{flex-shrink:0}.route-details-page__assign-modal-info{padding:var(--spacing-md);background:var(--surface-variant);border-radius:var(--border-radius-md)}.route-details-page__assign-modal-info p{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary)}.route-details-page__assign-modal-info p:not(:last-child){margin-bottom:var(--spacing-xs)}.route-details-page__assign-modal-info p strong{color:var(--text-primary)}.route-details-page__assign-modal-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--outline-variant)}.app-footer-actions--right{display:flex;justify-content:flex-end;padding:var(--spacing-xl);border-top:1px solid var(--outline-variant);background:var(--surface)}.theme-dark .route-details-page__breadcrumb-back{background:var(--surface-variant)}.theme-dark .route-details-page__breadcrumb-back:hover{background:var(--primary-container)}.theme-dark .route-details-page__customer-id{background:var(--surface-variant)}@media(prefers-contrast:high){.route-details-page__breadcrumb-back{border:1px solid var(--outline)}.route-details-page__info-item{border-bottom:1px solid var(--outline-variant);padding-bottom:var(--spacing-sm)}}@media(prefers-reduced-motion:reduce){.route-details-page__breadcrumb-back,.route-details-page__breadcrumb-link{transition:none}}.add-edit-route-page__breadcrumb{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);padding:var(--spacing-sm) 0}.add-edit-route-page__breadcrumb-back{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:var(--surface-variant);color:var(--text-secondary);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast)}.add-edit-route-page__breadcrumb-back:hover{background:var(--primary-container);color:var(--primary-color)}.add-edit-route-page__breadcrumb-link{background:none;border:none;color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:color var(--transition-fast)}.add-edit-route-page__breadcrumb-link:hover{color:var(--primary-color)}.add-edit-route-page__breadcrumb-separator{color:var(--text-tertiary);font-size:var(--font-size-sm)}.add-edit-route-page__breadcrumb-current{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.add-edit-route-page__form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}@media(max-width:768px){.add-edit-route-page__form-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}}.add-edit-route-page__form{display:contents}.add-edit-route-page__form-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.add-edit-route-page__form-field--full{grid-column:1/-1}.add-edit-route-page__label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.add-edit-route-page__label svg{color:var(--text-tertiary)}.add-edit-route-page__days-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-md);padding:var(--spacing-sm) 0}.add-edit-route-page__error{font-size:var(--font-size-sm);color:var(--error);margin-top:var(--spacing-xs)}.add-edit-route-page__textarea{width:100%;min-height:100px;padding:var(--spacing-md);border:1px solid var(--outline);border-radius:var(--border-radius-md);background:var(--surface);color:var(--text-primary);font-size:var(--font-size-base);font-family:inherit;resize:vertical;transition:border-color var(--transition-fast)}.add-edit-route-page__textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color-light)}.add-edit-route-page__textarea::placeholder{color:var(--text-tertiary)}.add-edit-route-page__map-container{height:400px;border-radius:var(--border-radius-md);overflow:hidden;background:var(--surface-container-low);position:relative}.add-edit-route-page__map{width:100%;height:100%;position:relative;background:#f8f9fa}.add-edit-route-page__map-background{width:100%;height:100%;position:relative;background:linear-gradient(135deg,#e8f4f8,#f0f8ff)}.add-edit-route-page__street-grid{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.add-edit-route-page__street{position:absolute;background:#d1d5db;opacity:.6}.add-edit-route-page__street--horizontal{width:100%;height:1px}.add-edit-route-page__street--vertical{height:100%;width:1px}.add-edit-route-page__street-names{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.add-edit-route-page__street-name{position:absolute;font-size:8px;font-weight:var(--font-weight-medium);color:#6b7280;text-transform:uppercase;letter-spacing:.5px;transform:rotate(-90deg);transform-origin:left center}.add-edit-route-page__buildings{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.add-edit-route-page__building{position:absolute;background:#e5e7eb;border:1px solid #d1d5db}.add-edit-route-page__building--rect{width:20px;height:15px;border-radius:2px}.add-edit-route-page__building--diamond{width:15px;height:15px;transform:rotate(45deg);border-radius:2px}.add-edit-route-page__route-line{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.add-edit-route-page__customer-stops{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3}.add-edit-route-page__stop{position:absolute;transform:translate(-50%,-50%);cursor:pointer;pointer-events:all}.add-edit-route-page__stop:hover{z-index:10}.add-edit-route-page__stop-marker{width:12px;height:12px;background:var(--primary-color);border:2px solid white;border-radius:50%;box-shadow:0 2px 4px #0003;position:relative}.add-edit-route-page__stop-marker:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:4px;background:#fff;border-radius:50%}.add-edit-route-page__stop-tooltip{position:absolute;top:-8px;left:20px;background:#fff;border:1px solid var(--outline);border-radius:var(--border-radius-sm);box-shadow:0 4px 12px #00000026;padding:var(--spacing-sm);min-width:200px;z-index:20;opacity:0;transform:translateY(-10px);transition:all var(--transition-fast);pointer-events:none}.add-edit-route-page__stop-tooltip:before{content:"";position:absolute;top:12px;left:-6px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid white}.add-edit-route-page__stop-tooltip:after{content:"";position:absolute;top:12px;left:-7px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid var(--outline)}.add-edit-route-page__stop:hover .add-edit-route-page__stop-tooltip{opacity:1;transform:translateY(0);pointer-events:all}.add-edit-route-page__tooltip-content{font-size:var(--font-size-sm);line-height:1.4}.add-edit-route-page__tooltip-content div{margin-bottom:var(--spacing-xs)}.add-edit-route-page__tooltip-content div:last-child{margin-bottom:0}.add-edit-route-page__tooltip-content div strong{color:var(--text-primary);font-weight:var(--font-weight-medium)}.add-edit-route-page__footer-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-xl);border-top:1px solid var(--outline-variant);background:var(--surface)}@media(max-width:768px){.add-edit-route-page__footer-actions{flex-direction:column}.add-edit-route-page__footer-actions .app-button{width:100%}}.theme-dark .add-edit-route-page__breadcrumb-back{background:var(--surface-variant)}.theme-dark .add-edit-route-page__breadcrumb-back:hover{background:var(--primary-container)}@media(prefers-contrast:high){.add-edit-route-page__breadcrumb-back{border:1px solid var(--outline)}.add-edit-route-page__footer-actions{border-top-width:2px}}@media(prefers-reduced-motion:reduce){.add-edit-route-page__breadcrumb-back,.add-edit-route-page__breadcrumb-link{transition:none}}.logistics-page__main-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.logistics-page__main-content .app-card{margin-bottom:0}.logistics-page__header-actions{display:flex;gap:var(--spacing-md);align-items:center}@media(max-width:768px){.logistics-page__header-actions{flex-direction:column;width:100%}.logistics-page__header-actions .app-button{width:100%}}.logistics-page__add-btn{min-width:120px}.logistics-page__metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-lg)}@media(max-width:1400px){.logistics-page__metrics{grid-template-columns:repeat(4,1fr)}}@media(max-width:1200px){.logistics-page__metrics{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.logistics-page__metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.logistics-page__metrics{grid-template-columns:1fr}}.logistics-page__metric-tile .app-metric-tile__value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.logistics-page__metric-tile{height:100%;display:flex;flex-direction:column}.logistics-page__checkbox{width:16px;height:16px;accent-color:var(--primary-color);cursor:pointer}.logistics-page__delivery-id,.logistics-page__truck-id{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--text-secondary);background:var(--surface-variant);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm)}.logistics-page__order-ref{font-weight:var(--font-weight-medium);color:var(--text-primary)}.logistics-page__truck-name{color:var(--text-primary);font-weight:var(--font-weight-medium)}.logistics-page__capacity{font-weight:var(--font-weight-medium);color:var(--text-primary)}.logistics-page__load-percentage{color:var(--text-primary);font-weight:var(--font-weight-medium)}.logistics-page__petrol,.logistics-page__productivity{font-weight:var(--font-weight-medium);color:var(--text-primary)}.logistics-page__eta{color:var(--text-primary);font-weight:var(--font-weight-medium)}.logistics-page__truck-name{font-weight:var(--font-weight-medium);color:var(--text-primary)}.logistics-page__route{color:var(--text-secondary);font-size:var(--font-size-sm)}.logistics-page__actions{display:flex;gap:var(--spacing-xs);align-items:center}.logistics-page .app-table tbody tr{cursor:pointer;transition:background-color var(--transition-fast)}.logistics-page .app-table tbody tr:hover{background-color:var(--surface-variant)}.logistics-page__action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:var(--surface-variant);color:var(--text-secondary);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast)}.logistics-page__action-btn:hover{background:var(--primary-container);color:var(--primary-color)}.logistics-page__action-btn--danger:hover{background:var(--error-container);color:var(--error-color)}.logistics-page__comparison-controls{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);align-items:end}@media(max-width:768px){.logistics-page__comparison-controls{grid-template-columns:1fr;gap:var(--spacing-md)}}.logistics-page__comparison-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.logistics-page__comparison-results{margin-top:var(--spacing-lg)}.logistics-page__comparison-table{width:100%;border-collapse:collapse;background:var(--surface);border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}.logistics-page__comparison-table th,.logistics-page__comparison-table td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--outline-variant)}.logistics-page__comparison-table th{background:var(--surface-variant);font-weight:var(--font-weight-semibold);color:var(--text-primary);font-size:var(--font-size-sm)}.logistics-page__comparison-table td{color:var(--text-secondary);font-size:var(--font-size-sm)}.logistics-page__comparison-table tr:last-child td{border-bottom:none}.logistics-page__comparison-table tr:hover{background:var(--surface-variant)}.logistics-page__metric-row{display:flex;align-items:center;gap:var(--spacing-sm)}.logistics-page__metric-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary-color);cursor:pointer}.logistics-page__metric-row span{font-weight:var(--font-weight-medium);color:var(--text-primary)}.logistics-page__chart-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-lg)}.logistics-page__chart-container{width:100%}.logistics-page__load-utilization-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}@media(max-width:768px){.logistics-page__load-utilization-row{grid-template-columns:1fr}}.logistics-page__load-utilization-row .app-card{margin-bottom:0}.theme-dark .logistics-page__delivery-id,.theme-dark .logistics-page__truck-id,.theme-dark .logistics-page__load-bar,.theme-dark .logistics-page__comparison-table th,.theme-dark .logistics-page__comparison-table tr:hover{background:var(--surface-variant)}@media(prefers-contrast:high){.logistics-page__action-btn{border:1px solid var(--outline)}.logistics-page__comparison-table th,.logistics-page__comparison-table td{border-bottom-width:2px}}@media(prefers-reduced-motion:reduce){.logistics-page__load-fill,.logistics-page__action-btn{transition:none}}.delivery-details-page__breadcrumb{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);padding:var(--spacing-sm) 0}.delivery-details-page__breadcrumb-back{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:var(--surface-variant);border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.delivery-details-page__breadcrumb-back:hover{background:var(--primary-container);color:var(--primary-color)}.delivery-details-page__breadcrumb-back:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.delivery-details-page__breadcrumb-link{background:none;border:none;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);transition:all var(--transition-fast)}.delivery-details-page__breadcrumb-link:hover{color:var(--primary-color);background:var(--primary-container)}.delivery-details-page__breadcrumb-link:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.delivery-details-page__breadcrumb-separator{color:var(--text-tertiary);font-size:var(--font-size-sm)}.delivery-details-page__breadcrumb-current{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.delivery-details-page__content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.delivery-details-page__delivery-card .app-card__body{padding:var(--spacing-lg)}.delivery-details-page__delivery-info{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}@media (max-width: var(--breakpoint-md)){.delivery-details-page__delivery-info{grid-template-columns:1fr;gap:var(--spacing-md)}}.delivery-details-page__delivery-left,.delivery-details-page__delivery-right{display:flex;flex-direction:column;gap:var(--spacing-sm)}.delivery-details-page__info-row{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xs) 0;min-height:32px}.delivery-details-page__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.delivery-details-page__value{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.delivery-details-page__payment-status,.delivery-details-page__status{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--success-color)}.delivery-details-page__stops-card .app-card__body{padding:var(--spacing-lg)}.delivery-details-page__stops-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}@media (max-width: var(--breakpoint-sm)){.delivery-details-page__stops-grid{grid-template-columns:1fr}}.delivery-details-page__stop-card{background:var(--surface);border:1px solid var(--outline);border-radius:var(--border-radius-md);padding:var(--spacing-lg);position:relative;transition:all var(--transition-fast)}.delivery-details-page__stop-card:hover{box-shadow:var(--shadow-sm)}.delivery-details-page__stop-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.delivery-details-page__stop-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.delivery-details-page__stop-location{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}.delivery-details-page__stop-note{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding:var(--spacing-sm);background:var(--surface-variant);border-radius:var(--border-radius-sm)}.delivery-details-page__stop-note-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.delivery-details-page__stop-note-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.delivery-details-page__stop-items{display:flex;flex-direction:column;gap:var(--spacing-sm)}.delivery-details-page__stop-item{display:flex;align-items:center;gap:var(--spacing-sm)}.delivery-details-page__stop-item-icon{font-size:var(--font-size-base)}.delivery-details-page__stop-item-text{font-size:var(--font-size-sm);color:var(--text-primary)}.delivery-details-page__notes-card .app-card__body{padding:var(--spacing-lg)}.delivery-details-page__notes-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);align-items:start}@media (max-width: var(--breakpoint-md)){.delivery-details-page__notes-content{grid-template-columns:1fr;gap:var(--spacing-lg)}}.delivery-details-page__upload-section{display:flex;flex-direction:column;gap:var(--spacing-md);height:100%}.delivery-details-page__upload-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin:0;line-height:1.4}.delivery-details-page__upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);border:2px dashed var(--outline);border-radius:var(--border-radius-md);background:var(--surface-variant);text-align:center;transition:all var(--transition-fast);height:200px;cursor:pointer;flex:1}.delivery-details-page__upload-area:hover{border-color:var(--primary-color);background:var(--primary-container)}.delivery-details-page__upload-text{margin-top:var(--spacing-sm);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.delivery-details-page__comments-section{display:flex;flex-direction:column;gap:var(--spacing-md);height:100%}.delivery-details-page__comments-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin:0;line-height:1.4}.delivery-details-page__comments-textarea{width:100%;height:200px;padding:var(--spacing-md);border:1px solid var(--outline);border-radius:var(--border-radius-sm);background:var(--surface);color:var(--text-primary);font-family:inherit;font-size:var(--font-size-sm);line-height:1.5;resize:none;transition:border-color var(--transition-fast);flex:1}.delivery-details-page__comments-textarea:focus{outline:none;border-color:var(--primary-color)}.delivery-details-page__comments-textarea::placeholder{color:var(--text-tertiary)}.delivery-details-page__actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg) 0;border-top:1px solid var(--outline);margin-top:var(--spacing-xl)}.delivery-details-page__print-btn,.delivery-details-page__save-btn{min-width:140px}@media (max-width: var(--breakpoint-md)){.delivery-details-page__delivery-info,.delivery-details-page__stops-grid,.delivery-details-page__notes-content{grid-template-columns:1fr}}@media (max-width: var(--breakpoint-sm)){.delivery-details-page__actions{flex-direction:column;align-items:stretch}.delivery-details-page__print-btn,.delivery-details-page__save-btn{width:100%}}.driver-page__content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.driver-page__add-btn{min-width:140px}.driver-page__table-card .app-card__body{padding:0}.driver-page__checkbox{width:16px;height:16px;accent-color:var(--primary-color);cursor:pointer}.driver-page__driver-id{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--primary-color);background-color:var(--primary-container);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm)}.driver-page__name{font-weight:var(--font-weight-medium);color:var(--text-primary)}.driver-page__phone{color:var(--text-primary);font-family:Monaco,Menlo,Ubuntu Mono,monospace}.driver-page__license-no{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);background-color:var(--surface-variant);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm)}.driver-page__assigned-truck{font-weight:var(--font-weight-medium);color:var(--text-primary)}.driver-page__actions{display:flex;align-items:center;gap:var(--spacing-xs)}.driver-page__action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.driver-page__action-btn:hover{background:var(--surface-variant);color:var(--text-primary)}.driver-page__action-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.driver-page__action-btn--danger:hover{background:var(--error-container);color:var(--error-color)}@media (max-width: var(--breakpoint-md)){.driver-page__actions{gap:var(--spacing-xs)}.driver-page__action-btn{width:28px;height:28px}}@media (max-width: var(--breakpoint-sm)){.driver-page__add-btn{width:100%;min-width:auto}}.add-driver-page__breadcrumb{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);padding:var(--spacing-sm) 0}.add-driver-page__breadcrumb-back{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.add-driver-page__breadcrumb-back:hover{background:var(--surface-variant);color:var(--text-primary)}.add-driver-page__breadcrumb-back:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.add-driver-page__breadcrumb-link{background:none;border:none;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);transition:all var(--transition-fast)}.add-driver-page__breadcrumb-link:hover{color:var(--primary-color);background:var(--primary-container)}.add-driver-page__breadcrumb-link:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.add-driver-page__breadcrumb-separator{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0 var(--spacing-xs)}.add-driver-page__breadcrumb-current{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.add-driver-page__content{width:100%}.add-driver-page__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--spacing-md);color:var(--text-secondary)}.add-driver-page__loading p{font-size:var(--font-size-md)}.add-driver-page__loading-spinner{animation:spin 1s linear infinite;color:var(--primary-color)}.add-driver-page__form-card .app-card__body{padding:var(--spacing-xl)}.add-driver-page__form{width:100%}.add-driver-page__form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}@media (max-width: var(--breakpoint-md)){.add-driver-page__form-grid{grid-template-columns:1fr;gap:var(--spacing-md)}}.add-driver-page__form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.add-driver-page__form-group--full{grid-column:1/-1}.add-driver-page__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.add-driver-page__textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--outline);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-family:inherit;background:var(--surface);color:var(--text-primary);resize:vertical;min-height:80px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.add-driver-page__textarea::placeholder{color:var(--text-secondary)}.add-driver-page__textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-container)}.add-driver-page__textarea:hover:not(:focus){border-color:var(--text-secondary)}.add-driver-page__cancel-btn,.add-driver-page__save-btn{min-width:120px}@media (max-width: var(--breakpoint-md)){.add-driver-page__form-grid{grid-template-columns:1fr}.add-driver-page__app-footer-actions{justify-content:center}}@media (max-width: var(--breakpoint-sm)){.add-driver-page__app-footer-actions{flex-direction:column;gap:var(--spacing-sm)}}.delivery-filters-dialog{display:flex;flex-direction:column;gap:var(--spacing-lg)}@media(max-width:768px){.delivery-filters-dialog{gap:var(--spacing-md)}}.delivery-filters-dialog__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}@media(max-width:768px){.delivery-filters-dialog__row{grid-template-columns:1fr;gap:var(--spacing-md)}}.delivery-filters-dialog__field{display:flex;flex-direction:column}.deliveries-page__header-actions{display:flex;align-items:center;gap:var(--spacing-md)}.deliveries-page__filter-btn{display:flex;align-items:center;gap:var(--spacing-xs);position:relative}.deliveries-page__filter-badge{position:absolute;top:-8px;right:-8px;background:var(--danger-color);color:var(--on-danger);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:2px 6px;border-radius:var(--border-radius-full);min-width:18px;height:18px;display:flex;align-items:center;justify-content:center}.deliveries-page__add-btn{min-width:140px}.deliveries-page__summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg)}@media (max-width: var(--breakpoint-md)){.deliveries-page__summary-cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-md)}}.deliveries-page__table-card .app-card__body{padding:0}.deliveries-page__delivery-id{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--primary-color);background-color:var(--primary-container);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm)}.deliveries-page__order-ref{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);background-color:var(--surface-variant);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm)}.deliveries-page__truck-name,.deliveries-page__driver-name,.deliveries-page__trip-sheet-id,.deliveries-page__erp-po,.deliveries-page__eta-text,.deliveries-page__cases-text,.deliveries-page__stops-text{font-weight:var(--font-weight-medium);color:var(--text-primary)}.deliveries-page__actions{display:flex;align-items:center;gap:var(--spacing-xs)}.deliveries-page__action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.deliveries-page__action-btn:hover{background:var(--surface-variant);color:var(--text-primary)}.deliveries-page__action-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.deliveries-page__action-btn--danger:hover{background:var(--danger-container);color:var(--danger-color)}.app-table tbody tr{cursor:pointer;transition:background-color var(--transition-fast)}.app-table tbody tr:hover{background-color:var(--surface-variant)}@media (max-width: var(--breakpoint-md)){.deliveries-page__header-actions{flex-direction:column;gap:var(--spacing-sm);align-items:stretch}.deliveries-page__actions{gap:var(--spacing-xs)}.deliveries-page__action-btn{width:28px;height:28px}}@media (max-width: var(--breakpoint-sm)){.deliveries-page__add-btn,.deliveries-page__filter-btn{width:100%;min-width:auto}}.whatsapp-orders-filters-dialog{display:flex;flex-direction:column;gap:var(--spacing-lg)}@media(max-width:768px){.whatsapp-orders-filters-dialog{gap:var(--spacing-md)}}.whatsapp-orders-filters-dialog__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.whatsapp-orders-filters-dialog__row:has(.whatsapp-orders-filters-dialog__field:only-child){grid-template-columns:1fr}@media(max-width:768px){.whatsapp-orders-filters-dialog__row{grid-template-columns:1fr;gap:var(--spacing-md)}}.whatsapp-orders-filters-dialog__field{display:flex;flex-direction:column}.whatsapp-orders-page__content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.whatsapp-orders-page__filter-btn{position:relative;display:flex;align-items:center;gap:var(--spacing-xs)}.whatsapp-orders-page__filter-badge{position:absolute;top:-8px;right:-8px;background:var(--error-color);color:var(--error-on-color);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:2px 6px;border-radius:10px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center}.whatsapp-orders-page__summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg)}@media (max-width: var(--breakpoint-md)){.whatsapp-orders-page__summary-cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-md)}}.whatsapp-orders-page__table-card .app-card__body{padding:0}.whatsapp-orders-page__checkbox{width:16px;height:16px;accent-color:var(--primary-color);cursor:pointer}.whatsapp-orders-page__order-id{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--primary-color);background-color:var(--primary-container);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm)}.whatsapp-orders-page__customer{font-weight:var(--font-weight-medium);color:var(--text-primary)}.whatsapp-orders-page__phone{font-family:Monaco,Menlo,Ubuntu Mono,monospace;color:var(--text-primary)}.whatsapp-orders-page__message-snippet{color:var(--text-primary);font-style:italic}.whatsapp-orders-page__route{font-weight:var(--font-weight-medium);color:var(--text-primary)}.whatsapp-orders-page__status{display:flex;align-items:center;gap:var(--spacing-xs)}.whatsapp-orders-page__date{color:var(--text-primary);font-weight:var(--font-weight-medium)}.whatsapp-orders-page__actions{display:flex;align-items:center;gap:var(--spacing-xs)}.whatsapp-orders-page__action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.whatsapp-orders-page__action-btn:hover{background:var(--surface-variant);color:var(--text-primary)}.whatsapp-orders-page__action-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.whatsapp-orders-page__action-btn--danger:hover{background:var(--error-container);color:var(--error-color)}@media (max-width: var(--breakpoint-md)){.whatsapp-orders-page__actions{gap:var(--spacing-xs)}.whatsapp-orders-page__action-btn{width:28px;height:28px}}.reject-order-dialog{display:flex;flex-direction:column;gap:var(--spacing-lg)}.reject-order-dialog__warning p{margin:0;color:var(--text-secondary);line-height:1.5}.reject-order-dialog__field{display:flex;flex-direction:column}.whatsapp-order-details-page__content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.whatsapp-order-details-page__breadcrumb{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);padding:var(--spacing-sm) 0}.whatsapp-order-details-page__breadcrumb-back{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.whatsapp-order-details-page__breadcrumb-back:hover{background:var(--surface-variant);color:var(--text-primary)}.whatsapp-order-details-page__breadcrumb-back:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.whatsapp-order-details-page__breadcrumb-link{background:none;border:none;color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:color var(--transition-fast)}.whatsapp-order-details-page__breadcrumb-link:hover{color:var(--primary-color)}.whatsapp-order-details-page__breadcrumb-separator{color:var(--text-tertiary);font-size:var(--font-size-sm)}.whatsapp-order-details-page__breadcrumb-current{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.whatsapp-order-details-page__details-card .app-card__body{padding:var(--spacing-lg)}.whatsapp-order-details-page__details-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}@media (max-width: var(--breakpoint-md)){.whatsapp-order-details-page__details-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}}.whatsapp-order-details-page__details-left,.whatsapp-order-details-page__details-right{display:flex;flex-direction:column;gap:var(--spacing-md)}.whatsapp-order-details-page__detail-row{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) 0}.whatsapp-order-details-page__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.whatsapp-order-details-page__value{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.whatsapp-order-details-page__cards-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}@media (max-width: var(--breakpoint-md)){.whatsapp-order-details-page__cards-row{grid-template-columns:1fr}}.whatsapp-order-details-page__message-card .app-card__body,.whatsapp-order-details-page__logistics-card .app-card__body{padding:var(--spacing-lg)}.whatsapp-order-details-page__card-header{display:flex;align-items:center;gap:var(--spacing-sm)}.whatsapp-order-details-page__card-header h3{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.whatsapp-order-details-page__message-content{display:flex;flex-direction:column;gap:var(--spacing-sm)}.whatsapp-order-details-page__message-quote{margin:0;padding:var(--spacing-md);background:var(--surface-variant);border-left:4px solid var(--primary-color);border-radius:var(--border-radius-sm);font-style:italic;color:var(--text-primary);line-height:1.6}.whatsapp-order-details-page__logistics-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.whatsapp-order-details-page__logistics-row{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) 0}.whatsapp-order-details-page__breakdown-card .app-card__body{padding:0}.whatsapp-order-details-page__breakdown-table .app-table{border:none}.whatsapp-order-details-page__product-name{font-weight:var(--font-weight-medium);color:var(--text-primary)}.whatsapp-order-details-page__ordered-qty{font-weight:var(--font-weight-semibold);color:var(--text-primary)}.whatsapp-order-details-page__available-qty{font-weight:var(--font-weight-medium);color:var(--text-secondary)}.whatsapp-order-details-page__close-btn{min-width:120px}@media (max-width: var(--breakpoint-md)){.whatsapp-order-details-page__breadcrumb{margin-bottom:var(--spacing-md)}.whatsapp-order-details-page__details-grid{gap:var(--spacing-lg)}.whatsapp-order-details-page__cards-row{gap:var(--spacing-md)}}@media (max-width: var(--breakpoint-sm)){.whatsapp-order-details-page__breadcrumb{flex-wrap:wrap;gap:var(--spacing-xs)}.whatsapp-order-details-page__detail-row,.whatsapp-order-details-page__logistics-row{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}}.reports-filters-dialog{display:flex;flex-direction:column;gap:var(--spacing-lg)}@media(max-width:768px){.reports-filters-dialog{gap:var(--spacing-md)}}.reports-filters-dialog__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}@media(max-width:768px){.reports-filters-dialog__row{grid-template-columns:1fr;gap:var(--spacing-md)}}.reports-filters-dialog__field{display:flex;flex-direction:column}.reports-page__content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.reports-page__filter-btn{position:relative;display:flex;align-items:center;gap:var(--spacing-xs)}.reports-page__filter-badge{position:absolute;top:-8px;right:-8px;background:var(--error-color);color:var(--error-on-color);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:2px 6px;border-radius:10px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center}.reports-page__summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg)}@media (max-width: var(--breakpoint-md)){.reports-page__summary-cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-md)}}.reports-page__table-card .app-card__body{padding:0}.reports-page__checkbox{width:16px;height:16px;accent-color:var(--primary-color);cursor:pointer}.reports-page__date{color:var(--text-primary);font-weight:var(--font-weight-medium)}.reports-page__customer{font-weight:var(--font-weight-medium);color:var(--text-primary)}.reports-page__sales-rep{color:var(--text-primary)}@media (max-width: var(--breakpoint-md)){.reports-page__filters{grid-template-columns:1fr}}.transactions-page{display:grid;gap:20px;padding:24px}.transactions-page__filters{display:flex;flex-wrap:wrap;gap:16px;padding:16px}.transactions-page__filters label{display:grid;gap:6px;color:#526079;font-size:13px;font-weight:600}.transactions-page__filters select,.transactions-page__filters input{min-width:170px;min-height:40px;border:1px solid #d8deea;border-radius:8px;padding:8px 12px;background:#fff;color:#17233a;font:inherit}.transactions-page__intro{display:flex;flex-wrap:wrap;gap:12px;align-items:baseline;padding:20px 20px 14px}.transactions-page__intro span{color:#67748c;font-size:13px}.transactions-page__tabs{display:flex;gap:6px;overflow-x:auto;padding:12px 16px 0;border-bottom:1px solid #e5eaf3}.transactions-page__tab{flex:0 0 auto;padding:11px 16px;border:0;border-bottom:3px solid transparent;background:transparent;color:#66738a;font:inherit;font-size:14px;font-weight:600;cursor:pointer}.transactions-page__tab:hover{color:#173a9b}.transactions-page__tab--active{border-bottom-color:#173a9b;color:#173a9b}.transactions-page__tab:focus-visible{outline:2px solid #173a9b;outline-offset:-2px}.transactions-page__count{margin-left:auto;font-weight:700;white-space:nowrap}.transactions-page__table-wrap{overflow-x:auto}.transactions-page table{width:100%;border-collapse:collapse;min-width:900px}.transactions-page th,.transactions-page td{text-align:left;padding:12px 16px;border-bottom:1px solid #edf0f5;vertical-align:top}.transactions-page th{color:#65718a;font-size:12px;font-weight:700;background:#f8f9fc}.transactions-page td{color:#26334c;font-size:13px}.transactions-page td small{display:block;margin-top:5px;color:#66738a}.transactions-page td a{color:#1237a4;font-weight:600}.transactions-page__type{display:inline-block;padding:4px 8px;border-radius:6px;background:#eaf0ff;color:#173a9b;font-weight:700;white-space:nowrap}.transactions-page__type--payment{background:#e7f7ef;color:#147047}.transactions-page__type--warehouse_stock,.transactions-page__type--van_stock{background:#fff1db;color:#8a5607}.transactions-page__empty,.transactions-page__loading{text-align:center;padding:28px;color:#66738a}.transactions-page__error{padding:12px 20px;color:#a32424}.transactions-page__pagination{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:16px;padding:16px 20px;font-size:13px}.transactions-page__page-size{display:flex;align-items:center;gap:8px;color:#66738a}.transactions-page__page-size select{padding:7px 8px;border:1px solid #d8deea;border-radius:7px;background:#fff;color:#26334c}.transactions-page__range{color:#66738a;white-space:nowrap}.transactions-page__page-buttons{display:flex;flex-wrap:wrap;gap:5px}.transactions-page__page-buttons button{min-width:34px}.transactions-page__page-buttons .transactions-page__page--active{background:#173a9b;border-color:#173a9b;color:#fff}.transactions-page__pagination button{padding:8px 12px;background:#fff;border:1px solid #d8deea;border-radius:7px;cursor:pointer}.transactions-page__pagination button:disabled{opacity:.5;cursor:default}.payment-collection-filters-dialog{display:flex;flex-direction:column;gap:var(--spacing-lg)}.payment-collection-filters-dialog__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}@media(max-width:600px){.payment-collection-filters-dialog__row{grid-template-columns:1fr}}.payment-collection-filters-dialog__field{display:flex;flex-direction:column}.settlements-filters-dialog{display:flex;flex-direction:column;gap:var(--spacing-lg)}.settlements-filters-dialog__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}@media(max-width:600px){.settlements-filters-dialog__row{grid-template-columns:1fr}}.settlements-filters-dialog__field{display:flex;flex-direction:column}.rep-summary-dialog{display:flex;flex-direction:column;gap:var(--spacing-lg)}.rep-summary-dialog__period-row{display:grid;grid-template-columns:1fr 1fr auto;gap:var(--spacing-md);align-items:flex-end}@media(max-width:600px){.rep-summary-dialog__period-row{grid-template-columns:1fr}}.rep-summary-dialog__meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--spacing-md);padding:var(--spacing-md);background:var(--surface-variant);border-radius:var(--border-radius-md)}.rep-summary-dialog__meta-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.rep-summary-dialog__meta-label{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:var(--font-weight-medium)}.rep-summary-dialog__rep-code{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--primary-color);background-color:var(--primary-container);padding:2px var(--spacing-sm);border-radius:var(--border-radius-sm);display:inline-block}.rep-summary-dialog__expected{font-size:var(--font-size-md);color:var(--text-primary)}.rep-summary-dialog__section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.rep-summary-dialog__section-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.rep-summary-dialog__order-num{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:var(--font-size-sm);color:var(--primary-color)}.rep-summary-dialog__date{font-size:var(--font-size-sm);color:var(--text-secondary)}.rep-summary-dialog__empty{text-align:center;color:var(--text-secondary);padding:var(--spacing-xl) 0;font-size:var(--font-size-sm)}.settlement-details-dialog{display:flex;flex-direction:column;gap:var(--spacing-lg)}.settlement-details-dialog__loading{text-align:center;color:var(--text-secondary);padding:var(--spacing-xl) 0}.settlement-details-dialog__header{display:flex;align-items:center;gap:var(--spacing-md)}.settlement-details-dialog__number{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--primary-color);background-color:var(--primary-container);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm)}.settlement-details-dialog__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-md);padding:var(--spacing-md);background:var(--surface-variant);border-radius:var(--border-radius-md)}.settlement-details-dialog__field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.settlement-details-dialog__label{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:var(--font-weight-medium)}.settlement-details-dialog__code{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:var(--font-size-sm);color:var(--primary-color)}.settlement-details-dialog__variance{font-weight:var(--font-weight-medium);color:var(--text-secondary)}.settlement-details-dialog__variance--nonzero{color:var(--error-color);font-weight:var(--font-weight-bold)}.settlement-details-dialog__notes{display:flex;flex-direction:column;gap:var(--spacing-xs)}.settlement-details-dialog__notes-text{margin:0;color:var(--text-primary);font-size:var(--font-size-sm);line-height:1.5;padding:var(--spacing-sm) var(--spacing-md);background:var(--surface-variant);border-radius:var(--border-radius-sm);border-left:3px solid var(--primary-color)}.create-settlement-dialog{display:flex;flex-direction:column;gap:var(--spacing-lg)}.create-settlement-dialog__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}@media(max-width:600px){.create-settlement-dialog__row{grid-template-columns:1fr}}.create-settlement-dialog__field{display:flex;flex-direction:column;gap:4px}.create-settlement-dialog__field--full{grid-column:1/-1}.create-settlement-dialog__error{font-size:var(--font-size-xs);color:var(--error-color);margin-top:2px}.create-settlement-dialog__preview{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius-md);background:var(--surface-variant);color:var(--text-primary);font-size:var(--font-size-sm)}.create-settlement-dialog__textarea-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.create-settlement-dialog__optional{color:var(--text-secondary);font-weight:var(--font-weight-regular)}.create-settlement-dialog__textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius-md);background:var(--surface-color);color:var(--text-primary);font-size:var(--font-size-sm);font-family:inherit;resize:vertical;min-height:80px;outline:none;transition:border-color var(--transition-fast);box-sizing:border-box}.create-settlement-dialog__textarea::placeholder{color:var(--text-secondary)}.create-settlement-dialog__textarea:focus{border-color:var(--primary-color)}.update-status-dialog{display:flex;flex-direction:column;gap:var(--spacing-lg)}.update-status-dialog__subtitle{margin:0;color:var(--text-secondary);font-size:var(--font-size-sm)}.update-status-dialog__number{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:var(--font-size-sm);color:var(--primary-color);background-color:var(--primary-container);padding:2px var(--spacing-sm);border-radius:var(--border-radius-sm)}.update-status-dialog__field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.update-status-dialog__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.update-status-dialog__optional{color:var(--text-secondary);font-weight:var(--font-weight-regular)}.update-status-dialog__textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius-md);background:var(--surface-color);color:var(--text-primary);font-size:var(--font-size-sm);font-family:inherit;resize:vertical;min-height:80px;outline:none;transition:border-color var(--transition-fast);box-sizing:border-box}.update-status-dialog__textarea::placeholder{color:var(--text-secondary)}.update-status-dialog__textarea:focus{border-color:var(--primary-color)}.update-amount-dialog{display:flex;flex-direction:column;gap:var(--spacing-lg)}.update-amount-dialog__subtitle{margin:0;color:var(--text-secondary);font-size:var(--font-size-sm)}.update-amount-dialog__number{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:var(--font-size-sm);color:var(--primary-color);background-color:var(--primary-container);padding:2px var(--spacing-sm);border-radius:var(--border-radius-sm)}.update-amount-dialog__summary{display:flex;gap:var(--spacing-lg);padding:var(--spacing-md);background:var(--surface-variant);border-radius:var(--border-radius-md)}.update-amount-dialog__summary-item{display:flex;flex-direction:column;gap:4px}.update-amount-dialog__summary-label{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:var(--font-weight-medium)}.update-amount-dialog__summary-value{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.update-amount-dialog__variance--over{color:var(--success-color)}.update-amount-dialog__variance--short{color:var(--error-color)}.update-amount-dialog__field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.update-amount-dialog__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.update-amount-dialog__optional{color:var(--text-secondary);font-weight:var(--font-weight-regular)}.update-amount-dialog__textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius-md);background:var(--surface-color);color:var(--text-primary);font-size:var(--font-size-sm);font-family:inherit;resize:vertical;min-height:80px;outline:none;transition:border-color var(--transition-fast);box-sizing:border-box}.update-amount-dialog__textarea::placeholder{color:var(--text-secondary)}.update-amount-dialog__textarea:focus{border-color:var(--primary-color)}.payment-collection-page__content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.payment-collection-page__filter-btn{position:relative;display:flex;align-items:center;gap:var(--spacing-xs)}.payment-collection-page__filter-badge{position:absolute;top:-8px;right:-8px;background:var(--error-color);color:var(--error-on-color);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:2px 6px;border-radius:10px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center}.payment-collection-page__summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg)}.payment-collection-page__table-card .app-card__body{padding:0}.payment-collection-page__rep-code{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--primary-color);background-color:var(--primary-container);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm)}.payment-collection-page__rep-name{font-weight:var(--font-weight-medium);color:var(--text-primary)}.payment-collection-page__date{color:var(--text-secondary);font-size:var(--font-size-sm)}.payment-collection-page__pending-amount{font-weight:var(--font-weight-medium);color:var(--text-primary)}.payment-collection-page__pending-amount--highlight{color:var(--error-color);font-weight:var(--font-weight-bold)}.payment-collection-page__variance{font-weight:var(--font-weight-medium);color:var(--text-secondary)}.payment-collection-page__variance--nonzero{color:var(--error-color);font-weight:var(--font-weight-bold)}.payment-collection-page__card-header{display:flex;align-items:center;justify-content:space-between;width:100%}.payment-collection-page__card-header h3{margin:0}.payment-collection-page__card-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.payment-collection-page__actions{display:flex;align-items:center;gap:var(--spacing-xs)}.payment-collection-page__action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.payment-collection-page__action-btn:hover{background:var(--surface-variant);color:var(--text-primary)}.payment-collection-page__action-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.system-page__content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.system-page__profile-card .app-card__body{padding:var(--spacing-xl)}.system-page__card-header{display:flex;align-items:center;gap:var(--spacing-sm)}.system-page__card-header h3{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.system-page__form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.system-page__form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}@media (max-width: var(--breakpoint-md)){.system-page__form-row{grid-template-columns:1fr;gap:var(--spacing-md)}}.system-page__form-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.system-page__zwl-card .app-card__body{padding:var(--spacing-xl)}.system-page__zwl-toggle-row{display:flex;flex-direction:column;gap:var(--spacing-xs)}.system-page__zwl-hint{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;padding-left:28px}.system-page__zwl-rate-hint{font-size:var(--font-size-xs);color:var(--text-tertiary);margin:var(--spacing-xs) 0 0}.system-page__save-btn{min-width:140px}.system-page__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:var(--spacing-md);color:var(--text-secondary);font-size:var(--font-size-sm)}.system-page__loading-spinner{animation:system-page-spin 1s linear infinite;color:var(--primary-color)}@keyframes system-page-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: var(--breakpoint-md)){.system-page__form-row{grid-template-columns:1fr}.system-page__profile-card .app-card__body{padding:var(--spacing-lg)}}.sage-sync-page__layout{display:flex;flex-direction:column;gap:var(--spacing-lg)}.sage-sync-page__top-row{display:grid;grid-template-columns:340px 1fr;gap:var(--spacing-lg);align-items:start}@media(max-width:900px){.sage-sync-page__top-row{grid-template-columns:1fr}}.sage-sync-page__card-header{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-primary)}.sage-sync-page__card-header h4{margin:0;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.sage-sync-page__connection-body{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.sage-sync-page__connection-status{display:flex;align-items:center;gap:var(--spacing-sm)}.sage-sync-page__status-icon--ok{color:var(--success-color)}.sage-sync-page__status-icon--error{color:var(--danger-color)}.sage-sync-page__status-icon--unknown{color:var(--text-secondary)}.sage-sync-page__connection-label{margin:0;font-weight:var(--font-weight-semibold);color:var(--text-primary)}.sage-sync-page__connection-msg{margin:2px 0 0;font-size:var(--font-size-sm);color:var(--text-secondary)}.sage-sync-page__status-grid{display:flex;flex-direction:column;gap:var(--spacing-sm)}.sage-sync-page__status-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) 0}.sage-sync-page__status-item:not(:last-child){border-bottom:1px solid var(--border-color)}.sage-sync-page__status-item-icon{display:flex;align-items:center;color:var(--primary-color);flex-shrink:0}.sage-sync-page__status-item-info{flex:1;display:flex;flex-direction:column;gap:1px}.sage-sync-page__status-item-label{font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);color:var(--text-primary)}.sage-sync-page__status-item-time{font-size:var(--font-size-xs);color:var(--text-secondary)}.sage-sync-page__status-item-count{font-size:var(--font-size-xs);color:var(--text-secondary);white-space:nowrap;flex-shrink:0}.sage-sync-page__sync-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--spacing-md)}.sage-sync-page__sync-tile{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius-md);background-color:var(--surface-color)}.sage-sync-page__sync-tile:hover{border-color:var(--primary-color-light, var(--primary-color));background-color:var(--surface-variant)}.sage-sync-page__sync-tile-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--border-radius-md);background-color:rgba(var(--primary-color-rgb, 99, 102, 241),.1);color:var(--primary-color);flex-shrink:0}.sage-sync-page__sync-tile-info{flex:1;min-width:0}.sage-sync-page__sync-tile-label{margin:0;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--text-primary)}.sage-sync-page__sync-tile-meta,.sage-sync-page__sync-tile-count{margin:2px 0 0;font-size:var(--font-size-xs);color:var(--text-secondary)}.sage-sync-page__history-list{display:flex;flex-direction:column;gap:2px}.sage-sync-page__history-row{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm)}.sage-sync-page__history-row:nth-child(odd){background-color:var(--surface-variant)}@media(max-width:768px){.sage-sync-page__history-row{flex-wrap:wrap}}.sage-sync-page__history-type{font-weight:var(--font-weight-medium);color:var(--text-primary);min-width:90px}.sage-sync-page__history-records{color:var(--text-secondary);min-width:90px}.sage-sync-page__history-duration{color:var(--text-secondary);min-width:60px}.sage-sync-page__history-time{color:var(--text-secondary);flex:1}.sage-sync-page__history-error{color:var(--danger-color);font-size:var(--font-size-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.sage-sync-page__loading,.sage-sync-page__empty{padding:var(--spacing-xl);text-align:center;color:var(--text-secondary);font-size:var(--font-size-sm)}.add-truck-page__breadcrumb{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);padding:var(--spacing-sm) 0}.add-truck-page__breadcrumb-back{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.add-truck-page__breadcrumb-back:hover{background:var(--surface-variant);color:var(--text-primary)}.add-truck-page__breadcrumb-back:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.add-truck-page__breadcrumb-link{background:none;border:none;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);transition:all var(--transition-fast)}.add-truck-page__breadcrumb-link:hover{color:var(--primary-color);background:var(--primary-container)}.add-truck-page__breadcrumb-link:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.add-truck-page__breadcrumb-separator{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0 var(--spacing-xs)}.add-truck-page__breadcrumb-current{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.add-truck-page__content{max-width:1200px}.add-truck-page__form-card .app-card__body{padding:var(--spacing-xl)}.add-truck-page__form{width:100%}.add-truck-page__form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}@media (max-width: var(--breakpoint-md)){.add-truck-page__form-grid{grid-template-columns:1fr;gap:var(--spacing-md)}}.add-truck-page__form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.add-truck-page__form-group--full{grid-column:1/-1}.add-truck-page__cancel-btn,.add-truck-page__save-btn{min-width:120px}@media (max-width: var(--breakpoint-md)){.add-truck-page__form-grid{grid-template-columns:1fr}.add-truck-page__app-footer-actions{justify-content:center}}@media (max-width: var(--breakpoint-sm)){.add-truck-page__app-footer-actions{flex-direction:column;gap:var(--spacing-sm)}}.edit-truck-page__breadcrumb{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);padding:var(--spacing-sm) 0}.edit-truck-page__breadcrumb-back{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.edit-truck-page__breadcrumb-back:hover{background:var(--surface-variant);color:var(--text-primary)}.edit-truck-page__breadcrumb-back:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.edit-truck-page__breadcrumb-link{background:none;border:none;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);transition:all var(--transition-fast)}.edit-truck-page__breadcrumb-link:hover{color:var(--primary-color);background:var(--primary-container)}.edit-truck-page__breadcrumb-link:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.edit-truck-page__breadcrumb-separator{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0 var(--spacing-xs)}.edit-truck-page__breadcrumb-current{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.edit-truck-page__content{max-width:800px;margin:0 auto}.edit-truck-page__form-card .app-card__body{padding:var(--spacing-xl)}.edit-truck-page__form{width:100%}.edit-truck-page__form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}@media (max-width: var(--breakpoint-md)){.edit-truck-page__form-grid{grid-template-columns:1fr;gap:var(--spacing-md)}}.edit-truck-page__form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.edit-truck-page__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--spacing-lg)}.edit-truck-page__loading p{color:var(--text-secondary);font-size:var(--font-size-base)}.edit-truck-page__loading-spinner{width:40px;height:40px;border:3px solid var(--outline);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.edit-truck-page__cancel-btn,.edit-truck-page__update-btn{min-width:120px}.app-footer-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg) 0;border-top:1px solid var(--outline);margin-top:var(--spacing-xl)}@media (max-width: var(--breakpoint-md)){.edit-truck-page__form-grid{grid-template-columns:1fr}.edit-truck-page__app-footer-actions{justify-content:center}}@media (max-width: var(--breakpoint-sm)){.edit-truck-page__app-footer-actions{flex-direction:column;gap:var(--spacing-sm)}}.delivery-form-page__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.delivery-form-page__actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.delivery-form-page__error{color:var(--error-color)}:root{--primary-color: #39608F;--primary-color-rgb: 57, 96, 143;--on-primary: #ffffff;--on-primary-rgb: 255, 255, 255;--primary-container: #dbeafe;--primary-container-rgb: 219, 234, 254;--on-primary-container: #0c2d48;--on-primary-container-rgb: 12, 45, 72;--secondary-color: #656d76;--secondary-color-rgb: 101, 109, 118;--on-secondary: #ffffff;--on-secondary-rgb: 255, 255, 255;--secondary-container: #f6f8fa;--secondary-container-rgb: 246, 248, 250;--on-secondary-container: #24292f;--on-secondary-container-rgb: 36, 41, 47;--surface: #F8F9FF;--surface-rgb: 248, 249, 255;--on-surface: #24292f;--on-surface-rgb: 36, 41, 47;--surface-variant: #f6f8fa;--surface-variant-rgb: 246, 248, 250;--on-surface-variant: #656d76;--on-surface-variant-rgb: 101, 109, 118;--surface-container: #ffffff;--surface-container-rgb: 255, 255, 255;--surface-container-low: #fefefe;--surface-container-low-rgb: 254, 254, 254;--surface-container-high: #ffffff;--surface-container-high-rgb: 255, 255, 255;--surface-container-highest: #ffffff;--surface-container-highest-rgb: 255, 255, 255;--success-color: #1a7f37;--success-color-rgb: 26, 127, 55;--on-success: #ffffff;--on-success-rgb: 255, 255, 255;--success-container: #dcfce7;--success-container-rgb: 220, 252, 231;--on-success-container: #14532d;--on-success-container-rgb: 20, 83, 45;--warning-color: #d1242f;--warning-color-rgb: 209, 36, 47;--on-warning: #ffffff;--on-warning-rgb: 255, 255, 255;--warning-container: #fef2f2;--warning-container-rgb: 254, 242, 242;--on-warning-container: #7f1d1d;--on-warning-container-rgb: 127, 29, 29;--danger-color: #d1242f;--danger-color-rgb: 209, 36, 47;--on-danger: #ffffff;--on-danger-rgb: 255, 255, 255;--danger-container: #fef2f2;--danger-container-rgb: 254, 242, 242;--on-danger-container: #7f1d1d;--on-danger-container-rgb: 127, 29, 29;--info-color: #39608F;--info-color-rgb: 57, 96, 143;--on-info: #ffffff;--on-info-rgb: 255, 255, 255;--info-container: #dbeafe;--info-container-rgb: 219, 234, 254;--on-info-container: #0c2d48;--on-info-container-rgb: 12, 45, 72;--accent-color: #ff69b4;--accent-color-rgb: 255, 105, 180;--text-on-accent: #ffffff;--text-on-accent-rgb: 255, 255, 255;--outline: #d0d7de;--outline-rgb: 208, 215, 222;--outline-variant: #d8dee4;--outline-variant-rgb: 216, 222, 228;--text-primary: var(--on-surface);--text-primary-rgb: var(--on-surface-rgb);--text-secondary: var(--on-surface-variant);--text-secondary-rgb: var(--on-surface-variant-rgb);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04);--shadow-md: 0 2px 8px rgba(0, 0, 0, .06);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .08);--shadow-xl: 0 8px 24px rgba(0, 0, 0, .1);--shadow-2xl: 0 12px 32px rgba(0, 0, 0, .12);--shadow-3xl: 0 16px 48px rgba(0, 0, 0, .15);--font-family-base: "Outfit", system-ui, sans-serif;--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-weight-light: 300;--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;--border-radius-xs: 4px;--border-radius-sm: 6px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--border-radius-2xl: 20px;--border-radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 2.5rem;--spacing-3xl: 3rem;--spacing-4xl: 4rem;--breakpoint-xs: 0px;--breakpoint-sm: 576px;--breakpoint-md: 768px;--breakpoint-lg: 992px;--breakpoint-xl: 1200px;--breakpoint-2xl: 1400px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-notification: 1080}.theme-dark{--primary-color: #6B8BB8;--primary-color-rgb: 107, 139, 184;--on-primary: #0d1117;--on-primary-rgb: 13, 17, 23;--primary-container: #1f2937;--primary-container-rgb: 31, 41, 55;--on-primary-container: #79c0ff;--on-primary-container-rgb: 121, 192, 255;--secondary-color: #8b949e;--secondary-color-rgb: 139, 148, 158;--on-secondary: #21262d;--on-secondary-rgb: 33, 38, 45;--secondary-container: #30363d;--secondary-container-rgb: 48, 54, 61;--on-secondary-container: #c9d1d9;--on-secondary-container-rgb: 201, 209, 217;--surface: #21262d;--surface-rgb: 33, 38, 45;--on-surface: #c9d1d9;--on-surface-rgb: 201, 209, 217;--surface-variant: #30363d;--surface-variant-rgb: 48, 54, 61;--on-surface-variant: #8b949e;--on-surface-variant-rgb: 139, 148, 158;--surface-container: #30363d;--surface-container-rgb: 48, 54, 61;--surface-container-low: #21262d;--surface-container-low-rgb: 33, 38, 45;--surface-container-high: #373e47;--surface-container-high-rgb: 55, 62, 71;--surface-container-highest: #3d4349;--surface-container-highest-rgb: 61, 67, 73;--success-color: #56d364;--success-color-rgb: 86, 211, 100;--on-success: #0d1117;--on-success-rgb: 13, 17, 23;--success-container: #1a2f1a;--success-container-rgb: 26, 47, 26;--on-success-container: #3fb950;--on-success-container-rgb: 63, 185, 80;--warning-color: #f85149;--warning-color-rgb: 248, 81, 73;--on-warning: #0d1117;--on-warning-rgb: 13, 17, 23;--warning-container: #2d1617;--warning-container-rgb: 45, 22, 23;--on-warning-container: #da3633;--on-warning-container-rgb: 218, 54, 51;--danger-color: #f85149;--danger-color-rgb: 248, 81, 73;--on-danger: #0d1117;--on-danger-rgb: 13, 17, 23;--danger-container: #2d1617;--danger-container-rgb: 45, 22, 23;--on-danger-container: #da3633;--on-danger-container-rgb: 218, 54, 51;--info-color: #6B8BB8;--info-color-rgb: 107, 139, 184;--on-info: #0d1117;--on-info-rgb: 13, 17, 23;--info-container: #1f2937;--info-container-rgb: 31, 41, 55;--on-info-container: #79c0ff;--on-info-container-rgb: 121, 192, 255;--outline: #30363d;--outline-rgb: 48, 54, 61;--outline-variant: #21262d;--outline-variant-rgb: 33, 38, 45;--text-primary: var(--on-surface);--text-primary-rgb: var(--on-surface-rgb);--text-secondary: var(--on-surface-variant);--text-secondary-rgb: var(--on-surface-variant-rgb);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .2);--shadow-md: 0 2px 8px rgba(0, 0, 0, .25);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .3);--shadow-xl: 0 8px 24px rgba(0, 0, 0, .35);--shadow-2xl: 0 12px 32px rgba(0, 0, 0, .4);--shadow-3xl: 0 16px 48px rgba(0, 0, 0, .45)}.truck-details-page__breadcrumb{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);padding:var(--spacing-sm) 0}.truck-details-page__breadcrumb-back{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.truck-details-page__breadcrumb-back:hover{background:var(--surface-variant);color:var(--text-primary)}.truck-details-page__breadcrumb-back:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.truck-details-page__breadcrumb-link{background:none;border:none;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);transition:all var(--transition-fast)}.truck-details-page__breadcrumb-link:hover{color:var(--primary-color);background:var(--primary-container)}.truck-details-page__breadcrumb-link:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.truck-details-page__breadcrumb-separator{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0 var(--spacing-xs)}.truck-details-page__breadcrumb-current{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.truck-details-page__content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.truck-details-page__truck-card .app-card__body{padding:var(--spacing-lg)}.truck-details-page__truck-info{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}@media (max-width: var(--breakpoint-md)){.truck-details-page__truck-info{grid-template-columns:1fr;gap:var(--spacing-lg)}}.truck-details-page__truck-left,.truck-details-page__truck-right{display:flex;flex-direction:column;gap:var(--spacing-md)}.truck-details-page__info-row{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--outline)}.truck-details-page__info-row:last-child{border-bottom:none}.truck-details-page__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.truck-details-page__value{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.truck-details-page__status{display:flex;align-items:center;gap:var(--spacing-xs)}.truck-details-page__metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}@media (max-width: var(--breakpoint-sm)){.truck-details-page__metrics{grid-template-columns:1fr}}.truck-details-page__metric-tile .app-metric-tile{height:100%}.truck-details-page__deliveries-card .app-card__body{padding:0}.truck-details-page__checkbox{width:16px;height:16px;accent-color:var(--primary-color);cursor:pointer}.truck-details-page__delivery-id{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--primary-color);background-color:var(--primary-container);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm)}.truck-details-page__order-ref{font-weight:var(--font-weight-medium);color:var(--text-primary)}.truck-details-page__load-percentage,.truck-details-page__eta{color:var(--text-primary);font-weight:var(--font-weight-medium)}.truck-details-page__price{font-weight:var(--font-weight-semibold);color:var(--primary-color);font-size:var(--font-size-lg)}.truck-details-page__close-btn{min-width:120px}.truck-details-page__edit-btn{margin-left:auto}.truck-details-page__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--spacing-md);color:var(--text-secondary)}.truck-details-page__loading-spinner{animation:spin 1s linear infinite}.truck-details-page__info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl)}@media(max-width:900px){.truck-details-page__info-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.truck-details-page__info-grid{grid-template-columns:1fr}}.truck-details-page__info-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.truck-details-page__info-section-title{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-xs);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--outline-variant)}.truck-details-page__field{display:flex;flex-direction:column;gap:2px}.truck-details-page__field label{font-size:var(--font-size-xs);color:var(--text-tertiary);font-weight:var(--font-weight-medium)}.truck-details-page__field span{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:var(--font-weight-medium)}.truck-details-page__no-driver{font-size:var(--font-size-sm);color:var(--text-tertiary);font-style:italic}.app-footer-actions{display:flex;justify-content:flex-end;padding:var(--spacing-lg) 0;border-top:1px solid var(--outline);margin-top:var(--spacing-xl)}.app-footer-actions--right{justify-content:flex-end}.app-footer-actions--left{justify-content:flex-start}.app-footer-actions--center{justify-content:center}.app-footer-actions--space-between{justify-content:space-between}@media (max-width: var(--breakpoint-md)){.truck-details-page__truck-info{grid-template-columns:1fr}.truck-details-page__metrics{grid-template-columns:repeat(2,1fr)}}@media (max-width: var(--breakpoint-sm)){.truck-details-page__metrics{grid-template-columns:1fr}.truck-details-page__app-footer-actions{justify-content:center}}.not-found-page__container{display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 64px)}.not-found-page__hero{display:flex;align-items:center;gap:var(--spacing-2xl);margin-bottom:var(--spacing-xl);max-width:800px;margin-left:auto;margin-right:auto}@media(max-width:768px){.not-found-page__hero{flex-direction:column;text-align:center;gap:var(--spacing-lg)}}.not-found-page__number{font-size:8rem;font-weight:var(--font-weight-bold);color:var(--primary-color);line-height:1;-webkit-user-select:none;user-select:none}@media(max-width:768px){.not-found-page__number{font-size:5rem}}@media(max-width:480px){.not-found-page__number{font-size:4rem}}.not-found-page__divider{width:2px;height:120px;background-color:var(--outline);flex-shrink:0}@media(max-width:768px){.not-found-page__divider{width:80px;height:2px}}.not-found-page__content{flex:1;max-width:500px}.not-found-page__description{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-lg)}.not-found-page__actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap}@media(max-width:768px){.not-found-page__actions{justify-content:center}}.not-found-page__section{text-align:center;max-width:1000px;margin:0 auto}.not-found-page__grid{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.not-found-page__grid>*{flex:0 0 auto;width:280px;min-width:280px}@media(max-width:768px){.not-found-page__grid{flex-direction:column;align-items:center;gap:var(--spacing-md)}.not-found-page__grid>*{width:100%;max-width:400px}}.not-found-page__action-tile{width:100%}.theme-dark .not-found-page__divider{background-color:var(--outline)}.route-loading{display:flex;align-items:center;justify-content:center;min-height:200px;font-size:var(--font-size-base);color:var(--text-secondary)}.route-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:var(--spacing-lg);text-align:center}.route-error h2{color:var(--danger-color);margin-bottom:var(--spacing-md);font-size:var(--font-size-xl)}.route-error p{color:var(--text-secondary);margin:0}.route-404{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:var(--spacing-lg);text-align:center}.route-404 h1{color:var(--danger-color);margin-bottom:var(--spacing-md);font-size:var(--font-size-2xl)}.route-404 p{color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.route-404__button{background-color:var(--primary-color);color:var(--on-primary);border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-md);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);transition:all var(--transition-fast)}.route-404__button:hover{background-color:var(--primary-color);transform:translateY(-1px);box-shadow:var(--shadow-md)}.notifications-container{position:fixed;z-index:var(--z-notification);display:flex;flex-direction:column;gap:var(--spacing-sm);pointer-events:none;max-width:420px}.notifications-container--top-left{top:var(--spacing-lg);left:var(--spacing-lg)}.notifications-container--top-center{top:var(--spacing-lg);left:50%;transform:translate(-50%)}.notifications-container--top-right{top:var(--spacing-lg);right:var(--spacing-lg)}.notifications-container--bottom-left{bottom:var(--spacing-lg);left:var(--spacing-lg);flex-direction:column-reverse}.notifications-container--bottom-center{bottom:var(--spacing-lg);left:50%;transform:translate(-50%);flex-direction:column-reverse}.notifications-container--bottom-right{bottom:var(--spacing-lg);right:var(--spacing-lg);flex-direction:column-reverse}.notifications-container .notification{pointer-events:auto}.notification{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:var(--surface);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);border-left:4px solid var(--outline);opacity:0;transform:translate(100%);transition:all var(--transition-normal);pointer-events:auto;min-width:320px;max-width:420px;word-wrap:break-word}.notification--visible{opacity:1;transform:translate(0)}.notification--exiting{opacity:0;transform:translate(100%) scale(.95)}.notification--success{border-left-color:var(--success-color);background-color:var(--surface)}.notification--success .notification__icon{color:var(--success-color)}.notification--error{border-left-color:var(--danger-color);background-color:var(--surface)}.notification--error .notification__icon{color:var(--danger-color)}.notification--warning{border-left-color:var(--warning-color);background-color:var(--surface)}.notification--warning .notification__icon{color:var(--warning-color)}.notification--info{border-left-color:var(--info-color);background-color:var(--surface)}.notification--info .notification__icon{color:var(--info-color)}.notification--loading{border-left-color:var(--primary-color);background-color:var(--surface)}.notification--loading .notification__icon{color:var(--primary-color)}.notification__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:2px}.notification__content{flex:1;min-width:0}.notification__message{color:var(--text-primary);line-height:var(--line-height-relaxed);margin:0;word-wrap:break-word;overflow-wrap:break-word;font-size:var(--font-size-base)}.notification__action{margin-top:var(--spacing-sm)}.notification__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:none;border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);margin-top:2px}.notification__close:hover{background-color:rgba(var(--text-secondary-rgb),.08);color:var(--text-primary)}.notification__close:focus-visible{outline:2px solid var(--primary-color);outline-offset:1px}.notification__spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:767px){.notifications-container{max-width:calc(100vw - 32px)}.notifications-container--top-left,.notifications-container--top-center,.notifications-container--top-right{top:var(--spacing-md);left:var(--spacing-md);right:var(--spacing-md);transform:none;max-width:none}.notifications-container--bottom-left,.notifications-container--bottom-center,.notifications-container--bottom-right{bottom:var(--spacing-md);left:var(--spacing-md);right:var(--spacing-md);transform:none;max-width:none}.notification{min-width:auto;max-width:none;padding:var(--spacing-sm) var(--spacing-md)}.notification--visible{transform:translateY(0)}.notification--exiting{transform:translateY(-100%) scale(.95)}.notification__action{margin-top:var(--spacing-xs)}.notification__action button{width:100%}}@media(min-width:768px)and (max-width:1023px){.notifications-container{max-width:380px}.notifications-container--top-left,.notifications-container--bottom-left{left:var(--spacing-md)}.notifications-container--top-right,.notifications-container--bottom-right{right:var(--spacing-md)}}@media(prefers-reduced-motion:reduce){.notification{transition:opacity var(--transition-fast)}.notification--visible,.notification--exiting{transform:none}.notification__spinner{animation:none}@keyframes spin{0%,to{transform:rotate(0)}}}