*{margin:0;padding:0}body{background-color:#fff;color:#333}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button,input,select,textarea{font-family:inherit;font-size:inherit}a{color:inherit}:focus{outline:none}:focus-visible{outline:2px solid #667eea;outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){*{border-color:ButtonText}}@media print{*{background:#0000!important;box-shadow:none!important;color:#000!important;text-shadow:none!important}a,a:visited{text-decoration:underline}img{max-width:100%!important}h1,h2,h3,p{orphans:3;widows:3}h1,h2,h3{page-break-after:avoid}}.toast{border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;max-width:450px;min-width:300px;position:fixed;right:1rem;top:1rem;transform:translateX(120%);transition:transform .3s ease-in-out;z-index:9999}.toast.visible{transform:translateX(0)}.toast.hidden{transform:translateX(120%)}.toast-content{align-items:center;border-radius:.5rem;display:flex;padding:1rem}.toast.success .toast-content{background-color:#d1fae5;border-left:4px solid #10b981;color:#065f46}.toast.error .toast-content{background-color:#fee2e2;border-left:4px solid #ef4444;color:#991b1b}.toast.info .toast-content{background-color:#e0f2fe;border-left:4px solid #3b82f6;color:#1e40af}.toast-icon{flex-shrink:0;height:20px;margin-right:.75rem;width:20px}.toast-message{flex-grow:1;font-size:.875rem;font-weight:500}.toast-close{background:#0000;border:none;cursor:pointer;flex-shrink:0;height:20px;margin-left:.75rem;opacity:.7;padding:0;transition:opacity .2s;width:20px}.toast-close:hover{opacity:1}[data-theme=dark] .toast.success .toast-content{background-color:#10b98133;color:#d1fae5}[data-theme=dark] .toast.error .toast-content{background-color:#ef444433;color:#fee2e2}[data-theme=dark] .toast.info .toast-content{background-color:#3b82f633;color:#e0f2fe}.filter-button,.header-global-filter{position:relative}.filter-button{align-items:center;background:none;border:none;border-radius:.375rem;color:#374151;color:var(--text-color,#374151);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;height:36px;padding:.5rem;transition:all .2s ease}.filter-button:hover{background-color:#f3f4f6;background-color:var(--hover-bg,#f3f4f6);color:#3b82f6;color:var(--primary-color,#3b82f6)}.filter-button:focus{outline:2px solid #3b82f6;outline:2px solid var(--primary-color,#3b82f6);outline-offset:2px}.filter-button.active{color:#3b82f6;color:var(--primary-color,#3b82f6)}.filter-icon{flex-shrink:0;height:18px;width:18px}.filter-label{white-space:nowrap}.filter-badge{background-color:#3b82f6;background-color:var(--primary-color,#3b82f6);border-radius:50%;box-shadow:0 0 0 2px #fff;box-shadow:0 0 0 2px var(--header-bg,#fff);height:8px;position:absolute;right:4px;top:4px;width:8px}.filter-tooltip{animation:tooltip-fade-in .2s ease-out;background:#fff;background:var(--tooltip-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:.375rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;max-width:280px;min-width:200px;padding:.75rem;position:absolute;right:0;top:calc(100% + 8px);z-index:1001}@keyframes tooltip-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.tooltip-arrow{background:#fff;background:var(--tooltip-bg,#fff);border-left:1px solid #e5e7eb;border-left:1px solid var(--border-color,#e5e7eb);border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);height:10px;position:absolute;right:12px;top:-5px;transform:rotate(45deg);width:10px}.tooltip-content{display:flex;flex-direction:column;gap:.25rem}.tooltip-title{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.75rem}.tooltip-summary{color:#111827;color:var(--text-color,#111827);font-size:.8125rem;word-break:break-word}@media (max-width:768px){.filter-label{display:none}.filter-button{padding:.375rem}}[data-theme=dark] .filter-tooltip{--tooltip-bg:#1f2937;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}[data-theme=dark] .filter-badge{box-shadow:0 0 0 2px #1f2937;box-shadow:0 0 0 2px var(--header-bg,#1f2937)}[data-theme=dark] .tooltip-summary{color:#f9fafb;color:var(--text-color,#f9fafb)}@media (max-width:640px){.filter-tooltip{right:-8px}}.top-navigation{flex-grow:1;justify-content:center;margin-right:-80px}.nav-list,.top-navigation{align-items:center;display:flex;height:100%}.nav-list{gap:.25rem;list-style:none;margin:0;padding:0}.nav-item{align-items:center;display:flex;height:100%}.nav-link{border-radius:8px;color:#333;color:var(--text-color,#333);font-size:.9rem;gap:.5rem;height:40px;padding:.5rem .75rem;transition:all .3s ease;white-space:nowrap}.nav-link:hover{background-color:#007bff1a;background-color:var(--hover-bg,#007bff1a);color:#007bff;color:var(--primary-color,#007bff)}.nav-link.active{background-color:#007bff;background-color:var(--primary-color,#007bff);box-shadow:0 2px 4px #007bff4d}.nav-icon{font-size:1.1rem}.nav-label{font-size:.9rem}.nav-overlay{display:none}@media (max-width:768px){.top-navigation{background-color:#fff;background-color:var(--bg-color,#fff);border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color,#e0e0e0);box-shadow:0 2px 8px #0000001a;height:auto;justify-content:flex-start;left:0;margin-right:0;max-height:calc(100vh - 64px);overflow-y:auto;position:fixed;right:0;top:64px;transform:translateY(-100%);transition:transform .3s ease;z-index:1000}.top-navigation.open{transform:translateY(0)}.nav-overlay{background-color:#00000080;bottom:0;display:block;left:0;opacity:0;position:fixed;right:0;top:0;transition:all .3s ease;visibility:hidden;z-index:-1}.top-navigation.open .nav-overlay{opacity:1;visibility:visible}.nav-list{align-items:stretch;flex-direction:column;gap:.5rem;padding:1rem}.nav-item,.nav-link,.nav-list{height:auto}.nav-link{border-radius:8px;font-size:1rem;justify-content:flex-start;padding:1rem}.nav-icon{font-size:1.2rem;height:24px;width:24px}.nav-label{font-size:1rem}}@media (max-width:1024px) and (min-width:769px){.top-navigation{margin-right:-40px}.nav-label{display:none}.nav-link{gap:0;padding:.5rem .75rem}.nav-icon{font-size:1.2rem}}[data-theme=dark] .top-navigation{background-color:#2d3748;background-color:var(--dark-bg-secondary,#2d3748);border-color:#4a5568;border-color:var(--dark-border,#4a5568)}[data-theme=dark] .nav-link{color:#e2e8f0;color:var(--dark-text,#e2e8f0)}[data-theme=dark] .nav-link:hover{background-color:#4299e133;background-color:var(--dark-hover-bg,#4299e133);color:#63b3ed;color:var(--dark-primary,#63b3ed)}[data-theme=dark] .nav-link.active{background-color:#4299e1;background-color:var(--dark-primary,#4299e1);color:#fff}.app-header{background:#fff;background:var(--header-bg,#fff);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;left:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.header-container{height:64px;justify-content:space-between;max-width:100vw;padding:0 1rem}.header-container,.header-left{align-items:center;display:flex}.header-left{gap:1rem}.mobile-menu-toggle{background:none;border:none;border-radius:.375rem;cursor:pointer;display:none;flex-shrink:0;padding:.5rem;transition:all .2s ease}.mobile-menu-toggle:hover{background-color:#f3f4f6;background-color:var(--hover-bg,#f3f4f6)}.mobile-menu-toggle:focus{outline:2px solid #3b82f6;outline:2px solid var(--primary-color,#3b82f6);outline-offset:2px}@media (max-width:768px){.mobile-menu-toggle{align-items:center;display:flex;justify-content:center}}.hamburger{display:flex;flex-direction:column;height:18px;justify-content:space-between;position:relative;width:24px}.hamburger span{background-color:#374151;background-color:var(--text-color,#374151);border-radius:2px;height:2px;transition:all .3s ease;width:100%}.hamburger.active span:first-child{transform:rotate(45deg) translate(6px,6px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.header-brand{align-items:center;color:inherit;display:flex;gap:.75rem;text-decoration:none;transition:all .2s ease}.header-brand:hover{transform:scale(1.02)}.brand-logo{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:linear-gradient(135deg,var(--primary-color,#3b82f6),var(--secondary-color,#8b5cf6));border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;display:flex;height:40px;justify-content:center;width:40px}.logo-icon{color:#fff;height:24px;width:24px}.brand-text{display:flex;flex-direction:column}.brand-title{color:#111827;color:var(--text-color,#111827);font-size:1.25rem;font-weight:700;line-height:1.2;margin:0}.brand-subtitle{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.75rem;font-weight:500;letter-spacing:.1em;line-height:1;text-transform:uppercase}.header-right{gap:1rem}.header-right,.theme-toggle{align-items:center;display:flex}.theme-toggle{background:none;border:none;border-radius:.375rem;color:#374151;color:var(--text-color,#374151);cursor:pointer;justify-content:center;padding:.5rem;transition:all .2s ease}.theme-toggle:hover{background-color:#f3f4f6;background-color:var(--hover-bg,#f3f4f6);color:#3b82f6;color:var(--primary-color,#3b82f6)}.theme-toggle:focus{outline:2px solid #3b82f6;outline:2px solid var(--primary-color,#3b82f6);outline-offset:2px}.theme-toggle svg{height:20px;transition:transform .3s ease;width:20px}.theme-toggle:hover svg{transform:rotate(15deg)}.user-profile{position:relative}.profile-trigger{align-items:center;background:none;border:none;border-radius:.5rem;cursor:pointer;display:flex;gap:.75rem;max-width:300px;padding:.5rem;transition:all .2s ease}.profile-trigger:hover{background-color:#f3f4f6;background-color:var(--hover-bg,#f3f4f6)}.profile-trigger:focus{outline:2px solid #3b82f6;outline:2px solid var(--primary-color,#3b82f6);outline-offset:2px}.avatar-initials{color:#fff;font-size:.875rem;font-weight:600;text-transform:uppercase}.user-info{flex-direction:column;min-width:0;text-align:left}.user-name{color:#111827;color:var(--text-color,#111827);font-size:.875rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{font-size:.75rem;text-transform:capitalize}.dropdown-arrow,.user-role{color:#6b7280;color:var(--text-secondary,#6b7280)}.dropdown-arrow{flex-shrink:0;height:16px;transition:transform .2s ease;width:16px}.dropdown-arrow.open{transform:rotate(180deg)}.profile-dropdown{animation:dropdown-enter .2s ease-out;background:#fff;background:var(--dropdown-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;margin-top:.5rem;min-width:240px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1001}@keyframes dropdown-enter{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-header{background:#f9fafb;background:var(--dropdown-header-bg,#f9fafb);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);padding:1rem}.dropdown-user-info{display:flex;flex-direction:column;gap:.25rem}.dropdown-user-name{color:#111827;color:var(--text-color,#111827);font-size:.875rem;font-weight:600;margin:0}.dropdown-user-email{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.75rem;margin:0;word-break:break-all}.dropdown-user-role{color:#3b82f6;color:var(--primary-color,#3b82f6);font-size:.75rem;font-weight:500;text-transform:capitalize}.dropdown-content{padding:.5rem}.dropdown-item{background:none;border-radius:.375rem;color:#374151;color:var(--text-color,#374151);font-size:.875rem;gap:.75rem;padding:.75rem;text-decoration:none;transition:all .2s ease}.dropdown-item:hover{background-color:#f3f4f6;background-color:var(--hover-bg,#f3f4f6);color:#111827;color:var(--text-color,#111827)}.dropdown-item:focus{outline:2px solid #3b82f6;outline:2px solid var(--primary-color,#3b82f6);outline-offset:-2px}.dropdown-item svg{flex-shrink:0;height:16px;width:16px}.logout-item,.logout-item:hover{color:#dc2626;color:var(--error-color,#dc2626)}.logout-item:hover{background-color:#fef2f2;background-color:var(--error-bg,#fef2f2)}.dropdown-divider{background-color:#e5e7eb;background-color:var(--border-color,#e5e7eb);height:1px;margin:.5rem 0}@media (max-width:768px){.header-container{padding:0 .75rem}.brand-text,.user-info{display:none}.theme-toggle{padding:.25rem}.profile-dropdown{min-width:220px;right:-.5rem}}@media (max-width:480px){.header-container{height:56px;padding:0 .5rem}.sidebar-toggle{padding:.25rem}.brand-logo{height:36px;width:36px}.logo-icon{height:20px;width:20px}.user-avatar{height:28px;width:28px}.avatar-initials{font-size:.75rem}}[data-theme=dark] .hamburger span{background-color:var(--text-color)}[data-theme=dark] .brand-title{color:var(--text-color)}@media (prefers-contrast:high){.app-header{border-bottom-width:2px}.profile-dropdown{border-width:2px}.dropdown-item:focus{outline-width:3px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.sidebar-overlay{animation:overlay-enter .3s ease;background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:998}@keyframes overlay-enter{0%{opacity:0}to{opacity:1}}.app-sidebar{background:#fff;background:var(--sidebar-bg,#fff);border-right:1px solid #e5e7eb;border-right:1px solid var(--border-color,#e5e7eb);box-shadow:0 4px 6px -1px #0000001a;height:calc(100vh - 64px);left:0;overflow:hidden;position:fixed;top:64px;transform:translateX(-100%);transition:transform .3s ease;width:280px;z-index:999}.app-sidebar.open{transform:translateX(0)}.sidebar-content{display:flex;flex-direction:column;height:100%;overflow:hidden}.sidebar-nav{flex:1 1;overflow-y:auto;padding:1rem 0}.nav-section{margin-bottom:2rem}.nav-section-title{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.75rem;font-weight:600;letter-spacing:.1em;margin:0 0 .75rem;padding:0 1rem;text-transform:uppercase}.nav-item{margin-bottom:.25rem}.nav-link{align-items:center;border-radius:.5rem;color:#374151;color:var(--text-color,#374151);display:flex;font-size:.875rem;font-weight:500;gap:.75rem;margin:0 .5rem;padding:.75rem 1rem;position:relative;text-decoration:none;transition:all .2s ease}.nav-link:hover{background-color:#f3f4f6;background-color:var(--hover-bg,#f3f4f6);color:#3b82f6;color:var(--primary-color,#3b82f6)}.nav-link.active{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--primary-color,#3b82f6),var(--primary-hover,#2563eb));box-shadow:0 2px 4px #3b82f640;color:#fff}.nav-link.active:before{background:#fff;border-radius:0 2px 2px 0;bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.nav-link:focus{outline:2px solid #3b82f6;outline:2px solid var(--primary-color,#3b82f6);outline-offset:-2px}.nav-icon{align-items:center;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.nav-icon svg{height:100%;width:100%}.checkbox-icon{height:18px;width:18px}.checkbox-icon rect{fill:#fff;stroke:#d1d5db;stroke-width:1.5}.nav-link.active .checkbox-icon rect{fill:#3b82f6;stroke:#3b82f6}.checkbox-tick{stroke-width:2;fill:none}@keyframes tick-appear{0%{stroke-dashoffset:20;opacity:0}to{stroke-dashoffset:0;opacity:1}}.checkbox-tick{stroke-dasharray:20;animation:tick-appear .2s ease-in-out forwards}.nav-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.global-filter-toggle{background:none;border:none;cursor:pointer;justify-content:space-between;width:100%}.arrow-icon{transition:transform .3s ease}.arrow-icon.expanded{transform:rotate(180deg)}.sidebar-filters{background:#f9fafb;background:var(--sidebar-filter-bg,#f9fafb);border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);max-height:1000px;overflow:hidden;padding:1rem;transition:all .3s ease-in-out}.sidebar-filters.collapsed{border-top-color:#0000;max-height:0;padding-bottom:0;padding-top:0}.filters-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.filters-title{color:#111827;color:var(--text-color,#111827);font-size:.875rem;font-weight:600;margin:0}.clear-filters-btn{background:none;border:none;border-radius:.375rem;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;padding:.375rem;transition:all .2s ease}.clear-filters-btn:hover{background-color:#f3f4f6;background-color:var(--hover-bg,#f3f4f6);color:#dc2626;color:var(--error-color,#dc2626)}.clear-filters-btn:focus{outline:2px solid #3b82f6;outline:2px solid var(--primary-color,#3b82f6);outline-offset:2px}.clear-filters-btn svg{height:16px;width:16px}.filter-group{margin-bottom:1rem}.filter-label{color:#374151;color:var(--text-color,#374151);display:block;font-size:.75rem;font-weight:500;margin-bottom:.5rem}.filter-select{background:var(--input-bg,#fff);border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);border-radius:.375rem;color:#111827;color:var(--text-color,#111827);font-size:.875rem;padding:.5rem;width:100%}.filter-select:focus{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);box-shadow:0 0 0 3px #3b82f61a}.date-range-inputs{gap:.5rem}.date-input-group,.date-range-inputs{display:flex;flex-direction:column}.date-label{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.625rem;font-weight:500;letter-spacing:.05em;margin-bottom:.25rem;text-transform:uppercase}.filter-date{background:#fff;background:var(--input-bg,#fff);border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);border-radius:.375rem;color:#111827;color:var(--text-color,#111827);font-size:.875rem;padding:.5rem;transition:all .2s ease}.filter-date:focus{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.filter-help{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:.625rem;line-height:1.4;margin:.25rem 0 0}.active-filters{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);margin-top:1rem;padding-top:1rem}.active-filters-title{color:#111827;color:var(--text-color,#111827);font-size:.75rem;font-weight:600;margin:0 0 .5rem}.active-filters-list{display:flex;flex-direction:column;gap:.25rem}.active-filter-tag{background:#eff6ff;background:var(--primary-light,#eff6ff);border-radius:.375rem;font-size:.75rem;font-weight:500;justify-content:space-between;padding:.25rem .5rem}.active-filter-tag,.remove-filter{align-items:center;color:#1e40af;color:var(--primary-dark,#1e40af);display:flex}.remove-filter{background:none;border:none;border-radius:50%;cursor:pointer;font-size:.875rem;height:16px;justify-content:center;line-height:1;margin-left:.25rem;padding:.125rem;transition:all .2s ease;width:16px}.remove-filter:hover{background:#1e40af;background:var(--primary-dark,#1e40af);color:#fff}.sidebar-footer{background:#f9fafb;background:var(--sidebar-footer-bg,#f9fafb);border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);padding:1rem}.role-indicator{align-items:center;display:flex}.role-badge{background:#e0e7ff;background:var(--role-badge-bg,#e0e7ff);border-radius:.375rem;color:#3730a3;color:var(--role-badge-text,#3730a3);display:flex;gap:.5rem;padding:.5rem;width:100%}.role-badge svg{flex-shrink:0;height:14px;width:14px}.role-text{text-transform:capitalize}.sidebar-nav{display:block}.sidebar-nav-list{list-style:none;margin:0;padding:0;width:100%}.sidebar-nav-list .nav-item{display:block;margin-bottom:4px}.product-list{display:block;white-space:normal}@media (min-width:768px){.app-sidebar{box-shadow:none;height:calc(100vh - 64px);left:0;position:fixed;top:64px;transform:translateX(0);width:280px}.app-sidebar:not(.open){transform:translateX(-100%);width:0}.sidebar-overlay{display:none}}@media (min-width:1024px){.app-sidebar{width:320px}.nav-link{margin:0 .75rem;padding:1rem 1.25rem}.sidebar-filters,.sidebar-footer{padding:1.25rem}}@media (max-width:767px){.app-sidebar{height:calc(100vh - 56px);top:56px;width:260px}.nav-link{margin:0 .25rem}.nav-link,.sidebar-filters,.sidebar-footer{padding:.75rem}}[data-theme=dark] .nav-link.active{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--primary-color,#3b82f6),var(--primary-hover,#2563eb));box-shadow:0 2px 4px #3b82f666}[data-theme=dark] .active-filter-tag{background:#1e40af;background:var(--primary-dark,#1e40af)}[data-theme=dark] .active-filter-tag,[data-theme=dark] .remove-filter{color:#dbeafe;color:var(--primary-light,#dbeafe)}[data-theme=dark] .remove-filter:hover{background:#dbeafe;background:var(--primary-light,#dbeafe);color:#1e40af;color:var(--primary-dark,#1e40af)}@media (prefers-contrast:less){.nav-link{border:1px solid #0000}.nav-link:focus,.nav-link:hover{border-color:var(--primary-color)}.nav-link.active{border-color:#fff}.filter-date,.filter-select{border-width:2px}}@media (prefers-reduced-motion:reduce){.app-sidebar{transition:none}.sidebar-overlay{animation:none}.nav-link{transition:none}}.app-footer{background:#f9fafb;background:var(--footer-bg,#f9fafb);border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);bottom:0;box-shadow:0 -2px 10px #0000000d;color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.875rem;left:0;padding:1rem 0;position:fixed;right:0;width:100%;z-index:100}.footer-container{grid-gap:2rem;align-items:center;display:grid;gap:2rem;grid-template-columns:1fr auto 1fr;margin:0 auto;max-width:100%;padding:0 1rem}.footer-left{display:flex;flex-direction:column;gap:.5rem}.footer-version{align-items:center;display:flex;gap:.5rem}.version-label{color:#374151;color:var(--text-color,#374151);font-weight:600}.version-number{background:#e0e7ff;background:var(--version-badge-bg,#e0e7ff);border-radius:.375rem;color:#3730a3;color:var(--version-badge-text,#3730a3);font-size:.75rem;font-weight:500;padding:.125rem .5rem}.footer-copyright{margin:0}.footer-copyright p{font-size:.75rem;margin:0}.footer-center{display:flex;justify-content:center}.footer-nav{gap:1.5rem}.footer-link,.footer-nav{align-items:center;display:flex}.footer-link{border-radius:.375rem;color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.875rem;font-weight:500;gap:.375rem;padding:.375rem;text-decoration:none;transition:all .2s ease}.footer-link:hover{background-color:#f3f4f6;background-color:var(--hover-bg,#f3f4f6);color:#3b82f6;color:var(--primary-color,#3b82f6)}.footer-link:focus{outline:2px solid #3b82f6;outline:2px solid var(--primary-color,#3b82f6);outline-offset:2px}.footer-link svg{flex-shrink:0;height:16px;width:16px}.footer-right{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem}.status-indicator{gap:.5rem}.status-dot,.status-indicator{align-items:center;display:flex}.status-dot{height:16px;justify-content:center;width:16px}.status-dot svg{height:100%;width:100%}.status-text{font-size:.75rem;font-weight:500}.last-updated{align-items:flex-end;display:flex;flex-direction:column;text-align:right}.update-label{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:.625rem;margin-bottom:.125rem}.update-time{color:#374151;color:var(--text-color,#374151);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-family:var(--font-mono,"Monaco","Menlo","Ubuntu Mono",monospace);font-size:.75rem;font-weight:500}.footer-mobile{background:#f9fafb;background:var(--footer-bg,#f9fafb);border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);bottom:0;box-shadow:0 -2px 10px #0000000d;display:none;left:0;padding:1rem;position:fixed;right:0;width:100%;z-index:100}.footer-mobile-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.footer-mobile-row:last-child{margin-bottom:0}.footer-mobile-version{color:#374151;color:var(--text-color,#374151);font-size:.875rem;font-weight:600}.footer-mobile-status{align-items:center;display:flex;font-size:.75rem;font-weight:500;gap:.375rem}.status-dot-mobile{align-items:center;display:flex;height:14px;justify-content:center;width:14px}.status-dot-mobile svg{height:100%;width:100%}.footer-mobile-copyright{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.75rem}.footer-mobile-links{display:flex;gap:1rem}.footer-mobile-link{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.75rem;font-weight:500;text-decoration:none;transition:color .2s ease}.footer-mobile-link:hover{color:#3b82f6;color:var(--primary-color,#3b82f6)}@media (max-width:1024px){.footer-container{gap:1rem;grid-template-columns:1fr;text-align:center}.footer-left,.footer-right{align-items:center}.footer-nav{flex-wrap:wrap;gap:1rem;justify-content:center}.last-updated{align-items:center;text-align:center}}@media (max-width:768px){.footer-container{display:none}.footer-mobile{display:block}.footer-nav{gap:.75rem}.footer-link{font-size:.75rem;padding:.25rem}.footer-link svg{height:14px;width:14px}}@media (max-width:480px){.footer-mobile{padding:.75rem}.footer-mobile-row{flex-direction:column;gap:.5rem;margin-bottom:1rem}.footer-mobile-links{gap:.75rem}.footer-mobile-status,.footer-mobile-version{font-size:.75rem}}.animate-spin{animation:spin 1s linear infinite}[data-theme=dark] .footer-mobile{background:var(--footer-bg)}@media (prefers-contrast:high){.footer-link{border:1px solid #0000}.footer-link:focus,.footer-link:hover{border-color:var(--primary-color)}.version-number{border:1px solid var(--version-badge-text)}.status-dot,.status-dot-mobile{filter:contrast(1.5)}}@media print{.app-footer{display:none}}@media (prefers-reduced-motion:reduce){.footer-link{transition:none}.animate-spin{animation:none}}.loading-spinner{flex-direction:column;gap:1rem;padding:1rem}.spinner-inline{align-items:center;display:inline-flex;flex-direction:row;gap:.5rem;padding:0}.spinner-inner{display:inline-block;position:relative}.spinner-inner div{animation:spinner-rotate 1.2s cubic-bezier(.5,0,.5,1) infinite;border:3px solid #0000;border-radius:50%;border-top-color:initial;box-sizing:border-box;display:block;position:absolute}.spinner-inner div:first-child{animation-delay:-.45s}.spinner-inner div:nth-child(2){animation-delay:-.3s}.spinner-inner div:nth-child(3){animation-delay:-.15s}.spinner-small .spinner-inner{height:24px;width:24px}.spinner-small .spinner-inner div{border-width:2px;height:20px;margin:2px;width:20px}.spinner-medium .spinner-inner{height:40px;width:40px}.spinner-medium .spinner-inner div{border-width:3px;height:32px;margin:4px;width:32px}.spinner-large .spinner-inner{height:64px;width:64px}.spinner-large .spinner-inner div{border-width:4px;height:52px;margin:6px;width:52px}.spinner-primary{color:#3b82f6;color:var(--primary-color,#3b82f6)}.spinner-secondary{color:#8b5cf6;color:var(--secondary-color,#8b5cf6)}.spinner-white{color:#fff}.spinner-message{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.875rem;font-weight:500;margin:0;text-align:center}@keyframes spinner-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.spinner-inner div{animation:spinner-pulse 1.5s ease-in-out infinite}.spinner-inner div:first-child{animation-delay:0s}.spinner-inner div:nth-child(2){animation-delay:.3s}.spinner-inner div:nth-child(3){animation-delay:.6s}}@keyframes spinner-pulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}[data-theme=dark] .spinner-message{color:#9ca3af;color:var(--text-secondary,#9ca3af)}@media (prefers-contrast:high){.spinner-inner div{border-width:4px}.spinner-small .spinner-inner div{border-width:3px}.spinner-medium .spinner-inner div{border-width:4px}.spinner-large .spinner-inner div{border-width:5px}}.modal-overlay{align-items:flex-start;animation:fadeIn .3s ease;background:#0009;justify-content:flex-end;padding-right:16px;padding-top:64px}.modal-overlay.mobile{align-items:center;justify-content:center;padding:0}.modal-content{animation:slideIn .3s ease-out;background:var(--sidebar-bg,#fff);border-radius:.75rem;box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;margin-right:1rem;max-height:calc(100vh - 80px);max-width:480px;padding:1.5rem}.modal-content.mobile{animation:slideUp .3s ease-out;border-radius:0;height:100%;margin:0;max-height:100%;max-width:100%;width:100%}.modal-header{margin-bottom:1.5rem;padding-bottom:1rem}.close-button{font-size:2rem;font-weight:300;padding:0;transition:color .2s ease}.modal-body .filter-group{margin-bottom:1.5rem}.modal-body .filter-group label{color:#374151;color:var(--text-color,#374151);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.filter-date,.filter-select{background:#fff;background:var(--input-bg,#fff);border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);border-radius:.5rem;color:#111827;color:var(--text-color,#111827);font-size:1rem;height:2.75rem;padding:.75rem;width:100%}.modal-body .date-range-inputs{display:flex;gap:1rem}.modal-body .date-input-group{flex:1 1}.modal-footer{margin-top:1.5rem;padding-top:1.5rem}[data-theme=dark] .modal-content{background:#1f2937}[data-theme=dark] .modal-footer,[data-theme=dark] .modal-header{border-color:#374151}[data-theme=dark] .close-button,[data-theme=dark] .modal-header h2{color:#f9fafb}[data-theme=dark] .close-button:hover{color:#d1d5db}@media (max-width:768px){.modal-content{padding:1.25rem}}@media (max-width:640px){.modal-overlay:not(.mobile){padding-top:56px}.date-range-inputs{flex-direction:column;gap:.75rem}}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:#0000}.modal-content::-webkit-scrollbar-thumb{background-color:#6b72804d;border-radius:3px}.modal-content::-webkit-scrollbar-thumb:hover{background-color:#6b728080}.main-layout{background:#fff;background:var(--app-bg,#fff);color:#111827;color:var(--text-color,#111827);display:flex;flex-direction:column;min-height:100vh}.skip-to-content{background:#3b82f6;background:var(--primary-color,#3b82f6);border-radius:4px;color:#fff;font-weight:500;left:6px;padding:8px 16px;position:absolute;text-decoration:none;top:-40px;transition:top .3s ease;z-index:9999}.skip-to-content:focus{top:6px}.layout-body{margin-top:64px}.layout-body,.main-content{display:flex;flex:1 1;min-height:calc(100vh - 64px);position:relative}.main-content{background:#fff;background:var(--content-bg,#fff);flex-direction:column;overflow-x:hidden;width:100%}.content-wrapper{display:flex;flex:1 1;flex-direction:column;padding-bottom:80px;width:100%}.page-content{flex:1 1;max-width:100%;padding:1.5rem;width:100%}@media (min-width:768px){.app-sidebar{transition:transform .3s ease,width .3s ease}.main-layout:not(.sidebar-open) .app-sidebar{overflow:hidden;width:0}.main-layout.sidebar-open .main-content{margin-left:280px;width:calc(100% - 280px)}}.auth-loading-container{background:#fff;background:var(--app-bg,#fff);min-height:100vh}.auth-loading-container,.route-loading{align-items:center;display:flex;justify-content:center}.route-loading{min-height:200px;padding:2rem}.breadcrumb-container{background:#f9fafb;background:var(--breadcrumb-bg,#f9fafb);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);margin-left:0;padding:.75rem 1.5rem;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:10}@media (max-width:768px){.breadcrumb-container{padding:.5rem 1rem;top:0}.content-wrapper{padding-bottom:100px}}@media (max-width:480px){.content-wrapper{padding-bottom:120px}}.breadcrumb{max-width:100%;overflow-x:auto}.breadcrumb-list{list-style:none;margin:0;padding:0;white-space:nowrap}.breadcrumb-item,.breadcrumb-link,.breadcrumb-list{align-items:center;display:flex}.breadcrumb-link{border-radius:.375rem;color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.875rem;font-weight:500;gap:.375rem;padding:.25rem .5rem;text-decoration:none;transition:all .2s ease}.breadcrumb-link:hover{background-color:#f3f4f6;background-color:var(--hover-bg,#f3f4f6);color:#3b82f6;color:var(--primary-color,#3b82f6)}.breadcrumb-link:focus{outline:2px solid #3b82f6;outline:2px solid var(--primary-color,#3b82f6);outline-offset:2px}.breadcrumb-link svg{flex-shrink:0;height:16px;width:16px}.breadcrumb-separator{align-items:center;color:#9ca3af;color:var(--text-secondary,#9ca3af);display:flex;margin:0 .25rem}.breadcrumb-separator svg{height:16px;width:16px}.breadcrumb-current{color:#111827;color:var(--text-color,#111827);font-size:.875rem;font-weight:600;padding:.25rem .5rem;text-transform:capitalize}.main-content:focus{outline:none}.focus-trap{height:1px;left:0;opacity:0;pointer-events:none;position:fixed;top:0;width:1px}@media (min-width:768px){.main-layout.sidebar-open .layout-body{grid-template-columns:280px 1fr}}@media (min-width:1024px){.main-layout.sidebar-open .main-content{margin-left:320px;width:calc(100% - 320px)}.main-layout:not(.sidebar-open) .page-content{max-width:100%}.main-layout.sidebar-open .page-content,.page-content{max-width:100%;width:100%}}@media (min-width:1440px){.page-content{margin:0 auto;max-width:1200px;padding:2.5rem 2rem}}@media print{.breadcrumb-container,.skip-to-content{display:none}.main-content{margin-left:0!important;margin-top:0!important}.page-content{padding:0}}@media (prefers-contrast:high){.breadcrumb-container{border-bottom-width:2px}.breadcrumb-link{border:1px solid #0000}.breadcrumb-link:focus,.breadcrumb-link:hover{border-color:var(--primary-color)}}@media (prefers-reduced-motion:reduce){.breadcrumb-link,.main-content,.skip-to-content{transition:none}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.error-boundary{background:#fef2f2;background:var(--error-bg,#fef2f2);border-radius:.5rem;color:#dc2626;color:var(--error-color,#dc2626);margin:1rem;padding:2rem;text-align:center}.error-boundary h2{font-size:1.25rem;margin:0 0 1rem}.error-boundary p{margin:0 0 1rem}.error-boundary button{background:#3b82f6;background:var(--primary-color,#3b82f6);border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1rem}.route-loading .loading-spinner{margin:0 auto}@keyframes gradientAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.login-container{align-items:center;animation:gradientAnimation 15s ease infinite;background:linear-gradient(-45deg,#667eea,#764ba2,#5a67d8,#6b46c1);background-size:400% 400%;justify-content:center;min-height:100vh;padding:1rem}.login-container,.login-page-wrapper{display:flex;overflow:hidden;position:relative;width:100%}.login-page-wrapper{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:16px;box-shadow:0 25px 50px -12px #0003,0 0 30px #677eea40;max-width:1200px;min-height:600px;z-index:10}.login-card{background:#fff;display:flex;flex-direction:column;min-width:400px;padding:2rem;position:relative;width:40%}.login-header{margin-bottom:2rem;text-align:center}.login-header h1{color:#333;font-size:2rem;font-weight:700;margin:0 0 .5rem}.login-header p{color:#666;font-size:.9rem;margin:0}.login-form h2{color:#333;font-size:1.5rem;font-weight:600;margin:0 0 1.5rem;text-align:center}.form-options{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.checkbox-label input[type=checkbox]{margin-right:.5rem}.forgot-password-link{color:#667eea;font-size:.9rem;text-decoration:none;transition:color .2s ease}.forgot-password-link:hover{color:#5a67d8;text-decoration:underline}.login-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;min-height:48px;padding:.875rem 1rem;transition:all .2s ease;width:100%}.login-button:hover:not(:disabled){box-shadow:0 8px 20px #667eea4d;transform:translateY(-1px)}.login-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.register-prompt{border-top:1px solid #e1e8ed;margin-top:1.5rem;padding-top:1.5rem;text-align:center}.register-prompt p{color:#666;font-size:.9rem;margin:0}.register-link{color:#667eea;font-weight:500;text-decoration:none;transition:color .2s ease}.register-link:hover{color:#5a67d8;text-decoration:underline}.login-footer{border-top:1px solid #e1e8ed;margin-top:2rem;padding-top:1rem;text-align:center}.login-footer p{color:#999;font-size:.8rem;margin:0}@media (max-width:480px){.login-container{padding:.5rem}.login-card{padding:1.5rem}.login-header h1{font-size:1.5rem}.form-options{align-items:flex-start;flex-direction:column;gap:.5rem}}.forgot-password-link:focus-visible,.login-button:focus-visible,.register-link:focus-visible{outline:2px solid #667eea;outline-offset:2px}@media (prefers-contrast:high){.login-card{border:2px solid #000}.form-group input:focus{border-color:#000;box-shadow:0 0 0 3px #000}}.welcome-section{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:center;overflow:hidden;position:relative;width:60%}.animated-bg{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:1}.welcome-content{animation:fadeIn .8s ease-out;max-width:500px;padding:3rem;position:relative;text-align:center;z-index:2}.welcome-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#e0e7ff);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin:0 0 .5rem;text-shadow:0 2px 10px #0000001a}.welcome-content h2{font-size:1.25rem;font-weight:500;margin:0 0 2rem;opacity:.9}.welcome-content p{font-size:1rem;line-height:1.6;margin-bottom:2.5rem;opacity:.8}.welcome-features{display:flex;gap:2rem;justify-content:center;margin-top:2rem}.feature-item{flex-direction:column;gap:.5rem}.feature-icon,.feature-item{align-items:center;display:flex}.feature-icon{background:#fff3;border-radius:50%;box-shadow:0 4px 15px #0000001a;font-size:1.75rem;height:3.5rem;justify-content:center;margin-bottom:.5rem;transition:all .3s ease;width:3.5rem}.feature-item:hover .feature-icon{background:#ffffff4d;transform:translateY(-5px)}.feature-text{font-size:.9rem;font-weight:500}.wave-animation{animation:wave 15s linear infinite;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="%23ffffff" fill-opacity="0.1" d="M0,224L48,213.3C96,203,192,181,288,181.3C384,181,480,203,576,202.7C672,203,768,181,864,181.3C960,181,1056,203,1152,197.3C1248,192,1344,160,1392,144L1440,128L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg>') no-repeat bottom;background-size:cover;bottom:0;height:200px;left:0;opacity:.5;position:absolute;right:0}@keyframes wave{0%{background-position:0 bottom}to{background-position:1440px bottom}}.bg-circle{border-radius:50%;filter:blur(60px);opacity:.15;pointer-events:none;position:absolute;z-index:1}.bg-circle-1{animation:float 20s ease-in-out infinite alternate;background:#5a67d8;height:400px;left:10%;top:-100px;width:400px}.bg-circle-2{animation:float 25s ease-in-out infinite alternate-reverse;background:#6b46c1;bottom:-200px;height:600px;right:5%;width:600px}.bg-circle-3{animation:float 18s ease-in-out infinite alternate;background:#4c51bf;height:300px;left:-100px;top:40%;width:300px}.bg-circle-4{animation:float 15s ease-in-out infinite alternate-reverse;background:#7e3af2;height:200px;right:10%;top:20%;width:200px}@keyframes float{0%{transform:translate(0) rotate(0deg)}50%{transform:translate(30px,20px) rotate(5deg)}to{transform:translate(-20px,40px) rotate(-5deg)}}@media (max-width:992px){.login-page-wrapper{flex-direction:column;max-width:500px}.login-card{min-width:auto;order:2;width:100%}.welcome-section{min-height:300px;order:1;width:100%}.welcome-content{padding:2rem 1.5rem}.welcome-content h1{font-size:2rem}.welcome-content h2{font-size:1rem;margin-bottom:1rem}.welcome-content p{font-size:.9rem;margin-bottom:1.5rem}.welcome-features{gap:1rem}.feature-icon{font-size:1.5rem;height:3rem;width:3rem}.bg-circle-1{height:200px;margin-left:-100px;margin-top:-100px;width:200px}.bg-circle-2{height:300px;margin-left:-150px;margin-top:-150px;width:300px}.bg-circle-3{height:250px;margin-left:-125px;margin-top:-125px;width:250px}.bg-circle-4{height:150px;width:150px}}.registration-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:1rem}.registration-card{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000001a;max-width:500px;padding:2rem;position:relative;width:100%}.registration-header{margin-bottom:2rem;text-align:center}.registration-header h1{color:#333;font-size:2rem;font-weight:700;margin:0 0 .5rem}.registration-header p{color:#666;font-size:1rem;font-weight:500;margin:0}.registration-form{display:flex;flex-direction:column;gap:1rem}.form-group label{color:#333}.form-group input[type=email],.form-group input[type=password],.form-group input[type=text]{border:2px solid #e1e8ed;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input.error{border-color:#e74c3c}.password-input-container input{padding-right:3rem}.password-toggle{color:#666;font-size:1.2rem;transition:color .2s ease}.password-toggle:hover{color:#333}.strength-indicator{font-size:.8rem;margin-bottom:.25rem}.strength-indicator.strong{color:#27ae60}.strength-indicator.weak{color:#e67e22}.strength-requirements{color:#666;font-size:.75rem;margin:0;padding-left:1rem}.requirement{margin-bottom:.125rem}.terms-group{margin-top:.5rem}.checkbox-label{align-items:flex-start;font-size:.9rem;line-height:1.4;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{cursor:pointer;flex-shrink:0;height:16px;margin-top:.1rem;width:16px}.checkbox-text{color:#333}.checkbox-text a{color:#667eea;text-decoration:none;transition:color .2s ease}.checkbox-text a:hover{color:#5a67d8;text-decoration:underline}.register-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:1rem;min-height:48px;padding:.875rem 1rem;transition:all .2s ease;width:100%}.register-button:hover:not(:disabled){box-shadow:0 8px 20px #667eea4d;transform:translateY(-1px)}.register-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.spinner{height:18px;width:18px}.error-message{background:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;font-size:.9rem}.login-prompt{border-top:1px solid #e1e8ed;margin-top:1.5rem;padding-top:1.5rem;text-align:center}.login-prompt p{color:#666;font-size:.9rem;margin:0}.login-link{color:#667eea;font-weight:500;text-decoration:none;transition:color .2s ease}.login-link:hover{color:#5a67d8;text-decoration:underline}.success-message{padding:2rem}.success-icon{color:#27ae60;display:block;font-size:4rem;margin-bottom:1rem}.success-message h2{color:#27ae60;font-size:1.5rem;margin-bottom:1rem}.success-message p{color:#666;line-height:1.5;margin-bottom:1rem}.login-link-button{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;display:inline-block;font-weight:500;margin-top:1rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.login-link-button:hover{box-shadow:0 8px 20px #667eea4d;transform:translateY(-1px)}@media (max-width:600px){.registration-container{padding:.5rem}.registration-card{padding:1.5rem}.form-row{gap:1rem;grid-template-columns:1fr}.registration-header h1{font-size:1.5rem}}.checkbox-text a:focus-visible,.login-link:focus-visible,.password-toggle:focus-visible,.register-button:focus-visible{outline:2px solid #667eea;outline-offset:2px}@media (prefers-contrast:high){.registration-card{border:2px solid #000}.form-group input:focus{border-color:#000;box-shadow:0 0 0 3px #000}}.card-loader{align-items:center;display:flex;height:100%;justify-content:center;min-height:150px;padding:1.5rem;width:100%}.card-loader-content{align-items:center;animation:fadeIn .5s ease-out forwards;display:flex;flex-direction:column;gap:1rem}.card-loader-spinner{align-items:center;display:flex;height:48px;justify-content:center;position:relative;width:48px}.card-loader-spinner-outer{animation:spin 1.2s linear infinite;border-bottom:2px solid #0000;border-left:2px solid #0000;border-radius:50%;border-right:2px solid #3b82f6;border-right-color:var(--primary,#3b82f6);border-top:2px solid #3b82f6;border-top-color:var(--primary,#3b82f6);box-shadow:0 0 6px #3b82f61a;height:48px;width:48px}.card-loader-spinner-inner{animation:spin .8s linear infinite reverse;border-color:#60a5fa #0000 #0000 #60a5fa;border-radius:50%;border-style:solid;border-width:2px;height:36px;position:absolute;width:36px}.card-loader-message{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.875rem;margin:0;text-align:center}@media (max-width:768px){.card-loader-spinner,.card-loader-spinner-outer{height:40px;width:40px}.card-loader-spinner-inner{height:30px;width:30px}.card-loader-message{font-size:.8125rem}}@media (prefers-color-scheme:dark){.card-loader-message{color:#9ca3af;color:var(--text-secondary,#9ca3af)}}@media (prefers-reduced-motion:reduce){.card-loader-spinner-inner,.card-loader-spinner-outer{animation-duration:2s}.card-loader-content{animation:none;opacity:1;transform:none}}.dashboard-page{max-width:100%;min-height:calc(100vh - 200px);padding:0}.page-title{color:#111827;color:var(--text-color,#111827);font-size:2rem;font-weight:700;line-height:1.2;margin:0 0 .5rem}.page-description{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:1rem;line-height:1.5;margin:0}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}@media (min-width:1024px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1440px){.dashboard-grid{grid-template-columns:repeat(3,1fr)}}.dashboard-card{background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:.75rem;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;overflow:hidden;transition:all .2s ease}.dashboard-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.dashboard-card.full-width{grid-column:1/-1}.card-header{background:#f9fafb;background:var(--card-header-bg,#f9fafb);padding:1.25rem 1.5rem}.card-title{color:#111827;color:var(--text-color,#111827);font-size:1.125rem;font-weight:600;margin:0}.card-content{padding:1.5rem}.placeholder-chart{align-items:center;background:#f9fafb;background:var(--chart-bg,#f9fafb);border-radius:.5rem;display:flex;height:200px;justify-content:center;margin-bottom:1rem;width:100%}.chart-placeholder{height:100%;opacity:.7;width:100%}.placeholder-text{fill:#9ca3af;fill:var(--text-secondary,#9ca3af);font-size:14px;font-weight:500}.placeholder-table,.user-table{overflow-x:auto}.data-table{border-collapse:collapse;font-size:.875rem;width:100%}.data-table th{background:#f9fafb;background:var(--table-header-bg,#f9fafb);border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--border-color,#e5e7eb);font-weight:600;text-align:left}.data-table td,.data-table th{color:#374151;color:var(--text-color,#374151);padding:.75rem}.data-table td{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb)}.btn-icon,.data-table tbody tr:hover{background:#f3f4f6;background:var(--hover-bg,#f3f4f6)}.btn-icon{align-items:center;border:none;border-radius:.375rem;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:inline-flex;justify-content:center;padding:.375rem;transition:all .2s ease}.btn-icon:hover{background:#eff6ff;background:var(--primary-light,#eff6ff);color:#3b82f6;color:var(--primary-color,#3b82f6)}.btn-icon.danger:hover{background:#fef2f2;background:var(--error-light,#fef2f2);color:#dc2626;color:var(--error-color,#dc2626)}.btn-icon svg{height:16px;width:16px}.action-buttons{gap:.5rem}.user-info{gap:.75rem}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:linear-gradient(135deg,var(--primary-color,#3b82f6),var(--secondary-color,#8b5cf6));border-radius:50%;color:#fff;flex-shrink:0;font-size:.75rem;font-weight:600;height:32px;justify-content:center;width:32px}.role-badge.admin{background:#fef2f2;background:var(--error-light,#fef2f2);color:#dc2626;color:var(--error-color,#dc2626)}.role-badge.viewer,.status-badge.active{background:#f0fdf4;background:var(--success-light,#f0fdf4);color:#16a34a;color:var(--success-color,#16a34a)}.status-badge.inactive{background:#f9fafb;background:var(--gray-light,#f9fafb);color:#6b7280;color:var(--text-secondary,#6b7280)}.role-stats{display:flex;gap:1rem;justify-content:space-around}.stat-item{text-align:center}.stat-number{color:#3b82f6;color:var(--primary-color,#3b82f6);display:block;font-size:2rem;font-weight:700;line-height:1}.stat-label{color:#6b7280;color:var(--text-secondary,#6b7280);display:block;font-size:.875rem;margin-top:.25rem}.activity-list{display:flex;flex-direction:column;gap:1rem}.activity-item{align-items:start;display:flex;gap:.75rem}.activity-icon{align-items:center;background:#eff6ff;background:var(--primary-light,#eff6ff);border-radius:50%;color:#3b82f6;color:var(--primary-color,#3b82f6);display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.activity-icon svg{height:16px;width:16px}.activity-content p{color:#374151;color:var(--text-color,#374151);font-size:.875rem;margin:0 0 .25rem}.activity-time{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:.75rem}.scenario-controls{display:flex;flex-direction:column;gap:1rem}.control-group{align-items:center;display:flex;gap:1rem}.control-group label{color:#374151;color:var(--text-color,#374151);font-size:.875rem;font-weight:500;min-width:120px}.control-group input[type=range]{background:#e5e7eb;background:var(--slider-track,#e5e7eb);border-radius:3px;flex:1 1;height:6px;outline:none}.control-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#3b82f6;background:var(--primary-color,#3b82f6);border-radius:50%;cursor:pointer;height:20px;width:20px}.control-group input[type=range]::-moz-range-thumb{background:#3b82f6;background:var(--primary-color,#3b82f6);border:none;border-radius:50%;cursor:pointer;height:20px;width:20px}.control-group span{color:#3b82f6;color:var(--primary-color,#3b82f6);font-weight:600;min-width:40px}.impact-metrics{display:flex;flex-direction:column;gap:1rem}.metric{align-items:center;background:#f9fafb;background:var(--metric-bg,#f9fafb);border-radius:.5rem;display:flex;justify-content:space-between;padding:.75rem}.metric-label{color:#374151;color:var(--text-color,#374151);font-size:.875rem}.metric-value{font-size:.875rem;font-weight:600}.metric-value.positive{color:#16a34a;color:var(--success-color,#16a34a)}.metric-value.negative{color:#dc2626;color:var(--error-color,#dc2626)}.metric-value.neutral{color:#374151;color:var(--text-color,#374151)}.access-denied{margin:0 auto;max-width:500px;padding:4rem 2rem;text-align:center}.access-denied h1{color:#dc2626;color:var(--error-color,#dc2626);font-size:1.5rem;font-weight:700;margin:0 0 1rem}.access-denied p{color:#6b7280;color:var(--text-secondary,#6b7280);line-height:1.6;margin:0 0 .5rem}@media (max-width:768px){.dashboard-grid{gap:1rem;grid-template-columns:1fr}.card-header{align-items:stretch;flex-direction:column;gap:1rem;padding:1rem}.card-content{padding:1rem}.page-title{font-size:1.5rem}.data-table{font-size:.75rem}.data-table td,.data-table th{padding:.5rem}.control-group{align-items:stretch;flex-direction:column;gap:.5rem}.control-group label{min-width:auto}.role-stats{flex-direction:column;gap:1.5rem}}@media (prefers-contrast:high){.dashboard-card,.data-table td,.data-table th{border-width:2px}.role-badge,.status-badge{border:2px solid}}@media print{.dashboard-page{max-width:none}.dashboard-grid{display:block}.dashboard-card{border:2px solid #000;box-shadow:none;break-inside:avoid;margin-bottom:1rem;page-break-inside:avoid}.btn,.btn-icon{display:none}}.dashboard-page{background:#f8fafc;background:var(--bg-color,#f8fafc);min-height:100vh;padding:1.5rem}.dashboard-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:1.5rem}.card{background:#fff;background:var(--card-bg,#fff);border-radius:.75rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .2s ease}.card:hover{box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f;transform:translateY(-2px)}.card-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);justify-content:space-between;padding:1rem 1.25rem}.card-header,.card-header h3{align-items:center;display:flex}.card-header h3{color:#111827;color:var(--text-color,#111827);font-size:1.125rem;font-weight:600;gap:.5rem;margin:0}.card-body{flex:1 1;padding:1.25rem}.financial-metrics-row{background:#fff;background:var(--card-bg,#fff);border-radius:.75rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;margin-bottom:1.5rem;padding:1.25rem}.section-header{margin-bottom:1rem}.section-header h3{align-items:center;color:#111827;color:var(--text-color,#111827);display:flex;font-size:1.125rem;font-weight:600;gap:.5rem;margin:0}.metrics-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.metric-card{background:#f9fafb;background:var(--metric-card-bg,#f9fafb);border-left:4px solid #3b82f6;border-left:4px solid var(--primary-color,#3b82f6);border-radius:.5rem;padding:1rem;transition:all .2s ease}.metric-card:hover{background:#f3f4f6;background:var(--metric-card-hover-bg,#f3f4f6)}.metric-card-content{display:flex;flex-direction:column}.metric-card-value{color:#111827;color:var(--text-color,#111827);font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.metric-card-label{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.875rem}.inventory-summary{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 2fr}.inventory-summary-left{display:flex;flex-direction:column;gap:1rem}.inventory-stat{align-items:center;background:#f9fafb;background:var(--stat-bg,#f9fafb);border-radius:.5rem;display:flex;gap:.75rem;padding:.75rem}.inventory-stat-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:2.5rem;justify-content:center;width:2.5rem}.inventory-icon-total{background:#3b82f61a;color:#3b82f6}.inventory-icon-warning{background:#f59e0b1a;color:#f59e0b}.inventory-icon-danger{background:#ef44441a;color:#ef4444}.inventory-stat-content{flex:1 1}.inventory-stat-value{color:#111827;color:var(--text-color,#111827);font-size:1.25rem;font-weight:700}.inventory-stat-label{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.875rem}.inventory-last-updated{align-items:center;color:#9ca3af;color:var(--text-tertiary,#9ca3af);display:flex;font-size:.75rem;gap:.5rem;margin-top:.5rem;padding-left:.5rem}.inventory-section-title{color:#111827;color:var(--text-color,#111827);font-size:1rem;font-weight:600;margin:0 0 .75rem}.inventory-table{border-collapse:collapse;font-size:.875rem;width:100%}.inventory-table th{background:#f9fafb;background:var(--table-header-bg,#f9fafb);border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--border-color,#e5e7eb);font-weight:600;text-align:left}.inventory-table td,.inventory-table th{color:#374151;color:var(--text-color,#374151);padding:.75rem}.inventory-table td{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb)}.status-badge{align-items:center;display:inline-flex;font-weight:500;padding:.25rem .5rem}.status-badge.success{background:#ecfdf5;background:var(--success-light,#ecfdf5);color:#10b981;color:var(--success-color,#10b981)}.status-badge.warning{background:#fffbeb;background:var(--warning-light,#fffbeb);color:#f59e0b;color:var(--warning-color,#f59e0b)}.status-badge.danger{background:#fef2f2;background:var(--error-light,#fef2f2);color:#ef4444;color:var(--error-color,#ef4444)}.production-status-content{display:flex;flex-direction:column;gap:1.5rem}.production-status-main{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.production-risk-indicator{flex-direction:column}.production-risk-circle,.production-risk-indicator{align-items:center;display:flex;justify-content:center}.production-risk-circle{border-radius:50%;height:6rem;margin-bottom:.75rem;position:relative;width:6rem}.production-risk-circle[data-risk=good]{background:#10b9811a;border:4px solid #10b981}.production-risk-circle[data-risk=warning]{background:#f59e0b1a;border:4px solid #f59e0b}.production-risk-value{color:#111827;color:var(--text-color,#111827);font-size:2rem;font-weight:700}.production-risk-label{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.875rem;text-align:center}.production-sparkline{display:flex;flex-direction:column}.production-sparkline-label{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.875rem;margin-bottom:.5rem}.production-sparkline-value{color:#111827;color:var(--text-color,#111827);font-size:1.25rem;font-weight:700;margin-top:.5rem;text-align:center}.production-last-updated{align-items:center;color:#9ca3af;color:var(--text-tertiary,#9ca3af);display:flex;font-size:.75rem;gap:.5rem;margin-top:.5rem}.flavors-content{display:flex;flex-direction:column;gap:1.5rem}.flavors-section-title{color:#111827;color:var(--text-color,#111827);font-size:1rem;font-weight:600;margin:0 0 .75rem}.flavors-table{border-collapse:collapse;font-size:.875rem;width:100%}.flavors-table th{background:#f9fafb;background:var(--table-header-bg,#f9fafb);border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--border-color,#e5e7eb);font-weight:600;text-align:left}.flavors-table td,.flavors-table th{color:#374151;color:var(--text-color,#374151);padding:.75rem}.flavors-table td{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb)}.flavor-name{font-weight:500}.flavor-revenue{position:relative}.mini-sparkline{background:#e5e7eb;border-radius:2px;height:4px;margin-top:.5rem;overflow:hidden}.mini-sparkline-bar{background:#3b82f6;border-radius:2px;height:100%}.margin-pills{display:flex;gap:.5rem}.margin-pill{align-items:center;border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.margin-pill.wholesale{background:#3b82f61a;color:#3b82f6}.margin-pill.retail{background:#10b9811a;color:#10b981}.warning-text{color:#f59e0b;color:var(--warning-color,#f59e0b)}.danger-text{color:#ef4444;color:var(--error-color,#ef4444)}.positive-text{color:#10b981;color:var(--success-color,#10b981)}@media (max-width:1024px){.dashboard-grid{grid-template-columns:1fr}.metrics-cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.inventory-summary,.production-status-main{grid-template-columns:1fr}}@media (max-width:768px){.dashboard-page{padding:1rem}.metrics-cards{grid-template-columns:repeat(2,1fr)}.metric-card-value{font-size:1.25rem}.card-header{padding:.75rem 1rem}.card-body{padding:1rem}}@media (prefers-color-scheme:dark){:root{--bg-color:#111827;--card-bg:#1f2937;--border-color:#374151;--text-color:#f9fafb;--text-secondary:#d1d5db;--text-tertiary:#9ca3af;--metric-card-bg:#111827;--metric-card-hover-bg:#1f2937;--table-header-bg:#111827;--stat-bg:#111827;--success-light:#10b98133;--warning-light:#f59e0b33;--error-light:#ef444433}}.kpi-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:.75rem;min-height:140px;padding:1.5rem;position:relative;transition:all .3s ease}.kpi-card:hover{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);box-shadow:0 8px 25px #0000001a}.kpi-header{align-items:flex-start;margin-bottom:1rem}.kpi-icon{font-size:1.5rem;opacity:.8}.kpi-trend{align-items:center;display:flex}.trend-indicator{border-radius:.375rem;font-size:1.25rem;padding:.25rem;transition:all .2s}.trend-up{background-color:#dcfce7;background-color:var(--success-light,#dcfce7);color:#22c55e;color:var(--success-color,#22c55e)}.trend-down{background-color:#fef2f2;background-color:var(--error-light,#fef2f2);color:#ef4444;color:var(--error-color,#ef4444)}.trend-stable{background-color:#fef3c7;background-color:var(--warning-light,#fef3c7);color:#f59e0b;color:var(--warning-color,#f59e0b)}.kpi-title{color:#64748b;color:var(--text-secondary,#64748b);font-size:.875rem;font-weight:500;letter-spacing:.05em;margin:0 0 .5rem;text-transform:uppercase}.kpi-value{color:#1a202c;color:var(--text-primary,#1a202c);font-size:1.875rem;line-height:1.2;margin-bottom:.5rem}.kpi-change{align-items:center;display:flex;font-size:.8rem;font-weight:500;gap:.25rem}.kpi-change.trend-up{color:#22c55e;color:var(--success-color,#22c55e)}.kpi-change.trend-down{color:#ef4444;color:var(--error-color,#ef4444)}.kpi-change.trend-stable{color:#f59e0b;color:var(--warning-color,#f59e0b)}.kpi-card[data-type=currency] .kpi-value{color:#22c55e;color:var(--success-color,#22c55e)}.kpi-card[data-type=percentage] .kpi-value{color:#3b82f6;color:var(--primary-color,#3b82f6)}.kpi-card[data-type=ratio] .kpi-value{color:#8b5cf6;color:var(--purple-color,#8b5cf6)}.kpi-card.loading{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%}.kpi-card.error{background-color:#fef2f2;background-color:var(--error-light,#fef2f2);border-color:#ef4444;border-color:var(--error-color,#ef4444)}.kpi-card.error .kpi-value{color:#ef4444;color:var(--error-color,#ef4444)}@media (max-width:768px){.kpi-card{min-height:120px;padding:1rem}.kpi-value{font-size:1.5rem}.kpi-icon{font-size:1.25rem}.trend-indicator{font-size:1rem}}@media (max-width:480px){.kpi-card{min-height:100px;padding:.875rem}.kpi-value{font-size:1.375rem}.kpi-title{font-size:.8rem}.kpi-change{font-size:.75rem}}@media (prefers-contrast:high){.kpi-card{border-width:2px}.trend-indicator{font-weight:700}}@media (prefers-reduced-motion:reduce){.kpi-card{transition:none}.kpi-card:hover{transform:none}.loading{animation:none}}.profitability-table-container{background:#fff;border-radius:.75rem;overflow:hidden}.table-controls{background:#f9fafb;background:var(--gray-50,#f9fafb);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);justify-content:space-between;padding:1rem 1.5rem}.filter-section,.table-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.search-box{align-items:center;display:flex;position:relative}.search-input{border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:.375rem;font-size:.875rem;padding:.5rem .75rem;transition:border-color .2s;width:250px}.search-input:focus{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);box-shadow:0 0 0 3px #3b82f61a}.clear-filter-btn{background:none;border:none;border-radius:.25rem;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;font-size:.75rem;padding:.25rem;position:absolute;right:.5rem}.clear-filter-btn:hover{background-color:#f3f4f6;background-color:var(--gray-100,#f3f4f6);color:#1a202c;color:var(--text-primary,#1a202c)}.result-count{color:#64748b;color:var(--text-secondary,#64748b);font-size:.875rem;white-space:nowrap}.table-actions{display:flex;gap:.75rem}.export-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:.375rem;color:#1a202c;color:var(--text-primary,#1a202c);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.export-btn:hover{background:#f9fafb;background:var(--gray-50,#f9fafb);border-color:#3b82f6;border-color:var(--primary-color,#3b82f6)}.table-wrapper{overflow-x:auto}.profitability-table{border-collapse:collapse;font-size:.875rem;width:100%}.profitability-table thead{background:#f9fafb;background:var(--gray-50,#f9fafb)}.profitability-table th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);color:#1a202c;color:var(--text-primary,#1a202c);font-weight:600;padding:1rem 1.25rem;text-align:left;white-space:nowrap}.sortable-header{cursor:pointer;position:relative;transition:color .2s;-webkit-user-select:none;user-select:none}.sortable-header:hover{background:#3b82f60d;color:#3b82f6;color:var(--primary-color,#3b82f6)}.profitability-table td{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);padding:1rem 1.25rem;vertical-align:middle}.table-row{transition:background-color .2s}.table-row:hover{background:#f9fafb;background:var(--gray-50,#f9fafb)}.product-name{min-width:200px}.cost,.product-name,.profit-per-unit,.revenue{color:#1a202c;color:var(--text-primary,#1a202c);font-weight:500}.cost,.profit-per-unit,.revenue{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.revenue{color:#22c55e;color:var(--success-color,#22c55e)}.cost{color:#ef4444;color:var(--error-color,#ef4444)}.profit-margin{text-align:center}.margin-indicator{border-radius:9999px;display:inline-block;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.margin-indicator.high{background-color:#dcfce7;background-color:var(--success-light,#dcfce7);color:#22c55e;color:var(--success-color,#22c55e)}.margin-indicator.medium{background-color:#fef3c7;background-color:var(--warning-light,#fef3c7);color:#f59e0b;color:var(--warning-color,#f59e0b)}.margin-indicator.low{background-color:#fef2f2;background-color:var(--error-light,#fef2f2);color:#ef4444;color:var(--error-color,#ef4444)}.units-sold{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.no-data,.units-sold{color:#64748b;color:var(--text-secondary,#64748b)}.no-data{font-style:italic;padding:2rem;text-align:center}.pagination{background:#f9fafb;background:var(--gray-50,#f9fafb);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);justify-content:space-between;padding:1rem 1.5rem}.pagination-info{color:#64748b;color:var(--text-secondary,#64748b);font-size:.875rem}.pagination-controls{align-items:center;display:flex;gap:.5rem}.pagination-btn{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:.375rem;color:#1a202c;color:var(--text-primary,#1a202c);cursor:pointer;font-size:.875rem;padding:.5rem .75rem;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#f9fafb;background:var(--gray-50,#f9fafb);border-color:#3b82f6;border-color:var(--primary-color,#3b82f6)}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.page-numbers{gap:.25rem}.page-btn,.page-numbers{align-items:center;display:flex}.page-btn{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:.375rem;color:#1a202c;color:var(--text-primary,#1a202c);cursor:pointer;font-size:.875rem;height:2rem;justify-content:center;transition:all .2s;width:2rem}.page-btn:hover{background:#f9fafb;background:var(--gray-50,#f9fafb)}.page-btn.active,.page-btn:hover{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6)}.page-btn.active{background:#3b82f6;background:var(--primary-color,#3b82f6);color:#fff}.page-ellipsis{color:#64748b;color:var(--text-secondary,#64748b);padding:0 .5rem}@media (max-width:768px){.table-controls{align-items:stretch;flex-direction:column}.filter-section{justify-content:space-between;width:100%}.search-input{width:200px}.table-actions{align-self:stretch}.export-btn{justify-content:center;width:100%}.profitability-table td,.profitability-table th{padding:.75rem .5rem}.pagination{flex-direction:column;gap:1rem}.pagination-controls{flex-wrap:wrap;justify-content:center}}@media (max-width:640px){.search-input{width:150px}.profitability-table{font-size:.8rem}.profitability-table td,.profitability-table th{padding:.5rem .25rem}.product-name{min-width:120px}.page-numbers{display:none}}@media print{.pagination,.table-controls{display:none}.profitability-table{font-size:.75rem}.table-row:hover{background:none}}.financial-charts{width:100%}.charts-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:2rem}.chart-container{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:.75rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem;transition:all .3s ease}.chart-container:hover{box-shadow:0 8px 25px #0000001a}.chart-container.full-width{grid-column:1/-1}.chart-wrapper{height:300px;position:relative;width:100%}.chart-container.full-width .chart-wrapper{height:400px}.chart-insights{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1.5rem}.insight-card{background:#fff;border:1px solid #e2e8f0;border-left:4px solid #3b82f6;border:1px solid var(--border-color,#e2e8f0);border-left:4px solid var(--primary-color,#3b82f6);border-radius:.5rem;padding:1.25rem;transition:all .3s ease}.insight-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.insight-card h4{align-items:center;color:#1a202c;color:var(--text-primary,#1a202c);display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0 0 .75rem}.insight-card p{color:#64748b;color:var(--text-secondary,#64748b);font-size:.875rem;line-height:1.5;margin:0}.chart-loading{align-items:center;animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:.5rem;display:flex;height:300px;justify-content:center}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.chart-error{align-items:center;background:#fef2f2;background:var(--error-light,#fef2f2);border:1px solid #ef4444;border:1px solid var(--error-color,#ef4444);border-radius:.5rem;color:#ef4444;color:var(--error-color,#ef4444);display:flex;flex-direction:column;height:300px;justify-content:center;text-align:center}.chart-error h4{font-size:1rem;margin-bottom:.5rem}.chart-error p{color:#64748b;color:var(--text-secondary,#64748b);font-size:.875rem}@media (max-width:1024px){.charts-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.chart-container{padding:1rem}.chart-wrapper{height:250px}.chart-container.full-width .chart-wrapper{height:350px}}@media (max-width:768px){.charts-grid{gap:1rem;grid-template-columns:1fr}.chart-container{padding:.875rem}.chart-wrapper{height:220px}.chart-container.full-width .chart-wrapper{height:300px}.chart-insights{grid-template-columns:1fr}.insight-card{padding:1rem}}@media (max-width:480px){.financial-charts{margin:0 -.5rem}.chart-container{margin:0 .5rem;padding:.75rem}.chart-wrapper{height:200px}.chart-container.full-width .chart-wrapper{height:250px}.insight-card{padding:.875rem}.insight-card h4{font-size:.9rem}.insight-card p{font-size:.8rem}}@media (prefers-contrast:high){.chart-container{border-width:2px}.insight-card{border-width:2px 2px 2px 4px}}@media (prefers-reduced-motion:reduce){.chart-container,.insight-card{transition:none}.chart-container:hover,.insight-card:hover{transform:none}.chart-loading{animation:none;background:#f0f0f0}}@media print{.financial-charts{background:#fff}.chart-container{border:1px solid #ccc;box-shadow:none;break-inside:avoid;page-break-inside:avoid}.chart-container:hover{box-shadow:none;transform:none}.chart-insights{margin-top:1rem}.insight-card{border:1px solid #ccc;box-shadow:none;break-inside:avoid;page-break-inside:avoid}.insight-card:hover{box-shadow:none;transform:none}}@media (prefers-color-scheme:dark){.chart-container,.insight-card{background:#1f2937;background:var(--dark-bg,#1f2937);border-color:#374151;border-color:var(--dark-border,#374151)}.insight-card h4{color:#f9fafb;color:var(--dark-text-primary,#f9fafb)}.insight-card p{color:#d1d5db;color:var(--dark-text-secondary,#d1d5db)}.chart-loading{background:linear-gradient(90deg,#374151 25%,#4b5563 50%,#374151 75%);background-size:200% 100%}}.page-loader{align-items:center;bottom:0;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;right:0;top:0;width:100%;z-index:100}.loading-container{background:linear-gradient(180deg,#f9fafb,#f3f4f6);border-radius:.75rem;height:100%;min-height:400px;width:100%}.loading-content{align-items:center;animation:fadeIn .8s ease-out forwards;display:flex;flex-direction:column;gap:1.5rem}.loading-spinner-container{height:80px;position:relative;width:80px}.loading-spinner-outer{animation:spin 1.5s linear infinite;border-bottom:3px solid #0000;border-left:3px solid #0000;border-radius:50%;border-right:3px solid #3b82f6;border-right-color:var(--primary,#3b82f6);border-top:3px solid #3b82f6;border-top-color:var(--primary,#3b82f6);box-shadow:0 0 10px #3b82f61a;height:80px;width:80px}.loading-spinner-inner{animation:spin 1s linear infinite reverse;border-color:#60a5fa #0000 #0000 #60a5fa;border-radius:50%;border-style:solid;border-width:3px;height:60px;position:absolute;width:60px}.loading-title{-webkit-text-fill-color:#0000;animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#2563eb,#3b82f6);background-clip:text;-webkit-background-clip:text;color:#111827;font-size:1.25rem;font-weight:600;margin:0}.loading-message{color:#4b5563;font-size:.875rem;margin:0;max-width:300px;text-align:center}@media (max-width:768px){.loading-spinner-container,.loading-spinner-outer{height:60px;width:60px}.loading-spinner-inner{height:45px;width:45px}.loading-title{font-size:1.125rem}.loading-message{font-size:.8125rem}}@media (prefers-color-scheme:dark){.loading-container{background:linear-gradient(180deg,#1f2937,#111827)}.loading-title{background:linear-gradient(135deg,#60a5fa,#3b82f6);background-clip:text;-webkit-background-clip:text}.loading-message{color:#9ca3af}}@media (prefers-reduced-motion:reduce){.loading-spinner-inner,.loading-spinner-outer{animation-duration:2.5s}.loading-title{animation:none}.loading-content{animation:none;opacity:1;transform:none}}.financial-dashboard{background-color:#f8fafc;background-color:var(--background-color,#f8fafc);margin:0 auto;max-width:1400px;min-height:100vh;padding:1.5rem}.dashboard-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.header-content h1{color:var(--text-primary,#1a202c)}.dashboard-subtitle{color:#64748b;color:var(--text-secondary,#64748b);font-size:1rem;margin:0}.dashboard-actions{align-items:flex-end;display:flex;flex-direction:column;gap:.75rem}.dashboard-meta{align-items:center;display:flex;gap:1rem}.last-updated{color:#64748b;color:var(--text-secondary,#64748b);font-size:.875rem}.action-buttons{gap:.75rem}.btn-primary,.btn-secondary{border:none;border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.btn-primary:hover{background-color:#2563eb;background-color:var(--primary-hover,#2563eb)}.btn-secondary{background-color:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);color:#1a202c;color:var(--text-primary,#1a202c)}.btn-secondary:hover{background-color:#f9fafb;background-color:var(--gray-50,#f9fafb)}.dashboard-section{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:.75rem;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.dashboard-section h2{border-bottom:2px solid #3b82f6;border-bottom:2px solid var(--primary-color,#3b82f6);color:#1a202c;color:var(--text-primary,#1a202c);font-size:1.5rem;font-weight:600;margin:0 0 1.5rem;padding-bottom:.5rem}.kpi-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.loading-container{height:400px}.error-container,.no-data-container{align-items:center;display:flex;flex-direction:column;height:400px;justify-content:center;text-align:center}.error-message,.no-data-container{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;padding:2rem}.error-message h3,.no-data-container h3{color:#ef4444;color:var(--error-color,#ef4444);margin-bottom:1rem}.error-message p,.no-data-container p{color:#64748b;color:var(--text-secondary,#64748b);margin-bottom:1.5rem}.dashboard-summary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.dashboard-summary h2{border-bottom-color:#ffffff4d;color:#fff}.summary-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.summary-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:.5rem;padding:1.25rem;transition:all .3s ease}.summary-card:hover{background:#ffffff26;transform:translateY(-2px)}.summary-card h4{color:#fff;font-size:1.125rem;font-weight:600;margin-bottom:.75rem}.summary-card p{color:#ffffffe6;line-height:1.5;margin:0}@media (max-width:768px){.financial-dashboard{padding:1rem}.dashboard-header{align-items:stretch;flex-direction:column}.dashboard-actions{align-items:center;flex-direction:row;justify-content:space-between}.action-buttons{flex-direction:column;width:100%}.btn-primary,.btn-secondary{text-align:center;width:100%}.header-content h1{font-size:1.75rem}.dashboard-section{padding:1rem}.kpi-grid,.summary-grid{gap:1rem;grid-template-columns:1fr}}@media (max-width:480px){.financial-dashboard{padding:.75rem}.header-content h1{font-size:1.5rem}.dashboard-section{margin-bottom:1rem;padding:.75rem}.dashboard-actions{align-items:stretch;flex-direction:column}}.scenario-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.header-controls{align-items:center;display:flex;gap:1rem}.create-plan-btn{border:none;border-radius:8px;box-shadow:0 2px 4px #10b98133;color:#fff;cursor:pointer;font-weight:600;padding:.625rem 1.25rem;transition:all .2s}.create-plan-btn,.create-plan-btn:hover{background:linear-gradient(135deg,#10b981,#059669)}.create-plan-btn:hover{box-shadow:0 6px 12px #10b98159;transform:translateY(-2px)}.create-plan-btn:active{transform:translateY(0)}.scenario-reset-btn{align-items:center;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s ease-in-out}.scenario-reset-btn:hover{background-color:#e5e7eb;border-color:#9ca3af;box-shadow:0 2px 4px #0000000d;transform:translateY(-1px)}.scenario-reset-btn:active{background-color:#d1d5db;transform:translateY(0)}.view-mode-toggle{background:#f3f4f6;border-radius:8px;display:flex;gap:0;padding:4px}.view-mode-btn{background:#0000;border:none;border-radius:6px;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .2s}.view-mode-btn.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#2563eb}.controls-row-unified{align-items:center;background:linear-gradient(135deg,#fff,#f9fafb);border:1px solid #3b82f61a;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;gap:2rem;margin-bottom:1.5rem;padding:1.25rem 1.5rem}.pricing-controls-compact{display:flex;flex-shrink:0;gap:1.25rem}.pricing-input-wrapper{display:flex;flex-direction:column;gap:.5rem;min-width:140px}.pricing-label{color:#1f2937;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:.25rem;text-transform:uppercase}.pricing-input-container{align-items:center;display:flex;position:relative}.pricing-currency{color:#6b7280;font-size:1rem;font-weight:600;left:.875rem;pointer-events:none;position:absolute;z-index:1}.pricing-input-premium{background:#fff;border:2px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 2px #0000000d;color:#111827;font-size:1rem;font-weight:600;padding:.75rem .875rem .75rem 2rem;transition:all .25s cubic-bezier(.4,0,.2,1);width:100%}.pricing-input-premium:hover{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.pricing-input-premium:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f626;outline:none}.pricing-input-premium::placeholder{color:#9ca3af;font-weight:500}.product-selection-inline{align-items:center;border-left:2px solid #e5e7eb;display:flex;flex:1 1;gap:1.5rem;padding-left:2rem}.selection-label{color:#374151;flex-shrink:0;font-size:.875rem;font-weight:600;white-space:nowrap}.product-checkboxes{display:flex;flex:1 1;flex-wrap:wrap;gap:.5rem 1.25rem}.product-checkbox{align-items:center;border:1px solid #0000;border-radius:6px;cursor:pointer;display:flex;gap:.625rem;padding:.5rem .75rem;transition:all .25s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.product-checkbox:hover{background:#3b82f60d;border-color:#3b82f633}.product-checkbox input[type=checkbox]{-webkit-appearance:none;appearance:none;background-color:#fff;border:.1em solid #d1d5db;border-radius:.25em;color:currentColor;cursor:pointer;display:grid;font:inherit;height:1.15em;margin:0;place-content:center;transform:translateY(-.075em);transition:all .1s ease-in-out;width:1.15em}.product-checkbox input[type=checkbox]:before{box-shadow:inset 1em 1em #2563eb;-webkit-clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);content:"";height:.65em;transform:scale(0);transform-origin:bottom left;transition:transform .12s ease-in-out;width:.65em}.product-checkbox input[type=checkbox]:checked:before{transform:scale(1)}.product-checkbox input[type=checkbox]:checked{border-color:#2563eb}.product-checkbox input[type=checkbox]:focus{box-shadow:0 0 0 3px #3b82f626;outline:none}.product-checkbox span{color:#374151;font-size:.8125rem;font-weight:500}.summary-cards-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:1.5rem}.summary-card-compact{border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.summary-card-compact.current{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.summary-card-header{border-bottom:1px solid #fff3;margin-bottom:1rem;padding-bottom:1rem}.summary-card-main{align-items:center;display:flex;flex-direction:column;text-align:center;width:100%}.summary-products-section{margin-top:0}.summary-products-title{font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:.75rem;opacity:.85;text-align:center;text-transform:uppercase}.summary-products-grid{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.summary-product-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;display:flex;flex-direction:column;gap:.5rem;min-width:160px;padding:.75rem 1.25rem;transition:all .3s ease}.summary-product-card:hover{background:#ffffff26;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.summary-product-name{font-size:.875rem;font-weight:700;letter-spacing:.3px;text-align:center}.summary-product-values{align-items:center;display:flex;flex-direction:column;gap:.25rem;width:100%}.summary-product-retail,.summary-product-ws{font-size:.75rem;font-weight:500;opacity:.9}.summary-card-compact.target{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.summary-card-compact h4{font-size:.875rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;opacity:.9;text-transform:uppercase}.summary-value{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.summary-value span{font-size:1rem;margin-left:.5rem;opacity:.8}.summary-revenue{font-size:.875rem;opacity:.9}.summary-difference{border-top:1px solid #fff3;font-size:.875rem;margin-top:.5rem;padding-top:.5rem}.summary-difference span.positive{color:#d1fae5;font-weight:700}.summary-difference span.negative{color:#fecaca;font-weight:700}.target-products-status{border-top:1px solid #fff3;margin-top:1rem;padding-top:1rem}.target-status-title{font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:.75rem;opacity:.85;text-align:center;text-transform:uppercase}.target-status-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:.75rem;justify-content:center}.target-status-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:6px;display:flex;flex-direction:column;gap:.5rem;min-width:140px;padding:.75rem 1rem;transition:all .2s ease}.target-status-item:hover{background:#ffffff26;transform:translateY(-2px)}.target-status-product-name{color:#fff;font-size:.8125rem;font-weight:600;text-align:center}.revenue-banner{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:12px;box-shadow:0 4px 6px -1px #3b82f64d,0 2px 4px -1px #3b82f633;color:#fff;margin-bottom:1.5rem;padding:1.5rem}.revenue-banner-title{font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:1rem;opacity:.9;text-align:center;text-transform:uppercase}.revenue-banner-content{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.revenue-banner-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;display:flex;flex-direction:column;gap:.5rem;min-width:180px;padding:.75rem 1.5rem;transition:all .3s ease}.revenue-banner-item:hover{background:#ffffff26;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.revenue-product-name{font-size:.875rem;font-weight:700;letter-spacing:.3px;text-align:center}.revenue-values{align-items:center;display:flex;flex-direction:column;gap:.25rem;width:100%}.revenue-retail,.revenue-ws{font-size:.75rem;font-weight:500;opacity:.9}.products-table-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.products-table{border-collapse:collapse;width:100%}.products-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.products-table th{color:#374151;font-size:.875rem;font-weight:600;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.products-table tbody tr.product-row{border-bottom:1px solid #e5e7eb;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.products-table tbody tr.product-row:hover{background:linear-gradient(90deg,#3b82f60d,#2563eb14);box-shadow:0 4px 12px #3b82f626,inset 4px 0 0 #3b82f6;position:relative;transform:translateX(4px)}.products-table td{color:#374151;font-size:.875rem;padding:1.25rem 1rem;transition:all .2s ease}.product-name{color:#111827;font-weight:600}.capacity-cell{color:#2563eb;font-weight:600}.capacity-cell strong{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#2563eb);-webkit-background-clip:text;background-clip:text;font-size:1.125rem}.bottleneck-cell{color:#dc2626;font-size:.875rem;gap:.25rem}.bottleneck-cell,.expand-btn{align-items:center;display:flex}.expand-btn{background:#3b82f61a;border-radius:6px;color:#3b82f6;justify-content:center;padding:.375rem;transition:all .2s ease}.expand-btn:hover{background:#3b82f633;transform:scale(1.1)}.target-input{border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;padding:.5rem;width:120px}.target-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.gap-positive{color:#059669;font-weight:600}.gap-negative{color:#dc2626;font-weight:600}.status-badge{font-weight:600;padding:.25rem .75rem}.status-badge.sufficient{background:#d1fae5;color:#065f46}.status-badge.insufficient{background:#fee2e2;color:#991b1b}.expanded-row td{background:linear-gradient(135deg,#f9fafb,#f3f4f6);padding:0!important}.expanded-row>td>div{background:linear-gradient(135deg,#fff,#f9fafb);border-bottom:2px solid #e5e7eb;border-left:4px solid #3b82f6;box-shadow:inset 0 4px 8px #0000000d,0 2px 4px #0000000d;padding:2rem}.ingredients-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.ingredient-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 1px 3px #0000000d;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.ingredient-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.ingredient-card.bottleneck,.ingredient-card.shortage{background:#fef2f2;border-color:#fca5a5}.ingredient-card-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.5rem}.ingredient-card-header strong{color:#111827;font-size:.875rem}.badge-bottleneck{background:#fee2e2;border-radius:9999px;color:#991b1b;font-size:.625rem;font-weight:600;padding:.125rem .5rem;text-transform:uppercase}.ingredient-controls-compact{align-items:center;display:flex;gap:.5rem;margin-bottom:.75rem}.btn-sm{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;flex-shrink:0;font-size:.875rem;font-weight:500;padding:.375rem .75rem;transition:all .2s}.btn-sm:hover{background:#e5e7eb}.input-sm{border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;min-width:60px;padding:.5rem;text-align:center;width:100%}.input-sm:focus{border-color:#3b82f6;outline:none}.ingredient-stats{grid-gap:.5rem;color:#6b7280;display:grid;font-size:.75rem;gap:.5rem;grid-template-columns:1fr 1fr;margin-bottom:.5rem}.requirement-info{border-top:1px solid #e5e7eb;font-size:.75rem;margin-top:.75rem;padding-top:.75rem}.requirement-info.sufficient{color:#065f46}.requirement-info.insufficient{color:#991b1b}.requirement-info div{margin-bottom:.25rem}.shortage-alert{background:#fee2e2;border-radius:4px;color:#991b1b;font-weight:600;margin-top:.5rem;padding:.5rem}@media (max-width:1024px){.products-table{font-size:.75rem}.products-table td,.products-table th{padding:.75rem}.ingredients-grid{grid-template-columns:1fr}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.modal-header{padding:1.5rem}.modal-header h3{color:#111827;font-size:1.25rem;font-weight:700;margin:0}.modal-close-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;transition:all .2s;width:32px}.modal-close-btn:hover{background:#f3f4f6;color:#111827}.form-group{margin-bottom:1.25rem}.form-group label{font-weight:600}.form-input,.form-textarea{border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;padding:.625rem .75rem;transition:all .2s;width:100%}.form-input:focus,.form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-row{grid-gap:1rem;grid-template-columns:1fr 1fr}.form-textarea{font-family:inherit}.plan-products-preview{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;max-height:200px;overflow-y:auto;padding:.75rem}.plan-product-item{align-items:center;background:#fff;border:1px solid #0000;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.5rem;transition:all .2s}.plan-product-item.excluded{background:#fef2f2;border-color:#fca5a5;opacity:.7}.plan-product-item:last-child{margin-bottom:0}.plan-product-name{align-items:center;color:#111827;display:flex;font-size:.875rem;font-weight:500;gap:.5rem}.excluded-badge{background:#fee2e2;color:#991b1b}.excluded-badge,.included-badge{border-radius:9999px;display:inline-block;font-size:.625rem;font-weight:600;padding:.125rem .5rem;text-transform:uppercase}.included-badge{background:#d1fae5;color:#065f46}.plan-product-qty{color:#3b82f6;font-size:.875rem;font-weight:600}.plan-product-qty.strikethrough{color:#9ca3af;text-decoration:line-through}.plan-info-text{background:#eff6ff;border-left:3px solid #3b82f6;border-radius:4px;color:#1e40af;font-size:.75rem;margin-bottom:0;margin-top:.75rem;padding:.5rem .75rem}.submit-message{border-radius:8px;font-size:.875rem;margin-top:1rem;padding:.75rem}.submit-message.success{background:#d1fae5;border:1px solid #6ee7b7;color:#065f46}.submit-message.error{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.modal-btn{border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:600;padding:.625rem 1.25rem;transition:all .2s}.modal-btn:disabled{cursor:not-allowed;opacity:.5}.modal-btn-cancel{background:#f3f4f6;color:#374151}.modal-btn-cancel:hover:not(:disabled){background:#e5e7eb}.modal-btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 4px #3b82f633;color:#fff}.modal-btn-primary:hover:not(:disabled){box-shadow:0 4px 8px #3b82f64d;transform:translateY(-1px)}.modal-btn-primary:active:not(:disabled){transform:translateY(0)}.empty-state-container{align-items:center;display:flex;justify-content:center;min-height:500px;padding:2rem}.empty-state-content{max-width:500px;text-align:center}.empty-state-icon{color:#9ca3af;margin-bottom:1.5rem}.empty-state-icon svg{margin:0 auto}.empty-state-title{color:#111827;font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.empty-state-message{color:#6b7280;font-size:1rem;line-height:1.6;margin-bottom:2rem}.empty-state-steps{display:flex;flex-direction:column;gap:1rem;text-align:left}.step-item{background:#f9fafb;border-left:3px solid #3b82f6;border-radius:8px;gap:1rem;padding:1rem}.step-item,.step-number{align-items:center;display:flex}.step-number{background:#3b82f6;border-radius:50%;color:#fff;flex-shrink:0;font-size:.875rem;font-weight:700;height:32px;justify-content:center;width:32px}.step-text{color:#374151;font-size:.875rem;font-weight:500}.add-user-modal{border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:calc(100vh - 64px);max-width:640px;overflow:hidden}.modal-body{flex:1 1 auto;scrollbar-width:thin}.add-user-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{gap:.5rem;position:relative}.form-group label{align-items:center;display:flex;gap:.25rem}.form-input{background-color:#fff;background-color:var(--input-bg,#fff);border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);border-radius:.5rem;color:#111827;color:var(--text-color,#111827);font-size:1rem;height:2.75rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.form-input::placeholder{color:#9ca3af;color:var(--text-secondary,#9ca3af);opacity:.8}.form-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-input.error{background-color:#e74c3c0d;border-color:#e74c3c}.form-input.valid{background-color:#10b9810d;border-color:#10b981}.field-error{align-items:center;color:#e74c3c;display:flex;font-size:.8rem;gap:.25rem}.field-helper{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.8rem;margin-top:.25rem}.error-message{align-items:center;border-left:4px solid #ef4444;color:#991b1b;display:flex;gap:.5rem}.error-message:before{content:"⚠️";font-size:1rem}.password-input-container{align-items:center;display:flex;width:100%}.password-toggle{border-radius:.25rem;right:.75rem;transition:all .2s ease}.password-toggle:hover{background-color:#6b72801a;color:#374151;color:var(--text-color,#374151)}.toggle-icon{height:1.25rem;width:1.25rem}.password-strength{font-size:.8rem;margin-top:.5rem}.strength-meter-container{background-color:#e5e7eb;border-radius:9999px;height:.25rem;margin-bottom:.5rem;overflow:hidden}.strength-meter{border-radius:9999px;height:100%;transition:width .3s ease,background-color .3s ease}.strength-indicator{align-items:center;display:flex;font-weight:500;gap:.25rem;margin-bottom:.5rem}.strength-indicator.strong{color:#10b981}.strength-indicator.weak{color:#f59e0b}.strength-requirements-container{display:flex;flex-direction:column;gap:.375rem}.requirement{align-items:center;color:#6b7280;display:flex;font-size:.75rem;gap:.375rem}.requirement.valid{color:#10b981}.requirement.invalid{color:#6b7280}.requirement-icon{flex-shrink:0;height:.875rem;width:.875rem}.segmented-control{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem;width:100%}.segment-option{cursor:pointer;flex:1 1;min-width:120px;position:relative}.segment-radio{height:0;opacity:0;position:absolute;width:0}.segment-content{align-items:center;border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);border-radius:.5rem;display:flex;gap:.75rem;padding:.75rem 1rem;transition:all .2s ease}.segment-option:hover .segment-content{background-color:#a5b4fc0d;border-color:#a5b4fc}.segment-option.selected .segment-content{background-color:#667eea1a;border-color:#667eea}.segment-icon{align-items:center;background-color:#667eea1a;border-radius:.5rem;color:#667eea;display:flex;height:2rem;justify-content:center;width:2rem}.segment-option.selected .segment-icon{background-color:#667eea;color:#fff}.segment-icon svg{height:1.25rem;width:1.25rem}.segment-label{display:flex;flex:1 1;flex-direction:column}.segment-title{color:#111827;color:var(--text-color,#111827);font-size:.875rem;font-weight:500}.segment-description{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.75rem}.required{color:#e74c3c}.input-with-status{position:relative;width:100%}.input-status{align-items:center;display:flex;font-size:.75rem;gap:.25rem;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.input-status.checking{color:#6b7280}.status-spinner{animation:spin 1s ease-in-out infinite;border:2px solid #6b72804d;border-radius:50%;border-top-color:#6b7280;display:inline-block;height:.75rem;width:.75rem}.input-status.available{color:#10b981}.status-icon{height:.875rem;width:.875rem}.input-status.unavailable{color:#e74c3c}.password-match{align-items:center;color:#10b981;display:flex;font-size:.8rem;gap:.25rem;margin-top:.25rem}.match-icon{height:.875rem;width:.875rem}.modal-footer{background-color:#fff;background-color:var(--sidebar-bg,#fff);flex-shrink:0}.btn-primary{background-color:#667eea}.btn-primary:hover:not(:disabled){background-color:#5a67d8}@media (max-width:640px){.modal-overlay{padding:0}.add-user-modal{border-radius:0;height:100%;max-height:100vh;width:100%}.segmented-control{flex-direction:column}.segment-option{width:100%}}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:#0000}.modal-body::-webkit-scrollbar-thumb{background-color:#6b72804d;border-radius:3px}.modal-body::-webkit-scrollbar-thumb:hover{background-color:#6b728080}[data-theme=dark] .error-message{background-color:#ef444433;color:#fee2e2}[data-theme=dark] .strength-indicator.strong{color:#34d399}[data-theme=dark] .strength-indicator.weak{color:#fbbf24}[data-theme=dark] .requirement{color:#9ca3af}.profile-form{width:100%}.form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr;margin-bottom:1.5rem}@media (min-width:768px){.form-row{grid-template-columns:repeat(2,1fr)}}.form-group{margin-bottom:0}.form-group label{color:#374151;color:var(--text-color,#374151);display:block;margin-bottom:.5rem}.required{color:#dc2626;color:var(--error-color,#dc2626);margin-left:.25rem}.form-group input{background-color:#fff;background-color:var(--input-bg,#fff);border:2px solid #e5e7eb;border:2px solid var(--border-color,#e5e7eb);border-radius:.5rem;color:#374151;color:var(--text-color,#374151);font-size:.875rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.form-group input:focus{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group input:disabled{background-color:#f9fafb;background-color:var(--disabled-bg,#f9fafb);cursor:not-allowed;opacity:.7}.form-group input.error{border-color:#dc2626;border-color:var(--error-color,#dc2626)}.field-error{color:#dc2626;color:var(--error-color,#dc2626);display:block;margin-top:.375rem}.password-group,.password-input-container{position:relative}.password-toggle{align-items:center;background:none;border:none;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;justify-content:center;padding:.25rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.password-toggle:hover{color:#3b82f6;color:var(--primary-color,#3b82f6)}.password-toggle svg{height:1.25rem;width:1.25rem}.form-actions{display:flex;gap:1rem;justify-content:flex-start;margin-top:2rem}.btn{padding:.625rem 1.25rem}.btn-primary:hover:not(:disabled){background:#2563eb;background:var(--primary-hover,#2563eb)}.btn-secondary:hover:not(:disabled){background:#e5e7eb;background:var(--secondary-hover,#e5e7eb)}.btn-outline{background:#0000;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);color:#374151;color:var(--text-color,#374151)}.btn-outline:hover{background:#f3f4f6;background:var(--hover-bg,#f3f4f6);border-color:#d1d5db;border-color:var(--border-hover,#d1d5db)}.btn:disabled{opacity:.7}.loading-spinner-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2rem;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #e5e7eb;border-top:3px solid #3b82f6;border:3px solid var(--spinner-track,#e5e7eb);border-radius:50%;border-top-color:var(--primary-color,#3b82f6);height:2.5rem;margin-bottom:1rem;width:2.5rem}.success-message{background:var(--success-light,#f0fdf4);border:1px solid #bbf7d0;border:1px solid var(--success-border,#bbf7d0);border-radius:.5rem;color:var(--success-color,#16a34a);margin-bottom:1.5rem}.account-info{display:flex;flex-direction:column;gap:1rem}.info-item{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;justify-content:space-between;padding:.75rem 0}.info-item:last-child{border-bottom:none}.info-label{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.875rem}.info-value{color:#374151;color:var(--text-color,#374151);font-size:.875rem;font-weight:500}.role-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:500;padding:.25rem .75rem;text-transform:capitalize}.role-badge.admin,.role-badge.super_admin{background:#fef2f2;background:var(--error-light,#fef2f2);color:#dc2626;color:var(--error-color,#dc2626)}.role-badge.manager{background:#fefce8;background:var(--warning-light,#fefce8);color:#ca8a04;color:var(--warning-color,#ca8a04)}.role-badge.user,.role-badge.viewer{background:#f0fdf4;background:var(--success-light,#f0fdf4);color:#16a34a;color:var(--success-color,#16a34a)}.security-settings{display:flex;flex-direction:column;gap:1.25rem}.setting-item{align-items:center;background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:.5rem;display:flex;justify-content:space-between;padding:1rem}.setting-info{flex:1 1}.setting-title{color:#374151;color:var(--text-color,#374151);font-size:.875rem;font-weight:600;margin:0 0 .25rem}.setting-description{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.75rem;margin:0}@media (max-width:768px){.form-actions{flex-direction:column;gap:.75rem}.btn{justify-content:center;width:100%}.setting-item{align-items:flex-start;flex-direction:column;gap:1rem}.setting-item .btn{width:100%}}[data-theme=dark]{--input-bg:#1f2937;--disabled-bg:#111827;--secondary-bg:#1f2937;--secondary-hover:#374151;--spinner-track:#374151}@media (prefers-contrast:high){.form-group input{border-width:2px}.form-group input:focus{border-color:#000;box-shadow:0 0 0 3px #000}.btn{border:2px solid}.setting-item{border-width:2px}}@media (prefers-reduced-motion:reduce){.btn,.form-group input{transition:none}.loading-spinner,.spinner{animation:none}}.settings-page{margin:0 auto;max-width:1200px;padding:1.5rem}.settings-header{margin-bottom:2rem}.settings-header h1{color:#111827;color:var(--text-color,#111827);font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.settings-header p{color:#6b7280;color:var(--text-secondary,#6b7280);margin:0}.settings-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.settings-card{align-items:flex-start;background-color:#fff;background-color:var(--bg-color,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:.5rem;box-shadow:0 1px 3px #0000001a;cursor:pointer;display:flex;gap:1rem;padding:1.5rem;transition:all .2s ease}.settings-card:hover{box-shadow:0 4px 6px #3b82f61a}.settings-card:focus,.settings-card:hover{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6)}.settings-card:focus{box-shadow:0 0 0 3px #3b82f64d;outline:none}.settings-card.active{background-color:#3b82f60d;border-color:#3b82f6;border-color:var(--primary-color,#3b82f6)}.card-icon{align-items:center;background-color:#dbeafe;background-color:var(--primary-light,#dbeafe);border-radius:.5rem;color:#3b82f6;color:var(--primary-color,#3b82f6);display:flex;flex-shrink:0;height:2.5rem;justify-content:center;width:2.5rem}.card-icon svg{height:1.5rem;width:1.5rem}.card-content{flex:1 1}.card-content h2{color:#111827;color:var(--text-color,#111827);font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.card-content p{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.875rem;margin:0}[data-theme=dark] .settings-card{background-color:#1f2937;background-color:var(--bg-color,#1f2937);border-color:#374151;border-color:var(--border-color,#374151)}[data-theme=dark] .settings-card:hover{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6)}[data-theme=dark] .settings-card.active{background-color:#3b82f61a}@media (max-width:768px){.settings-cards{grid-template-columns:1fr}}.not-found-page{align-items:center;background:#fff;background:var(--app-bg,#fff);display:flex;justify-content:center;min-height:calc(100vh - 200px);padding:2rem}.not-found-container{max-width:600px;text-align:center;width:100%}.not-found-illustration{margin-bottom:2rem}.not-found-svg{color:#3b82f6;color:var(--primary-color,#3b82f6);height:200px;margin:0 auto;width:200px}.not-found-text{fill:currentColor;font-size:24px;font-weight:700}.not-found-content{align-items:center;display:flex;flex-direction:column;gap:1.5rem}.not-found-title{color:#111827;color:var(--text-color,#111827);font-size:2.5rem;font-weight:700;line-height:1.2;margin:0}.not-found-description{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:1.125rem;line-height:1.6;margin:0;max-width:500px}.not-found-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1rem}.btn{border-radius:.5rem;font-size:1rem;min-width:120px}.btn-primary{background:#3b82f6;background:var(--primary-color,#3b82f6)}.btn-primary:hover{background:#2563eb;background:var(--primary-hover,#2563eb);transform:translateY(-1px)}.btn-secondary{background:#f3f4f6;background:var(--secondary-bg,#f3f4f6)}.btn-secondary:hover{background:#e5e7eb;background:var(--hover-bg,#e5e7eb);border-color:#9ca3af;border-color:var(--border-hover,#9ca3af);transform:translateY(-1px)}.btn:focus{outline:2px solid #3b82f6;outline:2px solid var(--primary-color,#3b82f6);outline-offset:2px}.btn svg{flex-shrink:0;height:20px;width:20px}.helpful-links{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);margin-top:2rem;padding-top:2rem}.helpful-links h3{color:#111827;color:var(--text-color,#111827);font-size:1.25rem;font-weight:600;margin:0 0 1rem}.helpful-links ul{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.helpful-links li{margin:0}.helpful-links a{border-radius:.375rem;color:#3b82f6;color:var(--primary-color,#3b82f6);display:inline-block;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.helpful-links a:hover{background:#eff6ff;background:var(--primary-light,#eff6ff);color:#2563eb;color:var(--primary-hover,#2563eb)}.helpful-links a:focus{outline:2px solid #3b82f6;outline:2px solid var(--primary-color,#3b82f6);outline-offset:2px}@media (max-width:768px){.not-found-page{min-height:calc(100vh - 140px);padding:1rem}.not-found-svg{height:150px;width:150px}.not-found-title{font-size:2rem}.not-found-description{font-size:1rem}.not-found-actions{flex-direction:column;width:100%}.btn{max-width:300px;width:100%}.helpful-links ul{align-items:center}.helpful-links a{min-width:200px;text-align:center}}@media (max-width:480px){.not-found-container{padding:0}.not-found-svg{height:120px;width:120px}.not-found-title{font-size:1.75rem}.btn,.not-found-description{font-size:.875rem}.btn{padding:.5rem 1rem}.btn svg{height:16px;width:16px}}[data-theme=dark]{--secondary-bg:#374151}@media (prefers-contrast:high){.not-found-svg{filter:contrast(1.5)}.btn{border:2px solid}.helpful-links{border-top-width:2px}.helpful-links a{border:1px solid #0000}.helpful-links a:focus,.helpful-links a:hover{border-color:var(--primary-color)}}@media (prefers-reduced-motion:reduce){.btn{transition:none}.btn:hover{transform:none}.helpful-links a{transition:none}}@media print{.not-found-page{background:#fff;color:#000}.not-found-actions,.not-found-svg{display:none}.helpful-links a{color:#000;text-decoration:underline}}:root{--primary-color:#3b82f6;--primary-hover:#2563eb;--primary-light:#eff6ff;--primary-dark:#1e40af;--secondary-color:#8b5cf6;--secondary-hover:#7c3aed;--secondary-light:#f3e8ff;--success-color:#16a34a;--success-light:#f0fdf4;--warning-color:#ca8a04;--warning-light:#fefce8;--error-color:#dc2626;--error-light:#fef2f2;--error-bg:#fef2f2;--text-color:#111827;--text-secondary:#6b7280;--app-bg:#fff;--content-bg:#fff;--header-bg:#fff;--sidebar-bg:#fff;--sidebar-filter-bg:#f9fafb;--sidebar-footer-bg:#f9fafb;--footer-bg:#f9fafb;--card-bg:#fff;--card-header-bg:#f9fafb;--dropdown-bg:#fff;--dropdown-header-bg:#f9fafb;--input-bg:#fff;--hover-bg:#f3f4f6;--breadcrumb-bg:#f9fafb;--chart-bg:#f9fafb;--table-header-bg:#f9fafb;--metric-bg:#f9fafb;--border-color:#e5e7eb;--border-hover:#9ca3af;--version-badge-bg:#e0e7ff;--version-badge-text:#3730a3;--role-badge-bg:#e0e7ff;--role-badge-text:#c7d2fe;--slider-track:#e5e7eb;--font-mono:"Monaco","Menlo","Ubuntu Mono",monospace}[data-theme=dark]{--text-color:#f9fafb;--text-secondary:#9ca3af;--app-bg:#111827;--content-bg:#1f2937;--header-bg:#1f2937;--sidebar-bg:#1f2937;--sidebar-filter-bg:#111827;--sidebar-footer-bg:#111827;--footer-bg:#111827;--card-bg:#1f2937;--card-header-bg:#111827;--dropdown-bg:#1f2937;--dropdown-header-bg:#111827;--input-bg:#374151;--hover-bg:#374151;--breadcrumb-bg:#1f2937;--chart-bg:#111827;--table-header-bg:#111827;--metric-bg:#111827;--border-color:#374151;--version-badge-bg:#312e81;--version-badge-text:#c7d2fe;--role-badge-bg:#312e81;--role-badge-text:#c7d2fe;--slider-track:#374151;--error-bg:#7f1d1d}*{box-sizing:border-box}.App{background:#fff;background:var(--app-bg);color:#111827;color:var(--text-color);min-height:100vh;transition:background-color .3s ease,color .3s ease}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;background:var(--app-bg);color:#111827;color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;margin:0;transition:background-color .3s ease,color .3s ease}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--primary-color);outline-offset:2px}a{color:#3b82f6;color:var(--primary-color);text-decoration:none}a:hover{color:#2563eb;color:var(--primary-hover);text-decoration:underline}.loading-container{min-height:200px}.loading-container,.loading-spinner{align-items:center;display:flex;justify-content:center}.loading-spinner{gap:.5rem}.spinner{border:2px solid #0000;border-top-color:currentcolor;height:20px;width:20px}.error-message{background:#fef2f2;background:var(--error-light);border:1px solid #dc2626;border:1px solid var(--error-color);color:#dc2626;color:var(--error-color);padding:.75rem 1rem}.success-message{background:#f0fdf4;background:var(--success-light);border:1px solid #16a34a;border:1px solid var(--success-color);border-radius:.375rem;color:#16a34a;color:var(--success-color);font-size:.875rem;padding:.75rem 1rem;text-align:center}input,select,textarea{background:#fff;background:var(--input-bg);border:1px solid #e5e7eb;border:1px solid var(--border-color);color:#111827;color:var(--text-color)}input::placeholder{color:#6b7280;color:var(--text-secondary)}button{background:#fff;background:var(--input-bg);border:1px solid #e5e7eb;border:1px solid var(--border-color);color:#111827;color:var(--text-color);cursor:pointer}button:hover{background:#f3f4f6;background:var(--hover-bg)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mt-0{margin-top:0}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media print{*{background:#fff!important;box-shadow:none!important;color:#000!important}.App{min-height:auto}}@media (prefers-contrast:high){:root{--border-color:#000;--text-secondary:#000}[data-theme=dark]{--border-color:#fff;--text-secondary:#fff}button,input,select,textarea{border-width:2px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.spinner{animation:none;border-top-color:#3b82f6;border-top-color:var(--primary-color)}}@media (max-width:768px){body{font-size:14px}}@media (max-width:480px){body{font-size:13px}}.ingredient-chart{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-top:20px;padding:16px}.ingredient-chart h4{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:600;margin-bottom:12px;margin-top:0}.ingredient-chart h4:before{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:2px;content:"";display:inline-block;height:12px;margin-right:8px;width:12px}.ingredient-chart-container{height:200px;margin-bottom:12px;position:relative}.ingredient-charts-container{border-top:1px dashed #e5e7eb;margin-top:24px;padding-top:16px}.chart-toggle{justify-content:flex-end;margin-bottom:12px}.chart-toggle-btn{font-size:12px;padding:4px 8px}.heatmap-legend{margin-top:8px}[data-theme=dark] .ingredient-chart{background:#1f2937;box-shadow:0 1px 3px #0003}[data-theme=dark] .ingredient-chart h4{color:#f3f4f6}[data-theme=dark] .ingredient-charts-container{border-top:1px dashed #374151}@media (max-width:768px){.ingredient-chart-container{height:180px}.heatmap-legend{align-items:flex-start;flex-direction:column;gap:4px}}.product-edit-panel{background-color:var(--card-header-bg);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 2px 5px #0000001a;margin:.5rem 0;padding:1rem;width:100%}.edit-panel-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem}.edit-panel-header h3{color:var(--text-color);font-size:1.25rem;font-weight:600;margin:0}.edit-panel-content{margin-bottom:1rem}.edit-panel-footer{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;margin-top:1rem;padding-top:.5rem}.keyboard-shortcuts{color:var(--text-secondary);font-size:.85rem}.keyboard-shortcuts kbd{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:3px;box-shadow:0 1px 1px #0000001a;color:var(--text-color);display:inline-block;font-family:monospace;font-size:.85rem;line-height:1;padding:.2rem .4rem}.edit-panel-actions{display:flex;gap:.5rem}.cancel-btn{background-color:var(--hover-bg);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);cursor:pointer;font-size:.9rem;padding:.375rem .75rem;transition:all .2s ease-in-out}.cancel-btn:hover{background-color:var(--border-color)}.save-btn{background-color:#0d6efd;border:1px solid #0d6efd;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.375rem .75rem;transition:all .2s ease-in-out}.save-btn:hover{background-color:#0b5ed7}.cancel-btn:disabled,.save-btn:disabled{cursor:not-allowed;opacity:.65}.form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-section{display:flex;flex-direction:column;gap:.75rem}.form-section h4{border-bottom:1px solid var(--border-color);color:var(--text-color);font-size:1rem;font-weight:600;margin:0 0 .5rem;padding-bottom:.25rem}.form-group{margin-bottom:.5rem}.form-group label{color:var(--text-color);font-size:.9rem;margin-bottom:.25rem}.form-group input,.form-group textarea{background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-size:.9rem;padding:.375rem .75rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-group input[type=number]{-webkit-appearance:textfield;appearance:textfield}.form-group input[type=number]::-webkit-inner-spin-button,.form-group input[type=number]::-webkit-outer-spin-button{-webkit-appearance:inner-spin-button;appearance:inner-spin-button;height:1.2em;opacity:1;position:relative;right:4px}.form-group input[type=number]{padding-right:1.5rem}.form-group input:focus,.form-group textarea:focus{border-color:#86b7fe;box-shadow:0 0 0 .25rem #0d6efd40;outline:0}.form-group input.error,.form-group textarea.error{border-color:#dc3545}.form-group input.error:focus,.form-group textarea.error:focus{box-shadow:0 0 0 .25rem #dc354540}.form-group .error-message{color:#dc3545;font-size:.8rem;margin-top:.25rem}.form-group.checkbox{align-items:center;flex-direction:row}.form-group.checkbox label{align-items:center;display:flex;gap:.5rem;margin-bottom:0}.form-group.checkbox input{margin:0}.form-group.total{margin-top:.5rem}.form-group .help-text{color:#6c757d;font-size:.8rem;margin-top:.25rem}.form-group input.calculated{background-color:#e9ecef;font-weight:500}.required{color:#dc3545}.spinner{animation:spin 1s linear infinite}@media (max-width:768px){.form-grid{grid-template-columns:1fr}.edit-panel-footer,.edit-panel-header{align-items:flex-start;flex-direction:column;gap:.5rem}.edit-panel-actions{justify-content:flex-end;width:100%}}.product-edit-modal-overlay{align-items:center;animation:fadeIn .3s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.product-edit-modal-content{animation:scaleIn .3s cubic-bezier(.16,1,.3,1);background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 20px 25px -5px #0003,0 10px 10px -5px #0000001a;max-height:90vh;max-width:1400px;overflow-y:auto;width:95%}.product-edit-modal-header{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-bottom:1px solid var(--border-color);border-top-left-radius:12px;border-top-right-radius:12px;display:flex;justify-content:space-between;padding:1.25rem 1.75rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.product-edit-modal-header h2{color:#fff;font-size:1.5rem;font-weight:600;margin:0;text-shadow:0 1px 2px #0000001a}.product-edit-modal-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:2rem;font-weight:300;height:36px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:36px}.product-edit-modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.product-edit-modal-body{padding:1.5rem}.product-edit-modal-body .product-edit-panel{background-color:initial;border:none;border-radius:0;box-shadow:none;margin:0;padding:0}.product-edit-modal-body .form-group input,.product-edit-modal-body .form-group textarea{background:var(--input-bg);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 1px 2px #0000000d;color:var(--text-color);padding:.5rem .75rem;transition:all .2s ease}.product-edit-modal-body .form-group input:hover,.product-edit-modal-body .form-group textarea:hover{border-color:var(--border-hover)}.product-edit-modal-body .form-group input:focus,.product-edit-modal-body .form-group textarea:focus{background-color:#3b82f60d;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f640}.product-edit-modal-body .form-section h4{border-bottom:2px solid var(--border-color);color:#3b82f6;font-weight:600;padding-bottom:.5rem}.product-edit-modal-body .form-grid{gap:2rem}.product-edit-modal-body .edit-panel-header{display:none}.product-edit-modal-body .edit-panel-footer{background:var(--card-bg);border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-top:1px solid var(--border-color);bottom:0;box-shadow:0 -2px 10px #0000000d;margin-top:1.5rem;padding:1.25rem 1.75rem;position:-webkit-sticky;position:sticky}.product-edit-modal-body .save-btn{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:6px;font-weight:500;padding:.5rem 1.25rem;transition:all .2s ease}.product-edit-modal-body .save-btn:hover:not(:disabled){box-shadow:0 4px 6px #0000001a;transform:translateY(-1px)}.product-edit-modal-body .save-btn:active:not(:disabled){transform:translateY(0)}.product-edit-modal-body .cancel-btn{border-radius:6px;font-weight:500;transition:all .2s ease}.product-edit-modal-body .cancel-btn:hover{background-color:#f3f4f6}.product-edit-modal-content::-webkit-scrollbar{width:8px}.product-edit-modal-content::-webkit-scrollbar-track{background:#0000}.product-edit-modal-content::-webkit-scrollbar-thumb{background-color:#6c757d4d;border-radius:4px}.product-edit-modal-content::-webkit-scrollbar-thumb:hover{background-color:#6c757d80}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.95)}50%{opacity:1;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.product-edit-modal-content{border-radius:0;height:100%;max-height:100%;max-width:100%;width:100%}.product-edit-modal-overlay{padding:0}}.product-container{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 6px #0000000d;display:flex;flex-direction:column;overflow:hidden}.product-header,.product-row-main{grid-gap:4px;align-items:center;display:grid;gap:4px;grid-template-columns:48px 2fr repeat(11,1fr) 1.5fr 100px;min-height:48px;overflow-x:auto;padding:10px 12px}.product-header{background:linear-gradient(90deg,#397ff5,#2867ed);border-bottom:1px solid #e5e7eb;border-top-left-radius:8px;border-top-right-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;font-weight:600;text-shadow:0 1px 2px #0000001a}.product-header .sortable{cursor:pointer;position:relative;-webkit-user-select:none;user-select:none}.product-header .sortable:hover{background-color:#ffffff1a;border-radius:4px}.product-row{border-left:4px solid #0000;transition:all .15s ease-in-out}.product-row.even{background:var(--card-bg)}.product-row.expanded,.product-row.odd{background:var(--card-header-bg)}.product-row:hover{background:#397ff50f;box-shadow:0 4px 12px #0000000f;position:relative;transform:scale(1.01);z-index:1}.product-list{max-height:100%;overflow-x:hidden;overflow-y:auto}.product-row.selected{background:#397ff51f;border-left:4px solid #2867ed}.col{display:flex;flex-direction:column;padding:4px}.col-name .primary{color:var(--text-color);font-weight:600}.col .secondary{color:var(--text-secondary);font-size:12px}.product-header .col{color:#fff}.col-analytics{justify-content:center;min-width:80px;padding:0 8px;text-align:right}.col-meta{align-items:center;display:flex;justify-content:center}.col-analytics .primary{color:var(--text-color);font-size:14px;font-weight:500;padding:4px 0}.col-num input{background:var(--input-bg);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);padding:6px 8px;transition:border-color .2s ease;width:100%}.col-num input:focus{border-color:#2867ed;box-shadow:0 0 0 2px #397ff533;outline:none}.status{border-radius:10px;display:inline-block;font-size:12px;padding:4px 10px;text-align:center}.status.active{background:#ecfdf5;color:#065f46}.status.inactive{background:#f3f4f6;color:#6b7280}.status.saving{background:#fff7ed;color:#c2410c}.product-footer{background:var(--card-header-bg);border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:12px;justify-content:space-between;padding:12px}.col-actions,.product-footer{align-items:center;display:flex}.col-actions{justify-content:flex-end}.action-buttons{align-items:center;display:flex;flex-direction:row;gap:10px}.edit-btn{background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:16px;padding:4px;transition:all .2s}.edit-btn:hover{background-color:var(--hover-bg);color:#2867ed}.edit-btn:disabled{cursor:not-allowed;opacity:.5}.expand-btn{background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:16px;padding:4px;transition:all .2s}.product-header .expand-btn{color:#fff}.expand-btn:hover{background-color:var(--hover-bg)}.expand-btn.expanded{color:#2867ed}.product-header .expand-btn.expanded{color:#fff}.product-row-details{background-color:var(--card-header-bg);border-top:1px solid var(--border-color);padding:16px}.details-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:24px}.details-column h4{color:var(--text-color);font-size:14px;font-weight:600;margin-bottom:12px;margin-top:0}.detail-item{display:flex;font-size:13px;justify-content:space-between;margin-bottom:8px}.ingredient-breakdown-nested{margin-left:20px}.detail-item.nested{font-size:.9em;opacity:.9}.detail-item.nested .detail-label{font-weight:400}.detail-label{color:var(--text-secondary)}.detail-value{color:var(--text-color);font-weight:500}.detail-item.total{border-top:1px dashed var(--border-color);font-weight:600;margin-top:8px;padding-top:8px}.detail-item.notes{flex-direction:column;margin-top:16px}.detail-item.notes .detail-value{margin-top:4px;white-space:pre-wrap}.details-charts{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.chart{background:var(--card-bg);border-radius:8px;box-shadow:0 1px 2px #0000000d;padding:16px}.chart h4{color:var(--text-color);font-size:14px;font-weight:600;margin-bottom:12px;margin-top:0}.bar-container{background:#f3f4f6;border-radius:4px;display:flex;height:24px;margin-bottom:12px;overflow:hidden}.bar{height:100%;transition:width .3s ease}.bar.coffee{background-color:#397ff5}.bar.ingredient{background-color:#10b981}.bar.can{background-color:#f59e0b}.bar.packing{background-color:#ef4444}.chart-legend{flex-wrap:wrap;font-size:12px;gap:12px}.color-box{border-radius:2px;height:12px;width:12px}.color-box.coffee{background-color:#397ff5}.color-box.ingredient{background-color:#10b981}.color-box.can{background-color:#f59e0b}.color-box.packing{background-color:#ef4444}.margin-container{margin-top:8px}.margin-bar{background:#f3f4f6;border-radius:4px;display:flex;height:24px;margin-bottom:8px;overflow:hidden}.margin-cost{background-color:#ef4444;height:100%;transition:width .3s ease}.product-container.empty,.product-container.error,.product-container.loading{color:#6b7280;font-size:16px;padding:0;text-align:center}.empty-message{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 20px}.empty-message svg{color:#9ca3af;margin-bottom:16px}.empty-message h3{color:var(--text-color);font-size:18px;font-weight:600;margin:0 0 8px}.empty-message p{font-size:14px;margin:0}.margin-profit{background-color:#10b981;height:100%;transition:width .3s ease}.margin-labels{color:#6b7280;display:flex;font-size:12px;justify-content:space-between}.filter-bar{background:var(--card-header-bg);border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:16px;padding:16px 12px}.filter-bar,.filter-item{align-items:center;display:flex}.filter-item{gap:8px}.filter-item label{color:var(--text-color);font-size:14px}.filter-item input[type=text]{background:var(--input-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);padding:8px 12px;transition:all .2s ease;width:200px}.filter-item input[type=text]:focus{border-color:#2867ed;box-shadow:0 0 0 2px #397ff533;outline:none}.filter-item.checkbox,.filter-item.checkbox label{align-items:center;display:flex}.filter-item.checkbox label{cursor:pointer;gap:6px}.pagination{align-items:center;display:flex;gap:8px}.pagination button{background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);cursor:pointer;font-size:12px;padding:6px 10px;transition:all .2s ease}.pagination button:hover:not(:disabled){background:#397ff51a;border-color:#2867ed}.pagination button:disabled{cursor:not-allowed;opacity:.5}.page-info{color:var(--text-secondary);font-size:12px;margin:0 8px}.product-container.loading{align-items:center;display:flex;justify-content:center;min-height:200px}.loading-spinner{color:#2867ed;font-size:14px}.product-row{animation:fadeIn .3s ease-out;animation-fill-mode:both}.product-row:first-child{animation-delay:.05s}.product-row:nth-child(2){animation-delay:.1s}.product-row:nth-child(3){animation-delay:.15s}.product-row:nth-child(4){animation-delay:.2s}.product-row:nth-child(5){animation-delay:.25s}.product-row:nth-child(6){animation-delay:.3s}.product-row:nth-child(7){animation-delay:.35s}.product-row:nth-child(8){animation-delay:.4s}.product-row:nth-child(9){animation-delay:.45s}.product-row:nth-child(10){animation-delay:.5s}.product-container.error{align-items:center;display:flex;justify-content:center;min-height:200px}.error-message{color:#b91c1c;font-size:14px}.product-container.empty{align-items:center;display:flex;justify-content:center;min-height:200px}.empty-message{color:#6b7280;font-size:14px}.product-container{overflow-x:auto}@media (max-width:1200px){.product-header,.product-row-main{grid-template-columns:48px 2fr repeat(5,1fr) 1.5fr 100px}.col-analytics:nth-child(n+8):nth-child(-n+12){display:none}.details-grid{gap:16px;grid-template-columns:1fr 1fr}.details-charts{gap:16px;grid-template-columns:1fr}}@media (max-width:768px){.product-header,.product-row-main{grid-template-columns:48px 2fr 1fr 1fr 1fr 100px}.col-analytics:nth-child(n+5):nth-child(-n+12){display:none}.details-grid{gap:16px;grid-template-columns:1fr}}@media (max-width:576px){.product-header,.product-row-main{grid-template-columns:48px 2fr 1fr 100px}.col-analytics:nth-child(n+4):nth-child(-n+12){display:none}.action-buttons{gap:6px}.edit-btn,.expand-btn{padding:3px}}.export-button{position:relative}.inline-loader{animation:spin 1s linear infinite;border:2px solid #3b82f64d;border-radius:50%;border-top-color:#3b82f6;display:inline-block;height:14px;margin-right:6px;vertical-align:middle;width:14px}:root{--color-primary:#397ff5;--color-primary-light:#6a9ff7;--color-primary-dark:#2867ed;--color-success:#10b981;--color-success-light:#34d399;--color-success-dark:#059669;--color-warning:#f59e0b;--color-warning-light:#fbbf24;--color-warning-dark:#d97706;--color-danger:#ef4444;--color-danger-light:#f87171;--color-danger-dark:#dc2626;--color-neutral:#6b7280;--color-neutral-light:#9ca3af;--color-neutral-dark:#4b5563;--color-background:#fff;--color-background-alt:#f9fafb;--color-border:#e5e7eb;--color-text:#111827;--color-text-secondary:#6b7280;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--font-size-xs:12px;--font-size-sm:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:30px;--font-size-4xl:36px;--font-size-5xl:48px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.analytics-container{background-color:#fff;background-color:var(--color-background);border-radius:8px;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:24px;padding:16px}.analytics-left{grid-area:left}.analytics-center,.analytics-left{display:flex;flex-direction:column}.analytics-center{gap:24px;grid-area:center}.analytics-right{gap:16px;grid-area:right}.analytics-right,.kpi-card{display:flex;flex-direction:column}.kpi-card{background-color:#fff;background-color:var(--color-background);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:10px;box-shadow:0 2px 8px #0000000d;height:100%;justify-content:space-between;overflow:hidden;padding:12px;transition:all .18s ease}.kpi-card:hover{border-color:#397ff559;box-shadow:0 6px 18px #397ff526;transform:translateY(-2px)}.kpi-content{display:flex;flex:1 1;flex-direction:column}.kpi-header{align-items:center;display:flex;height:22px;justify-content:space-between;margin-bottom:4px;padding-left:2px;position:relative}.kpi-header:before{background:linear-gradient(90deg,#397ff5,#2867ed);border-radius:0 2px 2px 0;bottom:0;content:"";left:-12px;position:absolute;top:0;width:4px}.kpi-label{color:#6b7280;color:var(--color-text-secondary);font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kpi-help{align-items:center;color:#6b7280;color:var(--color-neutral);cursor:help;display:flex;flex-shrink:0}.kpi-help svg{height:12px;width:12px}.kpi-value-container{align-items:baseline;display:flex;gap:4px;height:32px;justify-content:center;margin:4px 0}.kpi-value{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#397ff5,#2867ed);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700;line-height:1;text-align:center;text-shadow:0 1px 2px #0000000d}.kpi-unit{color:#6b7280;color:var(--color-text-secondary);font-size:14px;margin-left:2px}.kpi-trend{font-size:14px;font-weight:600}.kpi-trend-up{color:#10b981;color:var(--color-success)}.kpi-trend-down{color:#ef4444;color:var(--color-danger)}.kpi-trend-neutral{color:#6b7280;color:var(--color-neutral)}.kpi-sparkline{height:16px;margin-top:4px}.kpi-sparkline svg{stroke:#397ff5;stroke:var(--color-primary)}.kpi-help-text{color:#6b7280;color:var(--color-text-secondary);font-size:10px;line-height:1.2;max-height:24px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.kpi-primary .kpi-value{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#397ff5,#2867ed);-webkit-background-clip:text;background-clip:text}.kpi-success .kpi-value{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#10b981,#059669);-webkit-background-clip:text;background-clip:text}.kpi-warning .kpi-value{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#f59e0b,#d97706);-webkit-background-clip:text;background-clip:text}.kpi-danger .kpi-value{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#ef4444,#dc2626);-webkit-background-clip:text;background-clip:text}.kpi-neutral .kpi-value{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#6b7280,#4b5563);-webkit-background-clip:text;background-clip:text}.chart-container{animation:fadeIn .5s ease-out;background-color:#fff;background-color:var(--color-background);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:10px;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:16px;transition:all .18s ease}.chart-container:hover{border-color:#397ff559;box-shadow:0 6px 18px #397ff526;transform:translateY(-2px)}.chart-header{margin-bottom:12px}.chart-header:before{background:linear-gradient(90deg,#397ff5,#2867ed);left:-16px}.chart-title{color:var(--color-text);font-size:16px}.chart-action-btn{border-radius:4px;color:#397ff5;color:var(--color-primary);padding:4px}.chart-action-btn:hover{background-color:#397ff51a;color:#2867ed}.chart-content{flex-grow:1;height:130px;margin-bottom:4px;position:relative}.utilization-percentage{align-items:center;animation:pulse 2s ease-in-out infinite;background:#fff;border-radius:50%;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;height:80px;justify-content:center;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:80px;z-index:1}@keyframes pulse{0%{box-shadow:0 0 0 0 #397ff533}70%{box-shadow:0 0 0 10px #397ff500}to{box-shadow:0 0 0 0 #397ff500}}.utilization-value{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#397ff5,#2867ed);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700;line-height:1;text-shadow:0 1px 2px #0000000d}.chart-legend{display:flex;gap:16px;justify-content:center;margin-top:8px}.legend-item{align-items:center;color:#6b7280;color:var(--color-text-secondary);display:flex;font-size:12px;gap:4px}.chart-footer{margin-top:4px}.legend-color{border-radius:2px;height:12px;width:12px}.slider-container{animation:slideIn .4s ease-out;margin-bottom:16px}@keyframes slideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.slider-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.slider-label{color:#6b7280;color:var(--color-text-secondary);font-size:14px;font-weight:500}.slider-value{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#397ff5,#2867ed);-webkit-background-clip:text;background-clip:text;font-size:14px;font-weight:600}.slider-input{-webkit-appearance:none;appearance:none;background:#e5e7eb;background:var(--color-border);border-radius:3px;height:6px;margin:12px 0 6px;outline:none;overflow:visible;position:relative;width:100%}.slider-input::-webkit-slider-runnable-track{background:linear-gradient(90deg,#397ff533,#2867ed33);border:none;border-radius:3px;height:6px;width:100%}.slider-input::-moz-range-track{background:linear-gradient(90deg,#397ff533,#2867ed33);border:none;border-radius:3px;height:6px;width:100%}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,#397ff5,#2867ed);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:18px;margin-top:-6px;-webkit-transition:all .2s ease;transition:all .2s ease;width:18px}.slider-input::-webkit-slider-thumb:hover{box-shadow:0 3px 6px #00000040;transform:scale(1.1)}.slider-input::-moz-range-thumb{background:linear-gradient(90deg,#397ff5,#2867ed);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:18px;-moz-transition:all .2s ease;transition:all .2s ease;width:18px}.slider-input::-moz-range-thumb:hover{box-shadow:0 3px 6px #00000040;transform:scale(1.1)}.slider-help{color:#6b7280;color:var(--color-text-secondary);font-size:11px;line-height:1.2;margin-top:2px}.what-if-container{animation:fadeIn .5s ease-out;background-color:#fff;background-color:var(--color-background);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:10px;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:16px;transition:all .18s ease}.what-if-container:hover{border-color:#397ff559;box-shadow:0 6px 18px #397ff526;transform:translateY(-2px)}.what-if-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;padding-left:2px;position:relative}.what-if-header:before{background:linear-gradient(90deg,#397ff5,#2867ed);border-radius:0 2px 2px 0;bottom:0;content:"";left:-16px;position:absolute;top:0;width:4px}.what-if-title{color:#111827;color:var(--color-text);font-size:16px;font-weight:600}.what-if-sliders{grid-gap:8px;display:grid;gap:8px}.what-if-result{align-items:center;background-color:#f9fafb;background-color:var(--color-background-alt);border:1px solid #397ff51a;border-radius:8px;box-shadow:0 2px 6px #00000008;display:flex;justify-content:space-between;margin-top:16px;padding:12px;transition:all .2s ease}.what-if-result:hover{border-color:#397ff54d;box-shadow:0 4px 8px #0000000f}.what-if-result-label{color:#6b7280;color:var(--color-text-secondary);font-size:14px}.what-if-result-value{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#397ff5,#2867ed);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700;text-shadow:0 1px 2px #0000000d}.what-if-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:auto;padding-top:6px}.what-if-btn{align-items:center;border-radius:4px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:4px;padding:6px 12px}.what-if-btn svg{height:14px;width:14px}.what-if-btn-primary{background:linear-gradient(90deg,#397ff5,#2867ed);border:none;box-shadow:0 2px 4px #0000001a;color:#fff;text-shadow:0 1px 2px #0000001a;transition:all .2s ease}.what-if-btn-primary:hover{background:linear-gradient(90deg,#2867ed,#1d4ed8);box-shadow:0 4px 6px #00000026;transform:translateY(-1px)}.what-if-btn-primary:active{box-shadow:0 2px 3px #0000001a;transform:translateY(0)}.what-if-btn-secondary{background-color:initial;color:#111827;color:var(--color-text)}.bottleneck-container,.what-if-btn-secondary{border:1px solid #e5e7eb;border:1px solid var(--color-border)}.bottleneck-container{animation:fadeIn .5s ease-out;background-color:#fff;background-color:var(--color-background);border-radius:10px;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:16px;transition:all .18s ease}.bottleneck-container:hover{border-color:#397ff559;box-shadow:0 6px 18px #397ff526;transform:translateY(-2px)}.bottleneck-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px;padding-left:2px;position:relative}.bottleneck-header:before{background:linear-gradient(90deg,#397ff5,#2867ed);border-radius:0 2px 2px 0;bottom:0;content:"";left:-16px;position:absolute;top:0;width:4px}.bottleneck-title{color:#111827;color:var(--color-text);font-size:16px;font-weight:600}.bottleneck-content{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;height:calc(100% - 28px)}.capacity-summary{height:100%}.capacity-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;height:calc(100% - 28px);margin-top:6px}.bottleneck-info{font-size:14px}.bottleneck-list{list-style-type:none;margin:0;padding:0}.bottleneck-list-item{align-items:flex-start;border-radius:4px;display:flex;gap:4px;margin-bottom:6px;padding:4px}.bottleneck-list-item:hover{background-color:#f9fafb;background-color:var(--color-background-alt)}.bottleneck-list-icon{color:#397ff5;flex-shrink:0;margin-top:2px}.bottleneck-list-icon svg{height:14px;width:14px}.bottleneck-list-text{flex:1 1;font-size:12px;line-height:1.3}.bottleneck-list-text strong{font-weight:600;margin-right:4px}.bottleneck-chart{height:100%;min-height:100px}.bottleneck-legend{margin-top:8px}@media (max-width:768px){.analytics-center,.analytics-container{gap:12px}.chart-content{height:140px}}.text-success{color:#10b981;color:var(--color-success)}.text-warning{color:#f59e0b;color:var(--color-warning)}.text-danger{color:#ef4444;color:var(--color-danger)}.text-neutral{color:#6b7280;color:var(--color-neutral)}.bg-success{background-color:#10b981;background-color:var(--color-success)}.bg-warning{background-color:#f59e0b;background-color:var(--color-warning)}.bg-danger{background-color:#ef4444;background-color:var(--color-danger)}.bg-neutral{background-color:#6b7280;background-color:var(--color-neutral)}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px;gap:var(--space-2)}.gap-4{gap:16px;gap:var(--space-4)}.mb-1{margin-bottom:4px;margin-bottom:var(--space-1)}.mb-2{margin-bottom:8px;margin-bottom:var(--space-2)}.mb-4{margin-bottom:16px;margin-bottom:var(--space-4)}.mt-2{margin-top:8px;margin-top:var(--space-2)}.mt-4{margin-top:16px;margin-top:var(--space-4)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-xs{font-size:12px;font-size:var(--font-size-xs)}.text-sm{font-size:14px;font-size:var(--font-size-sm)}.text-md{font-size:16px;font-size:var(--font-size-md)}.text-lg{font-size:18px;font-size:var(--font-size-lg)}.text-xl{font-size:20px;font-size:var(--font-size-xl)}.text-2xl{font-size:24px;font-size:var(--font-size-2xl)}.rounded{border-radius:6px;border-radius:var(--radius-md)}.shadow{box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}[data-theme=dark]{--color-background:#1f2937;--color-background-alt:#111827;--color-border:#374151;--color-text:#f9fafb;--color-text-secondary:#9ca3af;--color-neutral:#9ca3af;--color-neutral-light:#d1d5db;--color-neutral-dark:#6b7280}[data-theme=dark] .analytics-container,[data-theme=dark] .kpi-card{background-color:#fff;background-color:var(--color-background)}[data-theme=dark] .kpi-card{border-color:#e5e7eb;border-color:var(--color-border)}[data-theme=dark] .kpi-label,[data-theme=dark] .kpi-unit{color:#6b7280;color:var(--color-text-secondary)}[data-theme=dark] .section-title{color:#111827;color:var(--color-text)}[data-theme=dark] .chart-card,[data-theme=dark] .metric-card,[data-theme=dark] .plan-card{background-color:#fff;background-color:var(--color-background);border-color:#e5e7eb;border-color:var(--color-border)}[data-theme=dark] .chart-title,[data-theme=dark] .metric-label,[data-theme=dark] .metric-value,[data-theme=dark] .plan-product,[data-theme=dark] .plan-title{color:#111827;color:var(--color-text)}[data-theme=dark] .metric-sublabel,[data-theme=dark] .no-data-message,[data-theme=dark] .plan-date,[data-theme=dark] .plan-kegs{color:#6b7280;color:var(--color-text-secondary)}.ingredient-picker{width:100%}.ingredient-search-container{position:relative}.ingredient-dropdown{background-color:var(--dropdown-bg);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 4px 6px #0000001a;left:0;margin-top:4px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.dropdown-item{align-items:center;background-color:var(--dropdown-bg);border:none;color:var(--text-color);cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;text-align:left;transition:background-color .2s;width:100%}.dropdown-item:hover{background-color:var(--hover-bg)}.dropdown-item.loading,.dropdown-item.no-results{color:var(--text-secondary);cursor:default}.dropdown-item.loading:hover,.dropdown-item.no-results:hover{background-color:var(--dropdown-bg)}.ingredient-picker .ingredient-name{color:var(--text-color);font-weight:500;margin-right:8px}.ingredient-picker .ingredient-meta{color:var(--text-secondary);font-size:.875rem}.selected-ingredients{margin-top:24px}.selected-ingredients>label{color:var(--text-color);display:block;font-weight:500;margin-bottom:12px}.selected-ingredients-list{display:flex;flex-direction:column;gap:12px}.selected-ingredient-item{align-items:center;background-color:var(--card-header-bg);border:1px solid var(--border-color);border-radius:6px;display:flex;gap:12px;padding:12px;position:relative}.ingredient-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.ingredient-info .ingredient-name{font-size:.9375rem}.ingredient-info .ingredient-meta{font-size:.8125rem}.ingredient-quantity{align-items:center;display:flex;gap:8px}.quantity-input{padding:6px 12px;width:100px}.unit-label{color:var(--text-secondary);font-size:.875rem;white-space:nowrap}.btn-remove{align-items:center;background-color:var(--error-color);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:28px;justify-content:center;line-height:1;transition:background-color .2s;width:28px}.btn-remove:hover{background-color:#dc2626}.no-ingredients-message{background-color:var(--card-header-bg);border:1px dashed var(--border-color);border-radius:6px;margin-top:16px;padding:20px;text-align:center}.no-ingredients-message p{color:var(--text-secondary);font-size:.9375rem;margin:0}[data-theme=dark] .ingredient-dropdown{background-color:var(--dropdown-bg);border-color:var(--border-color);box-shadow:0 4px 6px #0000004d}[data-theme=dark] .dropdown-item{background-color:var(--dropdown-bg);color:var(--text-color)}[data-theme=dark] .dropdown-item:hover{background-color:var(--hover-bg)}[data-theme=dark] .dropdown-item.loading:hover,[data-theme=dark] .dropdown-item.no-results:hover{background-color:var(--dropdown-bg)}[data-theme=dark] .ingredient-picker .ingredient-name{color:var(--text-color)}[data-theme=dark] .ingredient-picker .ingredient-meta{color:var(--text-secondary)}[data-theme=dark] .selected-ingredients>label{color:var(--text-color)}[data-theme=dark] .selected-ingredient-item{background-color:var(--card-header-bg);border-color:var(--border-color)}[data-theme=dark] .unit-label{color:var(--text-secondary)}[data-theme=dark] .no-ingredients-message{background-color:var(--card-header-bg);border-color:var(--border-color)}[data-theme=dark] .no-ingredients-message p{color:var(--text-secondary)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.add-ingredient-modal{background-color:#fff;background-color:var(--card-bg,#fff);border-radius:8px;box-shadow:0 10px 25px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:90%}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;justify-content:space-between;padding:1rem 1.5rem}.modal-header h2{color:#111827;color:var(--text-color,#111827);font-size:1.25rem;font-weight:600;margin:0}.close-button{background:none;border:none;border-radius:4px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;font-size:1.5rem;line-height:1;padding:.25rem;transition:all .2s ease}.close-button:hover{background-color:#6b72801a;background-color:var(--hover-bg,#6b72801a);color:#111827;color:var(--text-color,#111827)}.modal-body{max-height:calc(90vh - 130px);overflow-y:auto;padding:1.5rem}.modal-footer{align-items:center;border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.add-ingredient-form{display:flex;flex-direction:column;gap:1rem}.form-row{display:flex;flex-wrap:wrap;gap:1rem}.form-row .form-group{flex:1 1;min-width:200px}.form-group{display:flex;flex-direction:column;gap:.25rem}.form-group label{color:#111827;color:var(--text-color,#111827);font-size:.875rem;font-weight:500}.form-input,.form-select,.form-textarea{background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:.375rem;color:var(--text-color);font-size:.875rem;padding:.5rem .75rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);box-shadow:0 0 0 2px #3b82f633;outline:none}.form-input.error,.form-select.error,.form-textarea.error{border-color:#ef4444;border-color:var(--error-color,#ef4444)}.form-textarea{min-height:80px;resize:vertical}.field-error,.required{color:#ef4444;color:var(--error-color,#ef4444)}.field-error,.helper-text{font-size:.75rem;margin-top:.25rem}.helper-text{color:#6b7280;color:var(--text-secondary,#6b7280);display:block;font-style:italic}.error-message{background-color:#ef44441a;border:1px solid #ef4444;border:1px solid var(--error-color,#ef4444);border-radius:.375rem;font-size:.875rem;margin-bottom:1rem;padding:.75rem}.checkbox-group{align-items:center;display:flex;margin-top:1.5rem}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:.5rem}.form-checkbox{accent-color:#3b82f6;accent-color:var(--primary-color,#3b82f6);border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);border-radius:.25rem;height:1rem;width:1rem}.checkbox-text{color:#111827;color:var(--text-color,#111827);font-size:.875rem}.btn-primary:hover:not(:disabled){background-color:var(--primary-dark,#2563eb)}.btn-secondary{background-color:var(--hover-bg);color:var(--text-color)}.btn-secondary:hover:not(:disabled){background-color:var(--border-color)}[data-theme=dark] .add-ingredient-modal{background-color:var(--card-bg)}[data-theme=dark] .modal-header{border-bottom-color:var(--border-color)}[data-theme=dark] .modal-header h2{color:var(--text-color)}[data-theme=dark] .close-button{color:var(--text-secondary)}[data-theme=dark] .close-button:hover{background-color:var(--hover-bg);color:var(--text-color)}[data-theme=dark] .modal-footer{border-top-color:var(--border-color)}[data-theme=dark] .form-group label{color:var(--text-color)}[data-theme=dark] .form-input,[data-theme=dark] .form-select,[data-theme=dark] .form-textarea{background-color:var(--input-bg);border-color:var(--border-color);color:var(--text-color)}[data-theme=dark] .form-input::placeholder,[data-theme=dark] .form-textarea::placeholder,[data-theme=dark] .helper-text{color:var(--text-secondary)}[data-theme=dark] .checkbox-text{color:var(--text-color)}[data-theme=dark] .btn-secondary{background-color:var(--hover-bg);color:var(--text-color)}[data-theme=dark] .btn-secondary:hover:not(:disabled){background-color:var(--border-color)}@media (max-width:640px){.add-ingredient-modal{max-height:95vh;width:95%}.form-row{flex-direction:column;gap:1rem}.form-row .form-group{min-width:100%}.modal-body{padding:1rem}}.create-product-modal{max-height:90vh;max-width:900px}.form-section{background-color:initial;border:1px solid var(--border-color);border-radius:8px;margin-bottom:24px;padding:20px}.form-section legend{color:var(--text-color);font-size:1rem;font-weight:600;padding:0 8px}.calculated-field{background-color:var(--card-header-bg);border:1px solid var(--border-color);border-radius:6px;flex:1 1;min-width:200px;padding:12px}.calculated-field label{color:var(--text-secondary);display:block;font-size:.875rem;margin-bottom:4px}.calculated-value{color:var(--text-color);font-size:1.25rem;font-weight:600}.create-product-modal .checkbox-group{align-items:center;display:flex;padding-top:28px}[data-theme=dark] .form-section{border-color:var(--border-color)}[data-theme=dark] .form-section legend{color:var(--text-color)}[data-theme=dark] .calculated-field{background-color:var(--card-header-bg);border-color:var(--border-color)}[data-theme=dark] .calculated-field label{color:var(--text-secondary)}[data-theme=dark] .calculated-value{color:var(--text-color)}.enhanced-chart-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 16px #00000014;display:flex;flex-direction:column;margin-top:30px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease-in-out}.enhanced-chart-container:before{background:linear-gradient(90deg,#4c6ef5,#7c9cff);border-radius:2px 2px 0 0;content:"";height:4px;left:0;position:absolute;top:0;width:100%}.enhanced-chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px;position:relative}.enhanced-chart-title-container{align-items:center;display:flex;gap:10px}.enhanced-chart-icon{align-items:center;background-color:#4c6ef51a;border-radius:8px;color:#4c6ef5;display:flex;justify-content:center;padding:8px}.enhanced-chart-title{color:#111827;font-family:Inter,Helvetica,Arial,sans-serif;font-size:18px;font-weight:600;letter-spacing:-.01em;margin:0}.enhanced-chart-subtitle{color:#6b7280;font-size:14px;font-weight:500;margin-bottom:16px;margin-top:4px}.enhanced-chart-actions{display:flex;gap:8px}.enhanced-chart-action-btn{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;color:#4b5563;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s ease}.enhanced-chart-action-btn:hover{background-color:#f3f4f6;border-color:#d1d5db;color:#111827;transform:translateY(-1px)}.export-dropdown{position:relative}.export-menu{animation:fadeIn .2s ease-out;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;margin-top:4px;min-width:160px;padding:8px 0;position:absolute;right:0;top:100%;z-index:10}.export-menu button{background:none;border:none;color:#374151;cursor:pointer;display:block;font-size:14px;padding:8px 16px;text-align:left;transition:background .2s;width:100%}.export-menu button:hover{background-color:#f3f4f6;color:#111827}.enhanced-chart-content{border-radius:8px;height:400px;margin:15px 0;position:relative}.enhanced-chart-legend{align-items:center;display:flex;flex-direction:column;margin-top:16px}.legend-gradient{align-items:center;display:flex;gap:10px;margin-bottom:4px}.legend-label{color:#6b7280;font-size:12px}.gradient-bar{background:linear-gradient(90deg,#dc503cd9,#e6c850d9 50%,#28a078d9);border-radius:4px;height:8px;width:200px}.legend-note{color:#9ca3af;font-size:12px;margin-top:4px}.filter-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.filter-chip{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:16px;color:#4b5563;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s ease}.filter-chip:hover{background:#e5e7eb}.filter-chip.active{background:#4c6ef5;border-color:#3b5bd9;color:#fff}.chip-dot{border-radius:50%;height:8px;width:8px}.chip-dot.liquid{background-color:#4c6ef5}.chip-dot.coffee{background-color:#845ef7}.chip-dot.ingredient{background-color:#5ac46f}.chip-dot.can{background-color:#f2a93b}.chip-dot.packing{background-color:#ef5350}.chartjs-tooltip{background:#fff;border-radius:10px;box-shadow:0 4px 20px #00000026;font-family:Inter,Helvetica,Arial,sans-serif;max-width:300px;opacity:0;padding:0;pointer-events:none;position:absolute;transform:translate(-50%);transition:all .2s ease;width:auto;z-index:100}.chartjs-tooltip.dark{background:#1f2937;box-shadow:0 4px 20px #0000004d}.tooltip-content{padding:0}.tooltip-header{border-bottom:1px solid #e5e7eb;padding:12px 16px}.chartjs-tooltip.dark .tooltip-header{border-bottom:1px solid #374151}.tooltip-title{color:#111827;font-size:14px;font-weight:600}.chartjs-tooltip.dark .tooltip-title{color:#f3f4f6}.tooltip-body{padding:12px 16px}.tooltip-value{align-items:center;display:flex;font-size:13px;margin-bottom:8px}.tooltip-color-dot{border-radius:50%;height:8px;margin-right:8px;width:8px}.tooltip-color-dot.liquid{background-color:#4c6ef5}.tooltip-color-dot.coffee{background-color:#845ef7}.tooltip-color-dot.ingredient{background-color:#5ac46f}.tooltip-color-dot.can{background-color:#f2a93b}.tooltip-color-dot.packing{background-color:#ef5350}.tooltip-label{color:#6b7280;flex:1 1}.chartjs-tooltip.dark .tooltip-label{color:#9ca3af}.tooltip-amount{color:#111827;font-weight:600}.chartjs-tooltip.dark .tooltip-amount{color:#f3f4f6}.tooltip-total{border-top:1px dashed #e5e7eb;display:flex;font-size:13px;font-weight:600;justify-content:space-between;margin-top:12px;padding-top:8px}.chartjs-tooltip.dark .tooltip-total{border-top:1px dashed #374151}.tooltip-comparison{align-items:center;background:#f3f4f6;border-radius:4px;display:flex;font-size:12px;gap:6px;margin-top:8px;padding:4px 8px}.tooltip-comparison.positive{background:#10b9811a;color:#059669}.tooltip-comparison.negative{background:#ef44441a;color:#dc2626}.chartjs-tooltip.dark .tooltip-comparison{background:#374151}.chartjs-tooltip.dark .tooltip-comparison.positive{background:#10b98133;color:#34d399}.chartjs-tooltip.dark .tooltip-comparison.negative{background:#ef444433;color:#f87171}[data-theme=dark] .enhanced-chart-container{background-color:#1f2937;box-shadow:0 4px 16px #0003}[data-theme=dark] .enhanced-chart-icon{background-color:#60a5fa1a;color:#60a5fa}[data-theme=dark] .enhanced-chart-title{color:#f3f4f6}[data-theme=dark] .enhanced-chart-subtitle{color:#9ca3af}[data-theme=dark] .enhanced-chart-action-btn{background:#374151;border-color:#4b5563;color:#d1d5db}[data-theme=dark] .enhanced-chart-action-btn:hover{background:#4b5563;color:#f3f4f6}[data-theme=dark] .export-menu{background:#1f2937;box-shadow:0 4px 12px #0000004d}[data-theme=dark] .export-menu button{color:#d1d5db}[data-theme=dark] .export-menu button:hover{background:#374151;color:#f3f4f6}[data-theme=dark] .legend-label{color:#9ca3af}[data-theme=dark] .legend-note{color:#6b7280}[data-theme=dark] .filter-chip{background:#374151;border-color:#4b5563;color:#d1d5db}[data-theme=dark] .filter-chip:hover{background:#4b5563}[data-theme=dark] .filter-chip.active{background:#4c6ef5;border-color:#3b5bd9;color:#fff}@media (max-width:768px){.enhanced-chart-container{padding:16px}.enhanced-chart-content{height:350px}.filter-chips{flex-wrap:wrap;justify-content:center}.enhanced-chart-header{align-items:flex-start;flex-direction:column;gap:12px}.enhanced-chart-actions{align-self:flex-end}.legend-gradient{justify-content:center;width:100%}}@media (max-width:480px){.enhanced-chart-container{padding:12px}.enhanced-chart-content{height:300px}.enhanced-chart-title{font-size:16px}.enhanced-chart-subtitle{font-size:13px}.filter-chips{gap:6px}.filter-chip{font-size:12px;padding:4px 8px}}.production-capacity-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-top:20px;padding:20px}.capacity-chart-container{background-color:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column;margin-top:30px;padding:24px;transition:all .2s ease-in-out}.capacity-chart-content{border-radius:4px;height:380px;margin:15px 0;position:relative}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px;padding-left:2px;position:relative}.chart-title-container{align-items:center;display:flex;gap:10px}.chart-icon{align-items:center;color:#3b82f6;display:flex;justify-content:center}.chart-subtitle{color:#6b7280;font-size:14px;font-weight:500;margin-bottom:16px;margin-top:4px}.chart-header:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:0 2px 2px 0;bottom:0;content:"";left:-24px;position:absolute;top:0;width:4px}.chart-title{color:#111827;font-family:Inter,Helvetica,Arial,sans-serif;font-size:18px;font-weight:600;letter-spacing:-.01em}.chart-actions{display:flex;gap:4px}.chart-action-btn{align-items:center;background:none;border:none;border-radius:6px;color:#3b82f6;cursor:pointer;display:flex;justify-content:center;opacity:.8;padding:6px;transition:all .15s ease}.chart-action-btn:hover{background-color:#3b82f61a;color:#2563eb;opacity:1;transform:translateY(-1px)}.chart-footer{color:#6b7280;font-family:Inter,Helvetica,Arial,sans-serif;font-size:12px;margin-top:15px;text-align:center}.summary-section{background-color:#f8f9fa;border-radius:4px;margin-bottom:20px;padding:10px}.capacity-table{margin-top:0}.bottleneck-row{background-color:#ffeef0!important;font-weight:700}[data-theme=dark] .capacity-chart-container,[data-theme=dark] .production-capacity-container{background-color:#1f2937;box-shadow:0 2px 8px #0003}[data-theme=dark] .chart-icon{color:#60a5fa}[data-theme=dark] .chart-subtitle{color:#9ca3af}[data-theme=dark] .summary-section{background-color:#111827}[data-theme=dark] .chart-title{color:#f3f4f6}[data-theme=dark] .chart-footer{color:#9ca3af}[data-theme=dark] .chart-header:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6)}[data-theme=dark] .chart-action-btn{color:#60a5fa}[data-theme=dark] .chart-action-btn:hover{background-color:#60a5fa1a;color:#93c5fd}[data-theme=dark] .bottleneck-row{background-color:#ef444433!important}.ingredient-usage-chart{background-color:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000f;margin-top:30px;padding:24px}.ingredient-usage-chart .chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;padding-left:2px;position:relative}.ingredient-usage-chart .chart-header:before{background:linear-gradient(90deg,#10b981,#3b82f6);border-radius:0 2px 2px 0;bottom:0;content:"";left:-24px;position:absolute;top:0;width:4px}.ingredient-usage-chart h3{color:#111827;font-family:Inter,Helvetica,Arial,sans-serif;font-size:18px;font-weight:600;letter-spacing:-.01em;margin:0}.ingredient-usage-chart .chart-content{height:400px;margin:15px 0;position:relative}.chart-toggle{display:flex;gap:8px}.chart-toggle-btn{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:4px;cursor:pointer;font-size:13px;padding:6px 12px;transition:all .2s ease}.chart-toggle-btn:hover{background:#e5e7eb}.chart-toggle-btn.active{background:#3b82f6;border-color:#2563eb;color:#fff}.heatmap-legend{display:flex;font-size:12px;gap:16px;justify-content:center;margin-top:12px}.heatmap-legend .legend-item{align-items:center;display:flex;gap:4px}.heatmap-legend .color-box{border-radius:2px;height:12px;width:12px}.heatmap-legend .color-box.light{background-color:#dbeafee6}.heatmap-legend .color-box.medium{background-color:#93c5fde6}.heatmap-legend .color-box.high{background-color:#3b82f6e6}[data-theme=dark] .ingredient-usage-chart{background-color:#1f2937}[data-theme=dark] .ingredient-usage-chart h3{color:#f3f4f6}[data-theme=dark] .chart-toggle-btn{background:#374151;border-color:#4b5563;color:#d1d5db}[data-theme=dark] .chart-toggle-btn:hover{background:#4b5563}[data-theme=dark] .chart-toggle-btn.active{background:#3b82f6;border-color:#2563eb;color:#fff}@media (max-width:768px){.capacity-chart-container,.ingredient-usage-chart,.production-capacity-container{padding:16px}.capacity-chart-content,.ingredient-usage-chart .chart-content{height:300px}.chart-title{font-size:16px}.chart-subtitle{font-size:13px}.ingredient-usage-chart .chart-header{align-items:flex-start;flex-direction:column;gap:10px}.chart-toggle{align-self:flex-end}}@media (max-width:480px){.capacity-chart-container,.ingredient-usage-chart,.production-capacity-container{padding:12px}.capacity-chart-content,.ingredient-usage-chart .chart-content{height:250px}.heatmap-legend{align-items:flex-start;flex-direction:column;margin-left:10px}}.analytic-modal-backdrop{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.analytic-modal-container{animation:slideUp .3s ease-out;background:#fff;background:var(--card-bg,#fff);border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:1600px;overflow:hidden;width:95vw}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.analytic-modal-header{align-items:center;background:#f9fafb;background:var(--card-header-bg,#f9fafb);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;justify-content:space-between;padding:24px 32px}.analytic-modal-title-section{align-items:center;display:flex;gap:12px}.analytic-modal-icon{color:#3b82f6;color:var(--primary-color,#3b82f6)}.analytic-modal-header h2{color:#111827;color:var(--text-color,#111827);font-size:1.5rem;font-weight:700;margin:0}.analytic-modal-close-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.analytic-modal-close-btn:hover{background:#0000000d;background:var(--hover-bg,#0000000d);color:#111827;color:var(--text-color,#111827)}.analytic-modal-close-btn:active{transform:scale(.95)}.analytic-modal-body{background:#fff;background:var(--bg-color,#fff);flex:1 1;overflow-y:auto;padding:32px}.analytic-modal-body::-webkit-scrollbar{width:10px}.analytic-modal-body::-webkit-scrollbar-track{background:#f1f1f1;background:var(--scrollbar-track,#f1f1f1);border-radius:10px}.analytic-modal-body::-webkit-scrollbar-thumb{background:#c1c1c1;background:var(--scrollbar-thumb,#c1c1c1);border-radius:10px}.analytic-modal-body::-webkit-scrollbar-thumb:hover{background:#a8a8a8;background:var(--scrollbar-thumb-hover,#a8a8a8)}.analytic-modal-charts{display:flex;flex-direction:column;gap:32px}.analytic-table-section{background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;box-shadow:0 2px 8px #00000014;padding:24px}.analytic-table-section .capacity-table{border-radius:8px;box-shadow:none;overflow:hidden}.analytic-chart-section{background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;box-shadow:0 2px 8px #00000014;padding:24px;transition:all .3s ease}.analytic-chart-section:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.analytic-modal-empty,.analytic-modal-error{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:80px 40px;text-align:center}.analytic-modal-error svg{color:#ef4444;margin-bottom:24px}.analytic-modal-empty svg{color:#9ca3af;color:var(--text-secondary,#9ca3af);margin-bottom:24px;opacity:.5}.analytic-modal-empty h3,.analytic-modal-error h3{color:#111827;color:var(--text-color,#111827);font-size:1.5rem;font-weight:600;margin:0 0 12px}.analytic-modal-empty p,.analytic-modal-error p{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:1rem;margin:0;max-width:500px}[data-theme=dark] .analytic-modal-backdrop{background:#000000bf}[data-theme=dark] .analytic-modal-container{background:var(--card-bg);box-shadow:0 20px 60px #0009}[data-theme=dark] .analytic-modal-header{background:var(--card-header-bg);border-bottom-color:var(--border-color)}[data-theme=dark] .analytic-modal-close-btn:hover{background:#ffffff1a}[data-theme=dark] .analytic-modal-body{background:var(--bg-color)}[data-theme=dark] .analytic-chart-section,[data-theme=dark] .analytic-table-section{background:var(--card-bg);border-color:var(--border-color);box-shadow:0 2px 8px #0000004d}[data-theme=dark] .analytic-chart-section:hover{box-shadow:0 4px 16px #0006}@media (max-width:768px){.analytic-modal-backdrop{padding:10px}.analytic-modal-container{max-height:95vh;width:100%}.analytic-modal-header{padding:16px 20px}.analytic-modal-header h2{font-size:1.25rem}.analytic-modal-body{padding:20px}.analytic-modal-charts{gap:24px}.analytic-chart-section{padding:16px}}.production-dashboard{display:flex;flex-direction:column;gap:16px}.pd-header{justify-content:space-between}.pd-actions,.pd-header{align-items:center;display:flex}.pd-actions{gap:8px}.pd-actions button{background:linear-gradient(90deg,#397ff5,#2867ed);border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-weight:500;padding:8px 14px;text-shadow:0 1px 2px #0000001a;transition:all .2s ease}.pd-actions button:hover{background:linear-gradient(90deg,#2867ed,#1d4ed8);box-shadow:0 4px 6px #00000026;transform:translateY(-1px)}.pd-actions button:active{box-shadow:0 2px 3px #0000001a;transform:translateY(0)}.pd-actions button:disabled{background:linear-gradient(90deg,#a5c4fa,#93b4f8);box-shadow:none;cursor:not-allowed;transform:none}.pd-actions .btn-analytics{align-items:center;background:linear-gradient(90deg,#10b981,#059669);display:inline-flex;gap:6px}.pd-actions .btn-analytics:hover:not(:disabled){background:linear-gradient(90deg,#059669,#047857)}.pd-actions .btn-analytics:disabled{background:linear-gradient(90deg,#86efac,#6ee7b7);opacity:.6}.export-button{align-items:center;display:inline-flex;gap:6px;justify-content:center;min-width:100px}.export-button .loading-spinner{margin-right:4px}.pd-content{display:flex;flex-direction:column;gap:24px;min-height:0}.pd-analytics-section,.pd-capacity-section,.pd-table-section{background:var(--card-bg);border-radius:8px;box-shadow:0 1px 2px #0000000f;padding:12px}.pd-table-section{display:flex;flex-direction:column}.pd-panels{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:12px}.pd-analytics-section{background:#0000;box-shadow:none;padding:0}@media (max-width:1100px){.pd-analytics-section,.pd-panels{grid-template-columns:1fr}}.inventory-item{animation:gradientShift 3s ease infinite;background:linear-gradient(135deg,#3b82f614,#2563eb0d 50%,#3b82f614);background-size:200% 200%;border:1px solid #3b82f666;border-radius:.5rem;box-shadow:0 2px 5px #3b82f61a,0 0 0 1px #3b82f61a,0 0 10px #3b82f60d;display:flex;flex:1 1;flex-direction:column;gap:.5rem;max-width:350px;min-width:300px;padding:.75rem;transition:all .3s ease}@media (max-width:1200px){.inventory-item{min-width:180px}}@media (max-width:768px){.inventory-item{max-width:100%;min-width:160px}}@media (max-width:480px){.inventory-item{min-width:100%}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.inventory-item:focus-within,.inventory-item:hover{border-color:#3b82f680;box-shadow:0 8px 15px #3b82f633,0 0 0 1px #3b82f64d,0 0 25px #3b82f626;transform:translateY(-2px) scale(1.01)}.item-name{color:#111827;color:var(--text-color,#111827);font-weight:500;margin-bottom:.25rem}.item-controls{display:flex;flex-direction:column;gap:.25rem}.quantity-input-container{align-items:center;background-color:#fff;border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);border-radius:.5rem;display:flex;height:2.75rem;overflow:hidden;transition:all .2s ease}.quantity-input-container:focus-within{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);box-shadow:0 0 0 2px #3b82f633}.quantity-input-container.has-error{border-color:#ef4444;border-color:var(--error-color,#ef4444)}.quantity-button{align-items:center;background:none;border:none;color:#374151;color:var(--text-color,#374151);cursor:pointer;display:flex;font-size:1.25rem;font-weight:500;height:100%;justify-content:center;padding:0;transition:all .2s ease;width:2.5rem}.quantity-button:hover{background-color:#6b72801a;background-color:var(--hover-bg,#6b72801a)}.quantity-button:active{background-color:#6b728033;background-color:var(--active-bg,#6b728033)}.quantity-input{background:#0000;border:none;color:#111827;color:var(--text-color,#111827);flex:1 1;font-size:1rem;min-width:0;padding:0 .5rem;text-align:left}.quantity-input:focus{outline:none}.error-message{color:#ef4444;color:var(--error-color,#ef4444);font-size:.75rem;margin-top:.25rem}.admin-controls{display:flex;gap:1rem;margin-top:.5rem}.admin-field{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.admin-field label{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.75rem}.admin-input{background-color:#fff;border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);border-radius:.375rem;color:#111827;color:var(--text-color,#111827);font-size:.875rem;padding:.375rem .5rem;width:100%}.admin-input:focus{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);box-shadow:0 0 0 2px #3b82f633;outline:none}.admin-input:read-only{background-color:#f3f4f6;background-color:var(--readonly-bg,#f3f4f6);color:#6b7280;color:var(--text-secondary,#6b7280)}[data-theme=dark] .inventory-item{animation:gradientShift 3s ease infinite;background:linear-gradient(135deg,#3b82f61f,#2563eb14 50%,#3b82f61f);background-size:200% 200%;border-color:#3b82f666;box-shadow:0 2px 5px #3b82f626,0 0 0 1px #3b82f633,0 0 10px #3b82f61a}[data-theme=dark] .inventory-item:focus-within,[data-theme=dark] .inventory-item:hover{border-color:#3b82f699;box-shadow:0 8px 15px #3b82f640,0 0 0 1px #3b82f666,0 0 25px #3b82f633;transform:translateY(-2px) scale(1.01)}[data-theme=dark] .quantity-input-container{background-color:#111827;background-color:var(--input-bg,#111827);border-color:#4b5563;border-color:var(--border-color,#4b5563)}[data-theme=dark] .admin-input,[data-theme=dark] .quantity-input{color:#f9fafb;color:var(--text-color,#f9fafb)}[data-theme=dark] .admin-input{background-color:#111827;background-color:var(--input-bg,#111827);border-color:#4b5563;border-color:var(--border-color,#4b5563)}[data-theme=dark] .admin-input:read-only{background-color:#1f2937;background-color:var(--readonly-bg,#1f2937)}.unit-select-container{align-items:center;border-left:1px solid #d1d5db;border-left:1px solid var(--border-color,#d1d5db);display:flex;height:100%;min-width:70px;position:relative}.unit-select{-webkit-appearance:none;appearance:none;background-color:initial;border:none;color:#374151;color:var(--text-color,#374151);cursor:pointer;font-size:.875rem;font-weight:500;height:100%;padding:0 .75rem;text-align:center;width:100%}.unit-select:focus{outline:none}.unit-select-container:after{border-left:4px solid #0000;border-right:4px solid #0000;border-top:5px solid #374151;border-top:5px solid var(--text-color,#374151);content:"";height:0;pointer-events:none;position:absolute;right:.5rem;top:50%;transform:translateY(-50%);width:0}.unit-select:hover{background-color:#6b72801a;background-color:var(--hover-bg,#6b72801a)}[data-theme=dark] .unit-select{color:#f9fafb;color:var(--text-color,#f9fafb)}[data-theme=dark] .unit-select-container{border-left-color:#4b5563;border-left-color:var(--border-color,#4b5563)}[data-theme=dark] .unit-select-container:after{border-top-color:#f9fafb;border-top-color:var(--text-color,#f9fafb)}@keyframes gradientBorder{0%{border-image-source:linear-gradient(90deg,#006aff,#4db8ff,#006aff)}50%{border-image-source:linear-gradient(90deg,#4db8ff,#006aff,#4db8ff)}to{border-image-source:linear-gradient(90deg,#006aff,#4db8ff,#006aff)}}.inventory-category{background-color:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:.75rem;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;overflow:hidden;position:relative;transition:all .3s ease}.inventory-category:before{animation:gradientMove 3s ease infinite;background:linear-gradient(90deg,#006aff,#4db8ff,#006aff);background-size:200% 100%;border-radius:.75rem;bottom:-1px;content:"";left:-1px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;opacity:1;padding:1px;pointer-events:none;position:absolute;right:-1px;top:-1px;transition:opacity .3s ease}.inventory-category:hover{box-shadow:0 10px 15px -3px #006aff1a,0 4px 6px -2px #006aff0d,0 0 0 1px #006aff1a,0 0 15px 2px #006aff1a;transform:translateY(-2px) scale(1.02)}@keyframes gradientMove{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.category-title{background:linear-gradient(90deg,#006aff08,#4db8ff0d);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);color:#006aff;color:var(--primary-color,#006aff);font-size:1.125rem;font-weight:600;margin:0;padding:1rem 1.25rem;position:relative;transition:all .3s ease}.category-items{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:flex-start;padding:1rem}@media (max-width:768px){.inventory-category:hover{transform:translateY(-1px) scale(1.01)}.inventory-category:before{padding:1px}.category-title{font-size:1rem}}@media (max-width:480px){.category-title{font-size:.95rem;padding:.75rem 1rem}.inventory-category:before{opacity:.9}}[data-theme=dark] .inventory-category{background-color:#1f2937;background-color:var(--card-bg,#1f2937);border-color:#374151;border-color:var(--border-color,#374151)}[data-theme=dark] .inventory-category:before{animation:gradientMove 3s ease infinite;background:linear-gradient(90deg,#4299e1,#63b3ed,#4299e1);background-size:200% 100%}[data-theme=dark] .inventory-category:hover{box-shadow:0 10px 15px -3px #4299e126,0 4px 6px -2px #4299e11a,0 0 0 1px #4299e126,0 0 15px 2px #4299e126}[data-theme=dark] .category-title{background:linear-gradient(90deg,#4299e10d,#63b3ed14);border-color:#374151;border-color:var(--border-color,#374151);color:#4299e1;color:var(--dark-primary,#4299e1)}.inventory-manager{margin:0 auto;padding:1.5rem}.inventory-manager.error,.inventory-manager.loading{align-items:center;display:flex;justify-content:center;min-height:400px}.error-message{background-color:#fee2e2;border-radius:.5rem;max-width:500px;padding:2rem;text-align:center}.error-message h2{color:#b91c1c;margin-top:0}.inventory-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.header-content h1{color:#111827;color:var(--text-color,#111827);font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.header-content p{color:#6b7280;color:var(--text-secondary,#6b7280);margin:0}.header-actions{align-items:center;gap:.75rem}.add-ingredient-btn{align-items:center;background-color:#3b82f6;background-color:var(--primary-color,#3b82f6);border:none;border-radius:.375rem;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.25rem;padding:.5rem 1rem;transition:all .2s ease}.add-ingredient-btn:hover{background-color:#2563eb;background-color:var(--primary-hover,#2563eb)}.inventory-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}@media (max-width:1024px){.inventory-grid{grid-template-columns:1fr}}@media (max-width:768px){.inventory-header{align-items:stretch;flex-direction:column}.header-actions{justify-content:flex-end;width:100%}}@media (max-width:640px){.inventory-manager{padding:1rem}}.btn{border-radius:.375rem;font-size:.875rem;font-weight:500;height:2.5rem;justify-content:center;min-width:6rem;padding:.5rem 1rem;transition:all .2s ease}.btn-primary{background-color:#3b82f6;background-color:var(--primary-color,#3b82f6);border:none}.btn-primary:hover:not(:disabled){background-color:#2563eb;background-color:var(--primary-hover,#2563eb)}.btn-secondary{background-color:initial;border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);color:#374151;color:var(--text-color,#374151)}.btn-secondary:hover:not(:disabled){background-color:#6b72801a;background-color:var(--hover-bg,#6b72801a)}.btn:disabled{cursor:not-allowed;opacity:.6}.spinner{animation:spin 1s ease-in-out infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:1rem;margin-right:.5rem;width:1rem}@keyframes spin{to{transform:rotate(1turn)}}.production-run-card{background:linear-gradient(135deg,#fff,#fafbfc);border:1px solid #e2e8f099;border-radius:12px;box-shadow:0 2px 8px #0000000a,0 1px 2px #00000005;margin-bottom:.75rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.production-run-card:before{background:linear-gradient(180deg,#2969ed,#5b8ef5);bottom:0;content:"";left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:3px}.production-run-card:hover{border-color:#2969ed4d;box-shadow:0 4px 16px #00000014,0 2px 4px #0000000a;transform:translateX(4px)}.production-run-card:hover:before{opacity:1}.run-header{margin-bottom:1.25rem}.run-title{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between}.run-title h4{color:#1a202c;font-size:1.0625rem;font-weight:700;letter-spacing:-.01em;margin:0}.status-badge{padding:.375rem 1rem}.status-badge.scheduled{background:linear-gradient(135deg,#64748b,#475569);color:#fff;text-shadow:0 1px 2px #0003}.status-badge.paused{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;text-shadow:0 1px 2px #0003}.run-content{grid-gap:1rem;display:grid;gap:1rem}.run-quantities{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.quantity-item{display:flex;flex-direction:column}.quantity-item label{color:#64748b;font-size:.6875rem;font-weight:600;letter-spacing:.08em;margin-bottom:.375rem;text-transform:uppercase}.quantity-item span{color:#1a202c;font-size:1rem;font-weight:700}.quantity-item span.over-production{color:#d69e2e}.quantity-item span.under-production{color:#e53e3e}.quantity-item span.good-efficiency{color:#38a169}.run-schedule{grid-gap:1.25rem;border-top:1px solid #e2e8f080;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1.25rem;padding-top:1.25rem}.schedule-item{display:flex;flex-direction:column}.schedule-item label{color:#64748b;font-size:.6875rem;font-weight:600;letter-spacing:.08em;margin-bottom:.375rem;text-transform:uppercase}.schedule-item span{color:#1a202c;font-size:.9375rem;font-weight:600}.run-notes{border-top:1px solid #e2e8f080;margin-top:1.25rem;padding-top:1.25rem}.run-notes label{color:#64748b;display:block;font-size:.6875rem;font-weight:600;letter-spacing:.08em;margin-bottom:.5rem;text-transform:uppercase}.run-notes p{color:#475569;font-size:.9375rem;font-weight:500;line-height:1.6;margin:0}@media (max-width:768px){.run-quantities,.run-schedule{grid-template-columns:1fr}.run-title{align-items:stretch;flex-direction:column}}.production-plans-list{padding:2rem}.production-plan-card{background:linear-gradient(135deg,#fff,#fafbfc);border:1px solid #e2e8f099;border-radius:16px;box-shadow:0 2px 12px #0000000d,0 1px 3px #00000008;margin-bottom:1.5rem;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.production-plan-card:before{background:linear-gradient(90deg,#2969ed,#5b8ef5 50%,#2969ed);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.production-plan-card:hover{border-color:#2969ed4d;box-shadow:0 8px 24px #0000001f,0 4px 8px #00000014;transform:translateY(-2px)}.production-plan-card:hover:before{opacity:1}.plan-header{align-items:center;border-bottom:1px solid #e2e8f080;cursor:pointer;display:flex;justify-content:space-between;padding:2rem;transition:background-color .2s ease}.plan-header:hover{background:linear-gradient(135deg,#f8fafb,#f1f5f9)}.plan-info{flex:1 1}.plan-title{align-items:center;display:flex;gap:1rem;margin-bottom:.5rem}.plan-title h3{color:#1a202c;font-size:1.375rem;font-weight:700;letter-spacing:-.02em;margin:0}.status-badge{border:2px solid #ffffffe6;border-radius:9999px;box-shadow:0 3px 8px #00000026,0 1px 3px #0000001a;font-size:.75rem;font-weight:800;letter-spacing:.1em;padding:.4375rem 1.125rem;text-transform:uppercase}.status-badge.planned{background:linear-gradient(135deg,#2969ed,#1e4db5);color:#fff;text-shadow:0 1px 2px #0003}.status-badge.in-progress{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;text-shadow:0 1px 2px #0003}.status-badge.completed{background:linear-gradient(135deg,#10b981,#059669);color:#fff;text-shadow:0 1px 2px #0003}.status-badge.cancelled{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;text-shadow:0 1px 2px #0003}.plan-description{margin:.5rem 0}.plan-description,.plan-meta{color:#718096;font-size:.875rem}.plan-meta{display:flex;flex-direction:column;gap:.25rem}.plan-summary{gap:2rem}.plan-summary,.summary-item{align-items:center;display:flex}.summary-item{flex-direction:column;text-align:center}.summary-item label{color:#64748b;font-size:.6875rem;font-weight:600;letter-spacing:.08em;margin-bottom:.375rem;text-transform:uppercase}.summary-item span{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1a202c,#2d3748);-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:700}.expand-icon{margin-left:1rem}.expand-icon span{color:#718096;font-size:1.25rem;transition:transform .2s}.expand-icon span.expanded{transform:rotate(180deg)}.plan-details{background:linear-gradient(135deg,#f8fafb,#f1f5f9);border-top:1px solid #e2e8f080;padding:2rem}.plan-notes{margin-bottom:1.5rem}.plan-notes h4{color:#1a202c;font-size:1rem;font-weight:600;margin:0 0 .5rem}.plan-notes p{color:#718096;line-height:1.5;margin:0}.production-runs h4{color:#1a202c;font-size:1.125rem;font-weight:700;letter-spacing:-.01em;margin:0 0 1.25rem}.no-runs{color:#718096;font-style:italic;padding:2rem;text-align:center}.runs-list{grid-gap:1.25rem;display:grid;gap:1.25rem}.empty-state{color:#718096;padding:3rem;text-align:center}.empty-state h3{color:#1a202c;font-size:1.25rem;margin:0 0 1rem}.empty-state p{font-size:.875rem;margin:0 0 1.5rem}@media (max-width:768px){.plan-header{align-items:stretch;flex-direction:column;gap:1rem}.plan-summary{flex-wrap:wrap;gap:1rem;justify-content:space-between}.summary-item{min-width:80px}.plan-meta{font-size:.75rem}.production-plans-list{padding:1rem}}.production-plans-page{background:linear-gradient(135deg,#e8f0fe,#f0f4ff 50%,#e8f0fe),linear-gradient(225deg,#2969ed14,#2969ed08 50%,#2969ed14);min-height:100vh;padding:1.5rem}.page-header{align-items:center;background:linear-gradient(135deg,#fff,#f8fafb);border:1px solid #fffc;border-radius:16px;box-shadow:0 4px 20px #00000014,0 1px 3px #0000000d;display:flex;justify-content:space-between;margin-bottom:2rem;overflow:hidden;padding:2rem;position:relative}.page-header:before{background:linear-gradient(90deg,#2969ed,#5b8ef5);content:"";height:4px;left:0;position:absolute;right:0;top:0}.header-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1a202c,#2d3748);-webkit-background-clip:text;background-clip:text;color:#1a202c;font-size:2rem;font-weight:700;letter-spacing:-.025em;margin:0}.header-content p{color:#64748b;font-size:1rem;font-weight:500;margin:.75rem 0 0}.header-actions{display:flex;gap:.5rem}.btn{align-items:center;border:none;border-radius:10px;box-shadow:0 2px 8px #00000014;cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:600;gap:.5rem;overflow:hidden;padding:.75rem 1.5rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.btn:hover:before{height:300px;width:300px}.btn-primary{background:linear-gradient(135deg,#3182ce,#2c5aa0);color:#fff}.btn-primary:hover{box-shadow:0 6px 20px #3182ce66;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569}.btn-secondary:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e0);box-shadow:0 6px 16px #0000001f;transform:translateY(-2px)}.btn-secondary:active{transform:translateY(0)}.production-stats{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:2rem}.stat-card{background:linear-gradient(135deg,#fff,#f8fafb);border:1px solid #e2e8f0cc;border-radius:14px;box-shadow:0 4px 16px #0000000f,0 1px 3px #0000000a;overflow:hidden;padding:1.75rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:before{content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s ease;width:4px}.stat-card:hover{box-shadow:0 12px 28px #0000001f,0 4px 8px #00000014;transform:translateY(-4px)}.stat-card:hover:before{width:6px}.stat-card.planned:before{background:linear-gradient(180deg,#2969ed,#1e4db5)}.stat-card.in-progress:before{background:linear-gradient(180deg,#ed8936,#dd6b20)}.stat-card.completed:before{background:linear-gradient(180deg,#38a169,#2f855a)}.stat-card.total-cans:before{background:linear-gradient(180deg,#805ad5,#6b46c1)}.stat-card h3{color:#64748b;font-size:.8125rem;font-weight:600;letter-spacing:.08em;margin:0 0 .75rem;text-transform:uppercase}.stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1a202c,#2d3748);-webkit-background-clip:text;background-clip:text;font-size:2.25rem;font-weight:800;line-height:1.2}.production-controls{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.search-bar{flex:1 1;min-width:320px}.search-input{background:#fff;border:2px solid #e2e8f0;border-radius:10px;box-shadow:0 2px 8px #0000000a;font-size:.9375rem;padding:.875rem 1rem;transition:all .2s ease;width:100%}.search-input::placeholder{color:#94a3b8}.search-input:hover{border-color:#cbd5e0}.search-input:focus{background:#fff;border-color:#2969ed;box-shadow:0 0 0 4px #2969ed1f,0 2px 8px #00000014;outline:none}.filter-controls{display:flex;gap:.75rem}.filter-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill='%232969ed' fill-rule='evenodd' d='M5.293 7.293a1 1 0 0 1 1.414 0L10 10.586l3.293-3.293a1 1 0 1 1 1.414 1.414l-4 4a1 1 0 0 1-1.414 0l-4-4a1 1 0 0 1 0-1.414z' clip-rule='evenodd'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:20px 20px;border:2px solid #cbd5e0;border-radius:10px;box-shadow:0 2px 10px #00000014;color:#1a202c;cursor:pointer;font-size:1rem;font-weight:700;height:52px;line-height:1.5;min-width:200px;padding:.875rem 3rem .875rem 1.25rem;transition:all .2s ease}.filter-select:hover{border-color:#2969ed;box-shadow:0 4px 12px #2969ed26}.filter-select:focus{border-color:#2969ed;box-shadow:0 0 0 4px #2969ed1f,0 2px 8px #00000014;outline:none}.filter-select option{background:#fff;color:#1a202c;font-weight:600;padding:.75rem 1rem}.filter-select option:hover{background:#f0f4ff;color:#2969ed}.filter-select option:checked{background:linear-gradient(135deg,#2969ed,#1e4db5);color:#fff;font-weight:700}.production-content{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.icon-refresh:before{content:"🔄";margin-right:.25rem}@media (max-width:768px){.production-plans-page{padding:.5rem}.page-header{align-items:stretch;flex-direction:column;gap:1rem}.production-stats{grid-template-columns:1fr}.production-controls{flex-direction:column}.search-bar{min-width:0;min-width:auto}.filter-controls{flex-direction:column}.filter-select{min-width:0;min-width:auto}}
/*# sourceMappingURL=main.213dab90.css.map*/