@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.sidebar{box-sizing:border-box;width:280px;height:100vh;display:flex;flex-direction:column;padding:var(--spacing-lg);background:var(--color-bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid var(--color-border-glass);position:fixed;left:0;top:0;z-index:120;overflow:hidden;animation:sidebarEnter .5s ease-out}.sidebar-close-btn{display:none}.sidebar-header{margin-bottom:var(--spacing-xl)}.sidebar-logo{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.logo-icon{font-size:var(--font-size-3xl)}.logo-text{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:clamp(var(--font-size-base),2vw,var(--font-size-xl));line-height:1.2;overflow-wrap:break-word;max-width:100%}.logo-image{max-height:48px;width:auto;object-fit:contain}.sidebar-nav{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;gap:var(--spacing-sm);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.nav-item{display:flex;align-items:center;gap:var(--spacing-md);min-width:0;flex-shrink:0;padding:var(--spacing-md);border-radius:var(--radius-md);color:var(--color-text-secondary);text-decoration:none;font-weight:var(--font-weight-medium);transition:background var(--transition-fast),color var(--transition-fast);position:relative}.nav-item:hover{background:var(--color-primary-100);color:var(--color-text-primary)}.nav-item-active{background:linear-gradient(135deg,var(--color-primary-200),var(--color-secondary-200));color:var(--color-primary);font-weight:var(--font-weight-semibold)}.nav-item-active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;background:linear-gradient(180deg,var(--color-primary),var(--color-secondary));border-radius:0 var(--radius-sm) var(--radius-sm) 0}.nav-icon{font-size:var(--font-size-lg)}.nav-label{min-width:0;flex:1;font-size:var(--font-size-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-footer{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border);min-width:0;flex-shrink:0}.user-info-link{text-decoration:none;display:block;transition:all var(--transition-fast)}.user-info-link:hover .user-info{background:var(--color-primary-100)}.user-info{display:flex;align-items:center;gap:var(--spacing-md);min-width:0;margin-bottom:var(--spacing-md);padding:var(--spacing-sm);border-radius:var(--radius-md);background:var(--color-primary-50);transition:background var(--transition-fast);cursor:pointer}.user-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:var(--font-weight-bold);font-size:var(--font-size-lg)}.user-details{flex:1;min-width:0}.user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:capitalize}.logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-danger-100);border:1px solid var(--color-danger-200);border-radius:var(--radius-md);color:var(--color-error);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.logout-btn:hover{background:var(--color-danger-200);border-color:var(--color-error)}@keyframes sidebarEnter{0%{opacity:0}to{opacity:1}}@media(max-width:1024px){.sidebar{transform:translate(-100%);transition:transform var(--transition-base);animation:none}.sidebar.sidebar-open{transform:translate(0)}.sidebar-close-btn{display:flex;align-items:center;justify-content:center;position:absolute;top:var(--spacing-md);right:var(--spacing-md);width:36px;height:36px;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-text-primary);cursor:pointer;z-index:1}.sidebar-close-btn:hover{background:var(--color-bg-tertiary)}.sidebar-header{padding-right:calc(36px + var(--spacing-sm))}}.layout{display:flex;min-height:100vh;background:linear-gradient(135deg,var(--color-bg-primary) 0%,var(--color-bg-gradient-end) 100%)}.layout-content{flex:1;margin-left:280px;padding:var(--spacing-xl);min-height:100vh}.content-wrapper{max-width:1400px;margin:0 auto}.mobile-nav-header,.mobile-menu-toggle,.mobile-menu-backdrop{display:none}@media(max-width:1024px){.mobile-nav-header{display:flex;align-items:center;position:fixed;top:0;left:0;right:0;height:calc(56px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) max(var(--spacing-md),env(safe-area-inset-right,0px)) 0 max(var(--spacing-md),env(safe-area-inset-left,0px));z-index:110;background:var(--color-bg-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border-glass)}.mobile-menu-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-text-primary);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.mobile-menu-toggle:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-light)}.mobile-menu-backdrop{display:block;position:fixed;inset:0;z-index:105;border:none;padding:0;margin:0;background:var(--color-overlay);cursor:pointer}.layout-content{margin-left:0;padding:calc(56px + env(safe-area-inset-top,0px) + var(--spacing-lg)) max(var(--spacing-lg),env(safe-area-inset-right,0px)) max(var(--spacing-lg),env(safe-area-inset-bottom,0px)) max(var(--spacing-lg),env(safe-area-inset-left,0px))}}body.mobile-menu-open{overflow:hidden}.input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.input-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.input{width:100%;padding:var(--spacing-md);font-family:var(--font-family-base);font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast);outline:none}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.input::placeholder{color:var(--color-text-muted)}.input-error{border-color:var(--color-error)}.input-error:focus{border-color:var(--color-error);box-shadow:0 0 0 3px #ef44441a}.input-error-text{font-size:var(--font-size-sm);color:var(--color-error)}.input-helper-text{font-size:var(--font-size-sm);color:var(--color-text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-family:var(--font-family-base);font-weight:var(--font-weight-medium);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);outline:none;position:relative;overflow:hidden}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}.btn-md{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base)}.btn-lg{padding:var(--spacing-lg) var(--spacing-xl);font-size:var(--font-size-lg)}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:#fff;box-shadow:0 4px 14px #6366f166}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6366f180}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--color-border-light)}.btn-danger{background:var(--color-error);color:#fff;box-shadow:0 4px 14px #ef444466}.btn-danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ef444480}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--color-bg-secondary);color:var(--color-text-primary)}.btn-full-width{width:100%}.btn-loading{color:transparent}.btn-spinner{position:absolute;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);position:relative;overflow:hidden}.login-background{position:absolute;inset:0;overflow:hidden;z-index:0}.gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;animation:float 20s ease-in-out infinite}.orb-1{width:400px;height:400px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));top:-100px;left:-100px}.orb-2{width:500px;height:500px;background:linear-gradient(135deg,var(--color-secondary),var(--color-accent));bottom:-150px;right:-150px;animation-delay:-10s}.orb-3{width:300px;height:300px;background:linear-gradient(135deg,var(--color-accent),var(--color-primary));top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-5s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.login-card{width:100%;max-width:420px;z-index:1}.login-header{text-align:center;margin-bottom:var(--spacing-xl)}.login-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.logo-icon{font-size:var(--font-size-4xl)}.logo-text{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:clamp(var(--font-size-lg),3vw,var(--font-size-2xl));line-height:1.2}.logo-image{max-height:64px;width:auto;object-fit:contain;margin-bottom:var(--spacing-md)}.login-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-base);margin:0}.login-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.forgot-password-wrapper{text-align:right;margin-top:calc(var(--spacing-sm) * -1);margin-bottom:var(--spacing-md)}.forgot-password-link{color:var(--color-primary);text-decoration:none;font-size:var(--font-size-sm)}.forgot-password-link:hover{text-decoration:underline}.error-message{padding:var(--spacing-md);background:var(--color-danger-100);border:1px solid var(--color-danger-200);border-radius:var(--radius-md);color:var(--color-error-light);font-size:var(--font-size-sm);text-align:center;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.login-footer{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid rgba(255,255,255,.1);text-align:center}.footer-text{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}.success-message{color:var(--color-success);padding:var(--spacing-md);background:#10b9811a;border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.login-back-link-container{text-align:center;margin-top:var(--spacing-lg);color:var(--color-text-secondary)}.login-back-link{color:var(--color-primary);text-decoration:none}.login-back-link:hover{text-decoration:underline}.password-strength{font-size:var(--font-size-sm);margin-top:calc(var(--spacing-sm) * -1);margin-bottom:var(--spacing-sm)}.password-strength--weak{color:var(--color-error)}.password-strength--strong{color:var(--color-success)}.password-requirements{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.password-requirements ul{margin-top:var(--spacing-xs);padding-left:var(--spacing-lg)}.reset-error-message{color:var(--color-error-light);padding:var(--spacing-md);background:var(--color-danger-100);border:1px solid var(--color-danger-200);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.back-to-login{text-align:center;margin-top:var(--spacing-lg);color:var(--color-text-secondary)}.back-to-login a{color:var(--color-primary);text-decoration:none}.back-to-login a:hover{text-decoration:underline}@media(max-width:480px){.login-card{max-width:100%}.login-title{font-size:var(--font-size-2xl)}}.badge{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-full);font-weight:500;font-size:.8rem;white-space:nowrap;transition:all var(--transition-fast)}.badge-sm{padding:2px var(--spacing-xs);font-size:.7rem}.badge-md{padding:var(--spacing-xs) var(--spacing-sm);font-size:.8rem}.badge-lg{padding:var(--spacing-sm) var(--spacing-md);font-size:.85rem}.badge-success{background:var(--color-success-100);color:var(--color-success);border:1px solid var(--color-success-200)}.badge-warning{background:var(--color-warning-100);color:var(--color-warning);border:1px solid var(--color-warning-200)}.badge-danger{background:var(--color-danger-100);color:var(--color-danger);border:1px solid var(--color-danger-200)}.badge-info{background:var(--color-info-bg);color:var(--color-info);border:1px solid var(--color-info-200)}.badge-default{background:var(--color-surface-hover);color:var(--color-text-secondary);border:1px solid var(--color-border-glass)}.badge.clickable{cursor:pointer}.badge.clickable:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.badge-success.clickable:hover{background:var(--color-success-200)}.badge-warning.clickable:hover{background:var(--color-warning-200)}.badge-danger.clickable:hover{background:var(--color-danger-200)}.badge-info.clickable:hover{background:var(--color-info-200)}.badge-default.clickable:hover{background:var(--color-surface-raised)}.select-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}.select-label{font-size:.9rem;font-weight:500;color:var(--color-text-primary)}.select-container{position:relative}.select{width:100%;padding:var(--spacing-sm) var(--spacing-md);padding-right:var(--spacing-3xl);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.95rem;font-family:inherit;transition:all var(--transition-fast);cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none}.select:hover{border-color:#a855f780}.select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #a855f71a}.select:disabled{opacity:.5;cursor:not-allowed}.select-error{border-color:var(--color-error)}.select-error:focus{box-shadow:0 0 0 3px #ef44441a}.select-arrow{position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--color-text-secondary);font-size:.7rem;pointer-events:none;transition:color var(--transition-fast)}.select:hover+.select-arrow{color:var(--color-primary)}.select:focus+.select-arrow{color:var(--color-primary)}.select-error-text{font-size:.85rem;color:var(--color-error)}.select-helper-text{font-size:.85rem;color:var(--color-text-secondary)}.select option{background-color:var(--color-bg-secondary);color:var(--color-text-primary);padding:var(--spacing-sm)}@media(max-width:768px){.select{font-size:16px}}.navigation-menu-order-help{margin:0 0 var(--spacing-lg);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.navigation-menu-order-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.navigation-menu-order-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:var(--color-bg-primary)}.navigation-menu-order-label{display:flex;align-items:center;gap:var(--spacing-sm);min-width:0;font-size:var(--font-size-sm);color:var(--color-text-primary)}.navigation-menu-order-icon{flex-shrink:0}.navigation-menu-order-actions{display:flex;gap:var(--spacing-xs);flex-shrink:0}.navigation-menu-order-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-text-primary);cursor:pointer;transition:background var(--transition-fast)}.navigation-menu-order-btn:hover:not(:disabled){background:var(--color-bg-tertiary)}.navigation-menu-order-btn:disabled{opacity:.4;cursor:not-allowed}.navigation-menu-order-footer{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.profile-page{padding:var(--spacing-xl);max-width:900px;margin:0 auto}.page-header{margin-bottom:var(--spacing-xl)}.page-header h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.page-header p{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.profile-card{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-md)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.card-header h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.threshold-input{background:var(--color-bg-primary);border:1px solid var(--color-border);color:var(--color-text-primary);padding:.6rem;border-radius:var(--radius-md);width:100px;margin-top:var(--spacing-xs)}.profile-info{display:flex;flex-direction:column;gap:var(--spacing-md)}.info-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border-light)}.info-row .label{font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.info-row .value{color:var(--color-text-primary);font-size:var(--font-size-sm)}.form-group-spaced{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-xl);justify-content:flex-end}.helper-text{display:block;margin-top:var(--spacing-xs);color:var(--color-text-secondary);font-size:var(--font-size-xs)}.success-alert,.error-alert{padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.success-alert{background:var(--color-success-100);border:1px solid var(--color-success-200);color:var(--color-success)}.error-alert{background:var(--color-danger-100);border:1px solid var(--color-danger-200);color:var(--color-danger)}.preference-group{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.preference-group label{font-weight:600;color:var(--color-text-secondary);font-size:.9rem}.button-group{display:flex;gap:var(--spacing-sm)}.toggle-btn{flex:1;padding:var(--spacing-md);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit}.toggle-btn.active{background:rgba(var(--color-primary-rgb),.1);border-color:var(--color-primary);color:var(--color-primary)}.section-title{font-size:1.1rem;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:var(--spacing-lg) 0 var(--spacing-md);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--color-border-light)}.section-title:first-child{margin-top:0}.toggle-info{flex:1}.toggle-info .label{display:block;margin-bottom:2px}.mt-xl{margin-top:var(--spacing-xl)}.switch{position:relative;display:inline-block;width:44px;height:22px;flex-shrink:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--color-text-tertiary, #94a3b8);transition:.4s}.slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:#fff;transition:.4s}input:checked+.slider:before{transform:translate(22px)}.slider.round{border-radius:22px}@media(max-width:768px){.profile-page{padding:var(--spacing-md)}.profile-card{padding:var(--spacing-lg)}.card-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.info-row{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.form-actions{flex-direction:column}.form-actions button{width:100%}}.stat-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);border-radius:var(--border-radius);transition:all .2s ease;min-height:100px}.stat-card.stat-clickable{cursor:pointer}.stat-card.stat-clickable:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0003}.stat-card.stat-alert{border:2px solid var(--color-danger)}.stat-icon{font-size:2.5rem;min-width:3rem;text-align:center}.stat-content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.stat-label{font-size:.875rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:1.75rem;font-weight:600;color:var(--color-text-primary)}.stat-card.stat-loading .skeleton{background:linear-gradient(90deg,var(--color-surface) 0%,var(--color-surface-elevated) 50%,var(--color-surface) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--border-radius-sm)}.stat-card.stat-loading .stat-icon.skeleton{width:3rem;height:3rem}.stat-card.stat-loading .stat-label.skeleton{width:80%;height:14px}.stat-card.stat-loading .stat-value.skeleton{width:60%;height:28px;margin-top:var(--spacing-xs)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:768px){.stat-card{padding:var(--spacing-md);min-height:80px}.stat-icon{font-size:2rem}.stat-value{font-size:1.5rem}}.quick-actions-widget{display:flex;flex-direction:column;gap:var(--spacing-md)}.quick-actions-widget .widget-title{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0}.quick-actions-widget .widget-content{display:flex;flex-direction:column;gap:var(--spacing-sm)}.quick-action-btn{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text-primary);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.quick-action-btn:hover{background:var(--color-surface-hover);transform:translate(4px)}.quick-action-btn:active{transform:translate(2px)}.quick-action-btn .action-icon{font-size:1.5rem;min-width:1.5rem;text-align:center}.quick-action-btn .action-label{flex:1}@media(max-width:768px){.quick-action-btn{padding:var(--spacing-sm) var(--spacing-md)}.quick-action-btn .action-icon{font-size:1.25rem}}.active-jobs-widget{display:flex;flex-direction:column;height:100%}.widget-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.view-all-link{background:none;border:none;color:var(--color-primary);font-size:.875rem;cursor:pointer;font-weight:500}.view-all-link:hover{text-decoration:underline}.job-row{display:flex;flex-direction:column;padding:.75rem;background:#ffffff0d;border-radius:8px;cursor:pointer;transition:background-color .2s;gap:.5rem}.job-row:hover{background:#ffffff1a}.job-main-info{display:flex;align-items:center;gap:.5rem}.job-number{font-weight:700;color:var(--color-text-secondary);font-size:.875rem;background:#0003;padding:2px 6px;border-radius:4px}.job-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.job-meta{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--color-text-secondary)}.job-progress-container{display:flex;align-items:center;gap:8px;width:60%}.progress-bar-bg{flex:1;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:var(--color-primary);border-radius:3px;width:var(--bar-width, 0)}.job-date{font-size:.75rem}.empty-state{color:var(--color-text-secondary);text-align:center;padding:1rem;font-style:italic}.widget-loading{padding:1rem;text-align:center;color:var(--color-text-secondary)}.material-shortages-widget{display:flex;flex-direction:column;height:100%}.title-red{color:var(--color-danger)!important}.widget-content-list{display:flex;flex-direction:column;gap:.75rem}.shortage-row{display:flex;flex-direction:column;padding:var(--spacing-md);background:var(--color-danger-100);border-radius:var(--radius-md);cursor:pointer;transition:background-color .2s;gap:var(--spacing-xs);border-left:3px solid var(--color-danger)}.shortage-row:hover{background:var(--color-danger-200)}.shortage-top{display:flex;justify-content:space-between;align-items:center}.item-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shortage-badge{background:var(--color-danger);color:var(--color-text-primary);font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-weight:var(--font-weight-bold)}.shortage-details{display:flex;gap:var(--spacing-md);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.stock-label,.reserved-label{display:flex;align-items:center}.widget-loading{padding:var(--spacing-md);text-align:center;color:var(--color-text-secondary)}.empty-state{color:var(--color-text-secondary);text-align:center;padding:var(--spacing-md);font-style:italic}.widget-container{--color-white-10: rgba(255, 255, 255, .1);--color-white-05: rgba(255, 255, 255, .05);--color-white: #fff}.widget-container .widget-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm, .5rem)}.widget-container .view-all-link{background:none;border:none;padding:0;font-size:var(--font-size-sm, .875rem);color:var(--color-primary);cursor:pointer;text-decoration:underline}.widget-container .view-all-link:hover{color:var(--color-primary-hover, #1d4ed8)}.wire-summary-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.wire-summary-row{display:flex;flex-direction:column;gap:var(--spacing-xs)}.wire-info{display:flex;justify-content:space-between;font-size:var(--font-size-md);color:var(--color-text-primary)}.wire-gauge{font-weight:var(--font-weight-semibold)}.wire-stats{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.wire-bar-container{height:8px;background:var(--color-white-10);border-radius:var(--radius-sm);overflow:hidden}.wire-bar-fill{height:100%;width:var(--bar-width, 0);background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-sm);transition:width .5s ease-out}.aging-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.aging-header{display:flex;justify-content:space-between;font-size:var(--font-size-xs);text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:var(--spacing-xs);padding:0 var(--spacing-xs)}.aging-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);background:var(--color-white-05);border-radius:var(--radius-md);cursor:pointer;transition:background .2s}.aging-row:hover{background:var(--color-white-10)}.aging-info{display:flex;flex-direction:column}.aging-item-name{font-weight:var(--font-weight-medium);font-size:var(--font-size-md);color:var(--color-text-primary)}.aging-lot-number{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.aging-stats{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-xs)}.age-badge{padding:2px 8px;border-radius:var(--radius-lg);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-white);min-width:60px;text-align:center}.aging-value{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.dashboard{padding:0}.dashboard-header{margin-bottom:var(--spacing-xl);display:flex;justify-content:space-between;align-items:flex-start}.dashboard-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-base);margin:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.stat-card{display:flex;gap:var(--spacing-lg);align-items:flex-start}.stat-icon{font-size:2.5rem;flex-shrink:0}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-xs)}.stat-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.stat-change{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);display:flex;align-items:center;gap:var(--spacing-xs)}.stat-up{color:var(--color-success)}.stat-down{color:var(--color-error)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-lg)}.dashboard-widget{display:flex;flex-direction:column}.dashboard-widget.wide{grid-column:span 2}.widget-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-lg)}.widget-content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-md)}.activity-item{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);background:#6366f10d;transition:all var(--transition-fast)}.activity-item.clickable{cursor:pointer}.activity-item:hover{background:#6366f11a;transform:translate(4px)}.activity-icon{font-size:var(--font-size-xl)}.activity-info{flex:1}.activity-text{color:var(--color-text-primary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}.activity-time{color:var(--color-text-muted);font-size:var(--font-size-xs)}.quick-action-btn{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:#6366f10d;border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-md);color:var(--color-text-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);width:100%;text-align:left}.quick-action-btn:hover{background:#6366f126;border-color:var(--color-primary);transform:translate(4px)}.quick-action-btn span:first-child{font-size:var(--font-size-lg)}.item-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.item-row{display:flex;align-items:center;gap:var(--spacing-md)}.item-row.clickable{cursor:pointer}.item-name{flex:0 0 200px;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.item-bar{flex:1;height:8px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.item-bar-fill{height:100%;width:var(--bar-width, 0);background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-full);transition:width var(--transition-slow)}.item-count{min-width:60px;text-align:right;font-weight:500;color:var(--color-text-primary)}.dashboard-loading{text-align:center;padding:var(--spacing-xxl);color:var(--color-text-secondary);font-size:1.1rem}.stat-alert{border:2px solid var(--color-danger)}.stat-alert .stat-icon{animation:pulse 2s infinite}.no-activity,.no-items{text-align:center;padding:var(--spacing-lg);color:var(--color-text-muted)}@media(max-width:1200px){.dashboard-widget.wide{grid-column:span 1}}@media(max-width:768px){.stats-grid,.dashboard-grid{grid-template-columns:1fr}.item-name{flex:0 0 120px}}.customer-select-container{position:relative;width:100%}.customer-select-label{display:block;margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.required-indicator{color:var(--color-error)}.customer-select-input-wrapper{position:relative;display:flex;align-items:center}.customer-select-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);padding-right:60px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--font-size-base);transition:all var(--transition-fast)}.customer-select-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha)}.customer-select-clear{position:absolute;right:35px;background:none;border:none;color:var(--color-text-muted);font-size:var(--font-size-lg);cursor:pointer;padding:var(--spacing-xs);transition:color var(--transition-fast)}.customer-select-clear:hover{color:var(--color-error)}.customer-select-icon{position:absolute;right:var(--spacing-md);color:var(--color-text-muted);font-size:var(--font-size-xs);pointer-events:none}.customer-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:300px;overflow-y:auto;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);z-index:1000}.customer-select-loading,.customer-select-empty,.customer-select-no-results{padding:var(--spacing-md);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.customer-select-option{padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:background var(--transition-fast);border-bottom:1px solid var(--color-border)}.customer-select-option:last-child{border-bottom:none}.customer-select-option:hover{background:var(--color-bg-glass)}.customer-option-name{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:2px}.customer-option-company{font-size:var(--font-size-sm);color:var(--color-text-muted)}.customer-select-create-btn{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;border-top:1px solid var(--color-border);color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;text-align:left;transition:all var(--transition-fast)}.customer-select-create-btn:hover{background:var(--color-primary-alpha)}.job-select-container{position:relative;width:100%}.job-select-label{display:block;margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.job-select-input-wrapper{position:relative;display:flex;align-items:center}.job-select-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);padding-right:60px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--font-size-base);transition:all var(--transition-fast)}.job-select-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha)}.job-select-input:disabled{opacity:.6;cursor:not-allowed}.job-select-clear{position:absolute;right:35px;background:none;border:none;color:var(--color-text-muted);font-size:var(--font-size-lg);cursor:pointer;padding:var(--spacing-xs);transition:color var(--transition-fast)}.job-select-clear:hover{color:var(--color-error)}.job-select-icon{position:absolute;right:var(--spacing-md);color:var(--color-text-muted);font-size:var(--font-size-xs);pointer-events:none}.job-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:300px;overflow-y:auto;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);z-index:1000}.job-select-empty{padding:var(--spacing-md);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.job-select-option{padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:background var(--transition-fast);border-bottom:1px solid var(--color-border)}.job-select-option:last-child{border-bottom:none}.job-select-option:hover{background:var(--color-bg-glass)}.job-option-number{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary);margin-bottom:2px}.job-option-name{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.job-option-customer{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:2px}.image-upload-container{display:flex;flex-direction:column;gap:var(--spacing-lg)}.upload-dropzone{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;cursor:pointer;transition:all .2s;background:var(--color-bg-tertiary)}.upload-dropzone:hover,.upload-dropzone.dragging{border-color:var(--color-primary);background:var(--color-primary-subtle)}.hidden-input{display:none}.upload-icon{font-size:2rem;display:block;margin-bottom:var(--spacing-sm)}.upload-hint{font-size:.85rem;color:var(--color-text-secondary);display:block;margin-top:var(--spacing-xs)}.upload-spinner{margin-top:var(--spacing-sm);color:var(--color-primary);font-weight:700}.image-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--spacing-md)}.no-images{color:var(--color-text-muted);font-style:italic;grid-column:1 / -1;text-align:center;padding:var(--spacing-lg)}.image-card{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-secondary);position:relative}.image-preview{height:150px;width:100%;overflow:hidden;position:relative;background-color:#f0f0f0}.image-preview img{width:100%;height:100%;object-fit:cover}.primary-badge{position:absolute;top:5px;left:5px;background:var(--color-primary);color:#fff;font-size:.7rem;padding:2px 6px;border-radius:4px;font-weight:700}.image-actions{display:flex;justify-content:flex-end;gap:4px;padding:8px;border-top:1px solid var(--color-border)}.btn-icon.small{padding:4px;font-size:1rem;width:28px;height:28px;background:transparent;border:1px solid transparent;border-radius:4px;cursor:pointer}.btn-icon.small:hover{background:var(--color-bg-tertiary);border-color:var(--color-border)}.btn-icon.small.delete:hover{color:var(--color-error);background:var(--color-danger-100)}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg);animation:fadeIn .2s ease-out}.modal-content{background:var(--color-surface);border-radius:var(--border-radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);max-height:90vh;overflow-y:auto;animation:slideInUp .3s ease-out;position:relative}.modal-sm{width:100%;max-width:400px}.modal-md{width:100%;max-width:600px}.modal-lg{width:100%;max-width:800px}.modal-xl{width:100%;max-width:1000px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--color-border)}.modal-title{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0}.modal-close{background:none;border:none;font-size:1.5rem;color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-xs);line-height:1;transition:color var(--transition-fast);border-radius:var(--border-radius-sm)}.modal-close:hover{color:var(--color-text-primary);background:#ffffff0d}.modal-body{padding:var(--spacing-xl)}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:var(--border-radius-sm)}.modal-content::-webkit-scrollbar-thumb{background:#a855f74d;border-radius:var(--border-radius-sm)}.modal-content::-webkit-scrollbar-thumb:hover{background:#a855f780}@media(max-width:768px){.modal-overlay{padding:var(--spacing-md)}.modal-content{max-height:95vh}.modal-header{padding:var(--spacing-md) var(--spacing-lg)}.modal-body{padding:var(--spacing-lg)}.modal-title{font-size:1.1rem}}.textarea-wrapper{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.textarea-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.textarea{width:100%;padding:var(--spacing-md);font-family:var(--font-family-base);font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast);outline:none;resize:vertical;min-height:80px}.textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.textarea::placeholder{color:var(--color-text-muted)}.textarea-error{border-color:var(--color-error)}.textarea-error:focus{border-color:var(--color-error);box-shadow:0 0 0 3px #ef44441a}.textarea-error-text{font-size:var(--font-size-sm);color:var(--color-error)}.textarea-helper-text{font-size:var(--font-size-sm);color:var(--color-text-muted)}.table-container{width:100%;margin:var(--spacing-lg) 0}.table-wrapper{overflow-x:auto;border-radius:var(--border-radius-lg);background:var(--color-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border)}.data-table{width:100%;border-collapse:collapse;font-size:.9rem}.data-table thead{background:#ffffff05;border-bottom:1px solid var(--color-border)}.data-table th{padding:var(--spacing-md) var(--spacing-lg);text-align:left;font-weight:600;color:var(--color-text-primary);white-space:nowrap;-webkit-user-select:none;user-select:none}.data-table th.sortable{cursor:pointer;transition:background-color var(--transition-fast)}.data-table th.sortable:hover{background:#ffffff0d}.th-content{display:flex;align-items:center;gap:var(--spacing-xs)}.sort-indicator{font-size:.8rem;color:var(--color-text-secondary);opacity:.5;transition:opacity var(--transition-fast)}.data-table th.sortable:hover .sort-indicator{opacity:1}.data-table tbody tr{border-bottom:1px solid rgba(255,255,255,.05);transition:background-color var(--transition-fast)}.data-table tbody tr:hover{background:#ffffff08}.data-table tbody tr.clickable{cursor:pointer}.data-table tbody tr.clickable:hover{background:#a855f71a}.data-table td{padding:var(--spacing-md) var(--spacing-lg);color:var(--color-text-secondary)}.data-table tbody tr:last-child{border-bottom:none}.table-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);background:var(--color-surface);border-radius:var(--border-radius-lg);border:1px solid var(--color-border)}.loading-spinner{width:40px;height:40px;border:3px solid rgba(168,85,247,.1);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:var(--spacing-md)}.table-loading p{color:var(--color-text-secondary);font-size:.9rem}.table-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);background:var(--color-surface);border-radius:var(--border-radius-lg);border:1px solid var(--color-border)}.empty-icon{font-size:3rem;margin-bottom:var(--spacing-md);opacity:.5}.table-empty p{color:var(--color-text-secondary);font-size:.95rem}@media(max-width:768px){.data-table{font-size:.85rem}.data-table th,.data-table td{padding:var(--spacing-sm) var(--spacing-md)}.table-wrapper{border-radius:var(--border-radius-md)}}.barcode-scanner-container{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-lg)}.scanner-header{text-align:center}.scanner-header h3{margin:0 0 var(--spacing-sm) 0;color:var(--color-text-primary)}.scanner-instruction{margin:0;color:var(--color-text-secondary);font-size:.9rem}.scanner-error{background:var(--color-danger-100);border:1px solid var(--color-danger-200);border-radius:var(--radius-md);padding:var(--spacing-md);color:var(--color-danger);text-align:center}.video-container{position:relative;width:100%;max-width:640px;margin:0 auto;border-radius:var(--radius-lg);overflow:hidden;background:#000}.scanner-video{width:100%;height:auto;display:block}.scanner-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none}.scanner-frame{width:80%;height:60%;border:3px solid var(--color-primary);border-radius:var(--radius-md);box-shadow:0 0 0 9999px #00000080}.scanner-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-sm)}.metric-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-normal)}.metric-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-2xl);border-color:var(--color-primary-alpha)}.metric-card-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-sm)}.metric-card-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.metric-card-trend{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted)}.metric-card-trend.positive{color:var(--color-success)}.metric-card-trend.negative{color:var(--color-error)}.metric-card-trend.neutral{color:var(--color-text-muted)}.confirmation-modal .confirmation-message{margin-bottom:1.5rem;color:var(--color-text-secondary)}.confirmation-modal .modal-actions-footer{justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-md)}.color-picker-row{display:flex;align-items:center;gap:var(--spacing-sm)}.color-picker-input{height:38px;width:60px;padding:0;border:none}.category-name-cell{display:flex;align-items:center;gap:var(--spacing-sm)}.category-color-dot{width:var(--spacing-md);height:var(--spacing-md);border-radius:50%;flex-shrink:0;background-color:var(--dot-color)}.category-level-label{color:var(--color-text-secondary)}.category-display-name{white-space:pre-wrap}.inventory-status-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm)}.inventory-status-card.loading{opacity:.7}.inventory-status-card.error{background-color:var(--color-error-bg);color:var(--color-error);border-color:var(--color-error)}.status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-sm)}.status-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--color-text-secondary)}.total-badge{background-color:var(--color-background);padding:2px 8px;border-radius:12px;font-size:.85rem;font-weight:500;color:var(--color-text-primary);border:1px solid var(--color-border)}.status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.status-item{display:flex;flex-direction:column}.status-label{display:flex;align-items:center;font-size:.85rem;color:var(--color-text-secondary);margin-bottom:4px}.status-value{font-size:1.5rem;font-weight:700;line-height:1.2}.status-subtext{display:flex;flex-direction:column;font-size:.75rem;color:var(--color-text-tertiary);margin-top:4px}.dot{width:8px;height:8px;border-radius:50%;margin-right:6px;display:inline-block}.status-item.available .status-value{color:var(--color-success)}.dot.available{background-color:var(--color-success)}.status-item.reserved .status-value{color:var(--color-warning)}.dot.reserved{background-color:var(--color-warning)}.status-item.on-site .status-value{color:var(--color-primary)}.dot.on-site{background-color:var(--color-primary)}.skeleton-line{height:12px;background-color:var(--color-background);border-radius:4px;margin-bottom:8px;width:100%}.skeleton-line:nth-child(2){width:70%}.skeleton-line:nth-child(3){width:40%}.item-manufacturer-variants{margin-top:var(--spacing-md, 1rem);padding:var(--spacing-md, 1rem);border-radius:var(--radius-md, 8px)}.item-manufacturer-variants__header h4{margin:0;font-size:var(--font-size-md, 1rem);color:var(--color-text-primary, #111827)}.item-manufacturer-variants__header .text-secondary{margin:var(--spacing-xs, .25rem) 0 0 0}.item-manufacturer-variants__empty{margin:var(--spacing-sm, .5rem) 0 0 0}.item-manufacturer-variants__list{margin-top:var(--spacing-sm, .5rem);border-top:1px solid var(--color-border, #e5e7eb)}.item-manufacturer-variants__row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md, 1rem);padding:var(--spacing-sm, .5rem) 0;border-bottom:1px solid var(--color-border, #e5e7eb)}.item-manufacturer-variants__main{flex:1;min-width:0}.item-manufacturer-variants__row-actions{display:flex;gap:var(--spacing-sm, .5rem);align-items:center;flex-wrap:wrap;justify-content:flex-end}.item-manufacturer-variants__edit{width:100%}.item-manufacturer-variants__name{display:flex;align-items:center;gap:var(--spacing-sm, .5rem);font-weight:600}.item-manufacturer-variants__primary{font-size:var(--font-size-xs, .75rem);padding:2px 6px;border-radius:var(--radius-sm, 4px);background:var(--color-info-bg, #dbeafe);color:var(--color-primary)}.item-manufacturer-variants__meta{margin-top:2px;font-size:var(--font-size-sm, .875rem)}.item-manufacturer-variants__add{margin-top:var(--spacing-md, 1rem);padding-top:var(--spacing-md, 1rem);border-top:1px solid var(--color-border, #e5e7eb)}.item-manufacturer-variants__actions{grid-column:1 / -1;display:flex;justify-content:flex-end}.item-supply-tab{padding:var(--spacing-sm, .5rem) 0}.supply-tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md, 1rem)}.supply-tab-title{font-size:var(--font-size-md, 1rem);font-weight:600;color:var(--color-text-primary, #111827);margin:0}.supply-vendor-list{list-style:none;margin:0;padding:0}.supply-vendor-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm, .5rem);padding:var(--spacing-md, 1rem);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-md, 6px);margin-bottom:var(--spacing-sm, .5rem);background:var(--color-bg-secondary, #f9fafb)}.supply-vendor-main{display:flex;align-items:center;gap:var(--spacing-xs, .25rem);flex:1;min-width:0}.supply-vendor-name{font-weight:600;color:var(--color-text-primary, #111827)}.supply-vendor-badge{font-size:var(--font-size-xs, .75rem);padding:2px 6px;border-radius:var(--radius-sm, 4px);background:var(--color-primary);color:var(--color-text-inverse, #fff)}.supply-vendor-details{display:flex;flex-wrap:wrap;gap:var(--spacing-md, 1rem);font-size:var(--font-size-sm, .875rem);color:var(--color-text-secondary, #6b7280)}.supply-vendor-sku{font-family:var(--font-mono, monospace)}.supply-vendor-price{font-weight:600;color:var(--color-text-primary, #111827)}.supply-vendor-actions{display:flex;gap:var(--spacing-xs, .25rem)}.supply-price-history-panel{width:100%;margin-top:var(--spacing-md, 1rem);padding-top:var(--spacing-md, 1rem);border-top:1px solid var(--color-border, #e5e7eb)}.supply-price-history-empty{font-size:var(--font-size-sm, .875rem);color:var(--color-text-secondary, #6b7280);margin:0}.supply-price-history-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm, .875rem)}.supply-price-history-table th,.supply-price-history-table td{padding:var(--spacing-xs, .25rem) var(--spacing-sm, .5rem);text-align:left;border-bottom:1px solid var(--color-border, #e5e7eb)}.supply-price-history-table th{font-weight:600;color:var(--color-text-secondary, #6b7280)}.supply-modal-loading{padding:var(--spacing-lg, 1.5rem);color:var(--color-text-secondary, #6b7280);margin:0}.supply-modal-form{display:flex;flex-direction:column;gap:var(--spacing-md, 1rem)}.supply-form-group{display:flex;flex-direction:column;gap:var(--spacing-xs, .25rem)}.supply-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md, 1rem)}.supply-label{font-size:var(--font-size-sm, .875rem);font-weight:500;color:var(--color-text-primary, #111827)}.supply-label-checkbox{display:flex;align-items:center;gap:var(--spacing-xs, .25rem);cursor:pointer}.supply-notes{width:100%;padding:var(--spacing-sm, .5rem);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-md, 6px);font-size:var(--font-size-sm, .875rem);font-family:inherit;resize:vertical}.supply-notes:focus{outline:none;border-color:var(--color-primary)}.item-detail-jobs-section{margin-bottom:var(--spacing-md, 1rem);padding:var(--spacing-sm, .5rem) 0;border-top:1px solid var(--color-border, #e5e7eb)}.item-detail-jobs-empty{color:var(--color-text-secondary, #6b7280);font-size:var(--font-size-sm, .875rem);margin:0}.item-detail-jobs-title{font-size:var(--font-size-sm, .875rem);font-weight:600;color:var(--color-text-primary, #111827);margin:0 0 var(--spacing-xs, .25rem) 0}.item-detail-jobs-list{list-style:none;margin:0;padding:0}.item-detail-job-row{display:flex;align-items:center;gap:var(--spacing-sm, .5rem);padding:var(--spacing-xs, .25rem) 0;font-size:var(--font-size-sm, .875rem)}.item-detail-job-link{background:none;border:none;padding:0;font-size:inherit;color:var(--color-primary);cursor:pointer;text-align:left;text-decoration:underline}.item-detail-job-link:hover{color:var(--color-primary-hover, #1d4ed8)}.item-detail-job-qty{color:var(--color-text-secondary, #6b7280)}.item-detail-job-status{text-transform:capitalize;font-size:var(--font-size-xs, .75rem);padding:2px 6px;border-radius:var(--radius-sm, 4px);background:var(--color-bg-tertiary, #f3f4f6);color:var(--color-text-secondary, #6b7280)}.item-detail-job-status--on_site{background:var(--color-success-100, #d1fae5);color:var(--color-success, #059669)}.item-detail-job-status--fulfilled{background:var(--color-info-bg, #dbeafe);color:var(--color-primary)}.item-detail-job-status--pending,.item-detail-job-status--partial{background:var(--color-warning-100, #fef3c7);color:var(--color-warning, #d97706)}.transfers-page{padding:var(--spacing-xl)}.page-header h1{margin:0 0 var(--spacing-sm) 0;color:var(--color-text-primary)}.transfers-filters{padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);border-radius:var(--radius-lg)}.filter-group{color:var(--color-text-secondary)}.transfer-status-filter{width:100%;max-width:250px}@media(max-width:768px){.transfers-page{padding:var(--spacing-md)}.transfers-filters,.filter-group{flex-direction:column;align-items:stretch}}.transfer-ref{font-family:monospace;font-weight:600;color:var(--color-primary)}.create-transfer-page{padding:var(--spacing-lg)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.page-header .header-row{display:flex;align-items:center;gap:var(--spacing-md)}.table-quantity-right{display:block;text-align:right}.page-header h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.form-layout{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}@media(min-width:768px){.form-layout{grid-template-columns:1fr 1fr}}.form-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.text-area-custom{width:100%;background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sm);color:var(--color-text-primary);outline:none;transition:var(--transition-base)}.text-area-custom:focus{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.transfer-items-section{margin-bottom:var(--spacing-lg)}.action-buttons{display:flex;justify-content:flex-end;gap:var(--spacing-md)}.action-button-remove{background:none;border:none;cursor:pointer;color:var(--color-error);transition:color var(--transition-fast)}.action-button-remove:hover{color:var(--color-error-light)}.transfer-detail-page{padding:var(--spacing-lg)}.detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.detail-header h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.detail-header .header-row{display:flex;align-items:center;gap:var(--spacing-md)}.detail-header .title-row{display:flex;align-items:center;gap:var(--spacing-sm)}.detail-layout{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}@media(min-width:1024px){.detail-layout{grid-template-columns:2fr 1fr}}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.label-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.value-text{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.notes-section{background-color:var(--color-bg-tertiary);padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--color-border);margin-bottom:var(--spacing-lg)}.items-section h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.actions-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.action-button-full{width:100%;justify-content:center}.address-lookup{position:relative;width:100%}.address-lookup__label{display:block;margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.address-lookup__field-wrap{position:relative}.address-lookup__list{position:absolute;left:0;right:0;top:100%;z-index:50;margin:var(--spacing-xs) 0 0;padding:0;list-style:none;max-height:240px;overflow-y:auto;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-primary);box-shadow:var(--shadow-md)}.address-lookup__item{margin:0;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer;text-align:left;border:none;width:100%;background:transparent;font-family:inherit;line-height:1.35}.address-lookup__item:hover,.address-lookup__item.is-active{background:var(--color-bg-secondary)}.address-lookup__item:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.address-lookup__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-xs)}.address-lookup__error{margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-error-dark)}.address-lookup__helper,.address-lookup__attr{display:block;margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-muted)}.vendors-page{padding:var(--spacing-xl);max-width:1400px;margin:0 auto}.vendors-page__notice{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.vendors-page__notice--success{background:var(--color-success-100, rgba(16, 185, 129, .12));border:1px solid var(--color-success-200, rgba(16, 185, 129, .35));color:var(--color-text-primary)}.vendors-page__notice--error{background:var(--color-danger-100);border:1px solid var(--color-danger-200);color:var(--color-error-light)}.vendors-page__notice-dismiss{background:transparent;border:none;color:inherit;font-size:1.25rem;line-height:1;cursor:pointer;padding:0 var(--spacing-xs)}.manufacturers-page{padding:var(--spacing-xl);max-width:1400px;margin:0 auto}.website-link{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}.website-link:hover{color:var(--color-accent);text-decoration:underline}.error-alert{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-danger-100);border:1px solid var(--color-danger-200);border-radius:var(--radius-md);color:var(--color-error-light);margin-bottom:var(--spacing-lg);animation:slide-in-down .3s ease-out}.error-icon{font-size:1.2rem}@keyframes slide-in-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.locations-page{padding:var(--spacing-xl);max-width:1400px;margin:0 auto}.checkbox-wrapper{display:flex;align-items:center;padding-top:var(--spacing-lg)}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;color:var(--color-text-primary);font-size:.95rem;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary)}.checkbox-label span{font-weight:500}.equipment-checkout-history{margin-top:var(--spacing-2xl)}.equipment-checkout-history__toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.equipment-checkout-history__filter{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer}.equipment-checkout-history__meta{font-size:var(--font-size-sm);color:var(--color-text-muted)}.equipment-checkout-history__error{margin-bottom:var(--spacing-md);color:var(--color-danger);font-size:var(--font-size-sm)}.equipment-checkout-history__link{color:var(--color-primary);text-decoration:none}.equipment-checkout-history__link:hover{text-decoration:underline}.inventory-page{padding:var(--spacing-xl);max-width:1400px;margin:0 auto}.inventory-page .button-group{display:flex;gap:var(--spacing-md)}.item-thumbnail{width:40px;height:40px;border-radius:var(--border-radius-sm);overflow:hidden;background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border)}.item-thumbnail img{width:100%;height:100%;object-fit:cover}.category-indicator{display:flex;align-items:center;gap:6px}.category-dot{width:8px;height:8px;border-radius:50%;background-color:var(--dot-color)}.thumbnail-placeholder{font-size:1.2rem;opacity:.5}.fifo-toggle-section{padding:var(--spacing-lg);background:var(--color-bg-secondary);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg);border:2px dashed var(--color-border)}.fifo-toggle-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-weight:600;color:var(--color-text-primary)}.fifo-toggle-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.fifo-toggle-hint{margin:var(--spacing-sm) 0 0 26px;font-size:.875rem;color:var(--color-text-secondary);font-style:italic}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xl);gap:var(--spacing-lg)}.page-title{font-size:2rem;font-weight:700;color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0}.page-subtitle{font-size:.95rem;color:var(--color-text-secondary);margin:0}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.form-full-width{margin-bottom:var(--spacing-md)}.form-grid .form-full-width{grid-column:1 / -1}.form-grid .fifo-toggle-section{margin-top:var(--spacing-md);grid-column:1 / -1}.modal-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.stock-quantity{font-weight:600;color:var(--color-text-primary)}.delete-message{color:var(--color-text-secondary);line-height:1.6;margin:0 0 var(--spacing-lg) 0}.delete-message strong{color:var(--color-text-primary)}@media(max-width:768px){.inventory-page{padding:var(--spacing-md)}.page-header{flex-direction:column;align-items:flex-start}.filters-bar{flex-direction:column}.form-grid{grid-template-columns:1fr}.page-title{font-size:1.5rem}}.barcode-button-group{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.barcode-empty-state{text-align:center;color:var(--color-text-secondary);padding:var(--spacing-xl)}.barcode-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.barcode-card{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md)}.barcode-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.barcode-value{margin:4px 0 0;color:var(--color-text-secondary)}.tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.lots-tab-content h3{margin:0;font-size:1.1rem;color:var(--color-text-primary)}.fifo-summary-card{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);padding:var(--spacing-lg);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-xl);border:1px solid var(--color-border)}.summary-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.summary-label{font-size:.85rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.summary-value{font-size:1.5rem;font-weight:700;color:var(--color-primary)}.lots-list{overflow-x:auto;border-radius:var(--border-radius-md);border:1px solid var(--color-border)}.lots-table{width:100%;border-collapse:collapse;font-size:.9rem}.lots-table th,.lots-table td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-border)}.lots-table th{background:#00000005;font-weight:600;color:var(--color-text-secondary)}.lots-table tr:last-child td{border-bottom:none}.lots-table td strong{color:var(--color-primary)}.sale-price-cell{font-weight:600;color:var(--color-success)}.empty-state{text-align:center;color:var(--color-text-secondary);padding:var(--spacing-xl);background:#00000005;border-radius:var(--border-radius-md)}@media(max-width:640px){.fifo-summary-card{grid-template-columns:1fr;gap:var(--spacing-md)}}.inventory-tabs{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);border-bottom:2px solid var(--color-border);background:transparent;border-radius:0;padding:0}.inventory-tab{padding:var(--spacing-md) var(--spacing-lg);background:none;border:none;border-bottom:3px solid transparent;color:var(--color-text-secondary);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;text-align:center;border-radius:0}.inventory-tab:hover{color:var(--color-text-primary);background:var(--color-bg-tertiary);border-color:transparent}.inventory-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:transparent;box-shadow:none}@media(max-width:640px){.inventory-tabs{flex-direction:column;border-bottom:none;gap:var(--spacing-xs)}.inventory-tab{width:100%;text-align:left;border-bottom:none;border-left:3px solid transparent;border-radius:var(--radius-sm)}.inventory-tab.active{border-left-color:var(--color-primary);background:var(--color-bg-tertiary)}}.equipment-page{padding:var(--spacing-xl);max-width:1400px;margin:0 auto}.equipment-page__banner{margin-bottom:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);background:var(--color-bg-elevated);border:1px solid var(--color-border);color:var(--color-text-primary)}.equipment-page__meta{margin:var(--spacing-sm) 0 var(--spacing-md);font-size:.9rem;color:var(--color-text-secondary)}.equipment-page__modal-error{margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);background:var(--color-danger-100);border:1px solid var(--color-danger-200);color:var(--color-danger)}.equipment-page__banner--warning{background:var(--color-warning-100, rgba(234, 179, 8, .12));border-color:var(--color-warning-200, rgba(234, 179, 8, .35))}.equipment-page__banner a{color:var(--color-primary)}.equipment-detail-tabs{margin-bottom:var(--spacing-lg)}.equipment-meta-grid{display:grid;grid-template-columns:160px 1fr;gap:var(--spacing-sm) var(--spacing-md)}.equipment-meta-grid dt{color:var(--color-text-secondary);font-weight:500}.equipment-overview-card{padding:var(--spacing-lg)}.category-admin-list{list-style:none;margin:var(--spacing-md) 0 0;padding:0}.category-admin-list li{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border)}.category-admin-list li.inactive span{opacity:.55;text-decoration:line-through}.equipment-maintenance-tab .tab-header{margin-bottom:var(--spacing-md)}.user-pay-rates-panel{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.user-pay-rates-panel__title{margin:0 0 var(--spacing-xs);font-size:var(--font-size-md)}.user-pay-rates-panel__hint,.user-pay-rates-panel__muted{margin:0 0 var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-muted)}.user-pay-rates-panel__active{margin:0 0 var(--spacing-md)}.user-pay-rates-panel__form{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.user-pay-rates-panel__error{margin-bottom:var(--spacing-sm)}.user-pay-rates-panel__history-label{font-size:var(--font-size-sm);color:var(--text-muted)}.user-pay-rates-panel__list{margin:var(--spacing-xs) 0 0;padding-left:var(--spacing-lg);font-size:var(--font-size-sm)}.users-page{padding:var(--spacing-xl)}.page-header h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0}.filters-bar{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.search-box{flex:1;min-width:200px}.user-cell{display:flex;align-items:center;gap:var(--spacing-md)}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}.password-strength{margin-top:var(--spacing-xs);display:flex;align-items:center;gap:var(--spacing-sm)}.strength-bar{flex:1;height:4px;background:var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.strength-fill{height:100%;width:var(--bar-width, 0);background-color:var(--strength-color, var(--color-border));transition:width var(--transition-base),background-color var(--transition-base)}.strength-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--strength-color, var(--color-text-secondary))}.checkbox-wrapper{margin-top:var(--spacing-md)}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text-primary)}.modal-body-content{margin-bottom:var(--spacing-lg)}.warning-text{color:var(--color-warning);font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.success-alert,.error-alert{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.success-alert{background:var(--color-success-bg, rgba(16, 185, 129, .15));color:var(--color-success-text, #065f46);border:1px solid var(--color-success-border, #6ee7b7)}.error-alert{background:var(--color-danger-100);color:var(--color-error-light);border:1px solid var(--color-danger-200)}@media(max-width:768px){.users-page{padding:var(--spacing-md)}.page-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.filters-bar{flex-direction:column}}.audit-page{padding:var(--spacing-xl)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.page-header h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.tabs{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-xs)}.tab{padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;color:var(--color-text-secondary);font-weight:var(--font-weight-semibold);cursor:pointer;border-bottom:2px solid transparent;transition:all var(--transition-fast);font-size:var(--font-size-sm)}.tab:hover{color:var(--color-primary)}.tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.audit-notes-textarea{width:100%;min-height:80px;padding-top:var(--spacing-sm)}.variance-positive{color:var(--color-success);font-weight:var(--font-weight-semibold)}.variance-negative{color:var(--color-error);font-weight:var(--font-weight-semibold)}.variance-neutral{color:var(--color-text-secondary)}.variance-display{margin:var(--spacing-md) 0;padding:var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md);display:flex;justify-content:space-between;align-items:center;border:1px solid var(--color-border)}.variance-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.form-info{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:var(--spacing-xs)}.error-alert{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);background:var(--color-danger-100);color:var(--color-danger);border:1px solid var(--color-danger-200)}.alert-close{background:none;border:none;font-size:var(--font-size-xl);cursor:pointer;margin-left:auto;opacity:.7}@media(max-width:768px){.audit-page{padding:var(--spacing-md)}}.settings-page{padding:var(--spacing-xl);max-width:1200px;margin:0 auto;--switch-width: 48px;--switch-height: 24px;--switch-knob-size: 18px;--switch-gap: 3px;--switch-knob-bg: var(--color-bg-primary)}.settings-container{display:flex;gap:var(--spacing-xl);margin-top:var(--spacing-xl);background:var(--color-bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);min-height:600px;overflow:hidden}.settings-sidebar{width:250px;background:var(--color-bg-tertiary);border-right:1px solid var(--color-border);padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs)}.settings-nav-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border:none;background:none;color:var(--color-text-secondary);font-weight:500;cursor:pointer;border-radius:var(--radius-md);transition:all .2s;text-align:left;font-family:inherit;font-size:var(--font-size-base)}.settings-nav-item:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.settings-nav-item.active{background:var(--color-primary-subtle);color:var(--color-primary)}.settings-nav-item .icon{font-size:var(--font-size-xl)}.settings-content{flex:1;padding:var(--spacing-xl)}.settings-section h2{margin-bottom:var(--spacing-lg);font-size:var(--font-size-2xl);color:var(--color-text-primary)}.setting-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.setting-card h3{margin-bottom:var(--spacing-md);font-size:var(--font-size-lg);color:var(--color-text-primary);border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-sm)}.setting-toggle{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);align-items:flex-start}.toggle-label span{display:block;font-weight:500;color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.toggle-label p{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}.switch{position:relative;display:inline-block;width:var(--switch-width);height:var(--switch-height);flex-shrink:0}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--color-text-muted);transition:.4s}.slider:before{position:absolute;content:"";height:var(--switch-knob-size);width:var(--switch-knob-size);left:var(--switch-gap);bottom:var(--switch-gap);background-color:var(--switch-knob-bg);transition:.4s}input:checked+.slider{background-color:var(--color-primary)}input:checked+.slider:before{transform:translate(calc(var(--switch-width) - var(--switch-knob-size) - (2 * var(--switch-gap))))}.slider.round{border-radius:var(--radius-full)}.slider.round:before{border-radius:50%}.security-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) 0;border-bottom:1px solid var(--color-border)}.security-item:last-child{border-bottom:none}.security-info span{display:block;font-weight:500;margin-bottom:var(--spacing-xs)}.security-info p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.info-box{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-primary-subtle);color:var(--color-primary);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.app-logo-large{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-md)}.version{font-weight:var(--font-weight-bold);color:var(--color-primary);margin:var(--spacing-sm) 0}.fade-in{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.setting-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.setting-group label{font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.branding-asset-preview{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md)}.branding-asset-preview__thumb{flex-shrink:0;object-fit:contain;background:var(--color-bg-primary);border-radius:var(--radius-sm);border:1px solid var(--color-border)}.branding-asset-preview__thumb--logo{max-width:160px;max-height:80px;width:auto;height:auto}.branding-asset-preview__thumb--favicon{width:48px;height:48px}.branding-asset-preview__meta{min-width:0}.branding-asset-preview__name{margin:0;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);word-break:break-all}.branding-asset-preview__status{margin:var(--spacing-xs) 0 0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.branding-asset-preview__status--pending{color:var(--color-success)}.branding-asset-preview__empty{margin:0 0 var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-muted);font-style:italic}.branding-asset-field__input label{display:block;margin-bottom:var(--spacing-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.branding-asset-field__clear{margin-top:var(--spacing-sm);padding:0;background:none;border:none;color:var(--color-primary);font-size:var(--font-size-sm);cursor:pointer;font-family:inherit;text-decoration:underline}.branding-asset-field__clear:hover{color:var(--color-text-primary)}.button-group{display:flex;gap:var(--spacing-md);justify-content:flex-end}.toggle-btn{flex:1;padding:var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit}.toggle-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.toggle-btn.active{background:var(--color-primary-subtle);border-color:var(--color-primary);color:var(--color-primary)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.setting-actions{display:flex;justify-content:flex-end;margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.setting-actions-inline{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-sm) var(--spacing-md)}.status-row{display:flex;justify-content:space-between;border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-xs)}.status-row-full{grid-column:1 / -1}.integration-result{margin-top:var(--spacing-md);padding:var(--spacing-sm);border-radius:var(--radius-md);border:1px solid var(--color-border)}.integration-result.success{background:var(--color-success-bg);color:var(--color-success-dark)}.integration-result.error{background:var(--color-danger-bg);color:var(--color-danger-dark)}.invoice-ninja-settings .setting-card{max-width:40rem}.invoice-ninja-fieldset{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg);margin:0 0 var(--spacing-lg);min-inline-size:0}.invoice-ninja-fieldset-legend{padding:0 var(--spacing-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.invoice-ninja-checkbox-stack{display:flex;flex-direction:column;gap:var(--spacing-md)}.invoice-ninja-checkbox-label{display:flex;flex-direction:row;align-items:flex-start;gap:var(--spacing-sm);cursor:pointer;font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.invoice-ninja-checkbox-label input[type=checkbox]{width:auto;min-width:1.125rem;margin-top:.2rem;flex-shrink:0;cursor:pointer;accent-color:var(--color-primary)}.invoice-ninja-checkbox-label span{flex:1;min-width:0;line-height:1.45}.invoice-ninja-hint{margin:var(--spacing-md) 0 0;padding-left:calc(1.125rem + var(--spacing-sm));font-size:var(--font-size-sm);line-height:1.45}.invoice-ninja-form-fields{display:flex;flex-direction:column;gap:var(--spacing-md);max-width:36rem}.invoice-ninja-token-meta{max-width:36rem;margin:var(--spacing-md) 0 var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--spacing-sm)}.invoice-ninja-token-meta-row{display:flex;flex-direction:row;justify-content:space-between;align-items:baseline;gap:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.invoice-ninja-token-meta-row strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.invoice-ninja-validation-block{max-width:40rem}.invoice-ninja-validation-checks{list-style:none;margin:var(--spacing-md) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.invoice-ninja-validation-checks li{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm);border-radius:var(--radius-md);border:1px solid var(--color-border)}.invoice-ninja-validation-checks .check-pass{border-color:var(--color-success-dark);background:var(--color-success-bg)}.invoice-ninja-validation-checks .check-fail{border-color:var(--color-danger-dark);background:var(--color-danger-bg)}.invoice-ninja-validation-checks .check-name{font-weight:600}.invoice-ninja-validation-checks .check-detail{font-size:var(--font-size-sm)}@media(max-width:768px){.settings-page{padding:var(--spacing-md)}.settings-container{flex-direction:column;min-height:auto}.settings-sidebar{width:100%;flex-direction:row;flex-wrap:wrap;border-right:none;border-bottom:1px solid var(--color-border);padding:var(--spacing-sm)}.settings-nav-item{flex:1 1 calc(50% - var(--spacing-xs));min-width:0;padding:var(--spacing-sm);font-size:var(--font-size-sm)}.settings-nav-item .icon{font-size:var(--font-size-lg)}.settings-content{padding:var(--spacing-md)}.settings-grid{grid-template-columns:1fr}.toggle-btn{min-width:0}.button-group{flex-direction:column}.button-group .btn{width:100%}}.import-page{padding:var(--spacing-2xl);max-width:1200px;margin:0 auto}.import-tabs{display:flex;gap:var(--spacing-sm);border-bottom:2px solid var(--color-border);margin-bottom:var(--spacing-2xl)}.import-tab{padding:var(--spacing-md) var(--spacing-lg);background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease}.import-tab:hover{color:var(--color-text-primary)}.import-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.upload-section{background:var(--color-bg-secondary);border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-2xl);text-align:center;margin-bottom:var(--spacing-xl);transition:all .2s ease}.upload-section.dragover{border-color:var(--color-primary);background:var(--color-primary-light)}.upload-icon{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-md)}.upload-section h3{margin-bottom:var(--spacing-sm);color:var(--color-text-primary)}.upload-section p{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.file-input{display:none}.selected-file{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-top:var(--spacing-md);color:var(--color-text-primary)}.selected-file .icon{color:var(--color-success)}.template-section{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.template-section h4{margin-bottom:var(--spacing-md)}.template-links{display:flex;gap:var(--spacing-md)}.import-results{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-top:var(--spacing-xl)}.import-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.summary-stat{text-align:center}.summary-stat-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs)}.summary-stat-value.success{color:var(--color-success)}.summary-stat-value.error{color:var(--color-danger)}.summary-stat-label{color:var(--color-text-secondary);font-size:var(--font-size-sm);text-transform:uppercase}.error-list{margin-top:var(--spacing-lg)}.error-list h4{color:var(--color-danger);margin-bottom:var(--spacing-md)}.error-item{background:var(--color-bg-primary);border-left:3px solid var(--color-danger);padding:var(--spacing-md);margin-bottom:var(--spacing-sm);border-radius:var(--radius-sm)}.error-row{font-weight:var(--font-weight-semibold);color:var(--color-danger)}.error-message{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.history-table{width:100%;border-collapse:collapse}.history-table th{text-align:left;padding:var(--spacing-md);border-bottom:2px solid var(--color-border);color:var(--color-text-secondary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);text-transform:uppercase}.history-table td{padding:var(--spacing-md);border-bottom:1px solid var(--color-border)}.history-table tr:hover{background:var(--color-bg-secondary)}.empty-state{text-align:center;padding:var(--spacing-2xl);color:var(--color-text-secondary)}.import-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-lg)}.import-error-message{color:var(--color-error);margin-top:var(--spacing-md)}.loading-overlay{position:absolute;inset:0;background:var(--color-overlay, rgba(255, 255, 255, .9));display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg)}.loading-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.import-page{padding:var(--spacing-md)}.import-tabs{flex-wrap:wrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.import-tab{flex:1 1 auto;min-width:max-content;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}.upload-section{padding:var(--spacing-lg)}}.barcode-display{padding:var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.barcode-label{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-md);font-size:var(--font-size-base)}.barcode-container{display:flex;gap:var(--spacing-xl);flex-wrap:wrap;justify-content:center}.barcode-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.barcode-type-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:var(--font-weight-medium)}.barcode-canvas{padding:var(--spacing-md);background:#fff;border-radius:var(--radius-md);display:flex;justify-content:center;align-items:center}.barcode-canvas svg,.barcode-canvas canvas{display:block}.barcode-actions{display:flex;gap:var(--spacing-sm)}.btn-download{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-primary);color:var(--color-text-primary);border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);transition:background var(--transition-fast)}.btn-download:hover{background:var(--color-primary-hover)}.barcode-small .barcode-canvas{padding:var(--spacing-sm)}.barcode-medium .barcode-canvas{padding:var(--spacing-md)}.barcode-large .barcode-canvas{padding:var(--spacing-lg)}.wire-product-selector{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.wire-product-selector-hint{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.spool-modal-form-group{margin-bottom:var(--spacing-md)}.spool-summary .description{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.length-conversion{margin-bottom:var(--spacing-sm);text-align:right;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.cost-preview{margin-bottom:var(--spacing-md);border-radius:var(--radius-md);background:var(--color-info-bg, rgba(59, 130, 246, .1));padding:var(--spacing-md);font-size:var(--font-size-sm)}.receive-lot-checkbox-group{margin-bottom:var(--spacing-md)}.cut-modal-spec-section{margin-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-md)}.cut-modal-spec-title{margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.cut-modal-converted-length{margin-bottom:var(--spacing-sm);text-align:right;font-size:var(--font-size-sm);color:var(--color-text-muted)}.cut-modal-checkbox-group,.lot-selector-group{margin-bottom:var(--spacing-md)}.lot-selector-label{display:block;margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.lot-selector-loading{font-size:var(--font-size-sm);color:var(--color-text-muted)}.lot-selector-error{font-size:var(--font-size-sm);color:var(--color-danger)}.spool-summary{margin-bottom:var(--spacing-md);border-radius:var(--radius-md);background:var(--color-bg-secondary);padding:var(--spacing-md)}.spool-summary .spool-summary-muted{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.batch-cutting-modal{display:flex;flex-direction:column;gap:var(--spacing-md);max-height:70vh}.lot-info-card{background:var(--surface-light);padding:var(--spacing-sm);border-radius:var(--border-radius-sm);border-left:3px solid var(--color-primary)}.lot-info-card h3{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-md);color:var(--color-text-primary)}.lot-info-card p{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.capacity-display{margin:var(--spacing-md) 0}.capacity-label{display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:600}.capacity-bar{width:100%;height:20px;background:var(--color-border);border-radius:var(--border-radius-sm);overflow:hidden}.capacity-fill{height:100%;width:var(--bar-width, 0);background:linear-gradient(90deg,var(--color-success),var(--color-primary));transition:width .3s ease,background .3s ease}.capacity-fill.over-capacity{background:var(--color-danger)}.quick-presets{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--surface-light);border-radius:var(--border-radius-sm)}.quick-presets span{font-weight:600;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.cuts-table-container{overflow-y:auto;max-height:400px;border:1px solid var(--color-border);border-radius:var(--border-radius-sm)}.cuts-table{width:100%;border-collapse:collapse}.cuts-table thead{position:sticky;top:0;background:var(--surface);z-index:1}.cuts-table th{text-align:left;padding:var(--spacing-sm);border-bottom:2px solid var(--color-border);font-weight:600;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.cuts-table th.col-length{width:120px}.cuts-table th.col-unit{width:100px}.cuts-table th.col-action{width:60px}.cuts-table td{padding:var(--spacing-xs);border-bottom:1px solid var(--color-border)}.cuts-table tbody tr:hover{background:var(--surface-light)}.cuts-table input,.cuts-table select{width:100%;padding:var(--spacing-xs);font-size:var(--font-size-sm)}.btn-icon{background:none;border:none;cursor:pointer;padding:var(--spacing-xs);border-radius:var(--border-radius-sm);transition:all .2s ease}.btn-icon:hover:not(:disabled){background:var(--surface-light)}.btn-icon:disabled{opacity:.3;cursor:not-allowed}.btn-danger-ghost{color:var(--color-danger)}.add-row-btn{align-self:flex-start}.wire-transfer-modal{display:flex;flex-direction:column;gap:var(--spacing-md)}.entity-info-card{background:var(--color-bg-secondary);padding:var(--spacing-md);border-radius:var(--radius-sm);border-left:3px solid var(--color-primary)}.entity-info-card h3{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-lg);color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.entity-details{display:flex;flex-direction:column;gap:var(--spacing-xs)}.detail-row{display:flex;justify-content:space-between;font-size:var(--font-size-sm)}.detail-row .label{color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.detail-row .value{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.transfer-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-group label{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--color-text-primary)}.modal-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end;padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.error-alert{padding:var(--spacing-sm);background:var(--color-danger-100);border:1px solid var(--color-danger-200);border-radius:var(--radius-sm);color:var(--color-error);font-size:var(--font-size-sm)}.scrap-recycler-tab{padding:var(--spacing-lg) 0}.tab-section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-xl)}.tab-section-header h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs);color:var(--color-text-primary)}.section-description{color:var(--color-text-secondary);font-size:var(--font-size-base)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-2xl)}.stat-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-glass);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.stat-icon{font-size:var(--font-size-2xl);width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#6366f11a;border-radius:var(--radius-full)}.stat-content{flex:1}.stat-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;font-weight:var(--font-weight-bold)}.stat-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.stat-subtitle{font-size:var(--font-size-xs);color:var(--color-text-muted)}.trips-section h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-md)}.trips-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.trip-card{padding:var(--spacing-md)}.trip-header{display:flex;justify-content:space-between;margin-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-sm)}.trip-header h4{margin:0}.trip-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.summary-item{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);display:flex;justify-content:space-between}.line-items h5,.added-items h5{font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm);color:var(--color-text-secondary)}.items-table{width:100%;font-size:var(--font-size-sm)}.items-table th{text-align:left;padding:var(--spacing-xs);border-bottom:2px solid var(--color-border)}.items-table td{padding:var(--spacing-xs);border-bottom:1px solid var(--color-border)}.form-section h4{margin-bottom:var(--spacing-sm)}.totals-display{display:flex;gap:var(--spacing-lg);padding:var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.pending-scrap-section{margin-bottom:var(--spacing-2xl)}.pending-scrap-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.pending-scrap-header h3{margin-bottom:var(--spacing-xs)}.pending-scrap-summary{font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap}.pending-scrap-card{padding:0;overflow:hidden}.pending-scrap-select-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.pending-scrap-select-item{display:flex;align-items:flex-start;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-primary)}.wire-lookups-modal .modal-content{min-height:500px;display:flex;flex-direction:column}.lookups-content{flex:1;display:flex;flex-direction:column}.lookups-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.lookups-header h3{margin:0;font-size:1.25rem;color:var(--color-text-primary)}.lookup-form{padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);border-radius:var(--border-radius-lg);animation:fadeIn .3s ease-out}.lookup-form h4{margin-top:0;margin-bottom:var(--spacing-lg);font-size:1rem;color:var(--color-text-primary)}.lookup-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.lookup-form .form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md)}.lookup-actions{display:flex;gap:var(--spacing-xs)}.lookup-error{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-danger-100);border:1px solid var(--color-danger-200);border-radius:var(--radius-md);color:var(--color-error-light);margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm)}.lookup-table-wrapper{flex:1;overflow-y:auto}.wire-product-form .form-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.wire-product-preview{margin:var(--spacing-md) 0;padding:var(--spacing-md);background:var(--color-surface-secondary);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.wire-product-preview-code{color:var(--color-text-secondary);font-family:monospace;margin-top:var(--spacing-xs)}.wire-lookup-checkbox{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm)}.wire-type-code-preview{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-md)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.reserve-cut-modal{display:flex;flex-direction:column;gap:var(--spacing-md)}.reserve-cut-modal__summary{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface-secondary);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.reserve-cut-modal__summary span{color:var(--color-text-secondary)}.reserve-cut-modal__error{margin:0;color:var(--color-danger);font-size:var(--font-size-sm)}.reserve-cut-modal__actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.wire-page{padding:var(--spacing-lg);max-width:1400px;margin:0 auto}.page-header h1{font-size:2rem;margin-bottom:var(--spacing-xs);color:var(--color-text-primary)}.page-description{color:var(--color-text-secondary);font-size:1rem}.wire-page__tabs{margin-bottom:var(--spacing-lg)}.wire-cuts-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.wire-cuts-toolbar .input-wrapper{flex:1;min-width:200px;max-width:420px}.wire-content{min-height:400px}.loading,.error-message{padding:var(--spacing-lg);border-radius:var(--radius-md);text-align:center}.loading{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.error-message{background:var(--color-danger-100);color:var(--color-error);border:1px solid var(--color-danger-200)}.empty-state{padding:var(--spacing-xl);text-align:center;color:var(--color-text-secondary);background:var(--color-bg-tertiary);border-radius:var(--radius-lg)}.spools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-lg)}.spool-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all .2s}.spool-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.spool-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.spool-header h3{font-size:1.25rem;color:var(--color-primary);margin:0}.spool-card-actions{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-top:var(--spacing-md)}.lot-card-actions{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.spool-color{color:var(--color-text-secondary);font-size:.875rem;margin-bottom:var(--spacing-xs)}.spool-description{color:var(--color-text-primary);margin-bottom:var(--spacing-md);font-size:.95rem}.spool-stats{display:flex;flex-direction:column;gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.stat{display:flex;justify-content:space-between;align-items:center}.stat-label{color:var(--color-text-secondary);font-size:.875rem}.stat-value{color:var(--color-text-primary);font-weight:500;font-family:Courier New,monospace}.modal-overlay{position:fixed;inset:0;background:var(--color-overlay-dark);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg)}.modal{background:var(--color-bg-primary);border-radius:var(--radius-lg);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.modal-header h2{margin:0;color:var(--color-text-primary)}.modal-close{background:none;border:none;font-size:2rem;color:var(--color-text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all .2s}.modal-close:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.modal-body{padding:var(--spacing-lg)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg);border-top:1px solid var(--color-border)}.form-section{margin-bottom:var(--spacing-xl)}.form-section h3{margin:0 0 var(--spacing-md) 0;color:var(--color-text-primary);font-size:1.125rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;margin-bottom:var(--spacing-xs);color:var(--color-text-secondary);font-size:.875rem;font-weight:500}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--spacing-sm);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:1rem;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-info-bg)}.form-group textarea{resize:vertical;font-family:inherit}.checkbox-group{margin-bottom:var(--spacing-lg)}.checkbox-group label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;margin-bottom:var(--spacing-xs)}.checkbox-group input[type=checkbox]{width:auto;cursor:pointer}.checkbox-group span{color:var(--color-text-primary);font-weight:500}.form-hint{margin:var(--spacing-xs) 0 0 0;color:var(--color-text-secondary);font-size:.8125rem;padding-left:calc(var(--spacing-sm) + 20px)}.info-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.info-card h3{margin-top:0;color:var(--color-primary)}.info-box{padding:var(--spacing-md);background:var(--color-info-bg);border-left:3px solid var(--color-primary);border-radius:var(--radius-sm);margin-bottom:var(--spacing-lg);color:var(--color-text-primary)}.calculated-value{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:.875rem;font-family:Courier New,monospace}.lots-section{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.lots-header{margin-bottom:var(--spacing-sm);color:var(--color-text-secondary);font-size:.75rem;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.lots-loading,.lots-empty{padding:var(--spacing-md);text-align:center;color:var(--color-text-secondary);font-size:.875rem;background:var(--color-bg-tertiary);border-radius:var(--radius-sm)}.lot-card{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sm);margin-bottom:var(--spacing-sm);transition:all .2s}.lot-card:hover{border-color:var(--color-primary);background:var(--color-bg-secondary)}.lot-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.lot-number{font-family:Courier New,monospace;font-weight:600;color:var(--color-primary);font-size:.875rem}.lot-details{display:flex;flex-direction:column;gap:var(--spacing-xs)}.lot-detail{display:flex;justify-content:space-between;font-size:.8125rem}.lot-label{color:var(--color-text-secondary)}.lot-value{color:var(--color-text-primary);font-family:Courier New,monospace;font-weight:500}.lot-notes{margin-top:var(--spacing-xs)}.cuts-container{padding:var(--spacing-md)}.cuts-filters{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.cuts-table-container{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-lg)}.cuts-table{width:100%;border-collapse:collapse;background:var(--color-bg-primary)}.cuts-table thead{background:var(--color-bg-secondary);border-bottom:2px solid var(--color-border)}.cuts-table th{padding:var(--spacing-sm) var(--spacing-md);text-align:left;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.cuts-table td{padding:var(--spacing-md);border-bottom:1px solid var(--color-border);font-size:var(--font-size-sm)}.cuts-table tbody tr:hover{background:var(--color-bg-secondary)}.cut-id{font-family:Courier New,monospace;background:var(--color-bg-secondary);padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:var(--font-size-xs)}.standalone-badge{margin-left:var(--spacing-sm)}.cut-specs{font-weight:var(--font-weight-medium)}.cut-description{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:var(--spacing-xs)}.cut-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.cut-reserved-for{margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.cut-reserved-for--orphan{color:var(--color-warning)}@media(max-width:768px){.wire-page{padding:var(--spacing-md)}.wire-page .page-header{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.wire-page .header-actions{flex-wrap:wrap;width:100%;gap:var(--spacing-sm)}.wire-page .header-actions .btn{flex:1 1 calc(50% - var(--spacing-sm));min-width:0;min-height:44px}.wire-cuts-toolbar{flex-direction:column;align-items:stretch}.wire-cuts-toolbar .input-wrapper{max-width:none;width:100%}.spools-grid{grid-template-columns:1fr}.cuts-filters{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.cuts-table th,.cuts-table td{padding:var(--spacing-sm)}}.jobs-page{padding:var(--spacing-xl)}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-xl)}.page-header h1{margin:0 0 var(--spacing-sm) 0;color:var(--color-text)}.page-header p{color:var(--color-text-secondary);margin:0}.customer-filter-badge{margin-top:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-primary-alpha);border-radius:var(--radius-md);display:inline-block;font-size:var(--font-size-sm);color:var(--color-primary)}.clear-filters-btn{margin-top:var(--spacing-lg)}.jobs-filters{padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);border-radius:var(--radius-lg)}.filters-row{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:var(--spacing-md);align-items:flex-end}.jobs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-lg)}.job-card{padding:var(--spacing-lg);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.job-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0003;border-color:var(--color-primary)}.job-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.job-card-header h3{margin:0 0 var(--spacing-xs) 0;color:var(--color-primary);font-size:1.1rem}.job-name{font-weight:600;color:var(--color-text);margin:0}.job-customer,.job-location{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-secondary);font-size:.9rem;margin-bottom:var(--spacing-sm)}.job-customer .icon,.job-location .icon{opacity:.7}.job-description{color:var(--color-text-secondary);font-size:.9rem;margin:var(--spacing-md) 0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.job-card-footer{display:flex;gap:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid rgba(255,255,255,.1);margin-top:var(--spacing-md)}.job-date{font-size:.85rem;color:var(--color-text-secondary)}.job-date span{font-weight:600;color:var(--color-text)}.loading-state,.error-state,.empty-state{text-align:center;padding:var(--spacing-xxl);border-radius:var(--radius-lg)}.loading-state .spinner{margin:0 auto var(--spacing-lg) auto}.error-state{border:2px dashed var(--color-danger)}.error-icon,.empty-icon{font-size:4rem;display:block;margin-bottom:var(--spacing-lg)}.empty-state h2{color:var(--color-text);margin-bottom:var(--spacing-sm)}.empty-state p{color:var(--color-text-secondary);margin-bottom:var(--spacing-xl);max-width:500px;margin-left:auto;margin-right:auto}.form-group label{display:block;margin-bottom:var(--spacing-sm);font-weight:600;color:var(--color-text)}.form-control{width:100%;padding:var(--spacing-md);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--color-text);font-size:1rem}textarea.form-control{resize:vertical;font-family:inherit}@media(max-width:768px){.jobs-page{padding:var(--spacing-md)}.page-header{flex-direction:column;gap:var(--spacing-md)}.filters-row,.jobs-grid{grid-template-columns:1fr}}.job-status-watermark{position:absolute;top:50%;right:10%;transform:translate(50%,-50%) rotate(-15deg);font-size:3.5rem;font-weight:800;color:#ffffff14;border:6px solid rgba(255,255,255,.08);padding:.1em .4em;border-radius:8px;text-transform:uppercase;pointer-events:none;z-index:0;white-space:nowrap;letter-spacing:.1em}.job-status-watermark.on_hold{color:#ffc80026;border-color:#ffc80026}.job-status-watermark.completed{color:#64ff6426;border-color:#64ff6426}.job-status-watermark.cancelled{color:#ff646426;border-color:#ff646426}.job-timeline{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) var(--spacing-2xl);margin-bottom:var(--spacing-lg);border-radius:var(--radius-lg);background:var(--color-bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05);position:relative}.timeline-step{display:flex;flex-direction:column;align-items:center;position:relative;flex:1;z-index:1}.step-node{width:48px;height:48px;border-radius:var(--radius-full);display:flex;justify-content:center;align-items:center;font-size:1.25rem;margin-bottom:var(--spacing-sm);transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:2px solid rgba(255,255,255,.1);position:relative;background:#ffffff0d}.step-label{font-size:.85rem;font-weight:600;color:var(--color-text-secondary);transition:color .3s}.step-connector{position:absolute;top:24px;left:calc(50% + 24px);width:calc(100% - 48px);height:3px;background:#ffffff1a;z-index:-1;transition:background .6s ease}.timeline-step.active .step-node{border-color:var(--color-primary);background:#6366f133;box-shadow:0 0 15px #6366f166;transform:scale(1.1)}.timeline-step.active .step-label{color:var(--color-primary)}.timeline-step.completed .step-node{border-color:var(--color-success);background:#10b98133}.timeline-step.completed .step-label{color:var(--color-success)}.step-connector.completed{background:var(--color-success)}.check-mark{position:absolute;top:-5px;right:-5px;background:var(--color-success);color:#fff;width:20px;height:20px;border-radius:50%;font-size:.75rem;display:flex;align-items:center;justify-content:center;font-weight:700;box-shadow:0 2px 4px #0003;animation:scaleIn .3s ease-out}.timeline-step.warning .step-node{border-color:var(--color-warning);background:#f59e0b33;box-shadow:0 0 15px #f59e0b66}.timeline-step.warning .step-label{color:var(--color-warning)}.job-timeline.cancelled{filter:grayscale(.5);opacity:.7}.job-timeline.cancelled:after{content:"CANCELLED";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-5deg);font-size:3rem;font-weight:900;color:var(--color-danger);opacity:.4;pointer-events:none;letter-spacing:.5rem}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}@media(max-width:640px){.job-timeline{padding:var(--spacing-md)}.step-connector{display:none}}.job-geocode-panel{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.job-geocode-panel h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-sm) 0}.job-geocode-panel__hint{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-md) 0}.job-geocode-panel__status{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0 0 var(--spacing-sm) 0}.job-geocode-panel__warn{font-size:var(--font-size-sm);color:var(--color-warning);margin:0 0 var(--spacing-sm) 0}.job-geocode-panel__message{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-sm) 0}.job-overview-labour{margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--color-border-subtle, rgba(255, 255, 255, .08))}.job-overview-labour__heading{margin:0 0 var(--spacing-xs);font-size:var(--font-size-md, 1rem);color:var(--color-text-primary)}.job-overview-labour__hint{margin:0 0 var(--spacing-md);font-size:var(--font-size-sm, .875rem);color:var(--color-text-secondary, #94a3b8)}.job-overview-labour__job-costs{display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.job-overview-labour__warn{margin:0 0 var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm, .875rem);color:var(--color-warning, #f59e0b);background:var(--color-warning-100, rgba(245, 158, 11, .12));border:1px solid var(--color-warning-200, rgba(245, 158, 11, .35))}.job-overview-labour__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:var(--spacing-md)}.job-overview-labour__metric{display:flex;flex-direction:column;gap:var(--spacing-xs)}.job-overview-labour__metric .label{font-size:var(--font-size-sm, .875rem);color:var(--color-text-secondary, #94a3b8)}.job-overview-labour__metric .value{font-size:var(--font-size-md, 1rem);font-weight:600;color:var(--color-text-primary)}.job-overview-labour__loading,.job-overview-labour__error{font-size:var(--font-size-sm, .875rem);color:var(--color-text-secondary, #94a3b8)}.job-overview-labour__error{color:var(--color-danger)}.job-overview-profitability{margin-top:var(--spacing-md)}.job-overview-profitability__hint{margin:0 0 var(--spacing-md);font-size:var(--font-size-sm, .875rem);color:var(--color-text-secondary, #94a3b8)}.job-overview-profitability__totals{display:grid;grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.job-overview-profitability__total-card{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle, rgba(255, 255, 255, .08));background:var(--color-bg-tertiary, rgba(255, 255, 255, .03))}.job-overview-profitability__total-card--emphasis{border-color:var(--color-primary-200, rgba(99, 102, 241, .35));background:var(--color-primary-50, rgba(99, 102, 241, .08))}.job-overview-profitability__total-card .label{font-size:var(--font-size-sm, .875rem);color:var(--color-text-secondary, #94a3b8)}.job-overview-profitability__total-card .value{font-size:var(--font-size-lg, 1.125rem);font-weight:700;color:var(--color-text-primary)}.job-overview-profitability__total-card .sub{font-size:var(--font-size-xs, .75rem);color:var(--color-text-muted, #64748b)}.job-overview-profitability__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.job-overview-profitability__metric{display:flex;flex-direction:column;gap:var(--spacing-xs)}.job-overview-profitability__metric--highlight{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border-subtle, rgba(255, 255, 255, .08))}.job-overview-profitability__metric .label{font-size:var(--font-size-sm, .875rem);color:var(--color-text-secondary, #94a3b8)}.job-overview-profitability__metric .value{font-size:var(--font-size-md, 1rem);font-weight:600;color:var(--color-text-primary)}.job-overview-profitability__loading,.job-overview-profitability__error{font-size:var(--font-size-sm, .875rem);color:var(--color-text-secondary, #94a3b8)}.job-overview-profitability__error{color:var(--color-danger)}.job-equipment-tab{padding:var(--spacing-md)}.job-equipment-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.job-equipment-header h3{margin:0;font-size:var(--font-size-lg);color:var(--color-text-primary)}.job-equipment-table-wrapper{overflow-x:auto}.job-equipment-table{width:100%;border-collapse:collapse}.job-equipment-table th,.job-equipment-table td{padding:var(--spacing-sm) var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-border)}.job-equipment-table th{color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.job-equipment-loading,.job-equipment-empty,.job-equipment-error{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);color:var(--color-text-secondary)}.job-equipment-checkout-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.job-equipment-checkout-error{color:var(--color-danger);font-size:var(--font-size-sm)}.job-labour-tab{padding:var(--spacing-md)}.job-labour-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.job-labour-header h3{margin:0;font-size:1.25rem;color:var(--color-text-primary)}.job-labour-summary{display:flex;gap:var(--spacing-xl);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);border-radius:var(--radius-md)}.job-labour-summary .summary-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.job-labour-summary .summary-label{font-size:.875rem;color:var(--color-text-secondary)}.job-labour-summary .summary-value{font-size:1.25rem;font-weight:600;color:var(--color-text-primary)}.job-labour-table-wrapper{overflow-x:auto;border-radius:var(--radius-md)}.job-labour-table{width:100%;border-collapse:collapse}.job-labour-table th,.job-labour-table td{padding:var(--spacing-sm) var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-border)}.job-labour-table th{font-weight:600;color:var(--color-text-secondary);font-size:.875rem}.job-labour-table td{color:var(--color-text-primary)}.job-labour-table .description-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.job-labour-loading,.job-labour-empty,.job-labour-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-xl);color:var(--color-text-secondary)}.job-labour-empty p,.job-labour-error p{margin:0}.job-billing-tab{padding:var(--spacing-md)}.job-billing-tab__toolbar{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md);flex-wrap:wrap}.job-billing-tab__error{margin:0 0 var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-danger);border:1px solid var(--color-danger)}.job-billing-tab__hint{color:var(--color-text-secondary);margin:0 0 var(--spacing-md);font-size:var(--font-size-sm)}.job-billing-card{padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.job-billing-card__header{display:flex;justify-content:space-between;gap:var(--spacing-md);flex-wrap:wrap;margin-bottom:var(--spacing-md)}.job-billing-card__title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.job-billing-card__meta{margin:var(--spacing-xs) 0 0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.job-billing-card__amounts{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-xs);text-align:right}.job-billing-card__section{margin-top:var(--spacing-md)}.job-billing-card__section-title{margin:0 0 var(--spacing-sm);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.job-billing-card__actions{margin-top:var(--spacing-md)}.job-billing-pay-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.job-billing-pay-form__actions{display:flex;justify-content:flex-end;gap:var(--spacing-md)}.job-task-form-card{margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.job-task-form-grid{display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr}.job-task-form-wide{grid-column:1 / -1}.job-task-actions{margin-top:var(--spacing-md)}.job-task-name{font-weight:600}.job-task-description{color:var(--color-text-secondary);font-size:.85em}.job-task-progress-cell{width:150px}.job-task-progress-bar{background:var(--color-bg-tertiary);border-radius:var(--radius-sm);height:8px;overflow:hidden}.job-task-progress-fill{width:var(--bar-width, 0);background:var(--color-primary);height:100%}.job-task-progress-label{font-size:.75em;margin-top:2px;text-align:center}.deliver-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.deliver-info{padding:var(--spacing-md);background:#ffffff08;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.1)}.deliver-info .info-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid rgba(255,255,255,.05)}.deliver-info .info-row:last-child{border-bottom:none}.deliver-info .label{font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.deliver-info .value{color:var(--color-text);font-weight:var(--font-weight-medium)}.warning-box{padding:var(--spacing-md);background:#f59e0b1a;border:1px solid var(--color-warning);border-radius:var(--radius-md);color:var(--color-text)}.warning-box p{margin:0;font-size:var(--font-size-sm);line-height:1.5}.warning-box p:first-child{margin-bottom:var(--spacing-sm)}.warning-box strong{color:var(--color-warning)}.fulfill-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.fulfill-info{padding:var(--spacing-md);background:#ffffff08;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.1)}.fulfill-info .info-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid rgba(255,255,255,.05)}.fulfill-info .info-row:last-child{border-bottom:none}.fulfill-info .info-row.highlight{background:#667eea1a;padding:var(--spacing-sm) var(--spacing-md);margin:var(--spacing-sm) calc(var(--spacing-md) * -1);border-radius:var(--radius-sm)}.fulfill-info .label{font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.fulfill-info .value{color:var(--color-text);font-weight:var(--font-weight-medium)}.fulfill-info .info-row.highlight .value{color:var(--color-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg)}.error-message{padding:var(--spacing-md);background:var(--color-danger-100);border:1px solid var(--color-danger-200);border-radius:var(--radius-md);color:var(--color-error-light);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.modal-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;padding-top:var(--spacing-md);border-top:1px solid rgba(255,255,255,.1)}.unit-select-group{width:120px}.source-group{margin-bottom:12px}.source-group-title{font-size:.85rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:6px;padding-left:4px;text-transform:uppercase;letter-spacing:.5px}.reservation-badge{padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:500}.reservation-badge.cut{background-color:var(--color-primary-light);color:var(--color-primary)}.reservation-badge.spool{background-color:var(--color-success-light);color:var(--color-success)}.record-usage-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.reservation-list{max-height:250px;overflow-y:auto;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);background:#ffffff08}.reservation-list--compact{max-height:200px}.reservation-option{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer;transition:background .2s ease}.reservation-option:hover{background:#ffffff0d}.reservation-option.selected{background:var(--color-primary);color:#fff}.reservation-option:last-child{border-bottom:none}.reservation-info{flex:1}.reservation-title{font-weight:600;margin-bottom:var(--spacing-xs)}.reservation-details{font-size:.85rem;color:var(--color-text-secondary)}.reservation-option.selected .reservation-details{color:#fffc}.reservation-status{padding:var(--spacing-xs) var(--spacing-sm);background:#ffffff1a;border-radius:var(--radius-sm);font-size:.8rem;text-transform:uppercase}.reservation-option.selected .reservation-status{background:#fff3}.selected-reservation-display{padding:var(--spacing-md);background:#64c8ff1a;border:1px solid rgba(100,200,255,.3);border-radius:var(--radius-md)}.selected-reservation-card{display:flex;justify-content:space-between;align-items:center;color:var(--color-text);font-weight:600}.loading,.no-reservations{padding:var(--spacing-lg);text-align:center;color:var(--color-text-secondary);background:#ffffff08;border-radius:var(--radius-md)}.no-reservations{color:var(--color-warning)}.reserve-materials-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.item-selection-list{max-height:300px;overflow-y:auto;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);background:#ffffff08}.item-option{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer;transition:background .2s ease}.item-option:hover{background:#ffffff0d}.item-option.selected{background:var(--color-primary);color:#fff}.item-option:last-child{border-bottom:none}.item-info{flex:1}.item-name{font-weight:600;margin-bottom:var(--spacing-xs)}.item-meta{font-size:.85rem;color:var(--color-text-secondary)}.item-option.selected .item-meta{color:#fffc}.item-quantity{font-weight:600;color:var(--color-primary)}.item-option.selected .item-quantity{color:#fff}.selected-item-display{padding:var(--spacing-md);background:#64c8ff1a;border:1px solid rgba(100,200,255,.3);border-radius:var(--radius-md)}.selected-label{font-size:.85rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.selected-item-card{display:flex;align-items:center;gap:var(--spacing-md)}.item-details{display:flex;flex-direction:column;gap:var(--spacing-xs)}.item-details strong{color:var(--color-text);font-size:1.05rem}.item-details span{font-size:.9rem;color:var(--color-text-secondary)}.warning-message{padding:var(--spacing-md);background:#ff96001a;border:1px solid rgba(255,150,0,.3);border-radius:var(--radius-md);color:var(--color-warning);font-size:.9rem}.reserve-wire-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.type-toggle{display:flex;gap:var(--spacing-sm);padding:var(--spacing-xs);background:#ffffff08;border-radius:var(--radius-md)}.toggle-btn{flex:1;padding:var(--spacing-md);background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:.9rem;cursor:pointer;transition:all .2s ease}.toggle-btn:hover{background:#ffffff0d;border-color:#fff3}.toggle-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;font-weight:600}.info-box{padding:var(--spacing-md);background:#64c8ff1a;border:1px solid rgba(100,200,255,.2);border-radius:var(--radius-md);font-size:.9rem}.info-box p{margin:0;color:var(--color-text)}.wire-selection-list{max-height:300px;overflow-y:auto;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);background:#ffffff08}.wire-option{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer;transition:background .2s ease}.wire-option:hover{background:#ffffff0d}.wire-option.selected{background:var(--color-primary);color:#fff}.wire-option:last-child{border-bottom:none}.wire-info{flex:1}.wire-spec{font-weight:600;margin-bottom:var(--spacing-xs)}.wire-meta{font-size:.85rem;color:var(--color-text-secondary)}.wire-option.selected .wire-meta{color:#fffc}.wire-length{font-weight:600;color:var(--color-primary)}.wire-option.selected .wire-length{color:#fff}.loading,.no-items{padding:var(--spacing-lg);text-align:center;color:var(--color-text-secondary)}.form-control{width:100%;padding:var(--spacing-md);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--color-text);font-size:1rem;font-family:inherit}.form-control:focus{outline:none;border-color:var(--color-primary);background:#ffffff14}textarea.form-control{resize:vertical}.return-wire-info-box{margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.return-wire-info-box p{margin:0;font-size:var(--font-size-sm)}.return-wire-recorded-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-primary)}.return-wire-unit-select{width:120px}.return-wire-warning{background:var(--color-info-bg);color:var(--color-primary);border-color:var(--color-primary)}.job-detail-page{padding:var(--spacing-xl);max-width:1400px;margin:0 auto}.job-header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--spacing-lg);margin-bottom:var(--spacing-sm);border-radius:var(--radius-lg);position:relative;overflow:hidden}.job-status-watermark{position:absolute;top:50%;right:15%;transform:translate(50%,-50%) rotate(-15deg);font-size:5rem;font-weight:800;color:var(--color-watermark);border:8px solid var(--color-watermark);padding:.2em .5em;border-radius:12px;text-transform:uppercase;pointer-events:none;z-index:0;white-space:nowrap;letter-spacing:.1em}.job-status-watermark.on_hold{color:var(--color-warning-100);border-color:var(--color-warning-100)}.job-status-watermark.completed{color:var(--color-success-100);border-color:var(--color-success-100)}.job-status-watermark.cancelled{color:var(--color-danger-100);border-color:var(--color-danger-100)}.job-header-left{display:flex;gap:var(--spacing-lg);align-items:center}.job-title-section h1{margin:0 0 var(--spacing-xs) 0;color:var(--color-primary);font-size:1.8rem}.job-title-section p{margin:0;color:var(--color-text-primary);font-size:1.1rem;font-weight:600}.job-header-right{display:flex;gap:var(--spacing-md);align-items:center}.status-select{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface-hover);border:1px solid var(--color-border-glass);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.95rem}.tab-content{padding:var(--spacing-lg);border-radius:var(--radius-lg);min-height:400px}.section-divider{margin:var(--spacing-2xl) 0}.tab-header{margin-bottom:var(--spacing-xl)}.tab-header h3{margin:0;color:var(--color-text-primary)}.overview-tab{display:flex;flex-direction:column;gap:var(--spacing-xl)}.job-overview-mode-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);border:1px solid var(--color-border-glass)}.job-overview-mode-bar__label{font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);font-size:var(--font-size-sm, .875rem);text-transform:uppercase;letter-spacing:.04em}.job-overview-mode-bar__actions{display:flex;gap:var(--spacing-sm)}.job-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl)}.info-section{padding:var(--spacing-lg);background:var(--color-surface-faint);border-radius:var(--radius-md);border:1px solid var(--color-border-glass)}.info-section h3{margin:0 0 var(--spacing-lg) 0;color:var(--color-primary);font-size:1.1rem}.info-row{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-surface-hover)}.info-row:last-child{border-bottom:none}.info-row .label{font-weight:600;color:var(--color-text-secondary)}.info-row .value{color:var(--color-text-primary);text-align:right}.action-buttons{display:flex;gap:var(--spacing-md);justify-content:flex-end}.job-details-edit-form__hint{color:var(--color-text-secondary);font-size:var(--font-size-sm, .875rem);margin:0 0 var(--spacing-md) 0;line-height:1.45}.job-details-edit-form__hint--tight{margin-top:calc(-1 * var(--spacing-sm));margin-bottom:var(--spacing-md)}.job-schedule-days-editor{display:flex;flex-direction:column;gap:var(--spacing-md)}.job-schedule-days-editor__table{display:flex;flex-direction:column;gap:var(--spacing-sm)}.job-schedule-days-editor__head{display:none}@media(min-width:900px){.job-schedule-days-editor__head{display:grid;grid-template-columns:1fr 1fr 1fr 2fr auto;gap:var(--spacing-sm);font-size:var(--font-size-xs, .75rem);font-weight:var(--font-weight-semibold, 600);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;padding:0 var(--spacing-xs)}.job-schedule-days-editor__head-actions{min-width:5rem}}.job-schedule-days-editor__row{display:grid;grid-template-columns:1fr;gap:var(--spacing-sm);padding:var(--spacing-sm);border:1px solid var(--color-watermark);border-radius:var(--radius-md)}@media(min-width:900px){.job-schedule-days-editor__row{grid-template-columns:1fr 1fr 1fr 2fr auto;align-items:end;border:none;padding:0 var(--spacing-xs)}}.job-schedule-days-editor__row-actions{display:flex;justify-content:flex-end}.job-overview-view-panel__schedule{margin-top:var(--spacing-md)}.job-overview-view-panel__schedule-list{list-style:none;padding:0;margin:var(--spacing-sm) 0 0 0}.job-overview-view-panel__schedule-list li{color:var(--color-text-secondary);font-size:var(--font-size-sm, .875rem);padding:var(--spacing-xs) 0;border-bottom:1px solid var(--color-divider-subtle)}.job-overview-view-panel__property-value{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm)}.job-overview-view-panel__create-property .value{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.job-overview-view-panel__property-error{margin:0;color:var(--color-danger);font-size:var(--font-size-sm)}.job-overview-view-panel__panels-list{list-style:none;padding:0;margin:0}.job-overview-view-panel__panels .value{text-align:left;max-width:100%}.job-overview-view-panel__panels-list li{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;font-size:var(--font-size-sm);border-bottom:1px solid var(--color-divider-subtle)}.job-overview-view-panel__panel-name{font-weight:var(--font-weight-medium)}.job-overview-view-panel__panel-availability{color:var(--color-text-secondary)}.job-overview-view-panel__snapshot-details{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-faint)}.job-overview-view-panel__snapshot-summary{cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.job-overview-view-panel__snapshot-body{margin-top:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-primary);white-space:pre-wrap;line-height:1.5}.job-details-edit-form__job-number{margin-bottom:var(--spacing-md)}.job-details-edit-form__stack{display:flex;flex-direction:column;gap:var(--spacing-md)}.job-details-edit-form__subheading{margin:var(--spacing-lg) 0 var(--spacing-sm) 0;color:var(--color-primary);font-size:var(--font-size-base, 1rem)}.job-details-edit-form__dates{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.job-details-edit-form__readonly-cost{color:var(--color-text-secondary);font-size:var(--font-size-sm, .875rem);margin:0}.job-details-edit-form__error{color:var(--color-error);font-size:var(--font-size-sm, .875rem);margin:var(--spacing-sm) 0 0 0}.job-details-edit-form__actions{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-lg)}.data-table-wrapper,.wire-cuts-table{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}.data-table{width:100%;border-collapse:separate;border-spacing:0;min-width:640px}.data-table th,.data-table td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-border-glass)}.data-table th{background:var(--color-surface-hover);color:var(--color-text-secondary);font-weight:600;font-size:.9rem;text-transform:uppercase}.data-table tr:hover{background:var(--color-surface-faint)}.data-table td{color:var(--color-text-primary)}.job-reservation-view-inventory-link{background:none;border:none;padding:0;font-size:var(--font-size-sm, .875rem);color:var(--color-primary);cursor:pointer;text-decoration:underline}.job-reservation-view-inventory-link:hover{color:var(--color-primary-hover)}.empty-tab{text-align:center;padding:var(--spacing-xxl);color:var(--color-text-secondary)}.empty-tab p{margin-bottom:var(--spacing-lg)}.shortage-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.shortage-item{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-danger-100);border:1px solid var(--color-danger-200);border-radius:var(--radius-md)}.shortage-icon{font-size:2rem}.shortage-info{flex:1}.shortage-info h4{margin:0 0 var(--spacing-sm) 0;color:var(--color-text-primary)}.shortage-details{display:flex;gap:var(--spacing-xl);color:var(--color-text-secondary);font-size:.9rem}.shortage-amount{color:var(--color-danger);font-weight:600}.success-message{text-align:center;padding:var(--spacing-xxl);background:var(--color-success-100);border:1px solid var(--color-success-200);border-radius:var(--radius-md)}.success-message span{font-size:3rem;display:block;margin-bottom:var(--spacing-md)}.success-message p{color:var(--color-text-primary);margin:0}@media(max-width:768px){.job-detail-page{padding:var(--spacing-md)}.job-header{flex-direction:column;gap:var(--spacing-md)}.job-info-grid{grid-template-columns:1fr}.shortage-details{flex-direction:column;gap:var(--spacing-sm)}}.status-text{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.job-invoice-ninja-linked{margin:var(--spacing-sm) 0}.job-invoice-ninja-number{font-weight:600}.purchase-orders-page{padding:2rem;max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.header-title h1{font-size:2rem;font-weight:700;color:var(--color-text-primary);margin:0}.header-title p{color:var(--color-text-secondary);margin-top:.5rem}.po-filters{display:flex;gap:1rem;padding:1.5rem;border-radius:var(--radius-lg);margin-bottom:2rem;align-items:center}.search-box{position:relative;flex:1;max-width:400px}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--color-text-muted)}.search-input{padding-left:2.5rem;width:100%}.filter-group{display:flex;align-items:center;gap:.75rem;background:var(--color-bg-secondary);padding:.5rem 1rem;border-radius:var(--radius-md);border:1px solid var(--color-border)}.filter-icon{color:var(--color-text-muted)}.status-select{background:none;border:none;color:var(--color-text-primary);font-size:.95rem;outline:none;cursor:pointer}.operating-expenses-panel{margin-top:2rem;padding:1.5rem}.operating-expenses-panel .panel-subtitle{color:var(--color-text-secondary);margin:.25rem 0 0}.operating-expenses-panel__total{margin:var(--spacing-lg) 0 0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.po-list-container{border-radius:var(--radius-lg);overflow:hidden;min-height:400px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;color:var(--color-text-secondary);gap:1rem}.po-number{font-family:var(--font-mono);font-weight:600;color:var(--primary)}.po-amount{font-family:var(--font-mono);font-weight:600}.glass{background:var(--color-bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border-glass);box-shadow:var(--shadow-md)}@media(max-width:768px){.purchase-orders-page{padding:var(--spacing-md)}.page-header{flex-direction:column;align-items:stretch;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.po-filters{flex-direction:column;align-items:stretch;padding:var(--spacing-md)}.search-box{max-width:none;width:100%}}.create-po-page{padding:2rem;max-width:1200px;margin:0 auto}.po-form{display:flex;flex-direction:column;gap:2rem}.po-details-section,.po-items-section{padding:2rem;border-radius:var(--radius-lg)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);margin-top:var(--spacing-md)}.form-grid.form-grid-with-margin{margin-top:var(--spacing-md)}.po-total-breakdown{margin-top:var(--spacing-md);display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-sm)}.po-total-breakdown .breakdown-row{display:flex;align-items:center;gap:var(--spacing-md)}.po-total-breakdown .breakdown-row.total{font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);margin-top:var(--spacing-sm)}.full-width{grid-column:span 2}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:var(--color-text-secondary)}.form-select,.form-textarea{padding:.75rem;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.95rem}.form-select:focus,.form-textarea:focus{border-color:var(--primary);outline:none}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.items-table-header{display:grid;grid-template-columns:3fr 2fr 1fr 1.5fr 1.5fr 50px;gap:1rem;padding:.75rem 1rem;background:#0003;border-radius:var(--radius-md);font-weight:600;margin-bottom:.5rem}.items-table-header.operating,.item-row.operating{grid-template-columns:3fr 2fr 1fr 1.5fr 1.5fr 50px}.items-table-header.capital,.item-row.capital{grid-template-columns:1fr 3fr 2fr 1fr 1.5fr 1.5fr 50px}.po-type-hint{margin:.25rem 0 0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.items-list{display:flex;flex-direction:column;gap:.5rem;min-height:100px}.item-row{display:grid;grid-template-columns:3fr 2fr 1fr 1.5fr 1.5fr 50px;gap:1rem;align-items:center;padding:.5rem 1rem;background:#ffffff05;border-radius:var(--radius-md);border:1px solid transparent}.item-row:hover{border-color:var(--color-border)}.col-total{font-weight:600;text-align:right;padding-right:1rem}.btn-delete{background:none;border:none;color:var(--color-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:4px}.btn-delete:hover{color:var(--color-error);background:var(--color-danger-100)}.po-total{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--color-border);font-size:1.25rem;font-weight:700}.total-value{color:var(--primary)}.form-actions{display:flex;justify-content:flex-end}@media(max-width:768px){.items-table-header,.item-row{grid-template-columns:1fr;gap:.5rem;padding:1rem}.item-row{border:1px solid var(--color-border)}.items-table-header{display:none}}.modal-overlay{position:fixed;inset:0;background:var(--color-overlay-dark);display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--color-bg-secondary);width:600px;max-width:90vw;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:90vh}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--color-border)}.modal-header h2{margin:0;font-size:1.5rem}.close-btn{background:none;border:none;color:var(--color-text-muted);cursor:pointer}.close-btn:hover{color:var(--color-text-primary)}.modal-body{padding:1.5rem;overflow-y:auto}.receive-options{margin-bottom:2rem;padding:1rem;background:var(--color-surface-hover);border-radius:var(--radius-md)}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer}.items-receive-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.receive-item-row{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--color-bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--color-border)}.item-info{display:flex;flex-direction:column}.item-name{font-weight:500}.item-progress{font-size:.85rem;color:var(--color-text-secondary)}.receive-input{display:flex;align-items:center;gap:.5rem}.receive-input label{font-size:.85rem;color:var(--color-text-secondary)}.receive-input input{width:80px;padding:.5rem}.modal-footer{padding:1.5rem;border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;gap:1rem}.reconcile-modal{width:min(800px,calc(100vw - 2rem));max-width:100%}.modal-intro{color:var(--color-text-secondary);margin-bottom:1.5rem;font-size:.95rem}.reconcile-items-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.reconcile-item-row{background:var(--color-surface-faint);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.reconcile-item-row.backordered{border-left:4px solid var(--color-warning)}.item-header{display:flex;justify-content:space-between;align-items:flex-start}.item-main-info{display:flex;flex-direction:column}.item-stats{display:flex;gap:1.5rem;font-size:.85rem;color:var(--color-text-secondary)}.reconcile-controls{display:grid;grid-template-columns:200px 1fr;gap:2rem;align-items:flex-start}.control-group label{font-size:.85rem;font-weight:500;color:var(--color-text-secondary)}.price-changed{border-color:var(--color-warning)}.price-warning{font-size:.75rem;color:var(--color-warning)}.backorder-notes-input{margin-top:.5rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text-primary);border-radius:var(--radius-sm);padding:.5rem;font-size:.85rem;min-height:60px;resize:vertical}.finalize-section{padding:1.5rem;background:var(--color-primary-subtle);border-radius:var(--radius-md);border:1px solid var(--color-primary-border-subtle)}.finalize-label{align-items:flex-start}.finalize-text{display:flex;flex-direction:column}.finalize-text .bold{font-weight:600}.finalize-text .sub{font-size:.85rem;color:var(--color-text-secondary)}.label-print-overlay{position:fixed;inset:0;background:var(--color-overlay-dark);display:flex;align-items:center;justify-content:center;z-index:2000;padding:var(--spacing-xl)}.label-print-modal{width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column}.label-preview-container{flex:1;overflow-y:auto;padding:var(--spacing-xl);background:var(--color-bg-secondary);border-radius:var(--radius-md);margin-top:var(--spacing-md)}.labels-strip{display:flex;flex-direction:column;gap:1rem;align-items:center}.brother-label{background:#fff;width:100mm;height:24mm;box-shadow:var(--shadow-sm);display:flex;padding:2mm;border:1px dashed var(--color-border);position:relative;color:#000;font-family:Helvetica,Arial,sans-serif;page-break-after:always}.label-content{display:flex;width:100%;height:100%;justify-content:space-between;align-items:center}.label-text{display:flex;flex-direction:column;justify-content:center;overflow:hidden}.item-name{font-size:10pt;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60mm}.item-sub{font-size:7pt;display:flex;flex-direction:column;gap:1px;color:var(--color-text-primary)}.label-barcode{height:20mm;width:40mm;display:flex;align-items:center;justify-content:center;border-left:1px solid var(--color-border-light);padding-left:2mm;overflow:hidden}.barcode-image{max-height:100%;max-width:100%;object-fit:contain}.barcode-placeholder{width:100%;height:100%;background:repeating-linear-gradient(90deg,#000,#000 1px,#fff 1px 3px);position:relative;display:flex;align-items:flex-end;justify-content:center}.barcode-v{background:#fff;font-size:6pt;padding:0 2px;margin-bottom:-1mm;border:1px solid black}@media print{body *{visibility:hidden}.label-preview-container,.label-preview-container *,.labels-strip,.labels-strip *{visibility:visible}.label-preview-container{position:absolute;left:0;top:0;width:100%;background:transparent;padding:0;margin:0;overflow:visible}.label-print-overlay{background:transparent;padding:0}.no-print{display:none!important}.brother-label{box-shadow:none;border:none;margin:0;padding:1mm}@page{margin:0;size:auto}}.print-controls{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#ffffff0d;border-radius:var(--radius-md);border:1px solid var(--color-border)}.control-group{display:flex;flex-direction:column;gap:.5rem}.checkbox-group{display:flex;gap:1.5rem}.checkbox-group label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;cursor:pointer}.po-detail-page{padding:2rem;max-width:1200px;margin:0 auto}.btn-force-close{color:var(--color-text-muted)}.upload-container input[type=file]{display:none}.po-header-card{padding:2rem;border-radius:var(--radius-lg);margin-bottom:2rem}.po-title-section{margin-bottom:2rem}.po-top-row{display:flex;align-items:center;gap:1rem}.po-top-row h1{font-size:2rem;font-weight:700;margin:0}.po-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;padding-bottom:2rem;border-bottom:1px solid var(--color-border);margin-bottom:2rem}.meta-item{display:flex;gap:1rem;align-items:flex-start}.meta-icon{color:var(--primary);margin-top:2px}.meta-content{display:flex;flex-direction:column}.meta-content label{font-size:.85rem;color:var(--color-text-secondary);margin-bottom:.25rem}.meta-content span{font-weight:500;font-size:1.1rem}.amount-text{font-family:var(--font-mono);font-weight:600;color:var(--success)}.po-financial-summary{margin-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);padding-top:1rem;display:flex;justify-content:flex-end;padding-bottom:1rem}.financial-breakdown{display:grid;grid-template-columns:auto auto;gap:.5rem 2rem;text-align:right}.financial-label{color:var(--color-text-secondary)}.financial-value{font-weight:var(--font-weight-medium)}.financial-total-label,.financial-total-value{color:var(--color-text-primary);font-weight:var(--font-weight-semibold);font-size:1.2rem;margin-top:.5rem}.po-notes{color:var(--color-text-secondary)}.po-notes label{font-weight:600;display:block;margin-bottom:.5rem}.po-items-card{padding:2rem;border-radius:var(--radius-lg)}.items-table{width:100%;border-collapse:collapse;min-width:640px}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}.items-table th{text-align:left;padding:1rem;border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);font-weight:600}.items-table th.text-right{text-align:right}.items-table td{padding:1rem;border-bottom:1px solid rgba(255,255,255,.05)}.items-table tr:last-child td{border-bottom:none}.item-cell{display:flex;flex-direction:column}.item-name{font-weight:500;color:var(--color-text-primary)}.item-sku{font-size:.85rem;color:var(--color-text-muted)}.text-right{text-align:right}.row-complete{background:var(--color-success-100)}.row-complete .item-name{color:var(--color-success)}.po-documents-card{margin-top:2rem;padding:2rem}.card-header-with-action{margin-bottom:2rem}.card-header-with-action h3{margin:0}.upload-button{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background:var(--primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;font-weight:500;transition:all .2s;font-size:.9rem}.upload-button:hover{background:var(--primary-dark);transform:translateY(-1px)}.attachments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.attachment-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#ffffff08;border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all .2s}.attachment-item:hover{background:#ffffff0d;border-color:var(--primary)}.attachment-info{display:flex;align-items:center;gap:1rem;overflow:hidden}.file-icon{color:var(--primary);flex-shrink:0}.file-details{display:flex;flex-direction:column;overflow:hidden}.file-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-meta{font-size:.75rem;color:var(--color-text-muted)}.attachment-actions,.po-attachment-actions{display:flex;gap:var(--spacing-xs);align-items:center}.po-attachment-btn{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;min-height:2rem;padding:var(--spacing-xs)}.po-attachment-btn:hover{color:var(--color-primary)}button.po-attachment-btn:hover{color:var(--color-error)}.empty-state.small{text-align:center;padding:2rem;color:var(--color-text-muted);background:#ffffff05;border-radius:var(--radius-md);border:1px dashed var(--color-border)}@media(max-width:768px){.po-detail-page{padding:var(--spacing-md)}.po-detail-page .page-header{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.po-detail-page .header-actions,.po-detail-page .detail-header-right{flex-wrap:wrap;justify-content:flex-start;gap:var(--spacing-sm)}.po-detail-page .header-actions .btn,.po-detail-page .detail-header-right .btn{min-height:44px}.po-header-card,.po-items-card,.po-documents-card{padding:var(--spacing-lg)}.po-top-row{flex-wrap:wrap;gap:var(--spacing-sm)}.po-top-row h1{font-size:var(--font-size-2xl)}.po-meta-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.po-financial-summary{justify-content:stretch}.financial-breakdown{width:100%;gap:var(--spacing-sm) var(--spacing-lg)}.attachments-grid{grid-template-columns:1fr}.attachment-item{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.attachment-actions,.po-attachment-actions{justify-content:flex-end}.po-attachment-btn{min-width:44px;min-height:44px}.upload-button{min-height:44px;justify-content:center}}.reports-page{padding:var(--spacing-xl);max-width:var(--max-width-1400);margin:0 auto}.reports-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-xl)}.reports-header h1{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-sm);background:linear-gradient(135deg,var(--color-text-primary) 0%,var(--color-text-secondary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.reports-header .subtitle{color:var(--color-text-muted);font-size:var(--font-size-sm)}.reports-tabs{display:flex;gap:var(--spacing-md);padding:var(--spacing-sm);margin-bottom:var(--spacing-2xl);border-radius:var(--radius-lg);width:fit-content}.report-tab{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border:none;background:transparent;color:var(--color-text-secondary);font-weight:var(--font-weight-medium);cursor:pointer;border-radius:var(--radius-md);transition:all .2s ease}.report-tab:hover{background:#ffffff0d;color:var(--color-text-primary)}.report-tab.active{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-md)}.report-loading{padding:4rem;text-align:center;color:var(--color-text-muted);font-style:italic}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.summary-card{display:flex;flex-direction:column;gap:.5rem;padding:2rem}.summary-card .label{font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.summary-card .value{font-size:2rem;font-weight:700;color:var(--color-primary)}.valuation-grids{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.valuation-list{display:flex;flex-direction:column;gap:1.5rem;padding:1rem 0}.valuation-item{display:grid;grid-template-columns:1fr 200px 120px;align-items:center;gap:1.5rem}.valuation-item .item-info{display:flex;flex-direction:column}.valuation-item .name{font-weight:600;color:var(--color-text-primary)}.valuation-item .qty{font-size:.85rem;color:var(--color-text-muted)}.valuation-item .item-bar{height:8px;background:#ffffff0d;border-radius:var(--radius-sm);overflow:hidden}.valuation-item .bar-fill{height:100%;width:calc(attr(data-percentage number,0)*1%);background:var(--color-primary);border-radius:var(--radius-sm)}.valuation-item .bar-fill-accent{background:var(--color-accent)}.valuation-item .item-bar[data-percentage] .bar-fill{width:calc(attr(data-percentage number,0)*1%)}.value-positive{color:var(--color-success)}.value-negative{color:var(--color-error)}.meter-fill[data-percentage]{width:calc(attr(data-percentage number,0)*1%)}.meter-fill-danger{background:var(--color-error)}.meter-fill-warning{background:var(--color-warning)}.valuation-item .item-value{font-variant-numeric:tabular-nums;font-weight:600;text-align:right}.efficiency-summary{max-width:800px;margin:0 auto;padding:3rem}.efficiency-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:3rem;text-align:center}.efficiency-stats .stat{display:flex;flex-direction:column;gap:.5rem}.efficiency-stats .label{font-size:.9rem;color:var(--color-text-muted)}.efficiency-stats .value{font-size:1.75rem;font-weight:700}.waste-meter{background:#ffffff08;padding:2rem;border-radius:var(--radius-lg);border:1px solid var(--color-border)}.meter-label{display:flex;justify-content:space-between;font-weight:600;margin-bottom:1rem}.meter-track{height:12px;background:#ffffff0d;border-radius:6px;overflow:hidden;margin-bottom:1rem}.meter-fill{height:100%;border-radius:6px;transition:width 1s cubic-bezier(.16,1,.3,1)}.report-action-error{color:var(--color-danger);font-size:.9rem;margin-bottom:var(--spacing-md)}.meter-description{color:var(--color-text-muted);font-size:.95rem;text-align:center}@media(max-width:1024px){.valuation-grids{grid-template-columns:1fr}.reports-page{padding:var(--spacing-lg)}.reports-tabs{width:100%;max-width:100%;flex-wrap:wrap}}@media(max-width:640px){.reports-tabs{flex-direction:column;align-items:stretch;gap:var(--spacing-xs);padding:var(--spacing-sm)}.report-tab{width:100%;justify-content:flex-start;min-height:44px;padding:var(--spacing-md) var(--spacing-lg)}.report-tab.active{box-shadow:none}}.create-sale-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-group label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.form-textarea{width:100%;padding:var(--spacing-sm);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-family-base);font-size:var(--font-size-base);resize:vertical;transition:border-color var(--transition-fast)}.form-textarea:focus{outline:none;border-color:var(--color-primary)}.form-textarea::placeholder{color:var(--color-text-muted)}.filter-select,.filter-input{padding:var(--spacing-sm);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-family-base);font-size:var(--font-size-base);transition:border-color var(--transition-fast)}.filter-select:focus,.filter-input:focus{outline:none;border-color:var(--color-primary)}.error-message{padding:var(--spacing-md);background:var(--color-danger-100);border:1px solid var(--color-danger-200);border-radius:var(--radius-md);color:var(--color-error-light);font-size:var(--font-size-sm)}.sales-page{padding:var(--spacing-xl)}.sales-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.sales-header h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.analytics-card{background:var(--color-bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.analytics-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.analytics-card-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.05em}.analytics-card-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.analytics-card-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted)}.analytics-card.revenue .analytics-card-value{color:var(--color-success)}.analytics-card.profit .analytics-card-value{color:var(--color-info)}.analytics-card.transactions .analytics-card-value{color:var(--color-accent)}.sales-page .filters-bar .button-group{margin-bottom:0}.transactions-section{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.transactions-section h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-lg)}.sales-transactions-table.table-container{margin-top:0}.sales-transactions-table .table-wrapper{min-width:720px}.empty-state-subtext{font-size:var(--font-size-sm);color:var(--color-text-muted)}@media(max-width:768px){.sales-page{padding:var(--spacing-md)}.sales-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.analytics-grid,.filters-grid{grid-template-columns:1fr}.transactions-table{font-size:var(--font-size-sm)}.transactions-table th,.transactions-table td{padding:var(--spacing-sm)}}.customer-modal__error{padding:var(--spacing-md);margin-bottom:var(--spacing-md);background:var(--color-error-light);color:var(--color-error-dark);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.customer-modal__form{display:grid;gap:var(--spacing-md)}.customer-modal__label{display:block;margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.customer-modal__textarea{width:100%;padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--font-size-base);font-family:inherit;resize:vertical}.customer-modal__checkbox{display:flex;align-items:center;gap:var(--spacing-sm)}.customer-modal__checkbox input{width:18px;height:18px}.customer-modal__checkbox label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);cursor:pointer}.customer-modal__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(--color-border)}.customers-page{padding:var(--spacing-xl)}.customers-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.customers-header h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.customers-table-container{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);overflow-x:auto;-webkit-overflow-scrolling:touch}.customers-table{width:100%;border-collapse:collapse;min-width:640px}.customers-table thead{background:var(--color-bg-tertiary)}.customers-table th{padding:var(--spacing-md);text-align:left;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border)}.customers-table td{padding:var(--spacing-md);border-bottom:1px solid var(--color-border);color:var(--color-text-primary)}.customers-table tbody tr{transition:background-color var(--transition-fast);cursor:pointer}.customers-table tbody tr:hover{background:var(--color-bg-glass)}.customer-actions{display:flex;gap:var(--spacing-sm)}.status-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.status-badge.active{background:var(--color-success-light);color:var(--color-success-dark)}.status-badge.inactive{background:var(--color-bg-tertiary);color:var(--color-text-muted)}.empty-state{text-align:center;padding:var(--spacing-3xl);color:var(--color-text-muted)}.empty-state-icon{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-md);opacity:.5}.empty-state-text{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm)}.loading-container{display:flex;justify-content:center;align-items:center;padding:var(--spacing-3xl)}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.pagination-info{margin-top:var(--spacing-md);text-align:center;color:var(--color-text-muted)}@media(max-width:768px){.customers-page{padding:var(--spacing-md)}.customers-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.customers-table{font-size:var(--font-size-sm)}.customers-table th,.customers-table td{padding:var(--spacing-sm)}}.customer-geocode-card{padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.customer-geocode-card h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-sm) 0}.customer-geocode-card__hint{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-md) 0}.customer-geocode-card__status{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0 0 var(--spacing-sm) 0}.customer-geocode-card__warn{font-size:var(--font-size-sm);color:var(--color-warning);margin:0 0 var(--spacing-sm) 0}.customer-geocode-card__message{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-sm) 0}.customer-properties-tab__toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.customer-properties-tab__hint{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm);max-width:36rem}.customer-properties-tab__name-cell{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm)}.customer-detail-page{padding:var(--spacing-xl)}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-xl)}.detail-header-left h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-sm) 0}.detail-company{color:var(--color-text-muted);font-size:var(--font-size-lg);margin:0}.metric-card-link{cursor:pointer}.contact-notes{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.contact-notes .contact-item-value{margin-top:var(--spacing-xs)}.detail-breadcrumb{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-md)}.detail-breadcrumb a{color:var(--color-primary);text-decoration:none}.detail-breadcrumb a:hover{text-decoration:underline}.contact-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.contact-card h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0}.customer-detail-documents{margin-bottom:var(--spacing-xl)}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md)}.contact-item{display:flex;align-items:flex-start;gap:var(--spacing-sm)}.contact-item-icon{font-size:var(--font-size-lg);opacity:.7}.contact-item-content{flex:1}.contact-item-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-xs)}.contact-item-value{font-size:var(--font-size-base);color:var(--color-text-primary)}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.customer-tabs-container{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.customer-tabs{display:flex;border-bottom:1px solid var(--color-border);background:var(--color-bg-tertiary)}.customer-tab{flex:1;padding:var(--spacing-md) var(--spacing-lg);border:none;background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);border-bottom:2px solid transparent}.customer-tab:hover{background:var(--color-bg-glass);color:var(--color-text-primary)}.customer-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.customer-tab-content{padding:var(--spacing-lg)}.customer-sales-table.table-container,.customer-jobs-table.table-container{margin:0}@media(max-width:768px){.customer-detail-page{padding:var(--spacing-md)}.detail-header{flex-direction:column;gap:var(--spacing-md)}.detail-header-right{width:100%;flex-wrap:wrap}.customer-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive{margin:0 calc(-1 * var(--spacing-sm))}}@media(max-width:768px){.customer-detail-page{padding:var(--spacing-md)}.detail-header{flex-direction:column;gap:var(--spacing-md)}.analytics-grid,.contact-grid{grid-template-columns:1fr}.customer-tabs{flex-direction:column}}.property-detail-page{padding:var(--spacing-xl);max-width:1200px;margin:0 auto}.property-detail-page__breadcrumb{margin-bottom:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.property-detail-page__breadcrumb a{color:var(--color-primary)}.property-detail-page__header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.property-detail-page__id{margin:var(--spacing-xs) 0 0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.property-detail-page__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.property-detail-section{margin-bottom:var(--spacing-lg)}.property-detail-section--wide{grid-column:1 / -1}.property-detail-section__header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.property-detail-section__header h2{margin:0}.property-detail-section__hint{margin:0 0 var(--spacing-md);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.property-detail-section__alert{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.property-detail-form-stack{display:flex;flex-direction:column;gap:var(--spacing-md)}.property-detail-checkbox{display:flex;align-items:center;gap:var(--spacing-sm);margin:var(--spacing-md) 0}.property-contacts-list{list-style:none;padding:0;margin:0 0 var(--spacing-md)}.property-contacts-list li{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border)}.property-contacts-list__empty{color:var(--color-text-secondary)}.property-contact-add{display:flex;flex-direction:column;gap:var(--spacing-sm)}.property-change-log{list-style:none;padding:0;margin:0;max-height:240px;overflow-y:auto}.property-change-log li{display:flex;justify-content:space-between;padding:var(--spacing-xs) 0;font-size:var(--font-size-sm)}.property-change-log__field{font-weight:var(--font-weight-medium)}.property-change-log__when{color:var(--color-text-secondary)}.property-panels-list{list-style:none;padding:0;margin:0}.property-panels-list__item{padding:var(--spacing-md) 0;border-bottom:1px solid var(--color-border)}.property-panels-list__title{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm)}.property-panels-list__meta,.property-panels-list__spaces{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--spacing-xs)}.property-panels-list__notes{margin:var(--spacing-sm) 0 0;font-size:var(--font-size-sm)}.property-panels-list__actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.property-panels-list__empty{color:var(--color-text-secondary);padding:var(--spacing-md) 0}.property-panels-form__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.property-geocode-section__status,.property-geocode-section__message{font-size:var(--font-size-sm);margin:0 0 var(--spacing-sm)}.property-geocode-section__warn{color:var(--color-warning, var(--color-text-secondary));font-size:var(--font-size-sm);margin:0 0 var(--spacing-sm)}@media(max-width:600px){.property-panels-form__row{grid-template-columns:1fr}}.quotes-analytics{display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.quotes-analytics-card{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md)}.quotes-analytics-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.quotes-analytics-value{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary)}.quotes-analytics-error{margin-bottom:var(--spacing-md);color:var(--color-danger);font-size:var(--font-size-sm)}.quotes-new-modal{display:flex;flex-direction:column;gap:var(--spacing-md)}.quotes-new-modal-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.quotes-page{padding:var(--spacing-lg);max-width:1200px;margin:0 auto}.quotes-page .page-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.quotes-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.quotes-filter-customer{flex:1;min-width:min(100%,260px);max-width:360px}.quotes-list-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-sm)}.quotes-pagination{display:flex;gap:var(--spacing-sm)}.quotes-table-wrap{padding:var(--spacing-md);overflow-x:auto;-webkit-overflow-scrolling:touch}.quotes-table-number{font-weight:600}@media(max-width:768px){.quotes-page{padding:var(--spacing-md)}.quotes-filter-customer{max-width:none}}.quote-line-editor-row{display:grid;grid-template-columns:minmax(100px,120px) minmax(160px,1fr) minmax(180px,2fr) minmax(72px,88px) minmax(88px,110px) minmax(140px,auto);gap:var(--spacing-sm);align-items:start;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border-subtle)}@media(max-width:900px){.quote-line-editor-row{grid-template-columns:1fr 1fr}.quote-line-editor-desc,.quote-line-editor-item,.quote-line-editor-actions{grid-column:1 / -1}}.quote-line-editor-item{position:relative}.quote-line-editor-item-label{display:block;font-size:var(--font-size-sm, .875rem);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.quote-line-editor-item-field{display:flex;gap:var(--spacing-xs);align-items:center}.quote-line-editor-item-input{flex:1;min-width:0;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border-default);border-radius:var(--radius-sm, 4px);background:var(--color-surface);color:var(--color-text-primary)}.quote-line-editor-item-dropdown{position:absolute;z-index:10;left:0;right:0;top:100%;margin-top:2px;max-height:220px;overflow-y:auto;background:var(--color-surface-elevated, var(--color-surface));border:1px solid var(--color-border-default);border-radius:var(--radius-sm, 4px);box-shadow:var(--shadow-md, 0 4px 12px rgba(0, 0, 0, .12))}.quote-line-editor-item-option{display:block;width:100%;text-align:left;padding:var(--spacing-xs) var(--spacing-sm);border:none;background:transparent;color:var(--color-text-primary);cursor:pointer;font:inherit}.quote-line-editor-item-option:hover{background:var(--color-surface-hover, rgba(0, 0, 0, .06))}.quote-line-editor-item-empty{padding:var(--spacing-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm, .875rem)}.quote-line-editor-item-na{display:block;padding-top:var(--spacing-lg);color:var(--color-text-secondary)}.quote-line-editor-actions-btns{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.quote-line-editor-actions-label{display:block;height:1.25rem}.quote-edit-panel{padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.quote-edit-panel-title{margin-top:0}.quote-edit-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.quote-edit-lines-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--spacing-sm);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm)}.quote-edit-lines-header h4{margin:0}.quote-edit-lines-empty{margin:0 0 var(--spacing-md)}.quote-edit-lines{margin-bottom:var(--spacing-md)}.quote-edit-totals{max-width:320px;margin-left:auto;margin-bottom:var(--spacing-md)}.quote-edit-totals-row{display:flex;justify-content:space-between;padding:var(--spacing-xs) 0;border-bottom:1px solid var(--color-border-subtle)}.quote-edit-totals-hint{margin:var(--spacing-sm) 0 0;font-size:var(--font-size-sm, .875rem)}.quote-edit-error{color:var(--color-danger, #c0392b);margin-bottom:var(--spacing-sm)}.quote-edit-actions{display:flex;justify-content:flex-end}.quote-job-variance{margin-top:var(--spacing-lg);padding:var(--spacing-lg)}.quote-job-variance h3{margin:0 0 var(--spacing-sm)}.quote-job-variance__hint{margin:0 0 var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.quote-job-variance__hint a{color:var(--color-primary)}.quote-job-variance__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:var(--spacing-md)}.quote-job-variance__grid .label{display:block;font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.quote-job-variance__grid .value{font-weight:600}.quote-job-variance__variance{grid-column:1 / -1}.quote-job-variance__error{color:var(--color-danger);margin:0}.quote-revisions{margin-top:var(--spacing-lg);padding:var(--spacing-lg)}.quote-revisions__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.quote-revisions__header h3{margin:0}.quote-revisions__hint{margin:0 0 var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.quote-revisions__empty{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.quote-revisions__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.quote-revisions__item{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);background:var(--color-surface-elevated)}.quote-revisions__item-main{display:flex;flex-direction:column;gap:var(--spacing-xs)}.quote-revisions__item-title{font-weight:600}.quote-revisions__item-meta{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.quote-revisions__item-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.quote-revisions__error{color:var(--color-danger);margin:0}.quote-revision-save-hint,.quote-revision-detail-note{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.quote-revision-save-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.quote-revision-save-error{color:var(--color-danger);margin:var(--spacing-sm) 0 0}.quote-revision-detail-meta{margin-bottom:var(--spacing-md)}.quote-revision-detail-total{margin:var(--spacing-xs) 0}.quote-revision-detail-date{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.quote-portal-link{margin-top:var(--spacing-lg);padding:var(--spacing-lg)}.quote-portal-link__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.quote-portal-link__header h3{margin:0}.quote-portal-link__hint{margin:0 0 var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.quote-portal-link__actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.quote-portal-link__error{color:var(--color-danger);margin:var(--spacing-sm) 0 0}.quote-portal-link__expires{margin:var(--spacing-xs) 0 var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.quote-portal-response{margin-top:var(--spacing-lg);padding:var(--spacing-lg)}.quote-portal-response h3{margin:0 0 var(--spacing-sm)}.quote-portal-response__hint{margin:0 0 var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.quote-portal-response__grid{display:grid;gap:var(--spacing-sm)}.quote-portal-response__row{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--spacing-sm)}.quote-portal-response__label{font-size:var(--font-size-sm);color:var(--color-text-secondary);min-width:6rem}.quote-portal-response__note{margin:var(--spacing-sm) 0 0;padding:var(--spacing-md);border-radius:var(--radius-md);background:var(--color-surface-elevated);white-space:pre-wrap}.quote-detail-page{padding:var(--spacing-lg);max-width:1000px;margin:0 auto}.quote-detail-page .quote-invoice-ninja-sync{padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.quote-detail-header{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.quote-detail-title{flex:1;min-width:200px}.quote-detail-title h1{margin:0 0 var(--spacing-xs)}.quote-detail-title p{margin:0 0 var(--spacing-sm);color:var(--color-text-secondary)}.quote-detail-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.quote-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-lg);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.quote-detail-section h3{margin-top:0}.quote-description{white-space:pre-wrap}.quote-totals .totals-row{display:flex;justify-content:space-between;padding:var(--spacing-xs) 0;border-bottom:1px solid var(--color-border-subtle)}.quote-totals .totals-total{border-bottom:none;margin-top:var(--spacing-sm);font-size:1.1rem}.quote-lines{padding:var(--spacing-md)}.quote-lines h3{margin-top:0}.quote-convert-form .quote-convert-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.quote-invoice-ninja-linked{margin:var(--spacing-sm) 0}.quote-invoice-ninja-number{font-weight:600}@media(max-width:768px){.quote-detail-page{padding:var(--spacing-md)}.quote-detail-title{min-width:0;width:100%}.quote-detail-grid{grid-template-columns:1fr}}.aging-summary{margin-bottom:var(--spacing-xl)}.aging-summary__metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-md)}.payments-page{padding:var(--spacing-xl);max-width:1200px;margin:0 auto}.payments-page .page-header{margin-bottom:var(--spacing-lg)}.payments-page .header-title h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.payments-page .header-title p{margin:var(--spacing-sm) 0 0;color:var(--color-text-secondary)}.payments-page .filters-bar .button-group{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);min-width:min(100%,200px)}.payments-list-section{margin-top:var(--spacing-md)}.payments-list-section__title{margin:0 0 var(--spacing-md);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.payments-alert{margin:0 0 var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.payments-alert--error{color:var(--color-danger);border:1px solid var(--color-danger)}.payments-alert--info{color:var(--color-text-secondary);background:var(--color-bg-tertiary);border:1px solid var(--color-border)}.payments-pagination{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-lg);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.payments-modal-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.payments-modal-form__actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm)}.payments-modal-form__invoice-summary{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.payments-sub-panel{padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.payments-sub-panel__header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.payments-sub-panel__title{margin:0 0 var(--spacing-xs);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.payments-sub-panel__hint{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm);max-width:36rem}@media(max-width:768px){.payments-page{padding:var(--spacing-md)}.payments-page .page-header{flex-direction:column;align-items:stretch}.payments-page .header-actions{justify-content:flex-start}}.invoice-line-editor{padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.invoice-line-editor__header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.invoice-line-editor__actions{display:flex;gap:var(--spacing-sm)}.invoice-line-editor__meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.invoice-line-editor__row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-sm);align-items:end;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px dashed var(--color-border)}.invoice-line-editor__line-num{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.invoice-detail-page{padding:var(--spacing-xl);max-width:1200px;margin:0 auto}.invoice-detail-page__toolbar{margin-bottom:var(--spacing-md)}.invoice-detail-page .detail-breadcrumb{margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm);color:var(--color-text-muted)}.invoice-detail-page .detail-breadcrumb a{color:var(--color-primary);text-decoration:none}.invoice-detail-page .detail-breadcrumb a:hover{text-decoration:underline}.invoice-detail-header-card{padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.invoice-detail-top-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.invoice-detail-top-row h1{margin:0;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.invoice-detail-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg)}.invoice-detail-meta-item{display:flex;gap:var(--spacing-md);align-items:flex-start}.invoice-detail-meta-icon{color:var(--color-primary);flex-shrink:0;margin-top:2px}.invoice-detail-meta-content{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0}.invoice-detail-meta-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.invoice-detail-meta-content>span:last-child{font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.invoice-detail-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.invoice-detail-section{padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.invoice-detail-section-title{margin:0 0 var(--spacing-md);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.invoice-detail-apply-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.invoice-detail-apply-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);flex-wrap:wrap;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border)}.invoice-detail-apply-row:last-child{border-bottom:none}.invoice-detail-pay-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.invoice-detail-pay-form__actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm)}.invoice-detail-alert{margin:0 0 var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.invoice-detail-alert--error{color:var(--color-danger);border:1px solid var(--color-danger)}.invoice-detail-alert--info{color:var(--color-text-secondary);background:var(--color-bg-tertiary);border:1px solid var(--color-border)}@media(max-width:768px){.invoice-detail-page{padding:var(--spacing-md)}.invoice-detail-page__toolbar{flex-direction:column;align-items:stretch}.invoice-detail-page .header-actions{justify-content:flex-start}}.quote-portal-page{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:var(--spacing-xl) var(--spacing-lg);background:var(--color-bg-primary)}.quote-portal-card{width:100%;max-width:52rem;padding:var(--spacing-xl)}.quote-portal-header{display:flex;gap:var(--spacing-lg);align-items:flex-start;margin-bottom:var(--spacing-lg)}.quote-portal-logo{max-height:3.5rem;width:auto}.quote-portal-company{margin:0 0 var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.quote-portal-title{margin:var(--spacing-xs) 0 var(--spacing-sm);color:var(--color-text-secondary)}.quote-portal-banner{padding:var(--spacing-md);border-radius:var(--radius-md);background:var(--color-warning-bg, rgba(255, 193, 7, .12));color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.quote-portal-meta,.quote-portal-description{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.quote-portal-totals{display:grid;gap:var(--spacing-sm);margin:var(--spacing-lg) 0;max-width:20rem}.quote-portal-totals div{display:flex;justify-content:space-between;gap:var(--spacing-md)}.quote-portal-totals__total{font-size:var(--font-size-lg);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border)}.quote-portal-lines{margin-bottom:var(--spacing-lg)}.quote-portal-lines h2{margin:0 0 var(--spacing-md);font-size:var(--font-size-lg)}.quote-portal-actions-top{margin-bottom:var(--spacing-lg)}.quote-portal-form{margin-top:var(--spacing-lg);padding:var(--spacing-lg)}.quote-portal-form h2{margin:0 0 var(--spacing-sm);font-size:var(--font-size-lg)}.quote-portal-form-hint{margin:0 0 var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.quote-portal-responded{margin:var(--spacing-md) 0;padding:var(--spacing-md)}.quote-portal-action-msg{margin:var(--spacing-md) 0;color:var(--color-success)}.quote-portal-error{color:var(--color-danger)}.quote-portal-confirm{display:flex;align-items:flex-start;gap:var(--spacing-sm);margin:var(--spacing-md) 0;font-size:var(--font-size-sm);cursor:pointer}.quote-portal-confirm input{margin-top:.2rem}.invoice-portal-page{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:var(--spacing-xl) var(--spacing-lg);background:var(--color-bg-primary)}.invoice-portal-card{width:100%;max-width:52rem;padding:var(--spacing-xl)}.invoice-portal-header{display:flex;gap:var(--spacing-lg);align-items:flex-start;margin-bottom:var(--spacing-lg)}.invoice-portal-logo{max-height:3.5rem;width:auto}.invoice-portal-company{margin:0 0 var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.invoice-portal-title{margin:var(--spacing-xs) 0 var(--spacing-sm);color:var(--color-text-secondary)}.invoice-portal-banner{padding:var(--spacing-md);border-radius:var(--radius-md);background:var(--color-warning-100);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.invoice-portal-banner--success{background:var(--color-success-bg)}.invoice-portal-meta{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-lg)}.invoice-portal-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--spacing-md);margin:var(--spacing-lg) 0}.invoice-portal-lines{margin-bottom:var(--spacing-lg)}.invoice-portal-lines h2{margin:0 0 var(--spacing-md);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.invoice-portal-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.invoice-portal-error{color:var(--color-danger)}.time-clock-container{max-width:600px;margin:0 auto}.clock-status{background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-2xl);margin-bottom:var(--spacing-lg);text-align:center;transition:all .3s ease}.clock-status.clocked-in{border-color:var(--color-success);background:linear-gradient(135deg,var(--color-bg-secondary) 0%,rgba(16,185,129,.1) 100%)}.clock-status.clocked-out{border-color:var(--color-border)}.status-indicator{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.status-dot{width:16px;height:16px;border-radius:var(--radius-full);background:var(--color-text-tertiary);transition:all .3s ease}.status-dot.active{background:var(--color-success);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.status-indicator h2{margin:0;color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold)}.elapsed-time{margin-top:var(--spacing-xl)}.time-display{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-success);font-family:Courier New,monospace;letter-spacing:2px;margin-bottom:var(--spacing-sm)}.time-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:1px}.clock-error{background:var(--color-danger-100);border:1px solid var(--color-danger-200);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.clock-error p{margin:0;color:var(--color-danger);font-size:var(--font-size-sm)}.clock-form{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.form-group{margin-bottom:var(--spacing-lg)}.form-group:last-of-type{margin-bottom:var(--spacing-xl)}.form-group label{display:block;margin-bottom:var(--spacing-sm);color:var(--color-text-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm)}.textarea{width:100%;min-height:80px;padding:var(--spacing-md);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-family-base);font-size:var(--font-size-base);resize:vertical;transition:border-color .2s ease}.input{width:100%;padding:var(--spacing-md);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-family-base);font-size:var(--font-size-base);transition:border-color .2s ease}.input:focus{outline:none;border-color:var(--color-primary)}.clock-action-btn{width:100%;padding:var(--spacing-lg) var(--spacing-xl);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);border-radius:var(--radius-lg)}.session-info{background:var(--color-bg-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-top:var(--spacing-lg)}.session-info h3{margin:0 0 var(--spacing-md) 0;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md)}.info-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.info-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:var(--font-size-base);color:var(--color-text-primary);font-weight:var(--font-weight-medium)}@media(max-width:768px){.time-clock-container{padding:var(--spacing-md)}.clock-status{padding:var(--spacing-lg)}.time-display{font-size:var(--font-size-3xl)}.info-grid{grid-template-columns:1fr}}.time-entry-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}@media(max-width:768px){.form-row{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-group label{color:var(--color-text-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm)}.textarea{width:100%;min-height:60px;padding:var(--spacing-md);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-family-base);font-size:var(--font-size-base);resize:vertical;transition:border-color .2s ease}.textarea:focus{outline:none;border-color:var(--color-primary)}.duration-summary{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-bg-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin:var(--spacing-md) 0}@media(max-width:768px){.duration-summary{flex-direction:column;align-items:stretch}}.summary-item{display:flex;flex-direction:column;gap:var(--spacing-xs);text-align:center}@media(max-width:768px){.summary-item{flex-direction:row;justify-content:space-between;text-align:left}}.summary-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.summary-value{font-size:var(--font-size-lg);color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.estimated-cost{color:var(--color-primary);font-size:var(--font-size-xl)}.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(--color-border)}@media(max-width:768px){.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}}.time-entry-detail-modal{max-width:600px}.details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.status-section{display:flex;align-items:center;gap:.75rem}.status-section .label{color:var(--color-text-secondary);font-weight:500}.rejection-alert{background-color:#dc35451a;color:var(--color-danger);padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:.9rem;border:1px solid rgba(220,53,69,.2)}.details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-bottom:1.5rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-item label{font-size:.85rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.detail-item .value{font-size:1rem;color:var(--color-text-primary);font-weight:500}.detail-item .value.highlight{color:var(--color-primary);font-weight:600;font-size:1.1rem}.detail-section{margin-bottom:1.25rem}.detail-section label{display:block;margin-bottom:.5rem;font-size:.9rem;color:var(--color-text-secondary)}.value-box{background-color:var(--color-bg-secondary);padding:.75rem;border-radius:var(--radius-sm);border:1px solid var(--color-border);min-height:3rem;white-space:pre-wrap;font-size:.95rem;color:var(--color-text-primary)}.modal-actions-footer{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding-top:1rem;border-top:1px solid var(--color-border)}.modal-actions-footer .right-actions{display:flex;gap:.75rem}.time-entry-list-container{display:flex;flex-direction:column;gap:1.5rem}.filters-bar{display:flex;gap:1.5rem;padding:1rem;align-items:flex-end;border-radius:var(--radius-md)}.filter-group{display:flex;flex-direction:column;gap:.5rem}.table-container{background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border);overflow-x:auto}.entries-table{width:100%;border-collapse:collapse;min-width:900px}.entries-table th,.entries-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--color-border)}.entries-table th{background:#ffffff08;color:var(--color-text-secondary);font-weight:500;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}.entries-table tr:last-child td{border-bottom:none}.entries-table tr:hover{background:#ffffff05}.entries-table .description-cell{max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-buttons{display:flex;gap:var(--spacing-sm)}.loading-state,.error-state,.empty-state{padding:3rem;text-align:center;background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border);color:var(--color-text-secondary)}.error-state{color:var(--color-danger);border-color:#dc354533;background:#dc35450d}.totals-summary{display:flex;justify-content:flex-end;gap:2rem;padding:1rem;background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border)}.total-item{display:flex;align-items:center;gap:.75rem}.total-label{color:var(--color-text-secondary);text-transform:uppercase;font-size:.85rem;letter-spacing:.05em}.total-value{font-size:1.1rem;font-weight:600;color:var(--color-text-primary)}.total-cost{color:var(--color-primary)}@media(max-width:768px){.filters-bar{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.filter-group{width:100%}.totals-summary{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.action-buttons{flex-wrap:wrap}}.time-labor-page{padding:var(--spacing-lg);max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-lg);border-bottom:2px solid var(--color-border)}.page-header h1{margin:0 0 var(--spacing-xs) 0;color:var(--color-text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold)}.page-subtitle{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-base)}.header-actions{display:flex;gap:var(--spacing-md)}@media(max-width:768px){.page-header{flex-direction:column;gap:var(--spacing-lg)}.header-actions{width:100%}.header-actions button{flex:1}}.tab-content{animation:fadeIn .3s ease}.section-header{margin-bottom:var(--spacing-xl)}.section-header h2{margin:0 0 var(--spacing-xs) 0;color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold)}.section-header p{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.clock-tab{max-width:800px;margin:0 auto}.no-rate-message{text-align:center;padding:var(--spacing-2xl)}.no-rate-message p{margin:0 0 var(--spacing-lg) 0;color:var(--color-text-secondary)}.sms-history-page{padding:var(--spacing-xl);max-width:1200px;margin:0 auto}.sms-history-page .page-header{margin-bottom:var(--spacing-lg)}.sms-history-page .page-header h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.sms-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--spacing-md);margin:var(--spacing-lg) 0}.sms-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--spacing-md)}.sms-id-cell{font-size:var(--font-size-sm);white-space:nowrap}.sms-addr-cell{display:flex;flex-direction:column;gap:var(--spacing-xs)}.sms-addr-cell small{color:var(--color-text-secondary)}.sms-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.sms-pagination-controls{display:flex;gap:var(--spacing-sm)}.sms-body-pre,.sms-error-pre{background:var(--color-bg-tertiary, var(--color-bg-secondary));border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);white-space:pre-wrap;word-break:break-word;font-family:var(--font-family-mono, monospace);font-size:var(--font-size-sm);color:var(--color-text-primary);max-height:300px;overflow:auto}.sms-error-pre{color:var(--color-danger, var(--color-text-primary))}@media(max-width:768px){.sms-history-page{padding:var(--spacing-md)}.sms-toolbar,.sms-filters{flex-direction:column;align-items:stretch}.sms-filters>*{width:100%;max-width:none}}.document-capture{display:flex;flex-direction:column;gap:var(--spacing-md)}.document-capture-hint{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.document-capture-video-wrap{border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-tertiary);aspect-ratio:4 / 3}.document-capture-video{width:100%;height:100%;object-fit:cover;display:block}.document-capture-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.document-capture-hidden-input{display:none}.scan-line-items{display:flex;flex-direction:column;gap:var(--spacing-sm)}.scan-line-items-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.scan-line-items-title{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.scan-line-items-table-wrap{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-md)}.scan-line-items-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.scan-line-items-table th,.scan-line-items-table td{padding:var(--spacing-xs) var(--spacing-sm);border-bottom:1px solid var(--color-border);text-align:left;vertical-align:top}.scan-line-items-table th{background:var(--color-bg-tertiary);font-weight:var(--font-weight-medium)}.scan-line-items-code{white-space:nowrap;color:var(--color-text-secondary)}.scan-line-items-match{min-width:8rem;max-width:14rem}.scan-line-items-table .input-wrapper{margin:0}.scan-review-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}@media(max-width:900px){.scan-review-layout{grid-template-columns:1fr}}.scan-review-preview{display:flex;flex-direction:column;gap:var(--spacing-md)}.scan-review-image{width:100%;max-height:420px;object-fit:contain;border-radius:var(--radius-md);background:var(--color-bg-tertiary)}.scan-review-file-fallback{padding:var(--spacing-lg);border-radius:var(--radius-md);background:var(--color-bg-tertiary);text-align:center}.scan-review-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.scan-review-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.scan-review-amounts{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}.scan-review-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.scan-review-error{font-size:var(--font-size-sm)}.scan-review-warning{color:var(--color-warning-text, var(--color-text-secondary))}.scan-inbox-page{padding:var(--spacing-xl);max-width:1200px;margin:0 auto}.scan-inbox-page .page-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.scan-inbox-page .page-header h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.scan-inbox-page .page-subtitle{color:var(--color-text-secondary);margin:0}.scan-inbox-header-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.scan-inbox-hidden-input{display:none}.scan-inbox-toolbar{display:flex;align-items:flex-end;gap:var(--spacing-md);margin:var(--spacing-lg) 0}.scan-inbox-spinner{animation:spin 1s linear infinite;color:var(--color-text-secondary)}.scan-id-cell{font-size:var(--font-size-sm);white-space:nowrap}.scan-inbox-pagination{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-lg);color:var(--color-text-secondary)}.scan-inbox-expenses{margin-top:var(--spacing-2xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.scan-inbox-expenses h2{font-size:var(--font-size-xl);margin-bottom:var(--spacing-md)}.scan-expense-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.scan-expense-list li{display:grid;grid-template-columns:100px 1fr 140px 90px;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.scan-expense-id{font-family:var(--font-family-mono);color:var(--color-text-secondary)}@media(max-width:700px){.scan-expense-list li{grid-template-columns:1fr 1fr}}:root{--color-primary: #6366f1;--color-primary-hover: #4f46e5;--color-secondary: #8b5cf6;--color-accent: #06b6d4;--color-bg-primary: #0f172a;--color-bg-secondary: #1e293b;--color-bg-tertiary: #334155;--color-bg-gradient-end: #1a1f35;--color-bg-glass: rgba(30, 41, 59, .7);--color-text-primary: #f1f5f9;--color-text-secondary: #cbd5e1;--color-text-muted: #94a3b8;--color-success: #10b981;--color-success-100: rgba(16, 185, 129, .1);--color-success-200: rgba(16, 185, 129, .2);--color-warning: #f59e0b;--color-error: #ef4444;--color-danger: var(--color-error);--color-danger-100: rgba(239, 68, 68, .1);--color-danger-200: rgba(239, 68, 68, .2);--color-error-light: #f87171;--color-info: #3b82f6;--color-info-bg: rgba(59, 130, 246, .1);--color-overlay: rgba(255, 255, 255, .9);--color-overlay-dark: rgba(0, 0, 0, .7);--max-width-1400: 1400px;--color-border: #334155;--color-border-light: #475569;--color-border-glass: rgba(255, 255, 255, .1);--color-primary-subtle: rgba(99, 102, 241, .15);--color-primary-50: rgba(99, 102, 241, .05);--color-primary-100: rgba(99, 102, 241, .1);--color-primary-200: rgba(99, 102, 241, .2);--color-secondary-200: rgba(139, 92, 246, .2);--color-primary-border-subtle: rgba(99, 102, 241, .2);--color-warning-100: rgba(245, 158, 11, .15);--color-warning-200: rgba(245, 158, 11, .3);--color-info-200: rgba(59, 130, 246, .3);--color-surface-hover: rgba(255, 255, 255, .05);--color-surface-faint: rgba(255, 255, 255, .03);--color-surface-raised: rgba(255, 255, 255, .08);--color-watermark: rgba(255, 255, 255, .08);--color-divider-subtle: rgba(255, 255, 255, .06);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--border-radius-sm: var(--radius-sm);--border-radius-md: var(--radius-md);--border-radius-lg: var(--radius-lg);--border-radius-xl: var(--radius-xl);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-glow: 0 0 20px rgba(99, 102, 241, .4);--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe 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-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--z-dropdown: 1000;--z-tooltip: 1100;--bg-surface: var(--color-bg-secondary);--bg-subtle: var(--color-bg-tertiary);--text-primary: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--text-tertiary: var(--color-text-muted);--border-color: var(--color-border);--primary-color: var(--color-primary);--primary-light: var(--color-primary-subtle);--danger-color: var(--color-danger);--warning-color: var(--color-warning);--info: var(--color-info);--error: var(--color-error);--color-success-bg: var(--color-success-100);--color-success-dark: var(--color-success);--color-danger-bg: var(--color-danger-100);--color-danger-dark: var(--color-danger)}html.theme-light{--color-bg-primary: #f1f5f9;--color-bg-secondary: #ffffff;--color-bg-tertiary: #e2e8f0;--color-bg-gradient-end: #cbd5e1;--color-bg-glass: rgba(255, 255, 255, .85);--color-text-primary: #0f172a;--color-text-secondary: #475569;--color-text-muted: #64748b;--color-success-100: rgba(16, 185, 129, .15);--color-success-200: rgba(16, 185, 129, .25);--color-danger-100: rgba(239, 68, 68, .12);--color-danger-200: rgba(239, 68, 68, .2);--color-info-bg: rgba(59, 130, 246, .12);--color-overlay: rgba(15, 23, 42, .45);--color-overlay-dark: rgba(0, 0, 0, .55);--color-border: #cbd5e1;--color-border-light: #e2e8f0;--color-border-glass: rgba(15, 23, 42, .08);--color-primary-subtle: rgba(99, 102, 241, .12);--color-primary-50: rgba(99, 102, 241, .04);--color-primary-100: rgba(99, 102, 241, .08);--color-primary-200: rgba(99, 102, 241, .15);--color-secondary-200: rgba(139, 92, 246, .15);--color-primary-border-subtle: rgba(99, 102, 241, .2);--color-warning-100: rgba(245, 158, 11, .12);--color-warning-200: rgba(245, 158, 11, .25);--color-info-200: rgba(59, 130, 246, .25);--color-surface-hover: rgba(15, 23, 42, .04);--color-surface-faint: rgba(15, 23, 42, .02);--color-surface-raised: rgba(15, 23, 42, .06);--color-watermark: rgba(15, 23, 42, .06);--color-divider-subtle: rgba(15, 23, 42, .05);--shadow-sm: 0 1px 2px 0 rgba(15, 23, 42, .06);--shadow-md: 0 4px 6px -1px rgba(15, 23, 42, .08);--shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, .1);--shadow-xl: 0 20px 25px -5px rgba(15, 23, 42, .12);--shadow-glow: 0 0 20px rgba(99, 102, 241, .25)}.density-compact{--spacing-xs: .125rem;--spacing-sm: .25rem;--spacing-md: .5rem;--spacing-lg: 1rem;--spacing-xl: 1.5rem;--spacing-2xl: 2rem;--spacing-3xl: 3rem;--font-size-base: .9375rem}.util-flex{display:flex}.util-flex-center{display:flex;align-items:center}.util-flex-between{display:flex;align-items:center;justify-content:space-between}.util-flex-wrap{flex-wrap:wrap}.util-flex-end{display:flex;justify-content:flex-end;align-items:center}.util-gap-xs{gap:var(--spacing-xs)}.util-gap-sm{gap:var(--spacing-sm)}.util-gap-md{gap:var(--spacing-md)}.util-gap-lg{gap:var(--spacing-lg)}.util-flex-center-gap-sm{display:flex;align-items:center;gap:var(--spacing-sm)}.util-flex-center-gap-md{display:flex;align-items:center;gap:var(--spacing-md)}.util-flex-between-gap-md{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.util-clickable{cursor:pointer}.util-text-right{text-align:right}.table-row-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-xs);justify-content:flex-end}.util-sr-file-input{display:none}.util-bar-fill{width:var(--bar-width, 0)}.util-dot-color{background-color:var(--dot-color)}.util-strength-fill{width:var(--bar-width, 0);background-color:var(--strength-color, var(--color-border))}.util-strength-label{color:var(--strength-color, var(--color-text-secondary))}.data-table th.col-sized{width:var(--col-width)}.cuts-table th.col-checkbox{width:40px}.table-cell-link.btn{padding:0;min-height:auto;height:auto;font-weight:var(--font-weight-medium);text-decoration:underline}.page-tabs{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);border-bottom:2px solid var(--color-border)}.page-tab{padding:var(--spacing-md) var(--spacing-lg);background:none;border:none;border-bottom:3px solid transparent;color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:color .2s,background .2s,border-color .2s;text-align:center;border-radius:0;margin-bottom:-2px}.page-tab:hover{color:var(--color-text-primary);background:var(--color-bg-tertiary)}.page-tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:var(--font-weight-semibold)}@media(max-width:640px){.page-tabs{flex-direction:column;border-bottom:none;gap:var(--spacing-xs)}.page-tab{width:100%;text-align:left;border-bottom:none;border-left:3px solid transparent;border-radius:var(--radius-sm);margin-bottom:0}.page-tab--active{border-left-color:var(--color-primary);border-bottom-color:transparent;background:var(--color-bg-tertiary)}}.card{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base);animation:fadeIn .5s ease-out}.card-glass{background:var(--color-bg-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--color-border-glass);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-lg);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base);animation:fadeIn .5s ease-out}.card:hover,.card-hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.card-glass:hover,.card-glass.card-hover:hover{border-color:color-mix(in srgb,var(--color-primary) 35%,var(--color-border-glass));box-shadow:var(--shadow-xl),var(--shadow-glow)}.attachments-section__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.attachments-section__header h3{margin:0}.attachments-section__upload-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--spacing-sm)}.upload-button{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);color:var(--color-text-on-primary, #fff);border-radius:var(--radius-md);cursor:pointer;font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);transition:background .2s ease}.upload-button:hover{background:var(--color-primary-dark, var(--color-primary))}.upload-button.uploading{opacity:.7;cursor:not-allowed}.attachments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md)}.attachment-item{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-surface-faint);border:1px solid var(--color-border);border-radius:var(--radius-md)}.attachment-info{display:flex;align-items:center;gap:var(--spacing-md);min-width:0}.file-icon{color:var(--color-primary);flex-shrink:0}.file-details{display:flex;flex-direction:column;min-width:0}.file-name{font-weight:var(--font-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-meta{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.attachment-actions{display:flex;gap:var(--spacing-xs);flex-shrink:0}.attachment-action-btn{min-width:2rem;min-height:2rem}@media(max-width:768px){.attachments-grid{grid-template-columns:1fr}.attachment-item{flex-direction:column;align-items:flex-start}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:1.5;color:var(--color-text-primary);background:linear-gradient(135deg,var(--color-bg-primary) 0%,var(--color-bg-gradient-end) 100%);min-height:100vh;max-width:100%;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:1.2;margin-bottom:var(--spacing-md)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin-bottom:var(--spacing-md)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}.page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-3xl);min-height:120px}.page-loading .loading-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.page-loading .loading-message{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.page-loading.page-loading--route{min-height:45vh}@keyframes spin{to{transform:rotate(360deg)}}.empty-state-pattern{text-align:center;padding:var(--spacing-3xl);color:var(--color-text-muted)}.empty-state-pattern .empty-state-icon{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-md);opacity:.6;display:block}.empty-state-pattern .empty-state-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.empty-state-pattern .empty-state-subtext{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-lg)}.empty-state-pattern .empty-state-action{margin-top:var(--spacing-md)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.text-primary{color:var(--color-primary)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-error)}.text-right{text-align:right;display:block}.font-semibold{font-weight:var(--font-weight-semibold)}.glass{background:var(--color-bg-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--color-border-glass);box-shadow:var(--shadow-lg)}.filters-bar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid var(--color-border);margin-bottom:var(--spacing-lg)}.filters-bar.glass{background:var(--color-bg-glass);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.filters-bar>*{flex:1;min-width:150px}.filters-bar .search-input{flex:2;min-width:200px}.filters-bar .button-group{flex:0 0 auto;align-self:flex-end;padding-bottom:2px}.table-responsive{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive>table{width:100%}.app-loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;color:var(--color-text-primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.animate-fade-in{animation:fadeIn .5s ease-out}.animate-slide-in{animation:slideInRight .5s ease-out}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-bg-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-light)}@media(max-width:1024px){.page-header,.detail-header,.sales-header,.customers-header,.quotes-page .page-header,.job-schedule-page__header{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.detail-header-right,.page-header .button-group{flex-wrap:wrap;justify-content:flex-start}}@media(max-width:768px){html{font-size:14px}.container{padding:0 var(--spacing-md)}.filters-bar>*{flex:1 1 100%;min-width:0}.filters-bar .search-input{flex:1 1 100%;min-width:0}.filters-bar .button-group{width:100%;justify-content:stretch}.filters-bar .button-group .btn{flex:1}.button-group{flex-wrap:wrap}.setting-actions,.setting-actions-inline,.security-item{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.page-header .btn,.detail-header .btn,.reports-header .btn,.page-header .header-actions .btn,.detail-header-right .btn{min-height:44px}.page-header .btn-sm,.detail-header .btn-sm{min-height:40px;padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}}@media(max-width:480px){html{font-size:13px}}*:focus{outline:none}*:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background-color:var(--color-primary);color:#fff}