:root{--bg-primary: #0a0a0a;--bg-secondary: #121212;--bg-tertiary: #1a1a1a;--bg-elevated: #242424;--bg-hover: #2a2a2a;--bg-input: #1e1e1e;--gold-primary: #D4AF37;--gold-light: #E5C158;--gold-dark: #B8860B;--gold-muted: #9A7928;--gold-glow: rgba(212, 175, 55, .15);--gold-glow-strong: rgba(212, 175, 55, .25);--text-primary: #FFFFFF;--text-secondary: #C4C4C4;--text-tertiary: #8A8A8A;--text-muted: #666666;--text-gold: var(--gold-primary);--border-primary: #2a2a2a;--border-secondary: #3a3a3a;--border-gold: var(--gold-primary);--border-white: rgba(255, 255, 255, .1);--border-focus: var(--gold-light);--success: #10B981;--success-bg: rgba(16, 185, 129, .1);--success-border: rgba(16, 185, 129, .3);--warning: #F59E0B;--warning-bg: rgba(245, 158, 11, .1);--warning-border: rgba(245, 158, 11, .3);--error: #EF4444;--error-bg: rgba(239, 68, 68, .1);--error-border: rgba(239, 68, 68, .3);--info: #60A5FA;--info-bg: rgba(96, 165, 250, .1);--info-border: rgba(96, 165, 250, .3);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .5);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .6), 0 2px 4px -2px rgba(0, 0, 0, .6);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .7), 0 4px 6px -4px rgba(0, 0, 0, .7);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .8), 0 8px 10px -6px rgba(0, 0, 0, .8);--shadow-gold: 0 0 20px rgba(212, 175, 55, .3);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 2.5rem;--space-3xl: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--transition-fast: .15s ease-in-out;--transition-base: .2s ease-in-out;--transition-slow: .3s ease-in-out;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 1000;--z-modal: 1100;--z-toast: 1200}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}.skip-nav{position:absolute;top:-40px;left:0;background:var(--gold-primary);color:var(--bg-primary);padding:var(--space-md) var(--space-lg);text-decoration:none;font-weight:600;border-radius:0 0 var(--radius-md) 0;z-index:calc(var(--z-modal) + 1);transition:top var(--transition-fast)}.skip-nav:focus{top:0;outline:3px solid var(--gold-light);outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}*:focus-visible{outline:3px solid var(--border-focus);outline-offset:2px;border-radius:var(--radius-sm)}*:focus:not(:focus-visible){outline:none}button{font-family:inherit;font-size:1rem;font-weight:600;border:none;border-radius:var(--radius-md);padding:var(--space-sm) var(--space-lg);cursor:pointer;transition:all var(--transition-base);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);min-height:44px;position:relative}button,.button-primary{background:linear-gradient(135deg,var(--gold-primary) 0%,var(--gold-dark) 100%);color:var(--bg-primary);box-shadow:var(--shadow-md)}button:hover,.button-primary:hover{background:linear-gradient(135deg,var(--gold-light) 0%,var(--gold-primary) 100%);box-shadow:var(--shadow-gold);transform:translateY(-1px)}button:active,.button-primary:active{transform:translateY(0);box-shadow:var(--shadow-sm)}button:disabled,.button-primary:disabled{background:var(--bg-elevated);color:var(--text-muted);cursor:not-allowed;opacity:.5;box-shadow:none;transform:none}.button-secondary{background:transparent;color:var(--text-primary);border:2px solid var(--border-secondary);box-shadow:none}.button-secondary:hover{background:var(--bg-hover);border-color:var(--border-gold);color:var(--text-gold);box-shadow:var(--shadow-md)}.button-tertiary{background:transparent;color:var(--text-gold);border:none;box-shadow:none;padding:var(--space-sm) var(--space-md)}.button-tertiary:hover{background:var(--gold-glow);color:var(--gold-light)}.button-danger{background:linear-gradient(135deg,var(--error) 0%,#dc2626 100%);color:var(--text-primary)}.button-danger:hover{background:linear-gradient(135deg,#f87171 0%,var(--error) 100%);box-shadow:0 0 20px #ef44444d}.button-link{background:transparent;color:var(--text-gold);border:2px solid var(--border-gold);text-decoration:none;box-shadow:none}.button-link:hover{background:var(--gold-glow);border-color:var(--gold-light);box-shadow:var(--shadow-md)}.button-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border-secondary);padding:var(--space-sm) var(--space-lg)}.button-ghost:hover{color:var(--text-gold);border-color:var(--border-gold);background:var(--bg-hover)}.button-sm{padding:var(--space-xs) var(--space-md);font-size:.875rem;min-height:36px}.button-lg{padding:var(--space-md) var(--space-xl);font-size:1.125rem;min-height:52px}input,select,textarea{font-family:inherit;font-size:1rem;background:var(--bg-input);color:var(--text-primary);border:2px solid var(--border-secondary);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);transition:all var(--transition-base);min-height:44px;width:100%}input:hover,select:hover,textarea:hover{border-color:var(--border-gold)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--gold-primary);box-shadow:0 0 0 3px var(--gold-glow);background:var(--bg-secondary)}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--error)}input[aria-invalid=true]:focus,select[aria-invalid=true]:focus,textarea[aria-invalid=true]:focus{box-shadow:0 0 0 3px var(--error-bg)}input:disabled,select:disabled,textarea:disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed;opacity:.6}input[type=checkbox],input[type=radio]{width:auto;min-height:20px;accent-color:var(--gold-primary);cursor:pointer}input[type=search]{padding-right:var(--space-xl)}label{display:block;font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-xs);font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.form-group{margin-bottom:var(--space-lg)}.form-error{color:var(--error);font-size:.875rem;margin-top:var(--space-xs);display:flex;align-items:center;gap:var(--space-xs)}.input-error,input.input-error,select.input-error,textarea.input-error{border-color:var(--error)!important;box-shadow:0 0 0 1px var(--error)}.form-helper{color:var(--text-tertiary);font-size:.875rem;margin-top:var(--space-xs)}.header{background:var(--bg-secondary);border-bottom:2px solid var(--border-secondary);box-shadow:var(--shadow-lg);position:sticky;top:0;z-index:var(--z-sticky);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-brand-row{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-xl)}.header-brand-spacer{flex:1}.header-utility{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:var(--space-lg)}.header-nav-row{max-width:1400px;margin:0 auto;display:flex;justify-content:center;padding:0 var(--space-xl) var(--space-sm);border-top:1px solid var(--border-primary)}.header-content{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-xl);min-height:80px}.logo{display:flex;align-items:center;gap:var(--space-sm);font-size:1.25rem;font-weight:700;color:var(--gold-primary);text-decoration:none;transition:all var(--transition-base)}.logo:hover{color:var(--gold-light);transform:translateY(-2px)}.barrel-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--gold-primary) 0%,var(--gold-dark) 100%);border-radius:var(--radius-md);position:relative;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-gold);transition:all var(--transition-base)}.logo:hover .barrel-icon{box-shadow:0 0 30px #d4af3780;transform:rotate(5deg)}.barrel-icon:before{content:"";width:26px;height:30px;background:linear-gradient(90deg,#8b4513,sienna,#8b4513);border-radius:var(--radius-sm);border:2px solid var(--bg-primary)}.barrel-icon:after{content:"";position:absolute;width:30px;height:2px;background:var(--bg-primary);top:50%;left:50%;transform:translate(-50%,-50%)}.warehouse-selector{display:flex;align-items:center;gap:var(--space-sm);margin-left:var(--space-lg)}.warehouse-selector-label{font-size:.875rem;font-weight:600;color:var(--text-tertiary)}.warehouse-select{padding:var(--space-xs) var(--space-md);border:1px solid var(--border-secondary);border-radius:var(--radius-md);background:var(--bg-elevated);color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:all var(--transition-base)}.warehouse-select:hover{border-color:var(--border-gold)}.warehouse-select:focus{outline:none;border-color:var(--gold-primary);box-shadow:0 0 0 2px var(--gold-glow)}.header-create-label-btn{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);background:linear-gradient(135deg,var(--gold-primary) 0%,var(--gold-dark) 100%);color:var(--bg-primary);font-weight:600;font-size:.875rem;text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-base);box-shadow:var(--shadow-gold);white-space:nowrap}.header-create-label-btn:hover{transform:translateY(-2px);box-shadow:0 0 20px #d4af3780;color:var(--bg-primary)}.header-create-label-btn:active{transform:translateY(0)}.nav-menu{display:flex;gap:var(--space-sm);list-style:none;align-items:center}.nav-item a{text-decoration:none;color:var(--text-secondary);font-weight:500;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);transition:all var(--transition-base);display:block;position:relative;display:inline-flex;align-items:center;gap:var(--space-xs)}.nav-icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;color:var(--text-secondary)}.nav-item a:hover .nav-icon-wrapper,.nav-item a.active .nav-icon-wrapper{color:var(--text-gold)}.nav-label{line-height:1.4}.nav-item a:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--gold-primary);transition:all var(--transition-base);transform:translate(-50%)}.nav-item a:hover{background:var(--bg-elevated);color:var(--text-gold)}.nav-item a:hover:after{width:80%}.nav-item a.active{color:var(--text-gold);background:var(--gold-glow)}.nav-logout-button{text-decoration:none;color:var(--text-secondary);font-weight:500;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);transition:all var(--transition-base);display:inline-flex;align-items:center;gap:var(--space-xs);background:transparent;border:none;cursor:pointer;font-family:inherit;font-size:inherit}.nav-logout-button:hover{background:var(--bg-elevated);color:var(--text-gold)}.nav-dropdown{position:relative}.nav-dropdown-trigger{display:inline-flex;align-items:center;gap:var(--space-xs);text-decoration:none;color:var(--text-secondary);font-weight:500;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);transition:all var(--transition-base);background:transparent;border:none;cursor:pointer;font-family:inherit;font-size:inherit}.nav-dropdown-trigger:hover{background:var(--bg-elevated);color:var(--text-gold)}.nav-dropdown-trigger.active{color:var(--text-gold);background:var(--gold-glow)}.dropdown-arrow{width:12px;height:12px;transition:transform var(--transition-base)}.nav-dropdown-trigger[aria-expanded=true] .dropdown-arrow{transform:rotate(180deg)}.nav-dropdown-menu{position:absolute;top:100%;left:0;min-width:180px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-xs) 0;z-index:calc(var(--z-sticky) + 10);list-style:none;margin-top:var(--space-xs)}.nav-dropdown-menu li{margin:0}.nav-dropdown-menu a{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);color:var(--text-secondary);text-decoration:none;transition:all var(--transition-base);white-space:nowrap}.nav-dropdown-menu a:hover{background:var(--bg-elevated);color:var(--text-gold)}.nav-dropdown-menu a.active{color:var(--text-gold);background:var(--gold-glow)}.nav-dropdown-menu .nav-icon-wrapper{width:1rem;height:1rem}.nav-dropdown-menu-right{left:auto;right:0}.nav-dropdown-divider{height:1px;margin:var(--space-xs) 0;background:var(--border-primary)}.nav-dropdown-logout-button{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-lg);color:var(--text-secondary);text-decoration:none;transition:all var(--transition-base);white-space:nowrap;background:transparent;border:none;cursor:pointer;font-family:inherit;font-size:inherit;text-align:left}.nav-dropdown-logout-button:hover{background:var(--bg-elevated);color:var(--text-gold)}@media(max-width:768px){.header-brand-row{padding:var(--space-sm) var(--space-md)}.header-nav-row{padding:0 var(--space-sm) var(--space-xs)}.header-utility{gap:var(--space-sm)}.logo{font-size:1rem}.barrel-icon{width:32px;height:32px}.barrel-icon:before{width:20px;height:24px}.barrel-icon:after{width:24px}.nav-menu{gap:0;flex-wrap:wrap;justify-content:center}.nav-item a,.nav-dropdown-trigger{padding:var(--space-sm) var(--space-md);font-size:.875rem}.nav-dropdown-menu{min-width:160px}.nav-dropdown-menu a{padding:var(--space-sm) var(--space-md);font-size:.875rem}}.main-content{max-width:1400px;margin:0 auto;padding:var(--space-2xl) var(--space-xl);min-height:calc(100vh - 120px)}@media(max-width:768px){.main-content{padding:var(--space-xl) var(--space-md)}}.content-section{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-xl);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.content-section:hover{border-color:var(--border-secondary);box-shadow:var(--shadow-lg)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);flex-wrap:wrap;gap:var(--space-md)}.section-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:var(--space-sm)}.section-subtitle{color:var(--text-tertiary);font-size:.875rem;margin-top:var(--space-xs);font-weight:400}.section-actions{display:flex;gap:var(--space-md);flex-wrap:wrap}.products-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);padding:var(--space-md) var(--space-lg);background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-lg)}.toolbar-actions{display:flex;gap:var(--space-md);margin-left:auto}.toolbar-search{flex:1;min-width:200px}.toolbar-search input{width:100%}.toolbar-filters{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center}.toolbar-sort select{min-width:180px}.filter-chip{display:inline-flex;align-items:center;gap:var(--space-xs);padding:4px 12px;border-radius:var(--radius-full);font-size:.8rem;font-weight:600;cursor:pointer;border:1px solid var(--border-secondary);background:var(--bg-tertiary);color:var(--text-secondary);transition:all var(--transition-fast)}.filter-chip:hover{border-color:var(--gold-primary);color:var(--text-primary)}.filter-chip.active{background:var(--gold-primary);color:var(--bg-primary);border-color:var(--gold-primary)}@media(max-width:768px){.products-toolbar{flex-direction:column;align-items:stretch}.toolbar-actions{margin-left:0;justify-content:flex-end}.toolbar-search{max-width:none}}.inline-form{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-lg);padding:var(--space-lg);background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-lg)}.inline-form input,.inline-form select{min-width:200px;flex:1}.inline-form button{flex-shrink:0}@media(max-width:768px){.inline-form{flex-direction:column}.inline-form input,.inline-form select,.inline-form button{width:100%}}.table-container{overflow-x:auto;border:1px solid var(--border-primary);border-radius:var(--radius-lg);background:var(--bg-tertiary)}.table{width:100%;border-collapse:collapse}.table thead{background:var(--bg-elevated);border-bottom:2px solid var(--border-gold)}.table th{padding:var(--space-md);text-align:left;font-weight:700;color:var(--text-gold);text-transform:uppercase;font-size:.875rem;letter-spacing:.5px}.table td{padding:var(--space-md);border-bottom:1px solid var(--border-primary);color:var(--text-secondary)}.table tbody tr{transition:all var(--transition-fast)}.table tbody tr:hover{background:var(--bg-hover)}.table tbody tr.clickable-row{cursor:pointer}.table-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.table tbody tr.clickable-row:hover{background:var(--bg-elevated);box-shadow:inset 0 0 0 2px var(--border-gold)}.table tbody tr:last-child td{border-bottom:none}.checkbox-col{width:40px;text-align:center}.barrel-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--gold-primary)}.table tbody tr.selected-row{background:#d4af3714;border-color:var(--border-gold)}.table tbody tr.selected-row:hover{background:#d4af371f}.barrel-action-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);background:var(--bg-elevated);border:1px solid var(--border-gold);border-radius:var(--radius-md);margin-bottom:var(--space-md);animation:modal-fade-in .2s ease}.barrel-action-bar-count{font-size:.875rem;font-weight:600;color:var(--text-gold)}.barrel-action-bar-buttons{display:flex;gap:var(--space-sm)}.empty-state{text-align:center;padding:var(--space-3xl) var(--space-xl);color:var(--text-tertiary)}.empty-state-icon{font-size:4rem;margin-bottom:var(--space-lg);opacity:.3}.empty-state-title{font-size:1.25rem;font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-sm)}.empty-state-text{color:var(--text-tertiary);margin-bottom:var(--space-lg)}.status-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border:1px solid}.status-badge.pending{background:var(--warning-bg);color:var(--warning);border-color:var(--warning-border)}.status-badge.in-progress{background:var(--info-bg);color:var(--info);border-color:var(--info-border)}.status-badge.completed{background:var(--success-bg);color:var(--success);border-color:var(--success-border)}.status-badge.failed,.status-badge.error{background:var(--error-bg);color:var(--error);border-color:var(--error-border)}.status-badge.draft{background:var(--bg-elevated);color:var(--text-secondary);border-color:var(--border-secondary)}.status-badge.submitted{background:var(--info-bg);color:var(--info);border-color:var(--info-border)}.status-badge.approved{background:var(--success-bg);color:var(--success);border-color:var(--success-border)}.status-badge.rejected{background:var(--error-bg);color:var(--error);border-color:var(--error-border)}.status-badge.validation-failed{background:var(--warning-bg);color:var(--warning);border-color:var(--warning-border)}.status-badge.pending-review{background:#fef3c7;color:#92400e;border-color:#fcd34d}.status-badge.archived{background:var(--bg-tertiary);color:var(--text-muted);border-color:var(--border-secondary)}.status-pill{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);font-weight:700;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;display:inline-block}.status-pill.connected{background:linear-gradient(135deg,var(--success) 0%,#059669 100%);color:var(--text-primary);box-shadow:0 0 20px #10b9814d}.status-pill.disconnected{background:linear-gradient(135deg,var(--warning) 0%,#d97706 100%);color:var(--bg-primary);box-shadow:0 0 20px #f59e0b4d}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);animation:modal-fade-in var(--transition-base);overflow:hidden}.modal{background:var(--bg-primary);width:50vw;height:50vh;min-width:360px;min-height:300px;border-radius:var(--radius-lg);border:1px solid var(--border-secondary);box-shadow:0 25px 60px #00000080;display:flex;flex-direction:column;z-index:var(--z-modal);animation:modal-slide-up var(--transition-slow);overflow:hidden;resize:both}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-slide-up{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-content{background:var(--bg-primary);width:100%;padding:var(--space-lg);overflow-y:auto;flex:1;position:relative}.modal-content.wide{max-width:none}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:2px solid var(--border-secondary);background:var(--bg-secondary);flex-shrink:0;margin:0}.modal-header h2,.modal-header h3{font-size:1.25rem;font-weight:700;color:var(--text-gold);margin:0;padding:0;border:none}.modal-close{width:36px;height:36px;border-radius:var(--radius-md);border:2px solid var(--border-secondary);background:var(--bg-elevated);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base);flex-shrink:0;padding:0;font-size:1.25rem;line-height:1;min-height:36px}.modal-close:hover{background:var(--error-bg);border-color:var(--error);color:var(--error)}.modal-subtitle{color:var(--text-secondary);margin-top:0;margin-bottom:var(--space-md);font-size:.875rem}.modal-grid{display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.modal-content h2,.modal-content h3{font-size:1.125rem;font-weight:700;color:var(--text-gold);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-secondary)}.modal-content label{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-md)}.modal-content input,.modal-content select,.modal-content textarea{width:100%}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-md);margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--border-secondary);flex-wrap:wrap}.modal-error,.forecast-error{color:var(--error);font-weight:600;margin-top:var(--space-md);padding:var(--space-md);background:var(--error-bg);border:1px solid var(--error-border);border-radius:var(--radius-md)}@media(max-width:768px){.modal{width:90vw;max-height:80vh}.modal-content{padding:var(--space-md)}.modal-actions{flex-direction:column}.modal-actions button{width:100%}}.ttb-report-modal-backdrop{background:#0009!important;align-items:center!important;justify-content:center!important}.ttb-report-modal-dialog{background:var(--bg-primary);width:50vw;max-width:600px;max-height:50vh;border-radius:var(--radius-lg);border:1px solid var(--border-secondary);box-shadow:0 25px 60px #00000080;display:flex;flex-direction:column;overflow:hidden;animation:modal-slide-up var(--transition-slow)}.ttb-report-modal-dialog .modal-header{position:relative;flex-shrink:0}.ttb-report-modal-dialog .ttb-generate-modal{overflow-y:auto;padding:var(--space-xl);flex:1}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a0ae6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:var(--z-overlay)}.loading-spinner{width:4rem;height:4rem;border:4px solid var(--border-secondary);border-top-color:var(--gold-primary);border-radius:50%;animation:loading-spin 1s linear infinite;box-shadow:var(--shadow-gold)}@keyframes loading-spin{to{transform:rotate(360deg)}}.inline-spinner{display:inline-flex;align-items:center;gap:var(--space-xs)}.inline-spinner-icon{display:inline-block;border:2px solid var(--border-secondary);border-top-color:var(--gold-primary);border-radius:50%;animation:loading-spin .8s linear infinite}.inline-spinner--sm .inline-spinner-icon{width:14px;height:14px}.inline-spinner--md .inline-spinner-icon{width:20px;height:20px}.inline-spinner--lg .inline-spinner-icon{width:28px;height:28px;border-width:3px}.inline-spinner-label{color:var(--text-secondary);font-size:.875rem}.toast-container{position:fixed;top:calc(80px + var(--space-lg));right:var(--space-lg);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-md);max-width:400px}.toast{padding:var(--space-lg);border-radius:var(--radius-lg);font-weight:600;box-shadow:var(--shadow-xl);animation:toast-slide-in var(--transition-base);border:2px solid;display:flex;align-items:center;gap:var(--space-md)}@keyframes toast-slide-in{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.toast-success{background:var(--success-bg);color:var(--success);border-color:var(--success-border)}.toast-error{background:var(--error-bg);color:var(--error);border-color:var(--error-border)}.toast-warning{background:var(--warning-bg);color:var(--warning);border-color:var(--warning-border)}.toast-info{background:var(--info-bg);color:var(--info);border-color:var(--info-border)}@media(max-width:768px){.toast-container{right:var(--space-md);left:var(--space-md);max-width:none}}.filter-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg);background:var(--bg-elevated);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);padding:var(--space-lg)}.filter-panel label{display:flex;flex-direction:column;gap:var(--space-sm)}.alert-stack{display:flex;flex-direction:column;gap:var(--space-sm);margin:var(--space-lg) 0}.alert{padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--border-secondary);background:var(--bg-elevated);color:var(--text-primary)}.alert.alert-error{border-color:var(--error-border);background:var(--error-bg);color:var(--error)}.alert.alert-success{border-color:var(--success-border);background:var(--success-bg);color:var(--success)}.pdf-frame{margin-top:var(--space-md);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-elevated);min-height:60vh}.pdf-iframe{width:100%;height:100%;border:none;background:var(--bg-tertiary)}.sync-status-badge{display:inline-flex;align-items:center;justify-content:center;min-width:100px;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:.75rem;font-weight:700;text-transform:capitalize;letter-spacing:.5px;border:1px solid}.sync-status-badge.pending{background:var(--bg-elevated);color:var(--text-tertiary);border-color:var(--border-secondary)}.sync-status-badge.inprogress{background:var(--warning-bg);color:var(--warning);border-color:var(--warning-border)}.sync-status-badge.success{background:var(--success-bg);color:var(--success);border-color:var(--success-border)}.sync-status-badge.failed{background:var(--error-bg);color:var(--error);border-color:var(--error-border)}.sync-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.pagination-bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-md);margin-top:var(--space-lg)}.pagination-controls{display:flex;align-items:center;gap:var(--space-sm)}.pagination-page{font-weight:700;color:var(--text-gold)}.entity-link{color:var(--text-gold);text-decoration:none;font-weight:600;transition:all var(--transition-fast);border-bottom:1px solid transparent}.entity-link:hover{color:var(--gold-light);border-bottom-color:var(--gold-light)}.text-center{text-align:center}.text-right{text-align:right}.text-gold{color:var(--text-gold)}.text-muted{color:var(--text-tertiary)}.text-error{color:var(--error)}.text-success{color:var(--success)}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-sm)}.mt-2{margin-top:var(--space-md)}.mt-3{margin-top:var(--space-lg)}.mt-4{margin-top:var(--space-xl)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-sm)}.mb-2{margin-bottom:var(--space-md)}.mb-3{margin-bottom:var(--space-lg)}.mb-4{margin-bottom:var(--space-xl)}.flex{display:flex}.flex-col{flex-direction:column}.gap-1{gap:var(--space-sm)}.gap-2{gap:var(--space-md)}.gap-3{gap:var(--space-lg)}.gap-4{gap:var(--space-xl)}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.w-full{width:100%}@media(max-width:1024px){:root{font-size:15px}}@media(max-width:768px){:root{font-size:14px}.hide-mobile{display:none!important}}@media(min-width:769px){.show-mobile{display:none!important}}.button-small{padding:var(--space-xs) var(--space-sm);font-size:.75rem;border-radius:var(--radius-sm)}.button-success{background:var(--success);color:#fff;border:1px solid var(--success)}.password-field-row{display:flex;align-items:center;gap:var(--space-sm)}.password-input-wrapper{position:relative;flex:1}.password-input-wrapper .form-input{width:100%;padding-right:2.5rem}.password-toggle-btn{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast)}.password-toggle-btn:hover{color:var(--text-primary)}.form-input,.form-select{padding:var(--space-sm) var(--space-md);background:var(--bg-input);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;transition:var(--transition-fast)}.form-input:focus,.form-select:focus{outline:none;border-color:var(--gold-primary);box-shadow:0 0 0 2px var(--gold-glow)}.form-textarea{padding:var(--space-sm) var(--space-md);background:var(--bg-input);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;resize:vertical;min-height:80px}.form-textarea:focus{outline:none;border-color:var(--gold-primary);box-shadow:0 0 0 2px var(--gold-glow)}.form-label{font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-xs)}.form-field{margin-bottom:var(--space-md)}.checkbox-field{display:flex;align-items:center}.checkbox-label{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;color:var(--text-secondary)}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--gold-primary)}.required{color:var(--error)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-primary);border-top-color:var(--gold-primary);border-radius:50%;animation:spin 1s linear infinite}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-md);margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--border-primary)}.pagination-button{padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.8125rem;cursor:pointer;transition:var(--transition-fast)}.pagination-button:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);border-color:var(--gold-primary)}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-size:.875rem;color:var(--text-secondary)}.alert{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);margin-bottom:var(--space-lg)}.alert-close{background:transparent;border:none;color:inherit;font-size:1.25rem;cursor:pointer;padding:0;line-height:1}.modal-small{max-width:none}.modal-body{padding:var(--space-lg);width:100%;overflow-y:auto;flex:1}.modal-footer{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--border-secondary);display:flex;justify-content:flex-end;gap:var(--space-md);width:100%;flex-shrink:0}.dashboard-container{display:flex;flex-direction:column;gap:var(--space-xl)}.dashboard-header .header-content{display:flex;flex-direction:column;gap:var(--space-xs)}.dashboard-error{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);background:var(--error-bg);border:1px solid var(--error-border);color:var(--error)}.dashboard-error-text{display:flex;flex-direction:column;gap:4px}.dashboard-error-title{margin:0;font-weight:700}.dashboard-error-details{margin:0;color:var(--text-primary)}.page-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0}.page-subtitle{font-size:1rem;color:var(--text-tertiary);margin:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-lg)}.stat-card{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;gap:var(--space-md);transition:all var(--transition-base)}.stat-card:hover{border-color:var(--border-gold);box-shadow:var(--shadow-md)}.stat-card--clickable{cursor:pointer}.stat-card--clickable:focus-visible{outline:2px solid var(--gold-primary);outline-offset:2px}.stat-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon .icon{font-size:1.5rem}.stat-icon.products{background:var(--info-bg)}.stat-icon.completed{background:var(--success-bg)}.stat-icon.pending{background:var(--warning-bg)}.stat-icon.progress{background:var(--gold-glow)}.stat-content{display:flex;flex-direction:column;gap:var(--space-xs)}.stat-label{font-size:.875rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin:0}.stat-value{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0}.stat-change{display:flex;align-items:center;gap:var(--space-xs);font-size:.75rem;font-weight:500}.change-icon{font-weight:700}.products-section{margin-top:var(--space-lg)}.section-header{margin-bottom:var(--space-lg)}.section-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.section-subtitle{font-size:.9375rem;color:var(--text-tertiary);margin:var(--space-xs) 0 0 0}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-lg)}.product-card{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-base)}.product-card:hover{border-color:var(--border-gold);box-shadow:var(--shadow-md)}.product-card.expanded{border-color:var(--gold-primary);box-shadow:var(--shadow-gold)}.product-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-md);gap:var(--space-sm)}.product-title-section{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap;min-width:0;flex:1}.product-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0;word-break:break-word;overflow-wrap:break-word}.expand-button{background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;padding:var(--space-xs);min-height:32px;min-width:32px;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.expand-button:hover{background:var(--bg-hover);color:var(--gold-primary)}.expand-icon{display:inline-block;font-size:1.25rem;transition:transform var(--transition-fast)}.expand-icon.rotated{transform:rotate(90deg)}.progress-section{margin-bottom:var(--space-md)}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xs)}.progress-label{font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.progress-percentage{font-size:.875rem;font-weight:600;color:var(--gold-primary)}.progress-bar{height:8px;background:var(--bg-elevated);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--gold-primary) 0%,var(--gold-light) 100%);border-radius:var(--radius-full);transition:width var(--transition-slow)}.task-summary{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0}.task-stat{display:flex;align-items:center;gap:var(--space-xs)}.task-stat-icon{font-size:.875rem}.task-stat-value{font-weight:600;color:var(--text-primary)}.task-stat-label{font-size:.75rem;color:var(--text-tertiary)}.task-stat-divider{width:1px;height:20px;background:var(--border-secondary);margin:0 var(--space-sm)}.tasks-list{border-top:1px solid var(--border-secondary);padding-top:var(--space-md);margin-top:var(--space-md)}.tasks-header h4{font-size:.875rem;font-weight:600;color:var(--text-secondary);margin:0 0 var(--space-sm) 0}.tasks-empty{font-size:.875rem;color:var(--text-tertiary);text-align:center;padding:var(--space-md)}.tasks-items{display:flex;flex-direction:column;gap:var(--space-xs)}.task-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:var(--bg-elevated);border-radius:var(--radius-md);transition:all var(--transition-fast)}.task-item:hover{background:var(--bg-hover)}.task-item.completed .task-name{text-decoration:line-through}.task-checkbox{width:18px;height:18px;accent-color:var(--gold-primary);cursor:pointer}.task-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.task-name{font-size:.875rem;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assignee-icon{font-size:.6875rem}.task-actions{display:flex;gap:var(--space-xs);flex-shrink:0}.task-action-button{padding:var(--space-xs) var(--space-sm);font-size:.75rem;min-height:28px}.task-action-button.unassign{background:transparent;color:var(--text-tertiary);border:1px solid var(--border-secondary)}.task-action-button.unassign:hover{color:var(--error);border-color:var(--error)}.assignee-select{padding:var(--space-xs) var(--space-sm);font-size:.75rem;min-height:28px;min-width:120px;background:var(--bg-input);border:1px solid var(--border-secondary);border-radius:var(--radius-sm);color:var(--text-primary)}.empty-state{text-align:center;padding:var(--space-3xl)}.empty-icon{font-size:4rem;opacity:.3;margin-bottom:var(--space-lg)}.tab-navigation{display:flex;gap:var(--space-sm);border-bottom:2px solid var(--border-secondary);margin-bottom:var(--space-lg)}.tab-button{padding:var(--space-md) var(--space-lg);background:transparent;border:none;color:var(--text-secondary);font-weight:500;cursor:pointer;position:relative;transition:all var(--transition-fast);min-height:44px}.tab-button:hover{color:var(--text-gold);background:var(--gold-glow)}.tab-button.active{color:var(--text-gold)}.tab-button.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--gold-primary)}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-bottom:1.5rem}.admin-stats-grid .admin-stat-card{display:flex;flex-direction:column;gap:.25rem}.admin-stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-weight:600}.admin-stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.admin-text-gold{color:var(--gold-primary)}.admin-filters-bar{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-bottom:1.5rem;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md)}.admin-filter-group{display:flex;align-items:center;gap:.25rem}.settings-form-compact .form-section{margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--border-primary)}.settings-form-compact .form-section:last-of-type{border-bottom:none}.settings-form-compact .form-section-title{margin-bottom:.75rem;font-size:.875rem}.settings-form-compact .form-group{margin-bottom:.5rem}.settings-form-compact .form-row{display:flex;gap:var(--space-md);flex-wrap:wrap}.settings-form-compact .form-row>.form-group{flex:1;min-width:180px}.admin-command-center{display:grid;grid-template-columns:220px 1fr 300px;height:calc(100vh - 80px);overflow:hidden}@media(min-width:1025px){.admin-command-center.sidebar-collapsed{grid-template-columns:40px 1fr 300px}.admin-command-center.right-collapsed{grid-template-columns:220px 1fr 40px}.admin-command-center.sidebar-collapsed.right-collapsed{grid-template-columns:40px 1fr 40px}}.admin-panel-toggle{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:var(--space-xs);font-size:.625rem;transition:color var(--transition-fast)}.admin-panel-toggle:hover{color:var(--gold-primary)}.admin-sidebar-header{display:flex;align-items:center;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-primary);flex-shrink:0}.admin-sidebar.collapsed .admin-sidebar-header{padding:var(--space-sm) 0;justify-content:center}.admin-sidebar-title{font-size:.8125rem;font-weight:700;color:var(--text-primary);flex:1}.sidebar-toggle{padding:var(--space-xs);width:auto;justify-content:center}.right-panel-toggle{padding:var(--space-sm) var(--space-md);width:100%;justify-content:flex-start;border-bottom:1px solid var(--border-primary);flex-shrink:0}.admin-sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-primary);overflow-y:auto;display:flex;flex-direction:column}.admin-sidebar.collapsed,.admin-right-panel.collapsed{overflow:hidden}.admin-sidebar-section{padding:var(--space-sm) var(--space-md) var(--space-xs);font-size:.625rem;color:var(--text-muted);letter-spacing:1.5px;text-transform:uppercase;font-weight:600}.admin-sidebar-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);cursor:pointer;color:var(--text-muted);border-left:2px solid transparent;font-size:.8125rem;transition:all var(--transition-fast);background:none;border-top:none;border-right:none;border-bottom:none;width:100%;text-align:left}.admin-sidebar-item:hover{background:var(--gold-glow);color:var(--text-primary)}.admin-sidebar-item.active{background:var(--gold-glow);color:var(--text-primary);border-left-color:var(--gold-primary)}.admin-sidebar-item.locked{opacity:.38;cursor:not-allowed}.admin-sidebar-item .nav-count{margin-left:auto;font-size:.625rem;background:var(--bg-tertiary);padding:1px 7px;border-radius:var(--radius-full);color:var(--text-tertiary)}.admin-center-content{overflow-y:auto;display:flex;flex-direction:column;min-width:0}.admin-content-header{padding:var(--space-lg) var(--space-lg) var(--space-md);border-bottom:1px solid var(--border-primary);flex-shrink:0;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md)}.admin-content-header h2{font-size:1.25rem;font-weight:800;margin:0 0 var(--space-xs) 0}.admin-content-header p{color:var(--text-muted);font-size:.75rem;margin:0}.admin-content-body{padding:var(--space-lg);flex:1}.admin-right-panel{border-left:1px solid var(--border-primary);background:var(--bg-secondary);display:flex;flex-direction:column;overflow:hidden}.admin-rp-header{padding:var(--space-md) var(--space-md) var(--space-sm);border-bottom:1px solid var(--border-primary);flex-shrink:0}.admin-rp-header-top{display:flex;align-items:center;gap:var(--space-sm)}.admin-rp-title{font-size:.8125rem;font-weight:700;flex:1}.admin-rp-count{font-size:.625rem;color:var(--text-muted);background:var(--bg-tertiary);padding:2px var(--space-sm);border-radius:var(--radius-full)}.admin-rp-view-toggle{display:flex;gap:var(--space-xs);margin-top:var(--space-sm)}.admin-rp-view-toggle .filter-chip{font-size:.6875rem;padding:2px 10px}.admin-rp-sort{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-primary);flex-shrink:0}.admin-rp-sort .filter-chip{font-size:.6875rem;padding:2px 10px}.admin-rp-feed{overflow-y:auto;flex:1}.admin-task-item{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-primary);transition:background var(--transition-fast)}.admin-task-item:hover{background:var(--bg-tertiary)}.admin-task-item:last-child{border-bottom:none}.admin-task-item-top{display:flex;align-items:flex-start;gap:var(--space-sm);margin-bottom:6px}.admin-task-dot{width:7px;height:7px;border-radius:50%;background:var(--success);margin-top:4px;flex-shrink:0}.admin-task-name{font-size:.78rem;font-weight:600;color:var(--text-primary);flex:1;line-height:1.35}.admin-task-product{font-size:.6875rem;color:var(--text-muted);margin-bottom:var(--space-sm);display:flex;align-items:center;gap:6px}.admin-task-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.admin-task-user{display:flex;align-items:center;gap:5px}.admin-task-user-avatar{width:18px;height:18px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:.5rem;font-weight:700;flex-shrink:0;background:var(--gold-glow);border:1px solid var(--gold-muted);color:var(--gold-primary)}.admin-task-user-name{font-size:.6875rem;color:var(--text-tertiary)}.admin-task-sep{width:3px;height:3px;border-radius:50%;background:var(--text-muted)}.admin-task-duration{display:flex;align-items:center;gap:4px}.admin-task-dur-val{font-size:.6875rem;font-weight:500}.admin-task-dur-lbl{font-size:.625rem;color:var(--text-muted)}.admin-task-time{font-size:.625rem;color:var(--text-muted);margin-left:auto}.admin-dur-bar-wrap{margin-top:6px;display:flex;align-items:center;gap:7px}.admin-dur-bar-track{flex:1;height:3px;background:var(--bg-tertiary);border-radius:2px;overflow:hidden}.admin-dur-bar-fill{height:100%;border-radius:2px}.admin-dur-bar-lbl{font-size:.625rem;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.admin-stats-row{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md)}.admin-stat-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--space-md) var(--space-md);flex:1}.admin-stat-card .stat-label{font-size:.5625rem;color:var(--text-muted);letter-spacing:1.2px;margin-bottom:5px;text-transform:uppercase}.admin-stat-card .stat-value{font-size:1.625rem;font-weight:800}.admin-stat-card .stat-sub{font-size:.6875rem;color:var(--text-muted);margin-top:2px}.admin-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--space-md)}.admin-card-head{padding:var(--space-sm) var(--space-md);display:flex;align-items:center;gap:var(--space-sm);border-bottom:1px solid var(--border-primary);font-weight:600;font-size:.8125rem}.admin-card-head-right{margin-left:auto;display:flex;align-items:center;gap:var(--space-sm)}.admin-table{width:100%;border-collapse:collapse}.admin-table th{padding:9px var(--space-md);text-align:left;font-size:.5625rem;color:var(--text-muted);letter-spacing:1.2px;border-bottom:1px solid var(--border-primary);white-space:nowrap;text-transform:uppercase}.admin-table td{padding:10px var(--space-md);border-bottom:1px solid var(--border-primary);vertical-align:middle}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:var(--bg-tertiary)}.admin-kv{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid var(--border-primary);font-size:.8125rem}.admin-kv:last-child{border-bottom:none}.admin-kv-label{color:var(--text-muted);font-size:.6875rem}.admin-prog-track{height:5px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden;margin-top:4px}.admin-prog-fill{height:100%;border-radius:3px}.admin-avatar{width:28px;height:28px;border-radius:var(--radius-md);background:var(--info-bg);border:1px solid var(--info-border);display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:700;color:var(--info);flex-shrink:0}@media(max-width:1024px){.admin-command-center{grid-template-columns:1fr;grid-template-rows:auto 1fr}.admin-sidebar{position:sticky;top:0;z-index:10;display:flex;flex-direction:row;overflow-x:auto;gap:0;padding:.5rem .75rem;border-right:none;border-bottom:1px solid var(--border-primary);background:var(--bg-secondary);-webkit-overflow-scrolling:touch;scrollbar-width:none}.admin-sidebar::-webkit-scrollbar{display:none}.admin-sidebar-section{display:none}.admin-sidebar-item{white-space:nowrap;padding:.375rem .75rem;font-size:.75rem;border-radius:6px}.admin-right-panel,.admin-sidebar-header,.admin-panel-toggle{display:none}.admin-content-body{padding:var(--space-md)}.admin-stats-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}.admin-filters-bar{flex-direction:column;align-items:stretch;gap:.75rem}.admin-filters-bar>div[style*="margin-left: auto"]{margin-left:0!important}.admin-content-body .table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-content-body .table th,.admin-content-body .table td{padding:var(--space-sm);font-size:.8125rem;white-space:nowrap}.equipment-section .section-header{flex-direction:column;gap:var(--space-md)}.equipment-section .section-title{font-size:1.125rem}}@media(min-width:1025px)and (max-width:1280px){.admin-command-center{grid-template-columns:200px 1fr 260px}.admin-command-center.sidebar-collapsed{grid-template-columns:40px 1fr 260px}.admin-command-center.right-collapsed{grid-template-columns:200px 1fr 40px}.admin-command-center.sidebar-collapsed.right-collapsed{grid-template-columns:40px 1fr 40px}}.tasks-list{display:flex;flex-direction:column;gap:var(--space-xs)}.task-row{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.task-row:hover{border-color:var(--border-gold);box-shadow:var(--shadow-sm)}.task-row--selected{border-color:var(--gold-primary);background:var(--bg-secondary)}.task-row--complete{opacity:.7}.task-row-action{flex-shrink:0}.task-complete-btn{padding:var(--space-xs) var(--space-md);border:1px solid var(--gold-primary);border-radius:var(--radius-md);background:transparent;color:var(--gold-primary);font-size:.8rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.task-complete-btn:hover{background:var(--gold-primary);color:var(--bg-primary)}.task-complete-btn--done{border-color:var(--success, #4caf50);color:var(--success, #4caf50);opacity:.8}.task-complete-btn--done:hover{background:var(--success, #4caf50);color:var(--bg-primary);opacity:1}.task-row-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.task-row-name{font-weight:500;color:var(--text-primary)}.task-row-name--complete{text-decoration:line-through;color:var(--text-secondary)}.task-row-product{font-size:.85rem;color:var(--text-secondary)}.task-row-meta{display:flex;gap:var(--space-sm);align-items:center;flex-shrink:0}.task-row-assignee{font-size:.85rem;color:var(--text-secondary);background:var(--bg-primary);padding:2px var(--space-sm);border-radius:var(--radius-sm)}.task-row-due{font-size:.85rem;color:var(--text-secondary)}.task-row-due--overdue{color:var(--red-primary, #ef4444);font-weight:500}.tasks-pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-lg) 0}.tasks-pagination-info{color:var(--text-secondary);font-size:.9rem}.task-comments-panel{margin-top:var(--space-lg);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-lg)}.task-comments-header h3{margin:0 0 var(--space-xs) 0;color:var(--text-primary)}.task-comments-product{color:var(--text-secondary);font-size:.9rem;margin:0 0 var(--space-md) 0}.task-comments-list{margin-bottom:var(--space-md);max-height:300px;overflow-y:auto}.task-comments-empty{color:var(--text-secondary);text-align:center;padding:var(--space-md)}.task-comment{padding:var(--space-sm) 0;border-bottom:1px solid var(--border-primary)}.task-comment:last-child{border-bottom:none}.task-comment-header{display:flex;justify-content:space-between;margin-bottom:var(--space-xs)}.task-comment-author{font-weight:500;font-size:.85rem;color:var(--text-primary)}.task-comment-date{font-size:.8rem;color:var(--text-secondary)}.task-comment-content{margin:0;color:var(--text-primary);font-size:.9rem;white-space:pre-wrap}.task-comments-input{display:flex;flex-direction:column;gap:var(--space-sm)}.task-comments-input textarea{resize:vertical;min-height:60px;padding:var(--space-sm);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-family:inherit}.task-comments-input .button-primary{align-self:flex-end}.task-detail-info{display:grid;gap:var(--space-md);margin-bottom:var(--space-lg);padding-bottom:var(--space-lg);border-bottom:1px solid var(--border-primary)}.task-detail-row{display:flex;align-items:center;gap:var(--space-md)}.task-detail-label{font-size:.85rem;color:var(--text-secondary);min-width:100px;flex-shrink:0}.task-detail-value{color:var(--text-primary);font-weight:500}.task-comments-section{display:flex;flex-direction:column;gap:var(--space-md)}.task-comments-title{margin:0;font-size:1rem;color:var(--text-primary)}.filter-divider{color:var(--text-secondary);opacity:.5;padding:0 var(--space-xs)}#root{margin:0;padding:0}.preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg);margin-top:var(--space-lg)}.preview-card{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-md)}.preview-card h3{margin-bottom:var(--space-sm);color:var(--text-primary)}.preview-card p{color:var(--text-secondary)}.alert-banner{border-radius:var(--radius-md);padding:var(--space-md);margin-top:var(--space-md);border:1px solid var(--error-border);background:var(--error-bg);color:var(--error);box-shadow:var(--shadow-sm)}.alert-banner strong{color:var(--text-primary)}.tag{display:inline-flex;align-items:center;gap:var(--space-xs);padding:4px 10px;border-radius:var(--radius-full);font-size:.875rem;border:1px solid var(--border-secondary);background:var(--bg-tertiary);color:var(--text-secondary)}.tag.success{border-color:var(--success-border);background:var(--success-bg);color:var(--success)}.tag.warning{border-color:var(--warning-border);background:var(--warning-bg);color:var(--warning)}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:400px;padding:var(--space-xl)}.error-boundary-content{text-align:center;max-width:500px}.error-boundary-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:var(--radius-full);background:var(--error-bg);color:var(--error);margin-bottom:var(--space-lg)}.error-boundary-icon-warning{background:var(--warning-bg);color:var(--warning)}.error-boundary-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm)}.error-boundary-message{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-lg)}.error-boundary-details{text-align:left;margin-bottom:var(--space-lg);padding:var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-primary)}.error-boundary-details summary{cursor:pointer;font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-sm)}.error-boundary-stack{font-family:monospace;font-size:.75rem;color:var(--error);white-space:pre-wrap;word-break:break-word;max-height:200px;overflow-y:auto;margin:0}.error-boundary-actions{display:flex;gap:var(--space-sm);justify-content:center}.alert{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-md)}.alert-success{background:var(--success-bg);border:1px solid var(--success-border);color:var(--success)}.alert-error{background:var(--error-bg);border:1px solid var(--error-border);color:var(--error)}.alert-warning{background:var(--warning-bg);border:1px solid var(--warning-border);color:var(--warning)}.alert-info{background:var(--info-bg, #e8f4fd);border:1px solid var(--info-border, #b3d9f7);color:var(--info, #0066cc)}.alert-dismiss{margin-left:auto;background:none;border:none;font-size:1.25rem;cursor:pointer;padding:0;line-height:1;opacity:.7;transition:opacity .2s}.alert-dismiss:hover{opacity:1}.barrel-status-select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-sm);padding:.25rem .5rem;font-size:.8rem;cursor:pointer;transition:border-color var(--transition-base)}.barrel-status-select:hover{border-color:var(--gold-primary)}.barrel-status-select:focus{outline:2px solid var(--gold-primary);outline-offset:1px}.status-badge{font-size:.625rem;font-weight:600;padding:2px 7px;border-radius:10px;display:inline-block}.status-badge--success,.production-report-filed,.production-status-complete,.pipeline-task-status--done{color:var(--success);background:#34d3991a}.status-badge--warning,.production-status-pending,.pipeline-task-status--wip{color:var(--gold-primary);background:#d4af371a}.status-badge--error,.production-report-overdue{color:var(--error);background:#f871711a}.status-badge--muted,.production-status-blocked,.pipeline-task-status--pending{color:var(--text-tertiary);background:#ffffff0a}.status-badge--info,.production-report-upcoming{color:#38bdf8;background:#38bdf81a}.elevated-card{background:var(--bg-elevated);border-radius:var(--radius-md);border:1px solid var(--border-primary)}.progress-bar-track{height:4px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;border-radius:var(--radius-full);transition:width .3s}.progress-bar-fill--gold{background:var(--gold-primary)}.progress-bar-fill--gradient{background:linear-gradient(90deg,var(--gold-primary),var(--gold-light))}.product-pipeline{margin-top:var(--space-lg);animation:slideDown var(--transition-slow)}.pipeline-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap}.pipeline-header-left{display:flex;gap:var(--space-sm);align-items:center}.pipeline-phase-badge{font-size:.625rem;font-weight:700;color:var(--success);background:var(--success-bg);padding:3px 8px;border-radius:var(--radius-sm);border:1px solid var(--success-border);text-transform:uppercase;letter-spacing:.5px}.pipeline-header-right{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-xs)}.pipeline-overall-pct{font-size:1.75rem;font-weight:800;color:var(--gold-primary);line-height:1}.pipeline-overall-label{font-size:.6875rem;color:var(--text-tertiary)}.pipeline-overall-bar{width:120px;height:5px;background:var(--border-secondary);border-radius:var(--radius-full);overflow:hidden;margin-top:var(--space-xs)}.pipeline-overall-bar-fill{height:100%;background:linear-gradient(90deg,var(--gold-primary),var(--gold-light));border-radius:var(--radius-full);transition:width var(--transition-slow)}.pipeline-phase{background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-primary);margin-bottom:6px;overflow:hidden;transition:border-color var(--transition-base)}.pipeline-phase--open{border-color:var(--gold-dark)}.pipeline-phase-header{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;cursor:pointer;-webkit-user-select:none;user-select:none;width:100%;border:none;background:transparent;color:inherit;font-family:inherit;font-size:inherit;text-align:left;min-height:auto}.pipeline-phase-header:hover{background:var(--bg-hover)}.pipeline-phase-header:focus-visible{outline:3px solid var(--gold-primary);outline-offset:-3px}.pipeline-phase-header-left{display:flex;align-items:center;gap:10px}.pipeline-phase-index{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:700;background:var(--gold-glow);color:var(--gold-primary);border:1px solid var(--gold-dark);flex-shrink:0}.pipeline-phase-name{font-size:.875rem;font-weight:600;color:var(--text-primary)}.pipeline-phase--open .pipeline-phase-name{color:#fff}.pipeline-phase-count{font-size:.6875rem;color:var(--text-tertiary)}.pipeline-phase-header-right{display:flex;align-items:center;gap:12px}.pipeline-phase-bar{width:90px;height:4px;background:var(--bg-primary);border-radius:var(--radius-full);overflow:hidden}.pipeline-phase-bar-fill{height:100%;background:var(--gold-primary);border-radius:var(--radius-full);transition:width var(--transition-slow)}.pipeline-phase-pct{font-size:.6875rem;font-weight:600;color:var(--gold-primary);min-width:32px;text-align:right}.pipeline-phase-chevron{color:var(--text-tertiary);font-size:.625rem;transition:transform var(--transition-base);display:inline-block}.pipeline-phase-chevron--open{transform:rotate(180deg)}.pipeline-phase-content{border-top:1px solid var(--border-primary)}.pipeline-phase-empty{text-align:center;padding:var(--space-xl);color:var(--text-tertiary);font-size:.875rem}.pipeline-task-wrapper{border-bottom:1px solid rgba(46,51,64,.13)}.pipeline-task-wrapper:last-child{border-bottom:none}.pipeline-task{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;cursor:pointer;transition:background var(--transition-fast)}.pipeline-task:hover{background:#ffffff05}.pipeline-task--selected{background:#ffffff08}.pipeline-task:focus-visible{outline:2px solid var(--gold-primary);outline-offset:-2px}.pipeline-task-left{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.pipeline-task-dot{font-size:.8125rem;width:16px;text-align:center;flex-shrink:0}.pipeline-task-dot--done{color:var(--success)}.pipeline-task-dot--wip{color:var(--gold-primary)}.pipeline-task-dot--pending{color:var(--text-tertiary)}.pipeline-task-dot--blocked,.pipeline-task-dot--skip{color:var(--text-muted)}.pipeline-task-name{font-size:.8125rem;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pipeline-task-name--blocked{color:var(--text-tertiary)}.pipeline-task-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.pipeline-task-avatar{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.5625rem;font-weight:700;color:var(--bg-primary);background:var(--gold-primary);flex-shrink:0}.pipeline-task-avatar--lg{width:26px;height:26px;font-size:.625rem}.pipeline-task-status{font-size:.625rem;font-weight:600;padding:2px 9px;border-radius:var(--radius-full)}.pipeline-task-status--done{color:var(--success);background:var(--success-bg)}.pipeline-task-status--wip{color:var(--gold-primary);background:var(--gold-glow)}.pipeline-task-status--pending{color:var(--text-tertiary);background:#ffffff0f}.pipeline-task-status--blocked,.pipeline-task-status--skip{color:var(--text-muted);background:#ffffff08}.pipeline-task-detail{margin:0 18px 10px 44px;padding:12px 14px;background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-primary);animation:fadeIn var(--transition-base)}.pipeline-task-assign-section{display:flex;align-items:flex-start;gap:var(--space-lg);flex-wrap:wrap;margin-bottom:12px;padding:10px 12px;background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-primary)}.pipeline-task-assign-field{flex:1 1 200px}.pipeline-task-field-label{font-size:.625rem;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px}.pipeline-task-assign-select{width:100%;padding:7px 10px;border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:.75rem;color:var(--text-primary);background:var(--bg-primary);cursor:pointer;font-family:inherit}.pipeline-task-assign-select:focus{outline:2px solid var(--gold-glow-strong);border-color:var(--gold-primary)}.pipeline-task-assign-select:disabled{opacity:.5;cursor:not-allowed}.pipeline-task-assignee-detail{flex:1 1 200px}.pipeline-task-assignee-info{display:flex;align-items:center;gap:8px;margin-bottom:4px}.pipeline-task-assignee-name{font-size:.75rem;font-weight:600;color:var(--text-primary)}.pipeline-task-due{font-size:.625rem;font-weight:500;color:var(--gold-primary);margin-top:4px}.pipeline-task-actions{display:flex;gap:8px}.pipeline-btn{font-size:.6875rem;font-weight:600;padding:5px 12px;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-fast);font-family:inherit;min-height:auto}.pipeline-btn--complete{background:var(--success);color:var(--bg-primary)}.pipeline-btn--complete:hover{box-shadow:var(--shadow-gold)}.pipeline-btn--complete:focus-visible{outline:3px solid var(--success);outline-offset:2px}.pipeline-loading{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-xl);color:var(--text-tertiary);font-size:.875rem}.pipeline-loading .loading-spinner{width:20px;height:20px;border:2px solid var(--border-secondary);border-top-color:var(--gold-primary);border-radius:50%;animation:spin .8s linear infinite}.pipeline-empty{text-align:center;padding:var(--space-xl);color:var(--text-tertiary);font-size:.875rem}@media(max-width:768px){.pipeline-header{flex-direction:column;gap:var(--space-sm)}.pipeline-header-right{align-items:flex-start;flex-direction:row;gap:var(--space-md)}.pipeline-task{flex-wrap:wrap;gap:var(--space-sm)}.pipeline-task-detail{margin-left:18px}.pipeline-task-assign-section{flex-direction:column}}@media(prefers-reduced-motion:reduce){.product-pipeline,.pipeline-task-detail,.pipeline-phase-bar-fill,.pipeline-overall-bar-fill,.pipeline-phase-chevron{animation:none;transition:none}}@media(prefers-contrast:high){.pipeline-phase,.pipeline-task-wrapper,.pipeline-task-detail{border-width:2px}}.modal-header-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:2px solid var(--border-secondary);background:var(--bg-secondary);flex-shrink:0}.modal-header-bar h2{font-size:1.25rem;font-weight:700;color:var(--text-gold);margin:0;padding:0;border:none}.modal-close-btn{width:36px;height:36px;border-radius:var(--radius-md);border:2px solid var(--border-secondary);background:var(--bg-elevated);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base);flex-shrink:0;padding:0;font-size:1.25rem;line-height:1}.modal-close-btn:hover{background:var(--error-bg);border-color:var(--error);color:var(--error)}.document-preview{margin-top:var(--space-lg);width:100%;height:70vh;border:2px solid var(--border-secondary);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-elevated)}.document-preview iframe{width:100%;height:100%;border:none;border-radius:var(--radius-lg)}.modal form input,.modal form select,.modal form textarea{display:block;width:100%;margin-bottom:var(--space-lg)}.modal form label{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg);color:var(--text-secondary);font-weight:700;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.modal form button{margin-right:var(--space-md);min-width:120px}.modal form button:last-child{margin-right:0}.product-actions-modal{width:100%}.tasks-section{margin-bottom:var(--space-xl);padding:var(--space-lg);background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-lg)}.tasks-section h3{margin-bottom:var(--space-md);font-size:1rem;font-weight:700;color:var(--text-gold);text-transform:uppercase;letter-spacing:.5px;border:none;padding:0}.tasks-list{margin:0;padding-left:var(--space-xl);list-style:none}.tasks-list li{margin-bottom:var(--space-sm);padding-left:var(--space-md);position:relative;color:var(--text-secondary)}.tasks-list li:before{display:none}.task-status-indicator{margin-right:var(--space-sm);font-weight:700;color:var(--gold-primary)}.task-complete{opacity:.6;text-decoration:line-through}.task-complete .task-status-indicator{color:var(--success)}.tasks-empty{margin:0;padding:var(--space-xl);text-align:center;color:var(--text-tertiary);font-style:italic}.modal-actions{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--border-secondary)}.modal-actions button{margin-right:0;flex:1;min-width:120px}.modal-actions .danger,.modal-actions button.danger{background:linear-gradient(135deg,var(--error) 0%,#dc2626 100%);border:none;color:var(--text-primary)}.modal-actions .danger:hover,.modal-actions button.danger:hover{background:linear-gradient(135deg,#f87171 0%,var(--error) 100%);box-shadow:0 0 20px #ef444466}.modal-form label{display:flex;flex-direction:column;font-weight:700;margin-bottom:var(--space-lg);gap:var(--space-sm)}.modal-form input,.modal-form select,.modal-form textarea{margin-top:var(--space-xs)}@media(max-width:768px){.modal,.modal-header-bar{padding:var(--space-md)}.modal-header-bar h2{font-size:1.25rem}.modal h2,.modal h3{font-size:1.5rem}.modal-actions{flex-direction:column}.modal-actions button{width:100%}.document-preview{height:50vh}}.transfer-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);animation:modalFadeIn var(--transition-base);overflow:hidden}.transfer-modal-container{background:var(--bg-primary);width:50vw;height:50vh;min-width:360px;min-height:300px;border-radius:var(--radius-lg);border:1px solid var(--border-secondary);box-shadow:0 25px 60px #00000080;overflow:hidden;animation:modalSlideUp var(--transition-slow);display:flex;flex-direction:column;resize:both}.transfer-modal-container .modal-header-bar{flex-shrink:0}.transfer-modal-body{flex:1;overflow-y:auto;padding:var(--space-xl);max-width:1400px;margin:0 auto;width:100%}@media(prefers-reduced-motion:reduce){.modal-overlay,.modal,.transfer-modal-backdrop,.transfer-modal-container{animation:none}}.modal:focus{outline:none}.modal button:focus-visible,.modal input:focus-visible,.modal select:focus-visible,.modal textarea:focus-visible{outline:3px solid var(--gold-primary);outline-offset:2px}.product-documents-section{margin-top:var(--space-xl)}.product-documents-section>h3{font-size:1.25rem;font-weight:700;color:var(--text-gold);margin:0 0 var(--space-lg) 0;padding-bottom:var(--space-md);border-bottom:2px solid var(--border-secondary)}.documents-subsection{margin-bottom:var(--space-xl);padding:var(--space-lg);background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-lg)}.documents-subsection-title{font-size:.875rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 var(--space-md) 0;padding:0;border:none}.documents-loading{padding:var(--space-lg);text-align:center}.documents-error{padding:var(--space-md);background:var(--error-bg);border:1px solid var(--error-border);border-radius:var(--radius-md);color:var(--error);font-size:.875rem}.documents-error button{margin-top:var(--space-sm)}.documents-empty{color:var(--text-tertiary);font-style:italic;padding:var(--space-md) 0;margin:0}.documents-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-md)}.document-item{padding:var(--space-md);background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-md)}.document-info{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-sm)}.document-name{font-weight:700;color:var(--text-primary)}.document-type{font-size:.8rem;color:var(--text-tertiary)}.document-status{padding:2px var(--space-sm);border-radius:var(--radius-full);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border:1px solid}.doc-status-draft{background:var(--bg-hover);color:var(--text-tertiary);border-color:var(--border-secondary)}.doc-status-pending{background:var(--warning-bg);color:var(--warning);border-color:var(--warning-border)}.doc-status-approved{background:var(--success-bg);color:var(--success);border-color:var(--success-border)}.doc-status-submitted{background:var(--info-bg, var(--bg-hover));color:var(--info, var(--text-secondary));border-color:var(--info-border, var(--border-secondary))}.doc-status-rejected{background:var(--error-bg);color:var(--error);border-color:var(--error-border)}.doc-status-archived{background:var(--bg-hover);color:var(--text-tertiary);border-color:var(--border-secondary);opacity:.7}.document-meta{display:flex;flex-wrap:wrap;gap:var(--space-md);font-size:.8rem;color:var(--text-tertiary);margin-bottom:var(--space-sm)}.document-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-sm)}.document-actions button{font-size:.8rem;padding:var(--space-xs) var(--space-md);min-width:auto;flex:none}.document-types-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-md)}.document-type-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);gap:var(--space-md)}.document-type-info{display:flex;flex-direction:column;gap:var(--space-xs)}.document-type-name{font-weight:700;color:var(--text-primary);font-size:.9rem}.document-type-description{font-size:.8rem;color:var(--text-tertiary)}.document-type-item button{flex-shrink:0;min-width:auto;padding:var(--space-xs) var(--space-lg)}@media(max-width:768px){.document-type-item{flex-direction:column;align-items:stretch}.document-actions{flex-direction:column}}.login-page{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 160px)}.login-container{max-width:800px;width:100%}.login-split{display:flex;align-items:stretch;gap:var(--space-xl)}.login-info{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.login-icon{width:64px;height:64px;font-size:32px;margin-bottom:var(--space-md)}.login-description{margin-top:var(--space-md)}.login-contact{margin-top:var(--space-xl);color:var(--text-tertiary);font-size:.875rem}.login-contact a{color:var(--accent-primary);text-decoration:underline}.login-contact a:hover{color:var(--gold-light)}.login-divider{width:1px;background:var(--border-primary);align-self:stretch}.login-form-panel{flex:1;display:flex;flex-direction:column;justify-content:center}.login-form-title{margin-bottom:var(--space-sm)}.login-form-subtitle{margin-bottom:var(--space-xl)}.login-error{margin-bottom:var(--space-lg);padding:var(--space-md);background:var(--error-bg);border:1px solid var(--error-border);border-radius:var(--radius-md)}@media(max-width:640px){.login-split{flex-direction:column}.login-divider{width:100%;height:1px}.login-info{align-items:center}}.dashboard-container{max-width:1400px;margin:0 auto;padding:var(--space-xl)}.stats-scroll-row{display:flex;gap:var(--space-lg);overflow-x:auto;padding-top:var(--space-sm);padding-bottom:var(--space-sm);margin-bottom:var(--space-xl);scrollbar-width:thin;scrollbar-color:var(--border-secondary) transparent}.stats-scroll-row::-webkit-scrollbar{height:6px}.stats-scroll-row::-webkit-scrollbar-track{background:transparent}.stats-scroll-row::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:3px}.stats-scroll-row>.stat-card{min-width:220px;flex:0 0 auto}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg);margin-bottom:var(--space-3xl)}.stat-card{background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);padding:var(--space-xl);display:flex;align-items:flex-start;gap:var(--space-lg);transition:all var(--transition-base);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold-primary) 0%,var(--gold-light) 100%);opacity:0;transition:opacity var(--transition-base)}.stat-card:hover{transform:translateY(-4px);border-color:var(--border-gold);box-shadow:var(--shadow-lg),var(--shadow-gold)}.stat-card:hover:before{opacity:1}.stat-icon{width:56px;height:56px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:28px;position:relative}.stat-icon.products{background:linear-gradient(135deg,var(--gold-primary) 0%,var(--gold-dark) 100%);box-shadow:0 0 20px #d4af3766}.stat-icon.completed{background:linear-gradient(135deg,var(--success) 0%,#059669 100%);box-shadow:0 0 20px #10b98166}.stat-icon.pending{background:linear-gradient(135deg,var(--warning) 0%,#d97706 100%);box-shadow:0 0 20px #f59e0b66}.stat-icon.progress{background:linear-gradient(135deg,var(--info) 0%,#3b82f6 100%);box-shadow:0 0 20px #60a5fa66}.stat-icon.critical{background:linear-gradient(135deg,var(--error) 0%,#dc2626 100%);box-shadow:0 0 20px #ef444466}.stat-icon .icon{color:var(--bg-primary);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.stat-content{flex:1;display:flex;flex-direction:column;gap:var(--space-sm)}.stat-label{font-size:.875rem;font-weight:600;color:var(--text-tertiary);margin:0;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1}.stat-unit{font-size:1.25rem;font-weight:500;color:var(--text-tertiary);margin-left:2px}.stat-change{display:flex;align-items:center;gap:var(--space-xs);font-size:.875rem;font-weight:600}.stat-change.positive{color:var(--success)}.stat-change.neutral{color:var(--text-tertiary)}.stat-change.negative{color:var(--error)}.change-icon{font-weight:700;font-size:1rem}.section-link{font-size:.875rem;font-weight:600;color:var(--gold-primary);text-decoration:none;transition:all var(--transition-base)}.section-link:hover{color:var(--gold-light);text-decoration:underline}.products-section{margin-top:var(--space-3xl)}.section-header{margin-bottom:var(--space-xl)}.section-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--space-xs) 0}.section-subtitle{font-size:.875rem;color:var(--text-tertiary);margin:0}.products-section>.products-toolbar{margin-bottom:var(--space-md)}.products-section>.filter-panel,.products-section>.sort-panel{margin-top:calc(-1 * var(--space-sm));animation:slideDown var(--transition-base)}.toolbar-icon-group{display:flex;gap:var(--space-sm);flex-shrink:0}.toolbar-icon-btn{width:40px;height:40px;border-radius:var(--radius-md);border:1px solid var(--border-secondary);background:var(--bg-elevated);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);position:relative;padding:0;min-height:auto}.toolbar-icon-btn:hover{border-color:var(--gold-primary);color:var(--text-primary);background:var(--bg-hover)}.toolbar-icon-btn.active{border-color:var(--gold-primary);color:var(--gold-primary);background:var(--bg-hover)}.toolbar-icon-btn.has-active-filters{border-color:var(--gold-primary);color:var(--gold-primary)}.toolbar-badge{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;background:var(--gold-primary);color:var(--bg-primary);font-size:.625rem;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:var(--space-xl)}.product-card{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-xl);transition:all var(--transition-slow);position:relative;overflow:hidden}.product-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--gold-primary) 0%,var(--gold-dark) 100%);opacity:0;transition:opacity var(--transition-base)}.product-card:hover{border-color:var(--border-secondary);box-shadow:var(--shadow-lg)}.product-card:hover:before{opacity:1}.product-card--clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.product-card--clickable:focus-visible{outline:3px solid var(--gold-primary);outline-offset:2px}.product-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-lg)}.product-title-section{flex:1;display:flex;flex-direction:column;gap:var(--space-sm)}.product-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0;transition:color var(--transition-fast)}.product-card:hover .product-title{color:var(--text-gold)}.expand-button{width:40px;height:40px;border-radius:var(--radius-md);border:2px solid var(--border-secondary);background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base);flex-shrink:0;padding:0;min-height:auto}.expand-button:hover{background:var(--bg-hover);border-color:var(--border-gold);transform:translateY(-2px);box-shadow:var(--shadow-md)}.expand-icon{font-size:24px;font-weight:700;color:var(--text-secondary);transition:all var(--transition-base);line-height:1}.product-card--clickable:hover .expand-icon{color:var(--text-gold);transform:translate(3px)}.progress-section{margin-bottom:var(--space-lg)}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.progress-label{font-size:.875rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.progress-percentage{font-size:.875rem;font-weight:700;color:var(--text-gold)}.progress-bar{width:100%;height:10px;background:var(--bg-elevated);border-radius:var(--radius-full);overflow:hidden;border:1px solid var(--border-primary)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--gold-primary) 0%,var(--gold-light) 100%);transition:width var(--transition-slow);border-radius:var(--radius-full);box-shadow:0 0 10px #d4af3780}.task-summary{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-lg);background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-md);margin-bottom:var(--space-lg)}.task-stat{display:flex;align-items:center;gap:var(--space-md);flex:1}.task-stat-icon{font-size:24px;flex-shrink:0}.task-stat-icon.completed{color:var(--success)}.task-stat-icon.pending{color:var(--warning)}.task-stat-icon.total{color:var(--text-tertiary)}.task-stat-content{display:flex;flex-direction:column;gap:2px}.task-stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1}.task-stat-label{font-size:.75rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.task-stat-divider{width:2px;height:40px;background:var(--border-secondary);border-radius:var(--radius-full)}.tasks-list{margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:2px solid var(--border-secondary);animation:slideDown var(--transition-slow)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.tasks-header{margin-bottom:var(--space-lg)}.tasks-header h4{font-size:.875rem;font-weight:700;color:var(--text-gold);text-transform:uppercase;letter-spacing:1px;margin:0}.tasks-empty{text-align:center;padding:var(--space-3xl) var(--space-xl);color:var(--text-tertiary);font-size:.875rem}.tasks-loading{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-xl);color:var(--text-tertiary);font-size:.875rem}.tasks-loading .loading-spinner{width:20px;height:20px;border:2px solid var(--border-subtle);border-top-color:var(--gold-primary);border-radius:50%;animation:spin .8s linear infinite}.tasks-items{display:flex;flex-direction:column;gap:var(--space-md)}.task-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);border-radius:var(--radius-md);border:1px solid var(--border-primary);background:var(--bg-elevated);transition:all var(--transition-base);position:relative}.task-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--gold-primary);opacity:0;transition:opacity var(--transition-base);border-radius:var(--radius-md) 0 0 var(--radius-md)}.task-item:hover{border-color:var(--border-gold);background:var(--bg-hover);box-shadow:var(--shadow-md)}.task-item:hover:before{opacity:1}.task-item.completed{opacity:.6}.task-item.completed .task-name{text-decoration:line-through;color:var(--text-tertiary)}.task-checkbox-container{flex-shrink:0}.task-checkbox{width:20px;height:20px;border-radius:var(--radius-sm);cursor:pointer;accent-color:var(--gold-primary);transition:all var(--transition-fast)}.task-checkbox:hover{transform:scale(1.1)}.task-info{flex:1;display:flex;flex-direction:column;gap:var(--space-xs)}.task-name{font-size:.875rem;font-weight:600;color:var(--text-primary)}.task-assignee{display:flex;align-items:center;gap:var(--space-xs);font-size:.75rem;color:var(--text-tertiary)}.assignee-icon{font-size:14px}.task-actions{display:flex;align-items:center;gap:var(--space-sm);animation:fadeIn var(--transition-base)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.task-action-button{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);font-size:.75rem;font-weight:600;border:none;cursor:pointer;transition:all var(--transition-base);min-height:32px}.task-action-button.unassign{background:var(--error-bg);color:var(--error);border:1px solid var(--error-border)}.task-action-button.unassign:hover{background:var(--error);color:var(--text-primary);box-shadow:0 0 10px #ef44444d}.assignee-dropdown{position:relative}.assignee-select{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);border:2px solid var(--border-secondary);background:var(--bg-input);font-size:.75rem;font-weight:600;color:var(--text-primary);cursor:pointer;transition:all var(--transition-base);outline:none;min-height:32px}.assignee-select:hover{border-color:var(--border-gold)}.assignee-select:focus{border-color:var(--gold-primary);box-shadow:0 0 0 3px var(--gold-glow)}.products-loading-state{display:flex;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-3xl) var(--space-xl);background:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--border-primary);color:var(--text-tertiary);font-size:.875rem}.products-loading-state .loading-spinner{width:24px;height:24px;border:3px solid var(--border-secondary);border-top-color:var(--gold-primary);border-radius:50%;animation:spin .8s linear infinite}.empty-state{text-align:center;padding:var(--space-3xl) var(--space-xl);background:var(--bg-tertiary);border-radius:var(--radius-lg);border:2px dashed var(--border-secondary)}.empty-icon{font-size:64px;display:block;margin:0 auto var(--space-lg);color:var(--text-muted);opacity:.5}.empty-state h3{font-size:1.25rem;font-weight:700;color:var(--text-secondary);margin:0 0 var(--space-sm) 0}.empty-state p{font-size:.875rem;color:var(--text-tertiary);margin:0}.pipeline-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-xl);animation:fadeIn var(--transition-base)}.pipeline-modal{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);width:50vw;height:50vh;min-width:360px;min-height:300px;display:flex;flex-direction:column;box-shadow:var(--shadow-xl),0 0 40px #00000080;animation:slideDown var(--transition-slow);resize:both;overflow:hidden}.pipeline-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xl) var(--space-2xl);border-bottom:1px solid var(--border-primary);flex-shrink:0}.pipeline-modal-title-section{display:flex;align-items:center;gap:var(--space-md);min-width:0}.pipeline-modal-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pipeline-modal-close{width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--border-secondary);background:var(--bg-tertiary);color:var(--text-secondary);font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);flex-shrink:0;padding:0;min-height:auto}.pipeline-modal-close:hover{background:var(--bg-hover);border-color:var(--border-gold);color:var(--text-primary)}.pipeline-modal-close:focus-visible{outline:3px solid var(--gold-primary);outline-offset:2px}.pipeline-modal-tabs{display:flex;gap:0;padding:0 var(--space-2xl);border-bottom:1px solid var(--border-primary);flex-shrink:0}.pipeline-modal-tab{padding:var(--space-md) var(--space-xl);background:none;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);min-height:auto}.pipeline-modal-tab:hover{color:var(--text-primary);background:var(--bg-hover)}.pipeline-modal-tab.active{color:var(--gold-primary);border-bottom-color:var(--gold-primary)}.pipeline-modal-tab:focus-visible{outline:2px solid var(--gold-primary);outline-offset:-2px;border-radius:var(--radius-sm)}.pipeline-modal-body{flex:1;overflow-y:auto;padding:var(--space-xl) var(--space-2xl) var(--space-2xl)}@media(max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.products-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.stat-value{font-size:2rem}}@media(max-width:768px){.dashboard-container{padding:var(--space-md)}.page-title{font-size:2rem}.stats-grid,.products-grid{grid-template-columns:1fr}.toolbar-icon-group{order:2}.task-summary{flex-direction:column;align-items:stretch}.task-stat{padding:var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-md)}.task-stat-divider{display:none}.task-item{flex-wrap:wrap}.task-actions{width:100%;justify-content:flex-end;padding-left:calc(20px + var(--space-md))}.pipeline-modal-overlay{padding:var(--space-sm)}.pipeline-modal{max-height:95vh}.pipeline-modal-header{padding:var(--space-lg)}.pipeline-modal-tabs{padding:0 var(--space-lg)}.pipeline-modal-body{padding:var(--space-lg)}.pipeline-modal-title{font-size:1.25rem}}@media(max-width:480px){.page-title{font-size:1.75rem}.stat-card{padding:var(--space-lg)}.stat-value{font-size:1.75rem}.product-card{padding:var(--space-lg)}.product-title{font-size:1.125rem}.expand-button{width:36px;height:36px}}@media(prefers-contrast:high){.stat-card,.product-card,.task-item,.progress-bar{border-width:2px}}@media(prefers-reduced-motion:reduce){.stat-card,.product-card,.task-item,.expand-icon,.progress-fill,.task-checkbox,.pipeline-modal-overlay,.pipeline-modal{transition:none;animation:none}.tasks-list,.task-actions{animation:none}}.task-checkbox:focus-visible,.expand-button:focus-visible,.assignee-select:focus-visible,.task-action-button:focus-visible{outline:3px solid var(--gold-primary);outline-offset:2px}.scroll-sentinel{height:1px;width:100%}.loading-more-indicator{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-lg) 0;color:var(--text-tertiary);font-size:.875rem}.loading-more-indicator .loading-spinner{width:20px;height:20px;border:2px solid var(--border-subtle);border-top-color:var(--gold-primary);border-radius:50%;animation:spin .8s linear infinite}.header-actions{display:flex;align-items:center;gap:var(--space-lg);flex-wrap:wrap}.date-range-picker{display:flex;align-items:center;gap:var(--space-md)}.date-range-picker label{display:flex;align-items:center;gap:var(--space-sm);font-size:.875rem;color:var(--text-secondary)}.date-range-picker input[type=date]{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:2px solid var(--border-secondary);background:var(--bg-input);color:var(--text-primary);font-size:.875rem}.date-range-picker input[type=date]:focus{border-color:var(--gold-primary);outline:none;box-shadow:0 0 0 3px var(--gold-glow)}.export-buttons{display:flex;gap:var(--space-sm)}.tab-navigation{display:flex;gap:var(--space-sm);margin-bottom:var(--space-xl);border-bottom:2px solid var(--border-secondary);padding-bottom:var(--space-sm)}.tab-button{padding:var(--space-md) var(--space-lg);border:none;background:transparent;color:var(--text-secondary);font-size:.875rem;font-weight:600;cursor:pointer;border-radius:var(--radius-md) var(--radius-md) 0 0;transition:all var(--transition-base);position:relative}.tab-button:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background:var(--gold-primary);opacity:0;transition:opacity var(--transition-base)}.tab-button:hover{color:var(--text-primary);background:var(--bg-hover)}.tab-button.active{color:var(--text-gold);background:var(--bg-tertiary)}.tab-button.active:after{opacity:1}.loading-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl);gap:var(--space-lg)}.loading-spinner{width:48px;height:48px;border:4px solid var(--border-secondary);border-top-color:var(--gold-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.section-container{background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-xl)}.utilization-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-lg)}.utilization-card,.gap-analysis-card,.plan-card,.scenario-card,.trend-chart{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--space-lg)}.utilization-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.equipment-name{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.utilization-badge{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:700}.utilization-badge.healthy{background:var(--success-bg);color:var(--success);border:1px solid var(--success-border)}.utilization-badge.warning{background:var(--warning-bg);color:var(--warning);border:1px solid var(--warning-border)}.utilization-badge.critical{background:var(--error-bg);color:var(--error);border:1px solid var(--error-border)}.utilization-bar-container{height:8px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-md)}.utilization-bar{height:100%;border-radius:var(--radius-full);transition:width var(--transition-slow)}.utilization-bar.healthy{background:linear-gradient(90deg,var(--success) 0%,#34d399 100%)}.utilization-bar.warning{background:linear-gradient(90deg,var(--warning) 0%,#fbbf24 100%)}.utilization-bar.critical{background:linear-gradient(90deg,var(--error) 0%,#f87171 100%)}.utilization-details{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-tertiary)}.bottleneck-list{display:flex;flex-direction:column;gap:var(--space-md)}.bottleneck-card{background:var(--bg-elevated);border-radius:var(--radius-md);padding:var(--space-lg);border-left:4px solid}.bottleneck-card.critical{border-left-color:var(--error)}.bottleneck-card.warning{border-left-color:var(--warning)}.bottleneck-card.caution{border-left-color:var(--info)}.bottleneck-card.healthy{border-left-color:var(--success)}.bottleneck-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm)}.severity-badge,.feasibility-badge,.plan-status{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.severity-badge.critical,.feasibility-badge.not-feasible{background:var(--error-bg);color:var(--error)}.severity-badge.warning{background:var(--warning-bg);color:var(--warning)}.severity-badge.caution{background:var(--info-bg);color:var(--info)}.severity-badge.healthy,.feasibility-badge.feasible{background:var(--success-bg);color:var(--success)}.bottleneck-equipment{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.bottleneck-description{font-size:.875rem;color:var(--text-secondary);margin:0 0 var(--space-md) 0}.bottleneck-metrics{display:flex;gap:var(--space-lg);font-size:.75rem;color:var(--text-tertiary);margin-bottom:var(--space-md)}.bottleneck-recommendations,.forecast-recommendations,.gap-recommendations,.scenario-recommendations,.scenario-bottlenecks{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-primary)}.bottleneck-recommendations h5,.forecast-recommendations h3,.gap-recommendations h5,.scenario-recommendations h5,.scenario-bottlenecks h5{font-size:.75rem;font-weight:700;color:var(--text-gold);text-transform:uppercase;letter-spacing:.5px;margin:0 0 var(--space-sm) 0}.bottleneck-recommendations ul,.forecast-recommendations ul,.gap-recommendations ul,.scenario-recommendations ul,.scenario-bottlenecks ul{margin:0;padding-left:var(--space-lg)}.bottleneck-recommendations li,.forecast-recommendations li,.gap-recommendations li,.scenario-recommendations li,.scenario-bottlenecks li{font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--space-xs)}.gap-analysis-card{padding:var(--space-xl)}.gap-summary{display:flex;justify-content:space-around;flex-wrap:wrap;gap:var(--space-xl);margin-bottom:var(--space-lg)}.gap-metric{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.gap-label{font-size:.875rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.gap-value{font-size:2rem;font-weight:700;color:var(--text-primary)}.gap-metric.surplus .gap-value{color:var(--success)}.gap-metric.deficit .gap-value{color:var(--error)}.trend-chart{padding:var(--space-xl)}.trend-bars{display:flex;align-items:flex-end;justify-content:space-around;height:200px;gap:var(--space-sm);margin-bottom:var(--space-lg)}.trend-bar-container{display:flex;flex-direction:column;align-items:center;height:100%;flex:1;max-width:60px}.trend-bar{width:100%;border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:height var(--transition-slow)}.trend-bar.healthy{background:linear-gradient(180deg,var(--success) 0%,#059669 100%)}.trend-bar.warning{background:linear-gradient(180deg,var(--warning) 0%,#d97706 100%)}.trend-bar.critical{background:linear-gradient(180deg,var(--error) 0%,#dc2626 100%)}.trend-label{font-size:.625rem;color:var(--text-tertiary);margin-top:var(--space-xs);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.trend-summary{display:flex;justify-content:center;gap:var(--space-xl);font-size:.875rem;color:var(--text-secondary)}.capacity-forecast{padding:var(--space-xl);background:var(--bg-tertiary);border-radius:var(--radius-lg)}.forecast-controls{display:flex;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-xl)}.forecast-controls label{display:flex;align-items:center;gap:var(--space-sm);font-size:.875rem;color:var(--text-secondary)}.forecast-controls select{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:2px solid var(--border-secondary);background:var(--bg-input);color:var(--text-primary);font-size:.875rem}.forecast-controls select:focus{border-color:var(--gold-primary);outline:none}.forecast-content{display:flex;flex-direction:column;gap:var(--space-xl)}.forecast-summary{display:flex;justify-content:space-around;flex-wrap:wrap;gap:var(--space-xl);padding:var(--space-xl);background:var(--bg-elevated);border-radius:var(--radius-md)}.forecast-metric{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.forecast-label{font-size:.875rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase}.forecast-value{font-size:2rem;font-weight:700;color:var(--text-primary)}.weekly-forecasts{background:var(--bg-elevated);border-radius:var(--radius-md);padding:var(--space-xl)}.weekly-forecasts h3{font-size:1rem;font-weight:700;color:var(--text-gold);margin:0 0 var(--space-lg) 0}.forecast-table{display:flex;flex-direction:column;gap:var(--space-sm)}.forecast-header{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:var(--space-md);padding:var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:.75rem;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.forecast-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:var(--space-md);padding:var(--space-md);border-bottom:1px solid var(--border-primary);font-size:.875rem;color:var(--text-secondary)}.forecast-row:last-child{border-bottom:none}.capacity-plans{padding:var(--space-xl);background:var(--bg-tertiary);border-radius:var(--radius-lg)}.plans-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl)}.plans-header h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.plans-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-lg)}.plan-card{transition:all var(--transition-base)}.plan-card:hover{border-color:var(--border-gold);box-shadow:var(--shadow-md)}.plan-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.plan-name{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.plan-status.draft{background:var(--info-bg);color:var(--info)}.plan-status.active{background:var(--success-bg);color:var(--success)}.plan-status.completed{background:var(--gold-glow);color:var(--gold-primary)}.plan-status.archived{background:var(--bg-tertiary);color:var(--text-tertiary)}.plan-details{display:flex;flex-direction:column;gap:var(--space-xs);font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--space-md)}.plan-targets{padding:var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:.875rem;color:var(--text-gold);font-weight:600;margin-bottom:var(--space-md)}.plan-actions{display:flex;gap:var(--space-sm)}.capacity-scenarios{padding:var(--space-xl);background:var(--bg-tertiary);border-radius:var(--radius-lg)}.scenarios-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl)}.scenarios-header h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0;flex:1}.scenario-builder{background:var(--bg-elevated);border:2px solid var(--border-gold);border-radius:var(--radius-md);padding:var(--space-xl);margin-bottom:var(--space-xl)}.scenario-builder h4{font-size:1rem;font-weight:700;color:var(--text-gold);margin:0 0 var(--space-lg) 0}.scenario-form{display:flex;flex-wrap:wrap;gap:var(--space-lg);align-items:flex-end}.scenario-form label{display:flex;flex-direction:column;gap:var(--space-xs);font-size:.875rem;color:var(--text-secondary);flex:1;min-width:200px}.scenario-form input{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:2px solid var(--border-secondary);background:var(--bg-input);color:var(--text-primary);font-size:.875rem}.scenario-form input:focus{border-color:var(--gold-primary);outline:none}.scenarios-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--space-lg)}.scenario-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.scenario-name{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.scenario-results{display:flex;gap:var(--space-lg);margin-bottom:var(--space-md)}.scenario-metric{display:flex;flex-direction:column;gap:var(--space-xs)}.metric-label{font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase}.metric-value{font-size:1.25rem;font-weight:700}.metric-value.healthy{color:var(--success)}.metric-value.warning{color:var(--warning)}.metric-value.critical{color:var(--error)}.metric-value.surplus{color:var(--success)}.metric-value.deficit{color:var(--error)}.empty-state.success{border-color:var(--success-border);background:var(--success-bg)}.empty-state.success .empty-icon{color:var(--success);opacity:1}.empty-state.success h3{color:var(--success)}@media(max-width:768px){.header-actions{flex-direction:column;align-items:stretch}.date-range-picker{flex-direction:column}.tab-navigation{flex-wrap:wrap}.tab-button{flex:1;min-width:100px;text-align:center}.gap-summary,.forecast-summary{flex-direction:column}.forecast-header,.forecast-row{grid-template-columns:1fr 1fr;gap:var(--space-sm)}.scenario-form{flex-direction:column}.scenario-form label{min-width:100%}}.equipment-wizard{background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);padding:var(--space-xl)}.wizard-steps{display:flex;justify-content:center;gap:var(--space-lg);margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--border-secondary)}.wizard-step{display:flex;align-items:center;gap:var(--space-sm);opacity:.5}.wizard-step-active{opacity:1}.wizard-step-completed{opacity:.8}.wizard-step-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--bg-elevated);border:2px solid var(--border-secondary);font-size:.8rem;font-weight:600}.wizard-step-active .wizard-step-number{background:var(--gold-primary);border-color:var(--gold-primary);color:#fff}.wizard-step-completed .wizard-step-number{background:var(--success);border-color:var(--success);color:#fff}.wizard-step-label{font-size:.85rem;color:var(--text-secondary)}.wizard-step-active .wizard-step-label{color:var(--text-primary);font-weight:500}.wizard-content{min-height:250px;margin-bottom:var(--space-xl)}.wizard-step-title{font-size:1.1rem;margin-bottom:var(--space-sm);color:var(--text-primary)}.wizard-step-description{font-size:.9rem;color:var(--text-secondary);margin-bottom:var(--space-lg)}.wizard-actions{display:flex;justify-content:space-between;padding-top:var(--space-lg);border-top:1px solid var(--border-secondary)}.equipment-type-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-md)}.equipment-type-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-xs);padding:var(--space-md);background:var(--bg-elevated);border:2px solid var(--border-secondary);border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:border-color .15s}.equipment-type-card:hover{border-color:var(--gold-primary)}.equipment-type-card.selected{border-color:var(--gold-primary);background:#d4af371a}.equipment-type-name{font-weight:600;font-size:.9rem;color:var(--text-primary)}.equipment-type-desc{font-size:.8rem;color:var(--text-secondary)}.wizard-info-box{margin-top:var(--space-lg);padding:var(--space-md);background:#d4af3714;border:1px solid rgba(212,175,55,.2);border-radius:var(--radius-md);font-size:.85rem;color:var(--text-secondary)}.wizard-info-box strong{display:block;margin-bottom:var(--space-sm);color:var(--text-primary)}.wizard-info-box ul{margin:0;padding-left:var(--space-lg)}.wizard-info-box li{margin-bottom:var(--space-xs)}.wizard-review{background:var(--bg-elevated);border:1px solid var(--border-secondary);border-radius:var(--radius-md);overflow:hidden}.review-row{display:flex;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-secondary)}.review-row:last-child{border-bottom:none}.review-label{width:120px;font-weight:600;color:var(--text-secondary);font-size:.85rem}.review-value{flex:1;color:var(--text-primary)}.review-notes{white-space:pre-wrap}.form-textarea{resize:vertical;min-height:80px}.equipment-section{overflow:visible}.equipment-section .section-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:var(--space-lg);margin-bottom:var(--space-xl)}.equipment-toolbar{display:flex;align-items:center;gap:var(--space-lg)}.equipment-filter-toggle{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;-webkit-user-select:none;user-select:none}.equipment-filter-toggle input[type=checkbox]{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);white-space:nowrap;overflow:hidden}.toggle-track{position:relative;width:40px;height:22px;background:var(--bg-elevated);border:2px solid var(--border-secondary);border-radius:var(--radius-full);transition:all var(--transition-base);flex-shrink:0}.toggle-thumb{position:absolute;top:2px;left:2px;width:14px;height:14px;background:var(--text-tertiary);border-radius:50%;transition:all var(--transition-base)}.equipment-filter-toggle input:checked+.toggle-track{background:#d4af3733;border-color:var(--gold-primary)}.equipment-filter-toggle input:checked+.toggle-track .toggle-thumb{left:20px;background:var(--gold-primary)}.equipment-filter-toggle input:focus-visible+.toggle-track{outline:3px solid var(--border-focus);outline-offset:2px}.toggle-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.equipment-name-cell{font-weight:600}.equipment-type-badge{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);background:var(--bg-elevated);border:1px solid var(--border-secondary);border-radius:var(--radius-sm);font-size:.8125rem;font-weight:600;color:var(--text-secondary);letter-spacing:.3px}.equipment-capacity-cell strong{color:var(--text-primary)}.equipment-section .table .row-inactive td{opacity:.5}.equipment-section .table .row-inactive:hover td{opacity:.7}.equipment-edit-section{background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);padding:var(--space-xl)}.equipment-edit-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--border-secondary)}.equipment-edit-header h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}@media(max-width:768px){.equipment-section .section-header{flex-direction:column}.equipment-toolbar{width:100%;justify-content:space-between}.equipment-edit-header{flex-direction:column;align-items:flex-start}}.utilization-card--clickable{cursor:pointer;transition:transform var(--transition-base),border-color var(--transition-base)}.utilization-card--clickable:hover{transform:translateY(-2px);border-color:var(--gold-primary)}.equipment-detail-grid{display:flex;flex-direction:column;gap:var(--space-md)}.equipment-detail-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) 0;border-bottom:1px solid var(--border-primary)}.equipment-detail-label{color:var(--text-secondary);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.equipment-detail-value{color:var(--text-primary);font-weight:600}.equipment-edit-form label{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-md);color:var(--text-secondary);font-weight:600;font-size:.875rem;text-transform:uppercase}.production-records-tab{display:flex;flex-direction:column;gap:var(--space-lg)}.production-records-header{display:flex;justify-content:flex-end}.production-reports-toggle{display:flex;align-items:center;gap:var(--space-sm);position:relative}.production-reports-toggle.active{border-color:var(--gold-primary);color:var(--gold-primary);background:#d4af3714}.production-overdue-dot{width:7px;height:7px;border-radius:50%;background:var(--error);display:inline-block}.production-reports-panel{background:var(--bg-elevated);border-radius:var(--radius-md);border:1px solid var(--border-primary);padding:var(--space-lg)}.production-reports-title{font-size:.938rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--space-md) 0}.production-reports-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-md)}.production-report-card{padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--border-primary);background:var(--bg-tertiary)}.production-report-card.overdue{border-color:#f871714d;background:#f871710a}.production-report-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xs)}.production-report-name{font-size:.813rem;font-weight:700;color:var(--text-primary)}.production-report-status-badge{font-size:.625rem;font-weight:600;padding:2px 7px;border-radius:10px}.production-report-filed{color:var(--success);background:#34d3991a}.production-report-overdue{color:var(--error);background:#f871711a}.production-report-upcoming{color:#38bdf8;background:#38bdf81a}.production-report-desc{font-size:.688rem;color:var(--text-tertiary);margin-bottom:var(--space-sm)}.production-report-last{font-size:.625rem;color:var(--text-tertiary)}.production-report-last-value{color:var(--text-secondary);font-weight:500}.production-reports-info{margin-top:var(--space-md);padding:var(--space-md);background:#d4af370d;border-radius:var(--radius-sm);border:1px solid rgba(212,175,55,.15);font-size:.688rem;color:var(--text-secondary)}.production-reports-info strong{color:var(--gold-primary)}.production-records-layout{display:flex;gap:var(--space-lg);align-items:flex-start}.production-sidebar{width:240px;flex-shrink:0;background:var(--bg-elevated);border-radius:var(--radius-md);border:1px solid var(--border-primary);overflow:hidden;position:sticky;top:78px}.production-sidebar-header{padding:var(--space-md) var(--space-md);border-bottom:1px solid var(--border-primary);background:var(--bg-tertiary)}.production-sidebar-title{font-size:.75rem;font-weight:700;color:var(--text-primary)}.production-sidebar-item{padding:var(--space-md) var(--space-md);cursor:pointer;border-bottom:1px solid rgba(46,51,64,.3);border-left:3px solid transparent;transition:all .15s}.production-sidebar-item:hover{background:#ffffff05}.production-sidebar-item.active{background:#d4af370f;border-left-color:var(--gold-primary)}.production-sidebar-item-row{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:3px}.production-sidebar-icon{font-size:.938rem}.production-sidebar-name{font-size:.75rem;font-weight:600;color:var(--text-primary)}.production-sidebar-item.active .production-sidebar-name{color:#fff}.production-sidebar-item-meta{display:flex;align-items:center;justify-content:space-between;margin-left:23px}.production-sidebar-cfr{font-size:.563rem;color:var(--text-tertiary);font-family:monospace}.production-sidebar-status{font-size:.563rem;font-weight:600;padding:1px 6px;border-radius:8px}.production-status-complete{color:var(--success);background:#34d3991a}.production-status-pending{color:var(--gold-primary);background:#d4af371a}.production-status-blocked{color:var(--text-tertiary);background:#ffffff0a}.production-sidebar-progress{margin-left:23px;margin-top:5px;width:calc(100% - 23px);height:3px;background:var(--bg-tertiary);border-radius:2px;overflow:hidden}.production-sidebar-progress-bar{height:100%;border-radius:2px;transition:width .3s}.production-traceability{padding:var(--space-md);border-top:1px solid var(--border-primary)}.production-traceability-title{font-size:.688rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-sm)}.production-traceability-row{display:flex;align-items:center;gap:var(--space-sm);margin-top:3px}.production-traceability-label{font-weight:600;color:var(--text-secondary);min-width:72px;font-size:.625rem}.production-traceability-value{font-family:monospace;font-size:.563rem}.production-traceability-value.linked{color:var(--gold-primary)}.production-traceability-value.unlinked{color:var(--text-tertiary)}.production-traceability-arrow{color:var(--border-primary);font-size:.625rem}.production-main-content{flex:1;min-width:0}.production-record-card{background:var(--bg-elevated);border-radius:var(--radius-md);border:1px solid var(--border-primary)}.production-record-header{padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;align-items:center}.production-record-title-row{display:flex;align-items:center;gap:var(--space-sm)}.production-record-icon{font-size:1.25rem}.production-record-title{font-size:1.063rem;font-weight:700;color:#fff;margin:0}.production-record-cfr-badge{font-size:.625rem;font-weight:600;padding:2px 7px;border-radius:4px;font-family:monospace;border:1px solid;background:transparent}.production-record-actions{display:flex;gap:var(--space-sm)}.production-record-body{padding:var(--space-xl)}.production-fields-grid{display:grid;grid-template-columns:1fr;gap:0 var(--space-xl)}.production-fields-grid.two-column{grid-template-columns:1fr 1fr}.production-field{margin-bottom:var(--space-md)}.production-field-label-row{display:flex;align-items:center;gap:4px;margin-bottom:3px}.production-field-label{font-size:.688rem;font-weight:600;color:var(--text-secondary)}.production-field-required{color:var(--error);font-size:.625rem}.production-field-validation{font-size:.563rem;font-weight:700;padding:1px 6px;border-radius:3px}.production-field-validation.pass{color:var(--success);background:#34d3991a}.production-field-validation.fail{color:var(--error);background:#f871711a}.production-field-input,.production-field-textarea{width:100%;padding:7px 10px;border:1px solid var(--border-primary);border-radius:var(--radius-sm);font-size:.75rem;color:var(--text-primary);background:var(--bg-elevated);font-family:inherit}.production-field-input:focus,.production-field-textarea:focus{border-color:var(--gold-primary);outline:none;box-shadow:0 0 0 2px #d4af3726}.production-field-input.readonly{color:var(--text-tertiary);background:var(--bg-tertiary);cursor:not-allowed}.production-field-textarea{resize:vertical;min-height:48px}.production-field-hint{font-size:.563rem;color:var(--text-tertiary);margin-top:2px}.production-blocked-state{text-align:center;padding:var(--space-3xl);color:var(--text-tertiary)}.production-blocked-icon{font-size:2.25rem;margin-bottom:var(--space-md)}.production-blocked-title{font-size:.938rem;font-weight:600;color:var(--text-primary)}.production-blocked-desc{font-size:.75rem;margin-top:var(--space-sm);max-width:380px;margin-left:auto;margin-right:auto}.production-blocked-actions{display:flex;gap:var(--space-sm);justify-content:center;margin-top:var(--space-lg)}.production-record-footer{padding:var(--space-md) var(--space-xl);border-top:1px solid var(--border-primary);display:flex;justify-content:space-between;align-items:center}.production-record-footer-info{font-size:.625rem;color:var(--text-tertiary)}.production-record-footer-pct{font-size:.75rem;font-weight:600}@media(max-width:768px){.production-records-layout{flex-direction:column}.production-sidebar{width:100%;position:static}.production-fields-grid.two-column{grid-template-columns:1fr}}.label-wizard-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);animation:modalFadeIn var(--transition-base);overflow:hidden}.label-wizard{background:var(--bg-primary);width:50vw;max-width:90vw;max-height:90vh;min-width:480px;min-height:400px;border-radius:var(--radius-lg);border:1px solid var(--border-secondary);box-shadow:0 25px 60px #00000080;overflow:hidden;animation:modalSlideUp var(--transition-slow);display:flex;flex-direction:column;resize:both}.wizard-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-xl);border-bottom:2px solid var(--border-secondary);background:var(--bg-secondary);flex-shrink:0}.wizard-header h2{font-size:1.5rem;font-weight:700;color:var(--text-gold);margin:0;padding:0;border:none}.wizard-close{height:36px;border-radius:var(--radius-md);border:2px solid var(--border-secondary);background:var(--bg-elevated);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base);flex-shrink:0;padding:0 var(--space-md);font-size:.85rem;font-weight:600;line-height:1;white-space:nowrap}.wizard-close:hover{background:var(--bg-hover);border-color:var(--text-secondary);color:var(--text-primary)}.wizard-progress{padding:var(--space-sm) var(--space-lg);background:var(--bg-elevated);flex-shrink:0}.wizard-step-bar{display:flex;align-items:center;gap:0;overflow-x:auto}.wizard-step-item{display:flex;align-items:center;flex-shrink:0}.wizard-step-pill{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);border:1px solid var(--border-secondary);background:var(--bg-tertiary);color:var(--text-tertiary);font-size:.75rem;font-weight:600;cursor:default;transition:all var(--transition-fast);white-space:nowrap}.wizard-step-pill:not(:disabled){cursor:pointer}.wizard-step-pill:not(:disabled):hover{border-color:var(--border-gold);color:var(--text-secondary)}.wizard-step-pill.active{border-color:var(--gold-primary);background:#d4af3726;color:var(--gold-primary)}.wizard-step-pill.completed{border-color:var(--gold-primary);background:var(--gold-primary);color:var(--bg-primary)}.wizard-step-num{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.6875rem;line-height:1}.wizard-step-text{font-size:.75rem}.wizard-step-chevron{padding:0 var(--space-xs);color:var(--text-tertiary);font-size:1rem;line-height:1;flex-shrink:0}.wizard-step-chevron.completed{color:var(--gold-primary)}.wizard-content{flex:1;padding:var(--space-lg) var(--space-xl);max-width:1400px;margin:0 auto;width:100%;overflow-y:auto}.wizard-step-content h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--space-sm) 0}.wizard-step-content p.step-description{color:var(--text-secondary);margin:0 0 var(--space-md) 0;font-size:.875rem}.wizard-form{display:grid;gap:var(--space-lg)}.wizard-form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg);align-items:start}.wizard-form-row>.wizard-form-group>label{min-height:2.6em;display:flex;align-items:flex-end}@media(max-width:640px){.wizard-form-row{grid-template-columns:1fr}}.wizard-form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.wizard-form-group.full-width{grid-column:1 / -1}.wizard-form-group label{font-size:.875rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.wizard-form-group label .required{color:var(--error);margin-left:2px}.wizard-form-group input,.wizard-form-group select,.wizard-form-group textarea{width:100%}.wizard-form-group .input-with-suffix{display:flex;align-items:center;gap:var(--space-sm)}.wizard-form-group .input-suffix{color:var(--text-tertiary);font-size:.875rem;white-space:nowrap}.wizard-form-group small{color:var(--text-tertiary);font-size:.75rem}.wizard-toggle{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-elevated);border:1px solid var(--border-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.wizard-toggle:hover{border-color:var(--border-gold)}.wizard-toggle input{width:auto;margin:0}.wizard-toggle-label{flex:1}.wizard-toggle-label .toggle-title{font-weight:600;color:var(--text-primary);display:block}.wizard-toggle-label .toggle-description{font-size:.75rem;color:var(--text-tertiary);display:block;margin-top:2px}.conditional-fields{margin-top:var(--space-md);padding:var(--space-lg);background:var(--bg-elevated);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);animation:fadeIn var(--transition-base)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.wizard-validation{padding:var(--space-lg);border-radius:var(--radius-lg);margin-top:var(--space-lg)}.wizard-validation.success{background:var(--success-bg);border:1px solid var(--success-border)}.wizard-validation.error{background:var(--error-bg);border:1px solid var(--error-border)}.wizard-validation.warning{background:var(--warning-bg);border:1px solid var(--warning-border)}.wizard-validation h4{margin:0 0 var(--space-md) 0;font-size:1rem;display:flex;align-items:center;gap:var(--space-sm)}.wizard-validation.success h4{color:var(--success)}.wizard-validation.error h4{color:var(--error)}.wizard-validation.warning h4{color:var(--warning)}.validation-issues{list-style:none;padding:0;margin:0}.validation-issues li{padding:var(--space-sm) 0;font-size:.875rem;display:flex;align-items:flex-start;gap:var(--space-sm)}.validation-issues li:before{content:"•";color:inherit;font-weight:700}.validation-issues li.error{color:var(--error)}.validation-issues li.warning{color:var(--warning)}.validation-issues li.info{color:var(--text-secondary)}.review-section{background:var(--bg-elevated);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);padding:var(--space-md);margin-bottom:var(--space-md)}.review-section h4{font-size:.875rem;font-weight:700;color:var(--text-gold);text-transform:uppercase;letter-spacing:.5px;margin:0 0 var(--space-md) 0;padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-secondary)}.review-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.review-item{display:flex;flex-direction:column;gap:2px}.review-item .review-label{font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.review-item .review-value{color:var(--text-primary);font-weight:500;display:flex;align-items:center;gap:8px}.review-edit-link{background:none;border:none;color:var(--text-tertiary);font-size:.7rem;cursor:pointer;padding:0;text-transform:uppercase;letter-spacing:.5px;opacity:0;transition:opacity .15s}.review-item:hover .review-edit-link{opacity:1}.review-edit-link:hover{color:var(--text-gold)}.review-item .review-value.not-set{color:var(--text-tertiary);font-style:italic}.health-warning-display{background:var(--warning-bg);border:1px solid var(--warning-border);border-radius:var(--radius-md);padding:var(--space-lg);font-size:.875rem;line-height:1.6;color:var(--text-primary)}.health-warning-display strong{color:var(--warning)}.wizard-footer{padding:var(--space-md) var(--space-xl);border-top:1px solid var(--border-secondary);background:var(--bg-elevated);display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);flex-shrink:0}.wizard-footer-left,.wizard-footer-right{display:flex;gap:var(--space-md)}.wizard-footer button{min-width:120px}@media(max-width:768px){.wizard-header,.wizard-content,.wizard-footer{padding:var(--space-md)}.wizard-header h2{font-size:1.25rem}.wizard-progress{padding:var(--space-md) var(--space-lg);overflow-x:auto}.wizard-steps{min-width:600px}.wizard-footer{flex-direction:column}.wizard-footer-left,.wizard-footer-right{width:100%;justify-content:center}.review-grid{grid-template-columns:1fr}}.submission-success{text-align:center;padding:var(--space-xl);animation:fadeIn var(--transition-base)}.submission-success .success-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--gold-primary) 0%,var(--gold-secondary) 100%);color:var(--bg-primary);font-size:2.5rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-xl);box-shadow:0 0 30px #d4af3766;animation:successPulse 2s ease-in-out infinite}@keyframes successPulse{0%,to{box-shadow:0 0 30px #d4af3766}50%{box-shadow:0 0 50px #d4af3799}}.submission-success h3{font-size:1.5rem;font-weight:700;color:var(--gold-primary);margin:0 0 var(--space-md) 0}.submission-success .success-message{font-size:1rem;color:var(--text-secondary);margin:0 0 var(--space-xl) 0}.submission-success .success-actions{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-xl)}.submission-success .success-actions .wizard-button.primary{min-width:220px;padding:var(--space-md) var(--space-xl);font-size:1rem}.submission-success .secondary-actions{display:flex;gap:var(--space-md);flex-wrap:wrap;justify-content:center}.submission-success .secondary-actions .wizard-button{min-width:160px}.submission-success .success-details{background:var(--bg-elevated);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:left;max-width:500px;margin:0 auto}.submission-success .success-details h4{font-size:.875rem;font-weight:700;color:var(--text-gold);text-transform:uppercase;letter-spacing:.5px;margin:0 0 var(--space-md) 0;padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-secondary)}.submission-success .summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.submission-success .summary-item{display:flex;flex-direction:column;gap:2px}.submission-success .summary-item .summary-label{font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.submission-success .summary-item .summary-value{color:var(--text-primary);font-weight:500}.submission-success .summary-item .summary-value.status-badge{color:var(--gold-primary);font-weight:600}@media(max-width:640px){.submission-success .summary-grid{grid-template-columns:1fr}.submission-success .secondary-actions{flex-direction:column;width:100%}.submission-success .secondary-actions .wizard-button{width:100%}}.wizard-steps-cola{gap:var(--space-xs)}.wizard-steps-cola .wizard-step-label{font-size:.675rem;max-width:70px}.wizard-step.cola-section-start{margin-left:var(--space-md);padding-left:var(--space-md);border-left:2px dashed var(--border-gold)}.auto-filled-badge{display:inline-block;font-size:.625rem;font-weight:700;color:var(--gold-primary);background:#d4af3726;padding:1px 6px;border-radius:var(--radius-sm);margin-left:var(--space-xs);text-transform:uppercase;letter-spacing:.5px;vertical-align:middle}.wizard-toggle-group{display:flex;gap:var(--space-xs);flex-wrap:wrap}.wizard-toggle-button{padding:var(--space-sm) var(--space-md);border:2px solid var(--border-secondary);border-radius:var(--radius-md);background:var(--bg-elevated);color:var(--text-secondary);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.wizard-toggle-button:hover{border-color:var(--gold-primary);color:var(--text-primary)}.wizard-toggle-button.active{border-color:var(--gold-primary);background:linear-gradient(135deg,#d4af3726,#8b73241a);color:var(--gold-primary)}.info-box{padding:var(--space-md);border-radius:var(--radius-md);font-size:.875rem;line-height:1.5}.info-box.success{background:var(--success-bg);border:1px solid var(--success-border);color:var(--success)}.info-box.warning{background:var(--warning-bg);border:1px solid var(--warning-border);color:var(--text-primary)}.info-box strong{display:block;margin-bottom:var(--space-xs)}.info-box ul{margin:var(--space-xs) 0 0 var(--space-md);padding:0}.info-box ul li{margin-bottom:var(--space-xs)}.cola-checklist{display:flex;flex-direction:column;gap:var(--space-xs);background:var(--bg-elevated);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);padding:var(--space-md)}.cola-checklist-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);transition:background var(--transition-fast)}.cola-checklist-item.present{background:#4caf5014}.cola-checklist-item.missing{background:#f4433614}.cola-checklist-status{display:flex;align-items:center;gap:var(--space-sm)}.cola-checklist-status .check{color:var(--success);font-weight:700}.cola-checklist-status .cross{color:var(--error);font-weight:700}.cola-checklist-name{font-weight:600;color:var(--text-primary);font-size:.875rem}.cola-checklist-value{display:flex;align-items:center;gap:var(--space-sm);color:var(--text-secondary);font-size:.8125rem}.wizard-section-divider{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:2px solid var(--border-secondary)}.wizard-section-divider h4{font-size:1rem;font-weight:700;color:var(--text-gold);margin:0 0 var(--space-sm) 0}.review-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-secondary)}.review-section-header h4{margin:0;padding:0;border:none}.edit-link{background:none;border:1px solid var(--border-gold);border-radius:var(--radius-sm);color:var(--gold-primary);font-size:.75rem;font-weight:600;padding:2px 10px;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;transition:all var(--transition-fast)}.edit-link:hover{background:#d4af371a}.validation-section{margin-top:var(--space-lg)}.validation-section h4{font-size:1rem;font-weight:700;color:var(--text-gold);margin:0 0 var(--space-md) 0}.validation-buttons{display:flex;gap:var(--space-md);margin-bottom:var(--space-md)}.validation-status{padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-sm);font-size:.875rem}.validation-status.valid{background:var(--success-bg);border:1px solid var(--success-border);color:var(--success)}.validation-status.invalid{background:var(--error-bg);border:1px solid var(--error-border);color:var(--error)}.validation-issue{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-size:.8125rem;border-radius:var(--radius-sm);margin-bottom:var(--space-xs)}.validation-issue.error{background:#f443360d}.validation-issue.warning{background:#ffc1070d}.issue-severity{font-weight:700;font-size:.6875rem;text-transform:uppercase;padding:1px 6px;border-radius:var(--radius-sm);white-space:nowrap}.validation-issue.error .issue-severity{background:#f4433626;color:var(--error)}.validation-issue.warning .issue-severity{background:#ffc10726;color:var(--warning)}.issue-message{color:var(--text-secondary);flex:1}.issue-step-link{background:none;border:1px solid var(--gold-primary);color:var(--gold-primary);padding:2px 8px;border-radius:4px;font-size:.75rem;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}.issue-step-link:hover{background:var(--gold-primary);color:var(--bg-primary)}.wizard-step-warnings{background:#ffc10714;border:1px solid rgba(255,193,7,.3);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);margin-top:var(--space-sm)}.wizard-step-warnings p{margin:0 0 var(--space-xs) 0;font-size:.8125rem;font-weight:600;color:var(--warning)}.wizard-step-warnings ul{list-style:none;padding:0;margin:0}.wizard-step-warnings li{font-size:.8125rem;color:var(--text-secondary);padding:2px 0}.wizard-step-warnings li:before{content:"⚠";margin-right:var(--space-xs)}.wizard-button.full-width{width:100%;margin-top:var(--space-lg)}.success-actions{display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:center;margin:var(--space-xl) 0}.success-summary{background:var(--bg-elevated);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);padding:var(--space-lg);max-width:500px;margin:0 auto;text-align:left}.field-hint{font-size:.75rem;color:var(--text-tertiary)}.wizard-step-subtitle{font-size:.75rem;font-weight:400;color:var(--text-tertiary)}.wizard-step-description{color:var(--text-secondary);font-size:.875rem;margin:0 0 var(--space-md) 0}.wizard-confirm-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10;border-radius:var(--radius-lg)}.wizard-confirm-dialog{background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);padding:var(--space-xl);max-width:400px;text-align:center;box-shadow:0 8px 32px #0006}.wizard-confirm-dialog h3{margin:0 0 var(--space-md) 0;color:var(--text-primary);font-size:1.25rem}.wizard-confirm-dialog p{margin:0 0 var(--space-xl) 0;color:var(--text-secondary);font-size:.875rem}.wizard-confirm-actions{display:flex;gap:var(--space-md);justify-content:center}.label-image-preview,.label-image-upload{display:flex;flex-direction:column;gap:var(--space-sm)}.label-image-info{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--success-bg);border:1px solid var(--success-border);border-radius:var(--radius-md);font-size:.875rem}.wizard-addon-toggle{margin-top:var(--space-xs)}.saving-indicator{margin-left:var(--space-sm);font-size:.75rem;color:var(--gold-primary);animation:fadeIn var(--transition-base)}.wizard-footer-info{font-size:.875rem;color:var(--text-tertiary);text-align:center;white-space:nowrap}.wizard-footer-spacer{min-width:120px}@media(max-width:768px){.wizard-steps-cola{min-width:800px}.wizard-step.cola-section-start{margin-left:var(--space-sm);padding-left:var(--space-sm)}.wizard-toggle-group,.validation-buttons{flex-direction:column}.success-actions{flex-direction:column;align-items:center}}@media(prefers-reduced-motion:reduce){.label-wizard-backdrop,.label-wizard,.conditional-fields,.submission-success .success-icon{animation:none}}.label-wizard button:focus-visible,.label-wizard input:focus-visible,.label-wizard select:focus-visible,.label-wizard textarea:focus-visible{outline:3px solid var(--gold-primary);outline-offset:2px}.formula-search{position:relative}.formula-search-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--bg-elevated);border:1px solid var(--border-secondary);border-radius:var(--radius-md);max-height:200px;overflow-y:auto;z-index:10;box-shadow:var(--shadow-lg);margin-top:var(--space-xs)}.formula-search-message{padding:var(--space-sm) var(--space-md);color:var(--text-tertiary);font-size:.875rem}.formula-search-result{display:flex;flex-direction:column;gap:2px;width:100%;padding:var(--space-sm) var(--space-md);border:none;border-bottom:1px solid var(--border-secondary);background:none;text-align:left;cursor:pointer;font-size:.875rem;color:var(--text-primary);transition:background var(--transition-fast)}.formula-search-result:last-child{border-bottom:none}.formula-search-result:hover{background:var(--bg-tertiary)}.formula-search-result-id{font-weight:600;color:var(--text-gold)}.formula-search-result-name{color:var(--text-secondary);font-size:.8125rem}