/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/:root{--indigo-A100:#8c9eff;--indigo-A200:#536dfe;--indigo-A400:#3d5afe;--indigo-A700:#304ffe;--blue-50:#e3f2fd;--blue-100:#bbdefb;--blue-200:#90caf9;--blue-300:#64b5f6;--blue-400:#42a5f5;--blue-500:#2196f3;--blue-600:#1e88e5;--blue-700:#1976d2;--blue-800:#1565c0;--blue-900:#0d47a1;--color-primary:var(--indigo-700);--color-primary-light:var(--indigo-500);--color-primary-dark:var(--indigo-900);--color-secondary:var(--blue-700);--color-secondary-light:var(--blue-500);--color-secondary-dark:var(--blue-900);--color-background:#f8fafc;--color-surface:#fff;--color-paper:#fff;--color-card:#fff;--color-text-primary:var(--indigo-900);--color-text-secondary:var(--indigo-800);--color-text-tertiary:var(--indigo-700);--color-text-muted:var(--indigo-400);--color-text-disabled:var(--indigo-300);--color-text-inverse:#fff;--color-border:var(--indigo-100);--color-border-light:var(--indigo-50);--color-border-dark:var(--indigo-200);--color-divider:var(--indigo-50);--color-success-light:#34d399;--color-warning-light:#f59e0b;--color-warning-dark:#b45309;--color-error-light:#ef4444;--color-error-dark:#b91c1c;--color-info:var(--blue-600);--color-info-light:var(--blue-400);--color-info-dark:var(--blue-800);--color-hover:#1a237e0a;--color-selected:#303f9f14;--color-focus:#303f9f1f;--color-active:#303f9f29;--color-shadow:#1a237e14;--shadow-sm:0 1px 2px 0 var(--color-shadow);--shadow-md:0 4px 6px -1px var(--color-shadow);--shadow-lg:0 10px 15px -3px var(--color-shadow);--shadow-xl:0 20px 25px -5px var(--color-shadow);--color-input-bg:#fff;--color-input-border:var(--indigo-200);--color-input-focus:var(--indigo-400);--color-input-placeholder:var(--indigo-300);--color-input-text:var(--indigo-900);--color-button-primary:var(--indigo-700);--color-button-primary-hover:var(--indigo-800);--color-button-primary-active:var(--indigo-900);--color-button-secondary:var(--blue-600);--color-button-secondary-hover:var(--blue-700);--color-button-secondary-active:var(--blue-800);--color-button-outline:var(--indigo-700);--color-button-text:#fff;--color-button-text-secondary:var(--indigo-900);--color-table-header-bg:var(--indigo-700);--color-table-header-text:#fff;--color-table-row-even:#fff;--color-table-row-odd:var(--indigo-50);--color-table-hover:#303f9f0a;--color-table-border:var(--indigo-100);--color-card-bg:#fff;--color-card-border:var(--indigo-100);--color-card-shadow:var(--shadow-md);--color-navbar-bg:var(--indigo-800);--color-navbar-text:#fff;--color-navbar-hover:var(--indigo-700);--color-sidebar-bg:var(--indigo-900);--color-sidebar-text:#fff;--color-sidebar-hover:var(--indigo-800);--color-icon:var(--indigo-700);--color-icon-secondary:var(--blue-600);--color-icon-muted:var(--indigo-400);--color-progress-bg:var(--indigo-100);--color-progress-fill:var(--indigo-700);--color-badge-bg:var(--indigo-100);--color-badge-text:var(--indigo-900);--spacing-2xl:48px;--radius-2xl:24px;--radius-full:9999px;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1);--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-toast:1080}.dark-mode,.theme-dark,[data-theme=dark]{--color-primary:var(--blue-300);--color-primary-light:var(--blue-200);--color-primary-dark:var(--blue-400);--color-secondary:var(--indigo-300);--color-secondary-light:var(--indigo-200);--color-secondary-dark:var(--indigo-400);--color-background:#0b1f3a;--color-surface:#132b4a;--color-paper:#1a334f;--color-card:#1e3a5f;--color-text-primary:#e3f2fd;--color-text-secondary:#bbdefb;--color-text-tertiary:#90caf9;--color-text-muted:#64b5f6;--color-text-disabled:#42a5f5;--color-text-inverse:var(--indigo-900);--color-border:#1e3a5f;--color-border-light:#2a4a6e;--color-border-dark:#152b44;--color-divider:#1a334f;--color-success:#34d399;--color-success-light:#6ee7b7;--color-success-dark:#10b981;--color-warning:#fbbf24;--color-warning-light:#fcd34d;--color-warning-dark:#f59e0b;--color-error:#f87171;--color-error-light:#fca5a5;--color-error-dark:#ef4444;--color-info:var(--blue-400);--color-info-light:var(--blue-300);--color-info-dark:var(--blue-500);--color-hover:#e3f2fd14;--color-selected:#bbdefb1f;--color-focus:#90caf929;--color-active:#64b5f633;--color-shadow:#0000004d;--shadow-sm:0 1px 2px 0 var(--color-shadow);--shadow-md:0 4px 6px -1px var(--color-shadow);--shadow-lg:0 10px 15px -3px var(--color-shadow);--shadow-xl:0 20px 25px -5px var(--color-shadow);--color-input-bg:#132b4a;--color-input-border:#2a4a6e;--color-input-focus:var(--blue-400);--color-input-placeholder:#90caf9;--color-input-text:#e3f2fd;--color-button-primary:var(--blue-600);--color-button-primary-hover:var(--blue-500);--color-button-primary-active:var(--blue-700);--color-button-secondary:var(--indigo-500);--color-button-secondary-hover:var(--indigo-400);--color-button-secondary-active:var(--indigo-600);--color-button-outline:var(--blue-400);--color-button-text:#fff;--color-button-text-secondary:#e3f2fd;--color-table-header-bg:#1e3a5f;--color-table-header-text:#e3f2fd;--color-table-row-even:#132b4a;--color-table-row-odd:#0b1f3a;--color-table-hover:#1a334f;--color-table-border:#2a4a6e;--color-card-bg:#1e3a5f;--color-card-border:#2a4a6e;--color-card-shadow:0 8px 20px #0000004d;--color-navbar-bg:#0b1f3a;--color-navbar-text:#e3f2fd;--color-navbar-hover:#132b4a;--color-sidebar-bg:#0b1f3a;--color-sidebar-text:#e3f2fd;--color-sidebar-hover:#132b4a;--color-icon:var(--blue-300);--color-icon-secondary:var(--indigo-300);--color-icon-muted:var(--blue-200);--color-progress-bg:#1a334f;--color-progress-fill:var(--blue-400);--color-badge-bg:#1e3a5f;--color-badge-text:#e3f2fd}*,:after,:before{margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background-color:#f8fafc;background-color:var(--color-background);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-size-base);font-weight:400;font-weight:var(--font-weight-normal);line-height:1.5;line-height:var(--line-height-normal);min-height:100vh;transition:background-color .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1);transition:background-color var(--transition-base),color var(--transition-base)}body,h1,h2,h3,h4,h5,h6{color:#1a237e;color:var(--color-text-primary)}h1,h2,h3,h4,h5,h6{font-weight:600;font-weight:var(--font-weight-semibold);line-height:1.25;line-height:var(--line-height-tight);margin-bottom:16px;margin-bottom:var(--spacing-md)}h1{font-size:2.25rem;font-size:var(--font-size-4xl)}h2{font-size:1.875rem;font-size:var(--font-size-3xl)}h3{font-size:1.5rem;font-size:var(--font-size-2xl)}h4{font-size:1.25rem;font-size:var(--font-size-xl)}h5{font-size:1.125rem;font-size:var(--font-size-lg)}h6{font-size:1rem;font-size:var(--font-size-base)}p{color:#283593;color:var(--color-text-secondary);line-height:1.75;line-height:var(--line-height-relaxed);margin-bottom:16px;margin-bottom:var(--spacing-md)}a{color:#303f9f;color:var(--color-primary);transition:color .15s cubic-bezier(.4,0,.2,1);transition:color var(--transition-fast)}a:hover{color:#1a237e;color:var(--color-primary-dark)}button{background:#0000;border:none;color:#fff;color:var(--color-button-text);cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-size-base);font-weight:500;font-weight:var(--font-weight-medium);outline:none;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.btn-primary{background-color:#303f9f;background-color:var(--color-button-primary);border:1px solid #0000;padding:8px 24px;padding:var(--spacing-sm) var(--spacing-lg)}.btn-primary:hover{background-color:#283593;background-color:var(--color-button-primary-hover);box-shadow:0 4px 6px -1px #1a237e14;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active{background-color:#1a237e;background-color:var(--color-button-primary-active);transform:translateY(0)}.btn-secondary{background-color:#1e88e5;background-color:var(--color-button-secondary);border:1px solid #0000;color:#fff}.btn-outline,.btn-secondary{padding:8px 24px;padding:var(--spacing-sm) var(--spacing-lg)}.btn-outline{border:1.5px solid #303f9f;border:1.5px solid var(--color-button-outline);border-radius:var(--radius-md);color:#303f9f;color:var(--color-button-outline)}.btn-outline:hover{background-color:#303f9f;background-color:var(--color-button-outline);color:#fff}.card{background-color:#fff;background-color:var(--color-card-bg);border:1px solid #c5cae9;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #1a237e14;box-shadow:var(--color-card-shadow);color:#1a237e;color:var(--color-text-primary);padding:24px;padding:var(--spacing-lg)}.card-header{border-bottom:1px solid #e8eaf6;border-bottom:1px solid var(--color-divider);margin-bottom:16px;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md)}.card-title{color:#1a237e;color:var(--color-text-primary);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.card-content{color:#283593;color:var(--color-text-secondary)}.table-container{border:1px solid #c5cae9;border:1px solid var(--color-table-border);border-radius:12px;border-radius:var(--radius-lg)}.table-container,table{background-color:#fff;background-color:var(--color-card-bg)}table{width:100%}thead{background-color:#303f9f;background-color:var(--color-table-header-bg)}th{border-right:1px solid #ffffff1a;color:#fff;color:var(--color-table-header-text);font-weight:600;font-weight:var(--font-weight-semibold);text-align:left}td,th{padding:16px;padding:var(--spacing-md)}td{background-color:initial;border-bottom:1px solid #c5cae9;border-bottom:1px solid var(--color-table-border);color:#283593;color:var(--color-text-secondary)}tr:last-child td{border-bottom:none}tr:nth-child(2n) td{background-color:#fff;background-color:var(--color-table-row-even)}tr:nth-child(odd) td{background-color:#e8eaf6;background-color:var(--color-table-row-odd)}tr:hover td{background-color:#303f9f0a!important;background-color:var(--color-table-hover)!important}input,select,textarea{background-color:#fff;background-color:var(--color-input-bg);border:1.5px solid #9fa8da;border:1.5px solid var(--color-input-border);border-radius:8px;border-radius:var(--radius-md);color:#1a237e;color:var(--color-input-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-size-base);outline:none;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:100%}input:hover,select:hover,textarea:hover{border-color:#3f51b5;border-color:var(--color-primary-light)}input:focus,select:focus,textarea:focus{border-color:#5c6bc0;border-color:var(--color-input-focus);box-shadow:0 0 0 3px #42a5f533}input::placeholder,textarea::placeholder{color:#7986cb;color:var(--color-input-placeholder);opacity:.8}.icon,svg{color:#303f9f;color:var(--color-icon);transition:color .15s cubic-bezier(.4,0,.2,1);transition:color var(--transition-fast)}.icon-secondary{color:#1e88e5;color:var(--color-icon-secondary)}.icon-muted{color:#5c6bc0;color:var(--color-icon-muted)}.badge{background-color:#c5cae9;background-color:var(--color-badge-bg);border:1px solid #c5cae9;border:1px solid var(--color-border);border-radius:9999px;border-radius:var(--radius-full);color:#1a237e;color:var(--color-badge-text);font-size:.75rem;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);gap:4px;gap:var(--spacing-xs);padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm)}.badge-primary{background-color:#303f9f;background-color:var(--color-primary);color:#fff}.badge-success{background-color:#059669;background-color:var(--color-success);color:#fff}.badge-warning{background-color:#d97706;background-color:var(--color-warning);color:#fff}.badge-error{background-color:#dc2626;background-color:var(--color-error);color:#fff}.navbar{background-color:#283593;background-color:var(--color-navbar-bg);border-bottom:1px solid #c5cae9;border-bottom:1px solid var(--color-border);padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg)}.navbar,.navbar .nav-link,.navbar a{color:#fff;color:var(--color-navbar-text)}.navbar .nav-link,.navbar a{opacity:.9}.navbar .nav-link:hover,.navbar a:hover{color:#fff;opacity:1}.sidebar{background-color:#1a237e;background-color:var(--color-sidebar-bg);border-right:1px solid #c5cae9}.sidebar,.sidebar .menu-item{color:#fff;color:var(--color-sidebar-text)}.sidebar .menu-item{border-radius:8px;border-radius:var(--radius-md);margin:4px 0;margin:var(--spacing-xs) 0;opacity:.9;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md)}.sidebar .menu-item:hover{background-color:#283593;background-color:var(--color-sidebar-hover);color:#fff;opacity:1}.sidebar .menu-item.active{background-color:#303f9f;background-color:var(--color-primary);color:#fff;opacity:1}.progress{background-color:#c5cae9;background-color:var(--color-progress-bg);border-radius:9999px;border-radius:var(--radius-full);height:8px;overflow:hidden}.progress-bar{background-color:#303f9f;background-color:var(--color-progress-fill);transition:width .25s cubic-bezier(.4,0,.2,1);transition:width var(--transition-base)}.divider,hr{border:none;border-top:1px solid #e8eaf6;border-top:1px solid var(--color-divider);margin:16px 0;margin:var(--spacing-md) 0}.dropdown{background-color:#fff;background-color:var(--color-card-bg);border:1px solid #c5cae9;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 10px 15px -3px #1a237e14;box-shadow:var(--shadow-lg)}.dropdown-item{color:#283593;color:var(--color-text-secondary);padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md)}.dropdown-item:hover{background-color:#1a237e0a;background-color:var(--color-hover);color:#1a237e;color:var(--color-text-primary)}.modal-content{background-color:#fff;background-color:var(--color-card-bg);border:1px solid #c5cae9;border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:0 20px 25px -5px #1a237e14;box-shadow:var(--shadow-xl)}.modal-header{border-bottom:1px solid #e8eaf6;border-bottom:1px solid var(--color-divider)}.modal-body{color:#283593;color:var(--color-text-secondary);padding:var(--spacing-lg)}.modal-footer{border-top:1px solid #e8eaf6;border-top:1px solid var(--color-divider);padding:24px;padding:var(--spacing-lg)}.text-primary{color:#1a237e!important;color:var(--color-text-primary)!important}.text-secondary{color:#283593!important;color:var(--color-text-secondary)!important}.text-muted{color:#5c6bc0!important;color:var(--color-text-muted)!important}.text-disabled{color:#7986cb!important;color:var(--color-text-disabled)!important}.bg-primary{background-color:#303f9f!important;background-color:var(--color-primary)!important}.bg-surface{background-color:#fff!important;background-color:var(--color-surface)!important}.bg-paper{background-color:#fff!important;background-color:var(--color-paper)!important}.bg-card{background-color:#fff!important;background-color:var(--color-card-bg)!important}.border{border:1px solid #c5cae9!important;border:1px solid var(--color-border)!important}.border-primary{border-color:#303f9f!important;border-color:var(--color-primary)!important}.border-divider{border-color:#e8eaf6!important;border-color:var(--color-divider)!important}::-webkit-scrollbar-track{background:#fff;background:var(--color-surface)}::-webkit-scrollbar-thumb{background:#c5cae9;background:var(--color-border);border:2px solid #fff;border:2px solid var(--color-surface);border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#5c6bc0;background:var(--color-text-muted)}*{scrollbar-color:#c5cae9 #fff;scrollbar-color:var(--color-border) var(--color-surface);scrollbar-width:thin}@media (max-width:768px){:root{--spacing-lg:20px;--spacing-xl:24px;--font-size-4xl:2rem;--font-size-3xl:1.75rem}.card{padding:16px;padding:var(--spacing-md)}}@media (max-width:480px){:root{--spacing-md:12px;--spacing-lg:16px;--font-size-4xl:1.75rem;--font-size-3xl:1.5rem}}@media print{body{background:#fff;color:#000}.no-print{display:none!important}}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}:focus-visible{outline:2px solid #303f9f1f;outline:2px solid var(--color-focus)}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }

/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:-webkit-sticky;position:sticky}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-row{display:table-row}.grid{display:grid}.hidden{display:none}.h-5{height:1.25rem}.w-5{width:1.25rem}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-white\/30{border-color:#ffffff4d}.border-yellow-200{--tw-border-opacity:1;border-color:#fef08a;border-color:rgb(254 240 138/var(--tw-border-opacity,1))}.bg-white\/20{background-color:#fff3}.bg-yellow-50{--tw-bg-opacity:1;background-color:#fefce8;background-color:rgb(254 252 232/var(--tw-bg-opacity,1))}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.text-gray-600{--tw-text-opacity:1;color:#4b5563;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-yellow-700{--tw-text-opacity:1;color:#a16207;color:rgb(161 98 7/var(--tw-text-opacity,1))}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.blur{--tw-blur:blur(8px)}.blur,.drop-shadow{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f)}.grayscale{--tw-grayscale:grayscale(100%)}.grayscale,.invert{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert:invert(100%)}.sepia{--tw-sepia:sepia(100%)}.filter,.sepia{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:root{--text-color:#1a237e;--text-disabled:#5c6bc0;--primary-light:#bbdefb;--primary-dark:#0d47a1;--secondary-color:#64b5f6;--secondary-light:#e3f2fd;--secondary-dark:#2196f3;--card-bg:#f5f5f5;--surface-bg:#fafafa;--divider-color:#eee;--hover-color:#1a237e0a;--selected-color:#1976d214;--focus-color:#1976d21f;--shadow-color:#1a237e1a}.dark,.dark-mode,[data-theme*=dark],[data-theme=dark]{--background-color:#121212;--text-color:#e3f2fd;--text-secondary:#bbdefb;--text-disabled:#78909c;--primary-color:#90caf9;--primary-light:#e3f2fd;--primary-dark:#42a5f5;--secondary-color:#64b5f6;--secondary-light:#bbdefb;--secondary-dark:#2196f3;--card-bg:#1e1e1e;--surface-bg:#2c2c2c;--border-color:#2d2d2d;--divider-color:#37474f;--success-color:#66bb6a;--warning-color:#ffb74d;--error-color:#ef5350;--info-color:#42a5f5;--hover-color:#bbdefb14;--selected-color:#90caf929;--focus-color:#42a5f51f;--shadow-color:#0006}body{background-color:#fff;background-color:var(--background-color);transition:background-color .3s ease,color .3s ease}body,div,h1,h2,h3,h4,h5,h6,label,li,p,small,span,td,th{color:#1a237e!important;color:var(--text-color)!important}a{color:#1976d2!important;color:var(--primary-color)!important;text-decoration:none;transition:color .2s ease}a:hover{color:#0d47a1!important;color:var(--primary-dark)!important;text-decoration:underline}.dark div:not([class*=bg-]),.dark h1,.dark h2,.dark h3,.dark h4,.dark h5,.dark h6,.dark li,.dark p,.dark span,.dark td,.dark th,.dark-mode div:not([class*=bg-]),.dark-mode h1,.dark-mode h2,.dark-mode h3,.dark-mode h4,.dark-mode h5,.dark-mode h6,.dark-mode li,.dark-mode p,.dark-mode span,.dark-mode td,.dark-mode th,[data-theme=dark] div:not([class*=bg-]),[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6,[data-theme=dark] li,[data-theme=dark] p,[data-theme=dark] span,[data-theme=dark] td,[data-theme=dark] th{color:#1a237e!important;color:var(--text-color)!important}.dark a,.dark-mode a,[data-theme=dark] a{color:#1976d2!important;color:var(--primary-color)!important}.dark a:hover,.dark-mode a:hover,[data-theme=dark] a:hover{color:#bbdefb!important;color:var(--primary-light)!important}.text-indigo-primary{color:#1a237e!important}.text-indigo-secondary{color:#283593!important}.text-indigo-light{color:#5c6bc0!important}.bg-indigo-primary{background-color:#1a237e!important}.bg-indigo-secondary{background-color:#283593!important}.bg-indigo-light{background-color:#5c6bc0!important}.dark .text-dark-indigo-primary,.dark-mode .text-dark-indigo-primary,[data-theme=dark] .text-dark-indigo-primary{color:#7986cb!important}.dark .text-dark-indigo-secondary,.dark-mode .text-dark-indigo-secondary,[data-theme=dark] .text-dark-indigo-secondary{color:#9fa8da!important}.dark .text-dark-indigo-light,.dark-mode .text-dark-indigo-light,[data-theme=dark] .text-dark-indigo-light{color:#c5cae9!important}:focus-visible{border-radius:.25rem;outline:2px solid #1976d2;outline:2px solid var(--primary-color);outline-offset:2px}::selection{background-color:#bbdefb;background-color:var(--primary-light);color:#1a237e;color:var(--text-color)}::-moz-selection{background-color:#bbdefb;background-color:var(--primary-light);color:#1a237e;color:var(--text-color)}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#f5f5f5;background:var(--card-bg)}::-webkit-scrollbar-thumb{background:#e0e0e0;background:var(--border-color);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#283593;background:var(--text-secondary)}@media print{body{background-color:#fff!important;color:#000!important}.dark,.dark-mode,[data-theme=dark]{--text-color:#000!important}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){:root{--text-color:#1a237e;--border-color:#1a237e}.dark,.dark-mode,[data-theme=dark]{--text-color:#fff;--border-color:#fff}}.hover\:-translate-y-1:hover{--tw-translate-y:-0.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-white\/50:hover{border-color:#ffffff80}.hover\:bg-white\/30:hover{background-color:#ffffff4d}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.header-container{color:var(--color-text-primary,#1a237e);width:100%}.header-container,.ticker-bar{border-bottom:1px solid var(--color-border)}.ticker-bar{background-color:var(--color-surface);height:30px;overflow:hidden;position:relative}.ticker-content{animation:ticker-scroll 30s linear infinite;display:flex;position:absolute;white-space:nowrap;will-change:transform}.ticker-item{align-items:center;display:flex;gap:15px;padding:0 20px}.ticker-logo{height:18px;transition:filter var(--transition-base);width:auto}.ticker-logo.dark,body.dark-mode .ticker-logo{filter:invert(1) brightness(2)}.ticker-text{color:#1a237e;color:var(--color-text-primary,#1a237e);font-size:13px;font-weight:500}.ticker-badge{background-color:var(--color-primary);border-radius:4px;color:#fff;font-size:11px;font-weight:600;padding:2px 8px;text-transform:uppercase}.ticker-separator{color:#283593;color:var(--color-text-secondary,#283593);font-weight:300;margin-left:15px}.header-main{justify-content:space-between;min-height:70px;padding:12px 24px}.header-left{flex:1 1}.header-brand{align-items:center;display:flex;gap:16px}.header-logo{height:40px;transition:filter var(--transition-base);width:auto}.header-logo.dark,body.dark-mode .header-logo{filter:invert(1) brightness(2)}.header-titles{display:flex;flex-direction:column}.header-title{color:#1a237e;color:var(--color-text-primary,#1a237e);font-size:22px}.header-subtitle{color:#283593;color:var(--color-text-secondary,#283593);font-size:13px;font-weight:400}.header-right,.notification-icon{align-items:center;display:flex}.notification-icon{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;cursor:pointer;justify-content:center;padding:8px;position:relative;transition:all var(--transition-fast)}.notification-icon:hover{background-color:var(--color-hover);transform:scale(1.05)}.icon-emoji{font-size:18px}.notification-badge{background:#ef4444;border-radius:50%;color:#fff;font-size:10px;font-weight:700;height:18px;position:absolute;right:-2px;top:-2px;width:18px}.icon-button,.notification-badge{align-items:center;display:flex;justify-content:center}.icon-button{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:#1a237e;color:var(--color-text-primary,#1a237e);cursor:pointer;font-size:18px;padding:8px 12px;transition:all var(--transition-fast)}.icon-button:hover{background-color:var(--color-hover);border-color:var(--color-primary);transform:scale(1.05)}.user-profile{align-items:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;cursor:pointer;display:flex;gap:12px;min-width:250px;padding:8px 16px;transition:all var(--transition-fast)}.user-profile:hover{background-color:var(--color-hover);border-color:var(--color-primary)}.user-avatar{background-color:var(--color-primary);font-size:14px;font-weight:700}.user-info{flex:1 1;min-width:0;overflow:hidden}.user-name{color:#1a237e;color:var(--color-text-primary,#1a237e);font-size:14px}.user-email,.user-name{align-items:center;display:flex;gap:6px}.user-email{color:#283593;color:var(--color-text-secondary,#283593);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-button{align-items:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:#1a237e;color:var(--color-text-primary,#1a237e);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all var(--transition-fast)}.logout-button:hover{background-color:var(--color-error-light);border-color:var(--color-error);color:var(--color-error-dark)}.dark-mode .header-container{--header-bg:#121212;--header-text:#7986cb;--header-border:#333}.light-mode .header-container{--header-bg:#fff;--header-text:#1a237e;--header-border:#e0e0e0}.header-container{background-color:var(--color-background);background-color:var(--header-bg,var(--color-background));border-bottom:1px solid var(--header-border,var(--color-border));color:#1a237e;color:var(--header-text,var(--color-text-primary,#1a237e));transition:all .3s ease}.header-logo,.ticker-logo{transition:filter .3s ease}.dark-mode .header-logo,.dark-mode .ticker-logo{filter:invert(1) brightness(2)}.icon-button:hover,.notification-icon:hover,.user-profile:hover{background-color:#e9ecef;background-color:var(--color-hover,#e9ecef);transition:all .2s ease}.icon-button:hover,.user-profile:hover{border-color:#3b82f6;border-color:var(--color-primary,#3b82f6)}.logout-button:hover{background-color:#ef44444d}@media (max-width:768px){.header-main{padding:8px 16px}.header-brand{gap:12px}.header-logo{height:32px}.header-title{font-size:18px}.header-subtitle{font-size:11px}.user-profile{min-width:auto;padding:8px}.logout-button span,.user-info{display:none}.header-actions{gap:8px}.header-container{--header-padding:8px 16px}.dark-mode .header-container.mobile{--header-bg:#1a1a1a}.light-mode .header-container.mobile{--header-bg:#f8f9fa}}@media (max-width:480px){.header-title{font-size:16px}.header-subtitle{display:none}.icon-button,.logout-button{padding:8px}}@keyframes ticker-scroll{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}.header-container *{transition:color .1s ease,background-color .1s ease!important}.navigation-items::-webkit-scrollbar{width:4px}.navigation-items::-webkit-scrollbar-thumb{border-radius:20px}.nav-link{overflow:hidden;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)!important}.nav-link:hover{background-color:#3b82f61a!important;background-color:var(--hover-bg,#3b82f61a)!important;border-left:3px solid #3b82f6!important;border-left:3px solid var(--link-color,#3b82f6)!important;transform:translateX(4px)!important}.nav-link.active,.nav-link:hover{color:#1f2937!important;color:var(--text-primary,#1f2937)!important}.nav-link.active{background-color:#3b82f626!important;background-color:var(--active-bg,#3b82f626)!important;font-weight:600!important}.nav-link-collapsed{justify-content:center!important;margin:8px auto!important;padding:12px 0!important;width:46px!important}.nav-link-collapsed .nav-icon{margin-right:0!important}.sub-nav-container{animation:slideDown .2s ease-out;overflow:hidden}.sub-nav-link{overflow:hidden;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)!important}.sub-nav-link:hover{background-color:#3b82f61a!important;background-color:var(--hover-bg,#3b82f61a)!important;border-left:2px solid #3b82f6!important;border-left:2px solid var(--link-color,#3b82f6)!important;color:#1f2937!important;color:var(--text-primary,#1f2937)!important;transform:translateX(4px)!important}.sub-nav-link.active{background-color:#3b82f626!important;background-color:var(--active-bg,#3b82f626)!important;color:#3b82f6!important;color:var(--link-color,#3b82f6)!important}.department-header{overflow:hidden;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)!important}.department-header:hover{border-left:2px solid #3b82f6!important;border-left:2px solid var(--dept-color,#3b82f6)!important}.department-header.expanded,.department-header:hover{background-color:#3b82f61a!important;background-color:var(--hover-bg,#3b82f61a)!important;color:#1f2937!important;color:var(--text-primary,#1f2937)!important}.department-header.active{background-color:#3b82f626!important;background-color:var(--active-bg,#3b82f626)!important;color:#3b82f6!important;color:var(--dept-color,#3b82f6)!important}.nav-chevron{transition:transform .2s ease!important}.chevron-expanded{transform:rotate(180deg)!important}.nav-badge{animation:pulse 2s infinite;display:inline-block}.mobile-header{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);height:60px!important;left:0!important;position:fixed!important;right:0!important;top:0!important;z-index:1100!important}.mobile-menu-button{transition:all .2s ease!important}.mobile-menu-button:active{transform:scale(.95)!important}.sidebar-overlay{animation:fadeIn .2s ease-out;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);bottom:0!important;left:0!important;position:fixed!important;right:0!important;top:0!important;z-index:999!important}.user-avatar{flex-shrink:0!important;transition:all .2s ease!important}.user-avatar:hover{box-shadow:0 6px 16px #0003!important}.logo-section{flex-shrink:0!important;position:relative!important}.logo-container{flex-shrink:0!important;transition:all .3s ease!important}.logo-container:hover{transform:scale(1.05)!important}.dark-mode .navigation-items{scrollbar-color:#64646480 #0000}.dark-mode .navigation-items::-webkit-scrollbar-thumb{background-color:#64646480}.dark-mode .navigation-items::-webkit-scrollbar-thumb:hover{background-color:#646464b3}.light-mode .nav-link:hover{box-shadow:0 2px 8px #0000001a!important}.light-mode .sub-nav-link:hover{box-shadow:0 1px 4px #0000001a!important}@media (hover:none){.department-header:hover,.nav-link:hover,.sub-nav-link:hover{transform:none!important}.department-header:active,.nav-link:active,.sub-nav-link:active{background-color:#3b82f633!important;background-color:var(--active-bg,#3b82f633)!important;transform:scale(.98)!important}}@media (prefers-reduced-motion:reduce){.department-header,.nav-link,.sidebar-container,.sidebar-overlay,.sub-nav-container,.sub-nav-link{animation:none!important;transition:none!important}.nav-badge{animation:none!important}}@media (max-width:1024px){.sidebar-container:not(.collapsed){width:280px!important}.sidebar-container.collapsed{overflow:hidden!important;width:0!important}.mobile-header{display:flex!important}.sidebar-hover-trigger{display:none!important}}@media (max-width:768px){.sidebar-container{transform:translateX(-100%);width:280px!important}.sidebar-container:not(.collapsed){transform:translateX(0)}.nav-link-collapsed{justify-content:flex-start!important;margin:8px 12px!important;padding:14px 20px!important;width:auto!important}.nav-link-collapsed .nav-icon{margin-right:14px!important}}@media (max-width:480px){.sidebar-container{max-width:320px!important;width:100%!important}.mobile-header{height:56px!important;padding:0 12px!important}.mobile-company-name{max-width:120px}}@media (prefers-contrast:high){.department-header,.nav-link,.sub-nav-link{border-width:2px!important}.department-header.active,.nav-link.active,.sub-nav-link.active{border-width:3px!important}}.dark-mode{--hover-bg:#ffffff0d;--active-bg:#3b82f633}.light-mode,.theme-blue{--hover-bg:#3b82f61a;--active-bg:#3b82f626}.theme-green{--hover-bg:#10b9811a;--active-bg:#10b98126}*{-webkit-tap-highlight-color:transparent}.sidebar-container{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);transition:all .3s cubic-bezier(.4,0,.2,1)!important;will-change:width,transform}.sidebar-container.collapsed{width:70px!important}.navigation-items{scrollbar-color:#9b9b9b80 #0000;scrollbar-width:thin}.navigation-items::-webkit-scrollbar{width:5px}.navigation-items::-webkit-scrollbar-track{background:#0000;border-radius:10px}.navigation-items::-webkit-scrollbar-thumb{background-color:#9b9b9b80;border-radius:10px}.navigation-items::-webkit-scrollbar-thumb:hover{background-color:#9b9b9bb3}.sidebar-hover-trigger{transition:opacity .3s ease}.sidebar-hover-trigger:hover{opacity:1}.sidebar-overlay{animation:fadeIn .3s ease-out}.user-avatar:hover{box-shadow:0 8px 25px #0003!important;transform:scale(1.05)!important}@media screen and (max-width:1024px){.sidebar-container{transform:translateX(-100%);width:280px!important}.sidebar-container:not(.collapsed){transform:translateX(0)}.sidebar-hover-trigger{display:none!important}}@media (prefers-reduced-motion:reduce){.nav-link,.sidebar-container,.sidebar-overlay{animation:none!important;transition:none!important}}@media print{.mobile-header,.sidebar-container,.sidebar-hover-trigger,.sidebar-overlay{display:none!important}}.floating-item{animation:floatDown linear infinite;font-weight:900;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;z-index:1}@keyframes floatDown{0%{opacity:0;transform:translateY(-100px) rotate(0deg)}10%{opacity:.3}90%{opacity:.3}to{opacity:0;transform:translateY(100vh) rotate(1turn)}}.dark-theme .floating-item{text-shadow:0 0 15px currentColor}.light-theme .floating-item{text-shadow:0 0 10px currentColor}.theme-toggle{top:20px}.erp-login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:18px;box-shadow:0 25px 80px #00000059;margin:80px auto auto;max-width:420px;padding:32px 28px;position:relative;z-index:2}.dark-theme .erp-login-card{background:#1e293be6;border:1px solid #64748b4d}.light-theme .erp-login-card{background:#fffffff2;border:1px solid #cbd5e180;box-shadow:0 25px 80px #00000026}.erp-brand-inline{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:20px}.erp-brand-inline img{border-radius:12px;height:50px;object-fit:contain;width:50px}.company-text{text-align:left}.dark-theme .company-name,.light-theme .company-name{font-size:18px;font-weight:700;margin:0 0 4px}.light-theme .company-name{color:#000!important}.dark-theme .company-type,.light-theme .company-type{font-size:14px;font-weight:600;margin:0}.dark-theme .erp-title{color:#fff!important}.dark-theme .erp-title,.light-theme .erp-title{font-size:22px;margin-bottom:6px;text-align:center}.light-theme .erp-title{color:#000!important}.dark-theme .erp-subtitle{color:#e2e8f0!important;font-size:14px;margin-bottom:24px;text-align:center}.light-theme .erp-subtitle{color:#4b5563!important;font-size:14px;margin-bottom:24px;text-align:center}.erp-error{align-items:center;border-radius:10px;display:flex;font-size:14px;gap:8px;margin-bottom:20px;padding:12px}.dark-theme .erp-error{background:#fa5c5c26;border:1px solid #fa5c5c;color:#fa5c5c!important}.light-theme .erp-error{background:#dc262626;border:1px solid #dc2626;color:#dc2626!important}.erp-input{margin-bottom:16px;position:relative}.input-icon{left:14px;position:absolute;top:50%;transform:translateY(-50%)}.dark-theme .input-icon{color:#cbd5e1}.light-theme .input-icon{color:#475569}.erp-input input{border:1px solid;border-radius:12px;font-size:14px;height:48px;outline:none;padding:0 44px;width:100%}.dark-theme .erp-input input{background:#ffffff1f;border-color:#ffffff40;color:#fff!important}.light-theme .erp-input input{background:#f1f3f8cc;border-color:#cbd5e180;color:#000!important}.dark-theme .erp-input input::placeholder{color:#94a3b8!important}.light-theme .erp-input input::placeholder{color:#64748b!important}.dark-theme .erp-input input:focus{border-color:#6aece1;box-shadow:0 0 0 3px #6aece133}.light-theme .erp-input input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb33}.eye-btn{background:none;border:none;cursor:pointer;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.dark-theme .eye-btn{color:#cbd5e1}.light-theme .eye-btn{color:#475569}.eye-btn:hover{transform:translateY(-50%) scale(1.1)}.erp-row{font-size:14px;justify-content:space-between;margin-bottom:20px}.erp-check,.erp-row{align-items:center;display:flex}.erp-check{gap:8px}.dark-theme .checkbox-text{color:#fff!important}.light-theme .checkbox-text{color:#000!important}.erp-check input[type=checkbox]{cursor:pointer;height:16px;width:16px}.dark-theme .erp-check input[type=checkbox]{accent-color:#6aece1}.light-theme .erp-check input[type=checkbox]{accent-color:#2563eb}.dark-theme .erp-link{color:#6aece1!important;font-weight:600;text-decoration:none}.light-theme .erp-link{color:#2563eb!important;font-weight:600;text-decoration:none}.erp-link:hover{text-decoration:underline}.erp-login-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;height:50px;justify-content:center;transition:all .3s ease;width:100%}.dark-theme .erp-login-btn{background:linear-gradient(135deg,#6aece1,#2563eb);color:#fff!important}.light-theme .erp-login-btn{background:linear-gradient(135deg,#2563eb,#8b5cf6);color:#fff!important}.erp-login-btn:hover:not(:disabled){box-shadow:0 8px 24px #6aece14d;transform:translateY(-2px)}.erp-login-btn:disabled{cursor:not-allowed;opacity:.7}.erp-register{font-size:14px;margin-top:20px;text-align:center}.dark-theme .register-text{color:#fff!important}.light-theme .register-text{color:#000!important}.dark-theme .register-link{color:#6aece1!important;font-weight:600;margin-left:5px;text-decoration:none}.light-theme .register-link{color:#2563eb!important;font-weight:600;margin-left:5px;text-decoration:none}.register-link:hover{text-decoration:underline}.erp-footer{font-size:13px;margin-top:24px;text-align:center}.dark-theme .erp-footer{color:#fff!important}.light-theme .erp-footer{color:#000!important}@media (max-width:768px){.erp-login-card{margin-top:60px;max-width:90%;padding:28px 24px}.theme-toggle{height:40px;right:15px;top:15px;width:40px}.erp-brand-inline{flex-direction:row;gap:10px}.company-name{font-size:16px}.company-type{font-size:13px}.erp-title{font-size:20px}.erp-subtitle{font-size:13px}}@media (max-width:480px){.erp-login-card{margin:40px 20px 20px;padding:24px 20px}.erp-bg{padding:0}.erp-brand-inline{align-items:center;flex-direction:row;gap:10px}.erp-brand-inline img{height:45px;width:45px}.company-name{font-size:15px}.erp-title{font-size:18px}.erp-row{align-items:flex-start;flex-direction:column;gap:10px}}.loading-text{padding:20px;text-align:center}.dark-theme .loading-text{color:#cbd5e1}.light-theme .loading-text{color:#475569}.erp-success{align-items:center;border-radius:10px;display:flex;font-size:14px;gap:8px;margin-bottom:20px;padding:12px}.dark-theme .erp-success{background:#22c55e26;border:1px solid #22c55e4d;color:#86efac!important}.light-theme .erp-success{background:#22c55e26;border:1px solid #22c55e4d;color:#16a34a!important}.success-icon{font-size:16px}.register-link-btn{background:none;border:none;color:inherit;cursor:pointer;font-weight:600;margin-left:5px;padding:0;text-decoration:none}.dark-theme .register-link-btn{color:#6aece1!important}.light-theme .register-link-btn{color:#2563eb!important}.register-link-btn:hover{text-decoration:underline}.erp-bg.dark-theme{background:radial-gradient(circle at top,#1a1f3c,#0b0f1a)}.erp-bg.dark-theme,.erp-bg.light-theme{align-items:center;display:flex;font-family:Inter,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative;width:100%}.erp-bg.light-theme{background:radial-gradient(circle at top,#e2e8f0,#f8fafc)}.theme-toggle{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:none;border-radius:50%;height:44px;position:fixed;right:24px;top:24px;width:44px;z-index:1000}.dark-theme .theme-toggle{background:#6aece133;border:1px solid #6aece1;color:#6aece1}.light-theme .theme-toggle{background:#2563eb33;border:1px solid #2563eb;color:#2563eb}.theme-toggle:hover{transform:rotate(15deg) scale(1.1)}.theme-tooltip{border-radius:8px;font-size:12px;font-weight:600;opacity:0;padding:6px 12px;position:absolute;right:50%;top:120%;transform:translateX(50%);transition:all .3s ease;visibility:hidden;white-space:nowrap}.dark-theme .theme-tooltip{background:#1e293bf2;border:1px solid #6aece133;color:#6aece1}.light-theme .theme-tooltip{background:#fffffff2;border:1px solid #2563eb33;color:#2563eb}.theme-toggle:hover .theme-tooltip{opacity:1;top:110%;visibility:visible}.register-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;max-width:480px;overflow:hidden;position:relative;width:100%;z-index:2}.dark-theme .register-card{background:#1e293bd9;border:1px solid #64748b4d;box-shadow:0 25px 80px #00000059}.light-theme .register-card{background:#ffffffeb;border:1px solid #cbd5e180;box-shadow:0 25px 80px #00000026}.company-header{align-items:center;border-bottom:1px solid;display:flex;gap:16px;min-height:100px;padding:32px 32px 24px}.dark-theme .company-header{border-bottom-color:#64748b4d}.light-theme .company-header{border-bottom-color:#cbd5e180}.logo-wrapper{flex-shrink:0;margin-bottom:0}.company-logo{border-radius:12px;height:60px;object-fit:contain;padding:6px;width:60px}.dark-theme .company-logo{background:#6aece11a;border:1px solid #6aece133}.light-theme .company-logo{background:#2563eb1a;border:1px solid #2563eb33}.company-details{margin-top:0;text-align:left}.company-name{font-size:18px;font-weight:700;line-height:1.2;margin:0 0 4px;white-space:nowrap}.company-name,.dark-theme .company-name{color:#fff!important}.light-theme .company-name{color:#1e293b!important}.company-type{font-size:10px;font-weight:600;line-height:1.2;margin:0 0 8px;white-space:nowrap}.company-type,.dark-theme .company-type{color:#6aece1!important}.light-theme .company-type{color:#2563eb!important}.erp-title{font-size:11px!important;font-weight:500;letter-spacing:.5px;line-height:1.2;margin:4px 0 0!important;opacity:.9}.dark-theme .erp-title,.erp-title{color:#cbd5e1!important}.light-theme .erp-title{color:#64748b!important}.register-header{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;padding:24px 32px 16px}.register-title h2{font-size:26px;font-weight:700;margin:0 0 4px}.dark-theme .register-title h2{color:#fff!important}.light-theme .register-title h2{color:#1e293b!important}.register-subtitle{font-size:14px;margin:0}.dark-theme .register-subtitle{color:#cbd5e1!important}.light-theme .register-subtitle{color:#64748b!important}.security-badge{align-items:center;border-radius:12px;display:flex;font-size:12px;font-weight:600;gap:6px;padding:8px 12px}.dark-theme .security-badge{background:#6aece11a;border:1px solid #6aece133;color:#6aece1!important}.light-theme .security-badge{background:#2563eb1a;border:1px solid #2563eb33;color:#2563eb!important}.badge-icon{font-size:14px}.register-error,.register-success{align-items:flex-start;border-radius:12px;display:flex;gap:12px;margin:16px 32px;padding:16px}.register-error{background:#ef44441a;border:1px solid #ef44444d}.register-error .error-icon{color:#ef4444;flex-shrink:0;font-size:20px;margin-top:2px}.register-error span{color:#ef4444!important;font-size:14px}.register-success{background:#10b9811a;border:1px solid #10b9814d}.register-success .success-icon{color:#10b981;flex-shrink:0;font-size:20px;margin-top:2px}.success-content{flex-direction:column;gap:4px}.success-title{color:#10b981!important;font-size:14px;font-weight:600}.success-message{color:#10b981!important;font-size:13px;opacity:.9}.register-form{padding:0 32px 32px}.input-group{margin-bottom:20px}.input-group label{align-items:center;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:8px}.dark-theme .input-group label{color:#e2e8f0!important}.light-theme .input-group label{color:#475569!important}.label-icon{font-size:16px}.dark-theme .label-icon{color:#6aece1}.light-theme .label-icon{color:#2563eb}.register-input{border:1px solid;border-radius:12px;font-size:14px;height:50px;outline:none;padding:0 16px;transition:all .3s ease;width:100%}.dark-theme .register-input{background:#ffffff14;border-color:#64748b66;color:#fff!important}.light-theme .register-input{background:#fff;border-color:#e2e8f0;color:#1e293b!important}.dark-theme .register-input::placeholder,.light-theme .register-input::placeholder{color:#94a3b8!important}.dark-theme .register-input:focus{border-color:#6aece1;box-shadow:0 0 0 3px #6aece126}.light-theme .register-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.register-btn{align-items:center;background:linear-gradient(135deg,#6aece1,#2563eb);border:none;border-radius:12px;color:#fff!important;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;height:52px;justify-content:center;margin-top:8px;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.light-theme .register-btn{background:linear-gradient(135deg,#2563eb,#8b5cf6)}.register-btn:hover:not(:disabled){box-shadow:0 8px 25px #6aece14d;transform:translateY(-2px)}.register-btn:disabled{cursor:not-allowed;opacity:.7}.arrow-icon{font-size:18px;transition:transform .3s ease}.register-btn:hover .arrow-icon{transform:translateX(4px)}.spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-top-color:#fff;height:18px;margin-right:8px;width:18px}.divider{margin:24px 0;position:relative;text-align:center}.divider:before{background:currentColor;content:"";height:1px;left:0;opacity:.2;position:absolute;right:0;top:50%}.divider span{background:inherit;font-size:13px;padding:0 16px;position:relative}.dark-theme .divider span{color:#cbd5e1!important}.light-theme .divider span{color:#64748b!important}.login-link{align-items:center;border-radius:12px;display:flex;font-size:14px;font-weight:600;gap:10px;justify-content:center;padding:14px;text-decoration:none;transition:all .3s ease}.dark-theme .login-link{background:#6aece11a;border:1px solid #6aece133;color:#6aece1!important}.light-theme .login-link{background:#2563eb1a;border:1px solid #2563eb33;color:#2563eb!important}.login-link:hover{transform:translateY(-2px)}.dark-theme .login-link:hover{background:#6aece126;box-shadow:0 5px 15px #6aece133}.light-theme .login-link:hover{background:#2563eb26;box-shadow:0 5px 15px #2563eb33}.link-arrow{font-size:16px}.register-footer{border-top:1px solid;padding:20px 32px;text-align:center}.dark-theme .register-footer{border-top-color:#64748b4d;color:#94a3b8!important}.light-theme .register-footer{border-top-color:#cbd5e180;color:#64748b!important}.register-footer p{font-size:13px;margin:0 0 4px}.version{font-size:12px!important;opacity:.8}@media (max-width:768px){.register-card{max-width:95%}.theme-toggle{height:40px;right:16px;top:16px;width:40px}.company-header,.register-footer,.register-form,.register-header{padding-left:24px;padding-right:24px}.company-name{font-size:16px;white-space:normal}.register-title h2{font-size:24px}.register-error,.register-success{margin-left:24px;margin-right:24px}}@media (max-width:480px){.erp-bg{padding:10px}.register-card{max-width:100%}.register-header{align-items:flex-start;flex-direction:column;gap:12px}.company-logo{height:70px;width:70px}.company-name{font-size:18px}.erp-title{font-size:12px;white-space:normal}.register-title h2{font-size:22px}.register-input{height:48px}.register-btn{height:50px}}.color-picker{font-family:Segoe UI,Roboto,Inter,system-ui,sans-serif;margin-bottom:20px;position:relative;width:100%}.color-picker.disabled{cursor:not-allowed;opacity:.6}.color-picker.disabled .color-picker-preview{cursor:not-allowed}.color-picker-label{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.label-text{color:#1a237e;font-size:.95rem;font-weight:600;text-transform:capitalize}.color-format-toggle{background:#1976d21a;border-radius:20px;color:#1976d2;cursor:pointer;font-size:.8rem;font-weight:600;padding:4px 12px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.color-format-toggle:hover{background:#1976d233;transform:scale(1.05)}.color-picker-preview{align-items:stretch;border:2px solid #1a237e14;border-radius:12px;box-shadow:0 4px 15px #1a237e14;cursor:pointer;display:flex;overflow:hidden;transition:all .3s ease}.color-picker-preview:hover{border-color:#1976d2;box-shadow:0 6px 20px #1976d226;transform:translateY(-2px)}.color-display{align-items:center;display:flex;flex:1 1;font-family:Monaco,Consolas,Courier New,monospace;font-size:.95rem;font-weight:600;justify-content:space-between;min-height:52px;padding:16px 20px;transition:all .3s ease}.color-value{letter-spacing:.5px;text-shadow:0 1px 2px #1a237e4d}.picker-toggle{align-items:center;background:#1a237e0d;border:none;color:#283593;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;transition:all .3s ease;width:52px}.picker-toggle:hover{background:#1a237e1a;color:#1976d2}.picker-toggle.active{background:#1976d2;color:#fff}.picker-toggle:disabled{cursor:not-allowed;opacity:.5}.color-picker-popup{animation:slideDown .3s ease;background:#fff;border:1px solid #1a237e1a;border-radius:16px;box-shadow:0 15px 50px #1a237e33;left:0;max-height:500px;overflow-y:auto;padding:24px;position:absolute;right:0;top:calc(100% + 10px);z-index:1000}.hsl-controls{margin-bottom:24px}.hsl-slider{margin-bottom:20px}.hsl-slider:last-child{margin-bottom:0}.hsl-slider label{color:#1a237e;display:block;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.hsl-slider input[type=range]{-webkit-appearance:none;appearance:none;background:#0000;border-radius:12px;height:24px;margin:0;outline:none;padding:0;position:relative;width:100%}.hsl-slider input[type=range]::-webkit-slider-runnable-track{border:2px solid #1a237e1a;border-radius:12px;box-shadow:inset 0 2px 6px #1a237e1a;cursor:pointer;height:24px;width:100%}.hsl-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border:3px solid #1976d2;border-radius:50%;box-shadow:0 4px 12px #1a237e33;cursor:pointer;height:32px;margin-top:-6px;-webkit-transition:all .2s ease;transition:all .2s ease;width:32px}.hsl-slider input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 6px 16px #1a237e4d;transform:scale(1.1)}.hsl-slider input[type=range]::-moz-range-track{border:2px solid #1a237e1a;border-radius:12px;box-shadow:inset 0 2px 6px #1a237e1a;cursor:pointer;height:24px;width:100%}.hsl-slider input[type=range]::-moz-range-thumb{background:#fff;border:3px solid #1976d2;border-radius:50%;box-shadow:0 4px 12px #1a237e33;cursor:pointer;height:32px;-moz-transition:all .2s ease;transition:all .2s ease;width:32px}.hsl-slider input[type=range]::-moz-range-thumb:hover{box-shadow:0 6px 16px #1a237e4d;transform:scale(1.1)}.hue-slider::-webkit-slider-runnable-track{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)!important}.saturation-slider{position:relative}.saturation-slider:before{border-radius:12px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.alpha-slider,.lightness-slider{position:relative}.alpha-slider:after{background-image:linear-gradient(45deg,#7986cb 25%,#0000 0),linear-gradient(-45deg,#7986cb 25%,#0000 0),linear-gradient(45deg,#0000 75%,#7986cb 0),linear-gradient(-45deg,#0000 75%,#7986cb 0);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;border-radius:12px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.color-input-section{background:#1a237e05;border:2px solid #1a237e0d;border-radius:12px;margin-bottom:24px;padding:20px}.input-group{display:flex;gap:12px;margin-bottom:16px}.color-input{background:#fff;border:2px solid #1a237e1a;border-radius:10px;color:#1a237e;flex:1 1;font-family:Monaco,Consolas,monospace;font-size:1rem;font-weight:600;letter-spacing:1px;padding:14px 20px;text-transform:uppercase;transition:all .3s ease}.color-input:focus{border-color:#1976d2;box-shadow:0 4px 15px #1976d233;outline:none}.color-input:invalid{background:#f443360d;border-color:#f44336}.input-preview{border:2px solid #1a237e1a;border-radius:10px;flex-shrink:0;height:56px;overflow:hidden;position:relative;transition:all .3s ease;width:56px}.input-preview:after{background-image:linear-gradient(45deg,#7986cb 25%,#0000 0),linear-gradient(-45deg,#7986cb 25%,#0000 0),linear-gradient(45deg,#0000 75%,#7986cb 0),linear-gradient(-45deg,#0000 75%,#7986cb 0);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.input-actions{display:flex;gap:12px;justify-content:flex-end}.apply-button,.close-picker,.copy-button{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.apply-button{background:linear-gradient(135deg,#1976d2,#0d47a1);box-shadow:0 4px 15px #1976d24d;color:#fff}.apply-button:hover:not(:disabled){box-shadow:0 6px 20px #1976d266;transform:translateY(-2px)}.apply-button:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.copy-button{align-items:center;background:#1a237e0d;color:#1a237e;display:flex;font-size:1.2rem;justify-content:center;padding:0;width:48px}.copy-button:hover{background:#1a237e1a;transform:scale(1.05)}.close-picker{background:#1a237e0d;color:#1a237e;margin-top:16px;width:100%}.close-picker:hover{background:#1a237e1a}.color-presets{margin-bottom:24px}.presets-section{margin-bottom:20px}.presets-section:last-child{margin-bottom:0}.presets-section h4{color:#283593;font-size:.9rem;font-weight:600;letter-spacing:1px;margin:0 0 12px;text-transform:uppercase}.preset-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(32px,1fr))}.preset-color{border:2px solid #1a237e1a;border-radius:8px;cursor:pointer;height:32px;overflow:hidden;padding:0;position:relative;transition:all .3s ease;width:32px}.preset-color:before{background:#ffffff1a;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.preset-color:hover{box-shadow:0 4px 12px #1a237e33;transform:scale(1.2) translateY(-2px);z-index:1}.preset-color:hover:before{opacity:1}.preset-color:active{transform:scale(1.15) translateY(-1px)}.color-info{background:#1a237e05;border:2px solid #1a237e0d;border-radius:12px;margin-bottom:20px;padding:20px}.info-row{align-items:center;border-bottom:1px solid #1a237e0d;display:flex;justify-content:space-between;padding:8px 0}.info-row:last-child{border-bottom:none}.info-label{color:#283593;font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-value{color:#1a237e;font-family:Monaco,Consolas,monospace;font-size:.9rem;font-weight:500}.additional-previews{border-top:2px solid #1a237e0d;margin-top:16px;padding-top:16px}.preview-row{gap:12px}.preview-item,.preview-row{align-items:center;display:flex}.preview-item{border-radius:8px;box-shadow:0 2px 8px #1a237e1a;cursor:help;flex:1 1;font-size:.9rem;font-weight:700;height:40px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease}.preview-item:first-child{font-family:Arial,sans-serif;font-size:1.1rem;letter-spacing:1px}.preview-item:before{background:inherit;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.preview-item:hover{box-shadow:0 4px 15px #1a237e26;transform:translateY(-2px)}.preview-item:after{bottom:-20px;color:#283593;content:attr(class);font-size:.7rem;left:0;opacity:0;position:absolute;right:0;text-align:center;transition:opacity .3s ease}.preview-item:hover:after{opacity:1}@media (max-width:768px){.color-picker-popup{left:20px;max-height:80vh;overflow-y:auto;position:fixed;right:20px;top:50%;transform:translateY(-50%)}.input-group{flex-direction:column}.input-preview{height:40px;width:100%}.preset-grid{gap:6px;grid-template-columns:repeat(auto-fill,minmax(28px,1fr))}.preset-color{height:28px;width:28px}.preview-row{flex-wrap:wrap}.preview-item{flex:none;min-width:40px}}@media (max-width:480px){.color-picker-popup{padding:20px}.hsl-slider input[type=range]::-webkit-slider-thumb{height:28px;width:28px}.color-display{font-size:.9rem;min-height:48px;padding:12px 16px}.picker-toggle{width:48px}.input-actions{flex-direction:column}.apply-button,.copy-button{width:100%}.copy-button{height:48px}}@media (prefers-color-scheme:dark){.color-info,.color-input-section,.color-picker-popup{background:#1e1e1e;border-color:#7986cb1a}.color-input,.label-text{color:#7986cb}.color-input{background:#2d2d2d;border-color:#7986cb33}.color-input:focus{border-color:#64b5f6}.info-label{color:#9fa8da}.info-value{color:#7986cb}.presets-section h4{color:#9fa8da}.picker-toggle{background:#7986cb1a;color:#9fa8da}.picker-toggle:hover{background:#7986cb33;color:#64b5f6}.picker-toggle.active{background:#64b5f6;color:#000}.copy-button{background:#7986cb1a;color:#7986cb}.copy-button:hover{background:#7986cb33}.close-picker{background:#7986cb1a;color:#7986cb}.close-picker:hover{background:#7986cb33}.preset-color{border-color:#7986cb33}.preview-item{box-shadow:0 2px 8px #7986cb4d}.preview-item:hover{box-shadow:0 4px 15px #7986cb66}.alpha-slider:after{background-image:linear-gradient(45deg,#7986cb 25%,#0000 0),linear-gradient(-45deg,#7986cb 25%,#0000 0),linear-gradient(45deg,#0000 75%,#7986cb 0),linear-gradient(-45deg,#0000 75%,#7986cb 0)}}.color-display:active{animation:pulse .3s ease}.color-picker:focus-within .color-picker-preview{outline:3px solid #1976d2;outline-offset:2px}.color-input:focus{outline:3px solid #1976d2;outline-offset:-2px}@media print{.color-picker-popup{display:none!important}.picker-toggle{display:none}}.theme-benchmarks{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,sans-serif;min-height:100vh;padding:24px;transition:all .3s ease}.light-mode .theme-benchmarks{background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#1e293b}.dark-mode .theme-benchmarks{background:linear-gradient(135deg,#0f172a,#1e293b);color:#f1f5f9}.benchmarks-header{align-items:flex-start;display:flex;gap:24px;justify-content:space-between;margin-bottom:32px}.light-mode .benchmarks-header{color:#1e293b}.dark-mode .benchmarks-header{color:#f1f5f9}.header-main{align-items:center;display:flex;gap:16px}.header-icon{font-size:48px}.light-mode .header-icon{animation:pulse-light 2s infinite}.dark-mode .header-icon{animation:pulse-dark 2s infinite}@keyframes pulse-light{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes pulse-dark{0%,to{filter:drop-shadow(0 0 5px rgba(96,165,250,.5));transform:scale(1)}50%{filter:drop-shadow(0 0 10px rgba(96,165,250,.8));transform:scale(1.1)}}.header-text{flex:1 1}.header-title{margin:0 0 8px}.light-mode .header-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text}.dark-mode .header-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#60a5fa,#a78bfa);-webkit-background-clip:text;background-clip:text}.header-subtitle{font-size:16px;line-height:1.5}.light-mode .header-subtitle{color:#64748b}.dark-mode .header-subtitle{color:#94a3b8}.real-time-metrics{border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;min-width:300px;padding:20px;transition:all .3s ease}.light-mode .real-time-metrics{background:#fff;border:1px solid #e2e8f0}.dark-mode .real-time-metrics{background:#1e293b;border:1px solid #334155}.metrics-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.metrics-title{font-size:18px;font-weight:600}.light-mode .metrics-title{color:#1e293b}.dark-mode .metrics-title{color:#f1f5f9}.auto-refresh-toggle{align-items:center;cursor:pointer;display:flex;gap:8px}.auto-refresh-toggle input{display:none}.toggle-slider{border-radius:10px;height:20px;position:relative;transition:background-color .3s;width:40px}.light-mode .toggle-slider{background-color:#cbd5e1}.dark-mode .toggle-slider{background-color:#475569}.toggle-slider:after{border-radius:50%;content:"";height:18px;left:1px;position:absolute;top:1px;transition:transform .3s;width:18px}.light-mode .toggle-slider:after{background-color:#fff}.dark-mode .toggle-slider:after{background-color:#f1f5f9}.auto-refresh-toggle input:checked+.toggle-slider{background-color:#3b82f6}.toggle-label{font-size:14px}.light-mode .toggle-label{color:#64748b}.dark-mode .toggle-label{color:#94a3b8}.metrics-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.metric-card{border-left-style:solid;border-left-width:4px;border-radius:8px;padding:12px}.light-mode .metric-card{background:#f8fafc;border-left-color:#cbd5e1}.dark-mode .metric-card{background:#334155;border-left-color:#475569}.metric-card.good{border-left-color:#10b981}.metric-card.acceptable{border-left-color:#f59e0b}.metric-card.poor{border-left-color:#ef4444}.metric-name{font-size:12px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.light-mode .metric-name{color:#64748b}.dark-mode .metric-name{color:#94a3b8}.metric-value{font-size:20px;margin-bottom:2px}.light-mode .metric-value{color:#1e293b}.dark-mode .metric-value{color:#f1f5f9}.metric-unit{font-size:14px;margin-left:4px}.light-mode .metric-unit{color:#64748b}.dark-mode .metric-unit{color:#94a3b8}.metric-status{font-size:12px;font-weight:600;margin-top:4px;text-transform:uppercase}.metric-card.good .metric-status{color:#10b981}.metric-card.acceptable .metric-status{color:#f59e0b}.metric-card.poor .metric-status{color:#ef4444}.benchmarks-filters{border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;margin-bottom:24px;padding:24px;transition:all .3s ease}.light-mode .benchmarks-filters{background:#fff;border:1px solid #e2e8f0}.dark-mode .benchmarks-filters{background:#1e293b;border:1px solid #334155}.filter-section{margin-bottom:24px}.filter-section:last-child{margin-bottom:0}.filter-title{font-size:16px;font-weight:600;margin:0 0 12px}.light-mode .filter-title{color:#1e293b}.dark-mode .filter-title{color:#f1f5f9}.filter-buttons{display:flex;flex-wrap:wrap;gap:8px}.filter-button{background:#0000;border:2px solid;border-radius:20px;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s ease}.light-mode .filter-button{border-color:#cbd5e1;color:#64748b}.dark-mode .filter-button{border-color:#475569;color:#94a3b8}.filter-button:hover{transform:translateY(-2px)}.light-mode .filter-button:hover{border-color:#3b82f6;color:#3b82f6}.dark-mode .filter-button:hover{border-color:#60a5fa;color:#60a5fa}.filter-button.active{transform:scale(1.05)}.light-mode .filter-button.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.dark-mode .filter-button.active{background:#60a5fa;border-color:#60a5fa;color:#0f172a}.priority-filters{display:flex;flex-wrap:wrap;gap:8px}.priority-button{background:#0000;border:2px solid;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .3s ease}.priority-button:hover{opacity:.9;transform:translateY(-2px)}.priority-button.active{opacity:1;transform:scale(1.05)}.system-info{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:32px}.info-card{border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;padding:20px;transition:all .3s ease}.light-mode .info-card{background:#fff;border:1px solid #e2e8f0}.dark-mode .info-card{background:#1e293b;border:1px solid #334155}.info-card h4{font-size:18px;font-weight:600;margin:0 0 16px}.light-mode .info-card h4{color:#1e293b}.dark-mode .info-card h4{color:#f1f5f9}.theme-info .theme-name{font-size:24px;font-weight:700;margin:0 0 16px}.light-mode .theme-info .theme-name{color:#3b82f6}.dark-mode .theme-info .theme-name{color:#60a5fa}.theme-meta{gap:16px}.meta-item{font-size:14px;gap:6px}.light-mode .meta-item{color:#64748b}.dark-mode .meta-item{color:#94a3b8}.meta-icon{font-size:16px}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-item{padding:16px;text-align:center;transition:all .3s ease}.light-mode .stat-item{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid #cbd5e1}.dark-mode .stat-item{background:linear-gradient(135deg,#334155,#475569);border:1px solid #64748b}.stat-item:hover{transform:translateY(-2px)}.light-mode .stat-item:hover{box-shadow:0 4px 12px #0000001a}.dark-mode .stat-item:hover{box-shadow:0 4px 12px #0000004d}.light-mode .stat-value{color:#3b82f6}.dark-mode .stat-value{color:#60a5fa}.light-mode .stat-label{color:#475569}.dark-mode .stat-label{color:#cbd5e1}.performance-stats{display:flex;flex-direction:column;gap:16px}.perf-item{align-items:center;border-bottom:1px solid;display:flex;justify-content:space-between;padding:12px 0}.light-mode .perf-item{border-bottom-color:#e2e8f0}.dark-mode .perf-item{border-bottom-color:#334155}.perf-item:last-child{border-bottom:none}.perf-label{font-size:14px;font-weight:500}.light-mode .perf-label{color:#475569}.dark-mode .perf-label{color:#94a3b8}.perf-value{border-radius:6px;font-size:16px;font-weight:600;padding:4px 12px}.light-mode .perf-value{background:#f1f5f9;border:1px solid #cbd5e1;color:#1e293b}.dark-mode .perf-value{background:#334155;border:1px solid #475569;color:#f1f5f9}.benchmarks-sections{display:flex;flex-direction:column;gap:32px}.benchmark-section{border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;padding:24px;transition:all .3s ease}.light-mode .benchmark-section{background:#fff;border:1px solid #e2e8f0}.dark-mode .benchmark-section{background:#1e293b;border:1px solid #334155}.section-icon{font-size:32px}.section-title-group{flex:1 1}.section-title{font-size:24px;margin:0 0 4px}.light-mode .section-title{color:#1e293b}.dark-mode .section-title{color:#f1f5f9}.section-description{font-size:14px;margin:0}.light-mode .section-description{color:#64748b}.dark-mode .section-description{color:#94a3b8}.metrics-grid.detailed{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.metric-card.detailed{border-radius:8px;cursor:pointer;overflow:hidden;padding:0;transition:all .3s ease}.light-mode .metric-card.detailed{background:#f8fafc;border:1px solid #e2e8f0}.dark-mode .metric-card.detailed{background:#334155;border:1px solid #475569}.metric-card.detailed:hover{transform:translateY(-4px)}.light-mode .metric-card.detailed:hover{box-shadow:0 8px 25px #0000001a}.dark-mode .metric-card.detailed:hover{box-shadow:0 8px 25px #0000004d}.metric-main{padding:20px}.metric-header{margin-bottom:16px}.metric-title-group{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.metric-name{font-size:18px;font-weight:600;margin:0}.light-mode .metric-name{color:#1e293b}.dark-mode .metric-name{color:#f1f5f9}.metric-priority{border-radius:12px;color:#fff;font-size:12px;font-weight:700;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.metric-description{font-size:14px;line-height:1.5;margin:0}.light-mode .metric-description{color:#64748b}.dark-mode .metric-description{color:#94a3b8}.metric-targets{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.target-group{text-align:center}.target-label{display:block;font-size:12px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.light-mode .target-label{color:#64748b}.dark-mode .target-label{color:#94a3b8}.target-value{border-radius:4px;display:block;font-size:14px;padding:4px 8px}.light-mode .target-value{background:#e2e8f0;color:#475569}.dark-mode .target-value{background:#475569;color:#cbd5e1}.target-value.good{background:#d1fae5;color:#065f46}.dark-mode .target-value.good{background:#10b98133;color:#a7f3d0}.target-value.acceptable{background:#fef3c7;color:#92400e}.dark-mode .target-value.acceptable{background:#f59e0b33;color:#fcd34d}.target-value.poor{background:#fee2e2;color:#991b1b}.dark-mode .target-value.poor{background:#ef444433;color:#fca5a5}.metric-details{border-top:1px solid;padding:16px 20px}.light-mode .metric-details{background:#fff;border-top-color:#e2e8f0}.dark-mode .metric-details{background:#1e293b;border-top-color:#475569}.detail-row{border-bottom:1px solid}.light-mode .detail-row{border-bottom-color:#f1f5f9}.dark-mode .detail-row{border-bottom-color:#334155}.light-mode .detail-label{color:#64748b}.dark-mode .detail-label{color:#94a3b8}.light-mode .detail-value{color:#1e293b}.dark-mode .detail-value{color:#f1f5f9}.metric-toggle{border-top:1px solid;padding:12px 20px}.light-mode .metric-toggle{background:#f8fafc;border-top-color:#e2e8f0}.dark-mode .metric-toggle{background:#334155;border-top-color:#475569}.toggle-button{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:8px;transition:background-color .3s;width:100%}.light-mode .toggle-button{color:#3b82f6}.dark-mode .toggle-button{color:#60a5fa}.toggle-button:hover{background:#3b82f61a}.dark-mode .toggle-button:hover{background:#60a5fa1a}.optimization-tips,.performance-guidelines{border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;margin-top:32px;padding:24px;transition:all .3s ease}.light-mode .optimization-tips,.light-mode .performance-guidelines{background:#fff;border:1px solid #e2e8f0}.dark-mode .optimization-tips,.dark-mode .performance-guidelines{background:#1e293b;border:1px solid #334155}.guidelines-title,.tips-title{align-items:center;display:flex;font-size:22px;font-weight:700;gap:8px;margin:0 0 24px}.light-mode .guidelines-title,.light-mode .tips-title{color:#1e293b}.dark-mode .guidelines-title,.dark-mode .tips-title{color:#f1f5f9}.guidelines-grid,.tips-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.guideline-card,.tip-card{border-radius:8px;padding:20px;transition:all .3s ease}.light-mode .guideline-card,.light-mode .tip-card{background:#f8fafc;border:1px solid #e2e8f0}.dark-mode .guideline-card,.dark-mode .tip-card{background:#334155;border:1px solid #475569}.guideline-card:hover,.tip-card:hover{transform:translateY(-2px)}.light-mode .guideline-card:hover,.light-mode .tip-card:hover{box-shadow:0 4px 12px #0000001a}.dark-mode .guideline-card:hover,.dark-mode .tip-card:hover{box-shadow:0 4px 12px #0000004d}.guideline-card h4,.tip-card h4{align-items:center;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 12px}.light-mode .guideline-card h4,.light-mode .tip-card h4{color:#1e293b}.dark-mode .guideline-card h4,.dark-mode .tip-card h4{color:#f1f5f9}.guideline-icon{font-size:20px}.guideline-card ul,.tip-card ul{list-style:none;margin:0;padding:0}.guideline-card li,.tip-card li{font-size:14px;line-height:1.5;padding:4px 0 4px 16px;position:relative}.light-mode .guideline-card li,.light-mode .tip-card li{color:#475569}.dark-mode .guideline-card li,.dark-mode .tip-card li{color:#cbd5e1}.guideline-card li:before,.tip-card li:before{color:#3b82f6;content:"•";left:0;position:absolute}.dark-mode .guideline-card li:before,.dark-mode .tip-card li:before{color:#60a5fa}.benchmarks-footer{border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;margin-top:32px;padding:24px;transition:all .3s ease}.light-mode .benchmarks-footer{background:#fff;border:1px solid #e2e8f0}.dark-mode .benchmarks-footer{background:#1e293b;border:1px solid #334155}.footer-text{font-size:14px;line-height:1.6;margin:0 0 20px}.light-mode .footer-text{color:#64748b}.dark-mode .footer-text{color:#94a3b8}.light-mode .footer-text strong{color:#1e293b}.dark-mode .footer-text strong{color:#f1f5f9}.footer-links{display:flex;flex-wrap:wrap;gap:24px;justify-content:center}.footer-link{align-items:center;display:flex;font-size:14px;font-weight:500;gap:8px;text-decoration:none;transition:color .3s}.light-mode .footer-link{color:#3b82f6}.dark-mode .footer-link{color:#60a5fa}.footer-link:hover{color:#8b5cf6}.dark-mode .footer-link:hover{color:#a78bfa}@media (max-width:1024px){.benchmarks-header{flex-direction:column}.real-time-metrics{width:100%}.metrics-grid.detailed{grid-template-columns:1fr}.metric-targets{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.theme-benchmarks{padding:16px}.header-title{font-size:24px}.header-icon{font-size:36px}.guidelines-grid,.system-info,.tips-grid{grid-template-columns:1fr}.footer-links{align-items:center;flex-direction:column;gap:12px}.metric-targets{gap:8px;grid-template-columns:1fr}}@media (max-width:480px){.filter-buttons,.priority-filters{flex-direction:column}.filter-button,.priority-button{width:100%}.metrics-grid{grid-template-columns:1fr}}:root{--primary-color:#1976d2;--secondary-color:#dc004e;--surface-color:#f5f5f5;--border-color:#e0e0e0;--success-color:#4caf50;--warning-color:#ff9800;--error-color:#f44336;--info-color:#2196f3}.dark-mode,[data-theme=dark],body.dark-mode{--text-primary:#7986cb;--text-secondary:#9fa8da;--background-color:#121212;--surface-color:#1e1e1e;--border-color:#333}.theme-settings{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;min-height:100vh;padding:0}.light-mode .theme-settings{background:#fff;background:var(--background-color);color:#1a237e;color:var(--text-primary)}.dark-mode .theme-settings{background:#121212;color:#f0f0f0}.theme-settings-header{border-radius:12px;box-shadow:0 2px 10px #0000001a;margin:0 8px 16px;padding:12px;position:relative;z-index:50}@media (max-width:767px){.theme-settings-header{margin-top:36px!important}.theme-settings:before{content:"";display:block;height:36px;width:100%}}@media (min-width:768px){.theme-settings-header{margin-top:0!important;margin:0 16px 24px;padding:20px 24px}.theme-settings:before{display:none;height:0}}.light-mode .theme-settings-header{background:#1976d2;background:var(--primary-color);color:#fff}.dark-mode .theme-settings-header{background:#0d47a1;color:#fff}.header-content{margin-bottom:12px}.header-title{font-size:1.4rem;gap:10px;margin:0 0 6px}.header-icon{font-size:1.3rem}.header-subtitle{font-size:.9rem;line-height:1.4;opacity:.9}.benchmarks-toggle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff4d;border-radius:50px;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:6px;padding:8px 14px;transition:all .3s ease}.benchmarks-toggle:hover{background:#fff3}.benchmarks-toggle.active{background:#ffffff4d}.benchmarks-icon{font-size:1rem}.current-theme-preview{border:1px solid;border-radius:12px;box-shadow:0 2px 10px #00000014;margin:0 8px 16px;padding:16px;transition:all .3s ease}.light-mode .current-theme-preview{background:#fff;border-color:#e0e0e0;border-color:var(--border-color)}.dark-mode .current-theme-preview{background:#1a1a1a;border-color:#333}.preview-header{border-bottom:1px solid;display:flex;flex-direction:column;gap:8px;margin-bottom:12px;padding-bottom:12px}.light-mode .preview-header{border-bottom-color:#e0e0e0;border-bottom-color:var(--border-color)}.dark-mode .preview-header{border-bottom-color:#333}.preview-header h3{font-size:1.2rem;font-weight:600;margin:0}.light-mode .preview-header h3{color:#1a237e;color:var(--text-primary)}.dark-mode .preview-header h3{color:#f0f0f0}.theme-badge{align-self:flex-start;border-radius:50px;color:#fff;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:5px 12px;text-transform:uppercase}.mode-badge{background:#dc004e;background:var(--secondary-color)}.preview-content{display:flex;flex-direction:column;gap:16px}.theme-color-display{align-items:flex-end;background-color:#1976d2;background-color:var(--primary-color);border-radius:10px;box-shadow:0 3px 10px #0000001a;display:flex;height:90px;justify-content:flex-start;overflow:hidden;padding:10px;position:relative;width:100%}.theme-color-display:before{background:linear-gradient(180deg,#fff3,#0000);content:"";height:50%;left:0;position:absolute;right:0;top:0;z-index:1}.color-info{color:#fff;position:relative;text-shadow:0 1px 3px #0000004d;z-index:2}.color-hex{display:block;font-family:Monaco,Consolas,monospace;font-size:.9rem;font-weight:600;margin-bottom:4px}.color-name{font-size:.8rem;opacity:.9}.theme-info{padding:4px 0}.theme-name{color:#1976d2;color:var(--primary-color);font-size:1.3rem;margin:0 0 8px}.theme-description{font-size:.9rem;line-height:1.4}.theme-meta{display:flex;flex-wrap:wrap;gap:8px}.meta-item{border-radius:50px;font-size:.8rem;gap:5px;padding:4px 10px}.light-mode .meta-item{background:#0000000a;color:#283593;color:var(--text-secondary)}.dark-mode .meta-item{background:#ffffff1a;color:#aaa}.meta-icon{font-size:.9rem}.preview-actions{display:flex;justify-content:center}.export-current-button{align-items:center;background:#1976d2;background:var(--primary-color);border:none;border-radius:50px;box-shadow:0 3px 10px #1976d24d;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:6px;padding:10px 20px;transition:all .3s ease}.export-current-button:hover{box-shadow:0 5px 15px #1976d266;transform:translateY(-2px)}.export-current-button:active{transform:translateY(0)}.export-icon{font-size:1rem}.theme-tabs{-webkit-overflow-scrolling:touch;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid;border-radius:10px;box-shadow:0 2px 8px #0000000f;display:flex;margin:0 8px 16px;overflow-x:auto;padding:6px;position:-webkit-sticky;position:sticky;scrollbar-width:none;top:12px;transition:all .3s ease;z-index:100}@media (min-width:768px){.theme-tabs{border-radius:50px;margin:0 16px 24px;padding:8px;top:20px}}.theme-tabs::-webkit-scrollbar{display:none}.light-mode .theme-tabs{background:#fff;border-color:#e0e0e0;border-color:var(--border-color)}.dark-mode .theme-tabs{background:#1a1a1a;border-color:#333}.theme-tab{align-items:center;background:none;border:none;border-radius:50px;cursor:pointer;display:flex;flex:0 0 auto;font-size:.9rem;font-weight:600;gap:6px;justify-content:center;padding:10px 16px;transition:all .3s ease;white-space:nowrap}@media (min-width:768px){.theme-tab{flex:1 1;font-size:.95rem;padding:12px 20px}}.light-mode .theme-tab{color:#283593;color:var(--text-secondary)}.dark-mode .theme-tab{color:#aaa}.theme-tab:hover{background:#1976d20d}.light-mode .theme-tab:hover{color:#1976d2;color:var(--primary-color)}.dark-mode .theme-tab:hover{color:#64b5f6}.theme-tab.active{background:#1976d2;background:var(--primary-color);box-shadow:0 2px 8px #1976d24d;color:#fff!important}.dark-mode .theme-tab.active{background:#0d47a1}.theme-tab.active .tab-count,.theme-tab.active .tab-icon,.theme-tab.active .tab-text{color:#fff!important}.tab-icon{font-size:1rem}@media (min-width:768px){.tab-icon{font-size:1.1rem}}.tab-count{border-radius:20px;font-size:.75rem;font-weight:700;padding:2px 6px}.light-mode .tab-count{background:#0000001a;color:#1a237e;color:var(--text-primary)}.dark-mode .tab-count{background:#ffffff1a;color:#f0f0f0}.theme-tab.active .tab-count{background:#ffffff4d;color:#fff!important}.theme-search{margin:0 8px 16px;position:relative}@media (min-width:768px){.theme-search{margin:0 16px 24px}}.search-input{border:1px solid;border-radius:50px;box-shadow:0 2px 8px #0000000d;padding:12px 40px 12px 16px;transition:all .3s ease}.light-mode .search-input{background:#fff;border-color:#e0e0e0;border-color:var(--border-color);color:#1a237e;color:var(--text-primary)}.dark-mode .search-input{background:#1a1a1a;border-color:#333;color:#f0f0f0}.search-input:focus{border-color:#1976d2;border-color:var(--primary-color);box-shadow:0 2px 12px #1976d233;outline:none}.dark-mode .search-input:focus{border-color:#64b5f6}.search-input::placeholder{color:#283593;color:var(--text-secondary);font-size:.9rem}.dark-mode .search-input::placeholder{color:#666}.search-clear{background:none;border:none;border-radius:50%;cursor:pointer;font-size:1rem;padding:4px;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:all .2s}.light-mode .search-clear{color:#283593;color:var(--text-secondary)}.dark-mode .search-clear{color:#666}.search-clear:hover{background:#0000000d}.light-mode .search-clear:hover{color:#1a237e;color:var(--text-primary)}.dark-mode .search-clear:hover{background:#ffffff1a;color:#f0f0f0}.tab-content{margin:0 8px;padding-bottom:20px}@media (min-width:768px){.tab-content{margin:0 16px;padding-bottom:40px}}.themes-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}@media (min-width:768px){.themes-grid{gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:30px}}@media (min-width:1024px){.themes-grid{gap:20px;grid-template-columns:repeat(4,1fr)}}@media (max-width:380px){.themes-grid{grid-template-columns:1fr}}.theme-card{border:1px solid #0000;border-radius:10px;box-shadow:0 2px 8px #00000014;cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.light-mode .theme-card{background:#fff}.dark-mode .theme-card{background:#1a1a1a}.theme-card:hover{box-shadow:0 6px 20px #0000001f;transform:translateY(-4px)}.light-mode .theme-card:hover{border-color:#1976d233}.dark-mode .theme-card:hover{border-color:#64b5f64d}.theme-card.active{border-color:#1976d2;border-color:var(--primary-color);box-shadow:0 4px 16px #1976d233}.dark-mode .theme-card.active{border-color:#64b5f6}.theme-card-preview{height:100px;padding:12px;position:relative}@media (min-width:768px){.theme-card-preview{height:120px;padding:16px}}.preview-colors{align-items:center;display:flex;gap:8px;height:100%;justify-content:center}.color-dot{border-radius:50%;box-shadow:0 2px 6px #00000026;height:30px;transition:transform .3s ease;width:30px}@media (min-width:768px){.color-dot{height:36px;width:36px}}.theme-card:hover .color-dot{transform:scale(1.1)}.color-dot.primary{background-color:#1976d2;background-color:var(--primary-color);height:40px;width:40px}@media (min-width:768px){.color-dot.primary{height:48px;width:48px}}.color-dot.secondary{background-color:#dc004e;background-color:var(--secondary-color);height:35px;width:35px}@media (min-width:768px){.color-dot.secondary{height:42px;width:42px}}.color-dot.background{background-color:#fff;background-color:var(--background-color);border:1px solid #0000001a}.dark-mode .color-dot.background{border:1px solid #ffffff1a}.color-dot.text{background-color:#1a237e;background-color:var(--text-primary);border:1px solid #0000001a}.dark-mode .color-dot.text{border:1px solid #ffffff1a}.theme-mode-indicator{border-radius:50%;box-shadow:0 1px 4px #0000001a;font-size:1rem;padding:6px;position:absolute;right:10px;top:10px}.light-mode .theme-mode-indicator{background:#ffffffe6}.dark-mode .theme-mode-indicator{background:#1a1a1ae6}.theme-card-content{padding:12px}@media (min-width:768px){.theme-card-content{padding:16px}}.theme-header{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}@media (min-width:768px){.theme-header{align-items:flex-start;flex-direction:row;justify-content:space-between}}.theme-name{color:#1a237e;color:var(--text-primary);font-size:.95rem;font-weight:700;margin:0}.dark-mode .theme-name{color:#f0f0f0}.theme-date{color:#283593;color:var(--text-secondary);font-size:.75rem;white-space:nowrap}.dark-mode .theme-date{color:#777}.theme-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;color:#283593;color:var(--text-secondary);display:-webkit-box;font-size:.8rem;height:32px;line-height:1.3;margin:0 0 12px;overflow:hidden;text-overflow:ellipsis}.dark-mode .theme-description{color:#aaa}.theme-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.theme-tag{border-radius:20px;font-size:.75rem;font-weight:500;padding:3px 8px}.light-mode .theme-tag{background:#0000000d;color:#283593;color:var(--text-secondary)}.dark-mode .theme-tag{background:#ffffff1a;color:#aaa}.theme-actions{display:flex;gap:6px;justify-content:flex-end}.action-button{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:.9rem;height:28px;justify-content:center;transition:all .2s ease;width:28px}@media (min-width:768px){.action-button{font-size:1rem;height:32px;width:32px}}.export-button{background:#1976d21a;color:#1976d2;color:var(--primary-color)}.dark-mode .export-button{background:#64b5f61a}.export-button:hover{background:#1976d233}.dark-mode .export-button:hover{background:#64b5f633}.delete-button{color:#f44336;color:var(--error-color)}.dark-mode .delete-button,.delete-button{background:#f443361a}.delete-button:hover{background:#f4433633}.delete-button.confirm,.theme-active-indicator{background:#4caf50;background:var(--success-color);color:#fff}.theme-active-indicator{align-items:center;animation:fadeIn .3s ease;border-radius:20px;display:flex;font-size:.75rem;font-weight:600;gap:4px;left:10px;padding:4px 10px;position:absolute;top:10px}.active-dot{animation:pulse 2s infinite;background:#fff}.theme-duplicate-button{align-items:center;border:none;border-radius:50%;bottom:10px;box-shadow:0 1px 4px #0000001a;cursor:pointer;display:flex;font-size:.9rem;height:26px;justify-content:center;position:absolute;right:10px;transition:all .2s ease;width:26px}.light-mode .theme-duplicate-button{background:#ffffffe6}.dark-mode .theme-duplicate-button{background:#ffffff1a;color:#f0f0f0}.theme-duplicate-button:hover{box-shadow:0 2px 8px #00000026;transform:scale(1.1)}.light-mode .theme-duplicate-button:hover{background:#fff}.dark-mode .theme-duplicate-button:hover{background:#fff3}.actions-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}@media (min-width:768px){.actions-grid{gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:30px}}@media (min-width:1024px){.actions-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:380px){.actions-grid{grid-template-columns:1fr}}.action-card{border:1px solid #0000;border-radius:10px;box-shadow:0 2px 8px #00000014;cursor:pointer;overflow:hidden;padding:14px;position:relative;transition:all .3s ease}.light-mode .action-card{background:#fff}.dark-mode .action-card{background:#1a1a1a}.action-card:hover{border-color:#1976d2;border-color:var(--primary-color);box-shadow:0 6px 20px #00000026;transform:translateY(-4px)}.dark-mode .action-card:hover{border-color:#64b5f6}.action-card:before{background:#1976d2;background:var(--primary-color);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.action-card:hover:before{opacity:1}.action-icon{font-size:1.8rem;margin-bottom:10px;transition:transform .3s ease}.action-card:hover .action-icon{transform:scale(1.1)}.action-content{margin-bottom:10px}.action-content h4{color:#1a237e;color:var(--text-primary);font-size:.95rem;font-weight:700;margin:0 0 6px}.dark-mode .action-content h4{color:#f0f0f0}.action-content p{color:#283593;color:var(--text-secondary);font-size:.8rem;line-height:1.3;margin:0}.dark-mode .action-content p{color:#aaa}.action-arrow{bottom:14px;color:#1976d2;color:var(--primary-color);font-size:1rem;position:absolute;right:14px;transition:transform .3s ease}.dark-mode .action-arrow{color:#64b5f6}.action-card:hover .action-arrow{transform:translateX(4px)}.mode-section{border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:20px;padding:16px}@media (min-width:768px){.mode-section{margin-bottom:30px;padding:24px}}.light-mode .mode-section{background:#fff}.dark-mode .mode-section{background:#1a1a1a}.mode-cards{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr;margin-bottom:20px}@media (min-width:768px){.mode-cards{gap:16px;grid-template-columns:repeat(2,1fr)}}.mode-card{border:2px solid #0000;border-radius:10px;cursor:pointer;overflow:hidden;padding:16px;position:relative;transition:all .3s ease}.light-mode .mode-card{background:#f5f5f5;background:var(--surface-color)}.dark-mode .mode-card{background:#2a2a2a}.mode-card:hover{box-shadow:0 6px 16px #00000026;transform:translateY(-3px)}.mode-card.active{background:#1976d21a;border-color:#1976d2;border-color:var(--primary-color);box-shadow:0 4px 16px #1976d233}.dark-mode .mode-card.active{background:#64b5f61a;border-color:#64b5f6}.mode-icon{font-size:2rem;margin-bottom:12px}@media (min-width:768px){.mode-icon{font-size:2.5rem}}.mode-content h4{color:#1a237e;color:var(--text-primary);font-size:1.1rem;font-weight:700;margin:0 0 8px}.dark-mode .mode-content h4{color:#f0f0f0}.mode-content p{color:#283593;color:var(--text-secondary);font-size:.9rem;line-height:1.4;margin:0 0 12px}.dark-mode .mode-content p{color:#aaa}.mode-features{list-style:none;margin:0;padding:0}.mode-features li{color:#283593;color:var(--text-secondary);font-size:.8rem;margin-bottom:6px;padding-left:18px;position:relative}.dark-mode .mode-features li{color:#aaa}.mode-features li:before{color:#4caf50;color:var(--success-color);content:"✓";font-weight:700;left:0;position:absolute}.mode-check{background:#4caf50;background:var(--success-color);border-radius:20px;color:#fff;font-size:.8rem;font-weight:600;padding:5px 12px;position:absolute;right:16px;top:16px}.theme-tab.active *{color:#fff!important}@media (max-width:767px){.theme-settings-header{min-height:auto;padding-bottom:12px;padding-top:12px}.header-title{font-size:1.3rem}.header-subtitle{font-size:.85rem}}@media (min-width:768px){.theme-settings-header{padding-bottom:20px;padding-top:20px}}.dashboard-wrapper{min-height:100vh;transition:all .3s ease}.main-header{align-items:center;box-shadow:0 2px 10px #0000001a;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1rem 1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.header-left{flex:0 0 auto;min-width:200px}.header-logo{align-items:center;display:flex;gap:1rem}.header-logo-icon,.pwi-logo{align-items:center;display:flex;justify-content:center}.pwi-logo{border-radius:12px;flex-shrink:0;font-size:1.5rem;height:48px;width:48px}.header-logo-text h1{font-size:1.25rem;font-weight:600;line-height:1.2;margin:0}.header-logo-text p{font-size:.875rem;margin:.25rem 0 0}.header-center{flex:1 1;margin:0 1rem;max-width:500px;min-width:250px}.search-box{border:2px solid;border-radius:8px;padding:.75rem 1rem;position:relative;transition:all .3s ease}.search-box:focus-within{box-shadow:0 0 0 3px #10b9811a}.search-icon{font-size:1.125rem;left:1rem}.search-input{background:#0000;border:none;font-size:.95rem;outline:none;padding-left:2.5rem;width:100%}.search-input::placeholder{opacity:.7}.header-right{flex:0 0 auto}.header-actions{gap:.75rem}.theme-toggle{align-items:center;border:2px solid;border-radius:8px;cursor:pointer;display:flex;font-size:1.25rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.theme-toggle:hover{transform:translateY(-2px)}.navigation-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto;padding:0 1.5rem;position:-webkit-sticky;position:sticky;top:81px;z-index:999}.tabs-container{gap:1.5rem;min-width:-webkit-min-content;min-width:min-content;padding-bottom:.5rem}.tab-btn{align-items:center;background:none;border-bottom:3px solid #0000;display:flex;flex-shrink:0;font-size:.95rem;font-weight:500;gap:.5rem;padding:1rem 0;transition:all .3s ease;white-space:nowrap}.tab-btn:hover{color:#10b981}.tab-btn.active{border-bottom-color:#10b981;font-weight:600}.tab-icon{font-size:1.125rem}.dashboard-main{margin:0 auto;max-width:1400px;padding:1.5rem;width:100%}.section-header{align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.section-title-wrapper{flex:1 1;flex-direction:column;gap:.5rem;min-width:250px}.section-title{font-size:1.5rem;gap:.75rem}.title-icon{color:#10b981;font-size:1.5rem}.section-subtitle{font-size:.95rem;line-height:1.5}.generate-report-btn{align-items:center;background-color:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.95rem;font-weight:600;gap:.5rem;height:-webkit-fit-content;height:fit-content;padding:.75rem 1.5rem;transition:all .3s ease;white-space:nowrap}.generate-report-btn:hover{background-color:#059669;box-shadow:0 10px 25px #00000026;transform:translateY(-2px)}.stats-grid{grid-gap:1.25rem;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.stat-card{border:2px solid;padding:1.5rem;transition:all .3s ease}.stat-card:hover{box-shadow:0 10px 25px #00000026}.stat-content{align-items:center;display:flex;gap:1.25rem}.stat-icon{font-size:1.5rem}.stat-info{flex:1 1;min-width:0}.stat-value{font-size:1.75rem}.stat-label{font-size:.95rem;line-height:1.2;margin-bottom:.5rem}.stat-change{align-items:center;display:flex;font-size:.95rem;font-weight:600;gap:.5rem}.trend-arrow.up{color:#10b981}.trend-arrow.down{color:#ef4444}.quick-access-section{margin:2rem 0}.department-buttons-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.department-button{align-items:center;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;min-height:120px;padding:1.5rem 1rem;text-align:center;transition:all .3s ease}.department-button:hover{box-shadow:0 10px 25px #00000026;opacity:.9;transform:translateY(-4px)}.dept-button-icon{font-size:2rem}.dept-button-text{font-size:1rem;font-weight:600}.activities-list{border:2px solid;border-radius:12px;overflow:hidden}.activity-item{align-items:flex-start;border-bottom:1px solid;display:flex;gap:1rem;padding:1.25rem;transition:all .3s ease}.activity-item:last-child{border-bottom:none}.activity-item:hover{background-color:#10b9810d}.activity-icon{flex-shrink:0;font-size:1.25rem;margin-top:.25rem}.activity-content{flex:1 1;min-width:0}.activity-text{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.5rem}.activity-user{font-weight:600}.activity-meta{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.activity-department{border-radius:20px;font-size:.875rem;font-weight:500;padding:.375rem .75rem;white-space:nowrap}.activity-time{font-size:.875rem}.departments-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.department-card{border:2px solid;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;padding:1.5rem;transition:all .3s ease}.department-card:hover{border-color:#10b981;box-shadow:0 10px 25px #00000026;transform:translateY(-4px)}.dept-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1rem}.dept-icon{align-items:center;border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:1.75rem;height:56px;justify-content:center;width:56px}.dept-name{font-size:1.25rem;font-weight:700;margin:0 0 .5rem}.dept-desc{font-size:.95rem;line-height:1.5;margin:0}.dept-sub-sections{margin-top:1.5rem}.sub-sections-title{font-size:.95rem;font-weight:600;margin-bottom:.75rem}.sub-sections-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}.sub-section-btn{align-items:center;border:1px solid;border-radius:8px;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem;text-align:left;transition:all .3s ease}.sub-section-btn:hover{background-color:#10b9811a;border-color:#10b981;transform:translateX(4px)}.sub-section-icon{flex-shrink:0;font-size:1rem}.sub-section-text{flex:1 1;line-height:1.4}.dept-btn{align-items:center;border-radius:8px;color:#fff;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:auto;padding:.875rem 1.5rem;transition:all .3s ease;width:100%}.dept-btn:hover{box-shadow:0 10px 25px #00000026;opacity:.9;transform:scale(1.02)}.dept-btn-icon{font-size:1rem}.production-main-card,.production-overview-section{margin-bottom:2rem}.production-dept-card{border:2px solid #10b981;border-radius:16px;cursor:pointer;padding:2rem;transition:all .3s ease}.production-dept-card:hover{box-shadow:0 15px 35px #10b98126;transform:translateY(-4px)}.dept-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin:1.5rem 0}.dept-stat{align-items:center;border-radius:12px;display:flex;flex-direction:column;justify-content:center;padding:1.25rem;text-align:center}.dept-stat .stat-label{font-size:.875rem;margin-bottom:.5rem}.dept-stat .stat-value{font-size:1.75rem;font-weight:700;margin:0}.production-modules-section{border-radius:12px;margin-top:2rem;padding:2rem}.modules-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.module-card{border:2px solid;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;padding:1.5rem;transition:all .3s ease}.module-card:hover{border-color:#10b981;box-shadow:0 10px 25px #00000026;transform:translateY(-4px)}.module-header{gap:1rem;margin-bottom:1rem}.module-header,.module-icon{align-items:center;display:flex}.module-icon{border-radius:12px;color:#fff;flex-shrink:0;font-size:1.5rem;height:48px;justify-content:center;width:48px}.module-name{font-size:1.125rem;font-weight:600;margin:0}.module-desc{flex:1 1;font-size:.95rem;line-height:1.5;margin:0 0 1.5rem}.module-btn{align-items:center;align-self:flex-start;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .3s ease}.module-btn:hover{box-shadow:0 10px 25px #00000026;opacity:.9;transform:translateY(-2px)}@media (max-width:1024px){.main-header{align-items:stretch;flex-direction:column;gap:1rem;padding:1rem}.header-center,.header-left,.header-right{margin:0;width:100%}.header-center{order:3}.header-logo{justify-content:center;text-align:center}.header-actions{flex-wrap:wrap;justify-content:center}.navigation-tabs{padding:0 1rem;top:160px}.dashboard-main{padding:1rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.departments-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.dept-stats{grid-template-columns:repeat(3,1fr)}.modules-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:768px){.dashboard-main{padding:1rem .75rem}.section-title{font-size:1.25rem}.section-subtitle{font-size:.875rem}.stats-grid{gap:1rem;grid-template-columns:1fr}.stat-card{padding:1.25rem}.stat-content{gap:1rem}.stat-icon{font-size:1.25rem;height:48px;width:48px}.stat-value{font-size:1.5rem}.department-buttons-grid{gap:.75rem;grid-template-columns:repeat(2,1fr)}.department-button{min-height:100px;padding:1rem .75rem}.dept-button-icon{font-size:1.5rem}.dept-button-text{font-size:.875rem}.departments-grid{grid-template-columns:1fr}.department-card{padding:1.25rem}.dept-header{align-items:flex-start;flex-direction:column;gap:.75rem}.dept-icon{font-size:1.5rem;height:48px;width:48px}.dept-name{font-size:1.125rem}.dept-desc{font-size:.875rem}.sub-sections-grid{grid-template-columns:1fr}.sub-section-btn{font-size:.875rem;padding:.625rem}.dept-stats{gap:.75rem;grid-template-columns:1fr}.dept-stat{padding:1rem}.modules-grid{grid-template-columns:1fr}.module-card{padding:1.25rem}.module-icon{font-size:1.25rem;height:40px;width:40px}.module-name{font-size:1rem}.module-btn,.module-desc{font-size:.875rem}.module-btn{padding:.625rem 1.25rem}.generate-report-btn{font-size:.875rem;justify-content:center;padding:.875rem 1.25rem;width:100%}}@media (max-width:480px){.main-header{padding:.75rem}.pwi-logo{font-size:1.25rem;height:40px;width:40px}.header-logo-text h1{font-size:1.125rem}.header-logo-text p{font-size:.75rem}.search-box{padding:.625rem .875rem}.search-icon{font-size:1rem;left:.875rem}.search-input{font-size:.875rem;padding-left:2rem}.theme-toggle{font-size:1.125rem;height:36px;width:36px}.navigation-tabs{padding:0 .75rem}.tabs-container{gap:1rem}.tab-btn{font-size:.875rem;padding:.75rem 0}.tab-icon{font-size:1rem}.department-buttons-grid{grid-template-columns:1fr}.department-button{min-height:90px}.dept-button-icon{font-size:1.25rem}.activity-item{gap:.75rem;padding:1rem}.activity-icon{font-size:1.125rem}.activity-text{flex-direction:column;gap:.125rem}.activity-action,.activity-user{font-size:.875rem}.activity-meta{align-items:flex-start;flex-direction:column;gap:.5rem}.activity-department,.activity-time{font-size:.75rem}.production-modules-section{padding:1.25rem}.section-header{align-items:stretch;flex-direction:column;gap:.75rem}}.material-flow-chart{background:#fff;background:var(--color-surface,#fff);border:1px solid #e0e0e0;border:1px solid var(--color-border,#e0e0e0);border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md,0 4px 6px -1px #0000001a);padding:20px;transition:all .3s ease}.dark-mode .material-flow-chart,.theme-dark .material-flow-chart{background:#1a1a1a;background:var(--color-surface,#1a1a1a);border-color:#333;border-color:var(--color-border,#333);box-shadow:0 4px 6px -1px #0000004d}.chart-header{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--color-border,#e0e0e0);justify-content:space-between;margin-bottom:25px;padding-bottom:20px}.header-left h3{align-items:center;color:#1a237e;color:var(--color-text-primary,#1a237e);display:flex;font-size:18px;gap:10px;margin-bottom:5px}.header-left h3 svg{color:#1976d2;color:var(--color-primary,#1976d2)}.chart-subtitle{color:#283593;color:var(--color-text-secondary,#283593);font-size:14px;margin:0}.chart-controls{gap:20px}.control-group{align-items:center;display:flex;gap:10px}.control-group label{align-items:center;display:flex;font-size:14px;gap:5px}.control-group label,.control-group label svg{color:#283593;color:var(--color-text-secondary,#283593)}.control-select{background:#fff;background:var(--color-background,#fff);border:1px solid #e0e0e0;border:1px solid var(--color-border,#e0e0e0);border-radius:6px;color:#1a237e;color:var(--color-text-primary,#1a237e);cursor:pointer;font-family:inherit;font-size:14px;min-width:120px;outline:none;padding:8px 12px;transition:all .2s ease}.control-select:focus,.control-select:hover{border-color:#1976d2;border-color:var(--color-primary,#1976d2)}.control-select:focus{box-shadow:0 0 0 3px #1976d21a}.dark-mode .control-select,.theme-dark .control-select{background:#121212;background:var(--color-background,#121212);border-color:#333;border-color:var(--color-border,#333);color:#7986cb;color:var(--color-text-primary,#7986cb)}.btn-export-chart{align-items:center;background:#1976d2;background:var(--color-primary,#1976d2);border:1px solid #1976d2;border:1px solid var(--color-primary,#1976d2);border-radius:6px;color:#fff;color:var(--color-button-text,#fff);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .3s ease}.btn-export-chart:hover:not(:disabled){background:#0d47a1;background:var(--color-primary-dark,#0d47a1);border-color:#0d47a1;border-color:var(--color-primary-dark,#0d47a1);box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.btn-export-chart:disabled{background:#f5f5f5;background:var(--color-disabled,#f5f5f5);border-color:#e0e0e0;border-color:var(--color-border,#e0e0e0);color:#5c6bc0;color:var(--color-text-disabled,#5c6bc0);cursor:not-allowed}.dark-mode .btn-export-chart:disabled,.theme-dark .btn-export-chart:disabled{background:#2d2d2d;background:var(--color-disabled,#2d2d2d);border-color:#333;border-color:var(--color-border,#333);color:#6d6d6d;color:var(--color-text-disabled,#6d6d6d)}.chart-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:25px}.chart-stats .stat-card{align-items:center;background:#f8f9fa;background:var(--color-surface,#f8f9fa);border:1px solid #e0e0e0;border:1px solid var(--color-border,#e0e0e0);border-radius:10px;display:flex;gap:15px;padding:15px;transition:all .3s ease}.chart-stats .stat-card:hover{box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg,0 10px 15px -3px #0000001a);transform:translateY(-3px)}.dark-mode .chart-stats .stat-card,.theme-dark .chart-stats .stat-card{background:#1a1a1a;background:var(--color-surface,#1a1a1a);border-color:#333;border-color:var(--color-border,#333)}.stat-icon{border-radius:10px;font-size:20px;height:50px;width:50px}.stat-icon.production{background:#3498db1a;color:#3498db}.stat-icon.consumption{background:#e74c3c1a;color:#e74c3c}.stat-icon.efficiency{background:#9b59b61a;color:#9b59b6}.stat-icon.balance{background:#2ecc711a;color:#2ecc71}.dark-mode .stat-icon,.theme-dark .stat-icon{opacity:.9}.stat-content{min-width:0}.stat-label{color:#283593;color:var(--color-text-secondary,#283593);font-weight:600;margin-bottom:5px}.dark-mode .stat-label,.theme-dark .stat-label{color:#9fa8da;color:var(--color-text-secondary,#9fa8da)}.stat-value{color:#1a237e;color:var(--color-text-primary,#1a237e);font-size:20px;margin-bottom:5px}.dark-mode .stat-value,.theme-dark .stat-value{color:#7986cb;color:var(--color-text-primary,#7986cb)}.stat-trend{color:#283593;color:var(--color-text-secondary,#283593);font-size:11px}.dark-mode .stat-trend,.theme-dark .stat-trend{color:#9fa8da;color:var(--color-text-secondary,#9fa8da)}.chart-container{align-items:center;background:#fafafa;background:var(--color-surface,#fafafa);border:1px solid #e0e0e0;border:1px solid var(--color-border,#e0e0e0);border-radius:10px;display:flex;justify-content:center;margin-bottom:25px;min-height:400px;padding:20px}.dark-mode .chart-container,.theme-dark .chart-container{background:#1a1a1a;background:var(--color-surface,#1a1a1a);border-color:#333;border-color:var(--color-border,#333)}.custom-tooltip{background:#fff;background:var(--color-surface,#fff);border:1px solid #ddd;border:1px solid var(--color-border,#ddd);border-radius:8px;box-shadow:0 5px 15px #0000001a;box-shadow:var(--shadow-lg,0 5px 15px #0000001a);color:#1a237e;color:var(--color-text-primary,#1a237e);padding:15px}.dark-mode .custom-tooltip,.theme-dark .custom-tooltip{background:#1a1a1a;background:var(--color-surface,#1a1a1a);border-color:#333;border-color:var(--color-border,#333);color:#7986cb;color:var(--color-text-primary,#7986cb)}.tooltip-header{border-bottom:1px solid #eee;border-bottom:1px solid var(--color-border,#eee);color:#1a237e;color:var(--color-text-primary,#1a237e);font-size:14px;font-weight:600;margin-bottom:10px;padding-bottom:8px}.dark-mode .tooltip-header,.theme-dark .tooltip-header{border-bottom-color:#333;border-bottom-color:var(--color-border,#333);color:#7986cb;color:var(--color-text-primary,#7986cb)}.tooltip-content{display:flex;flex-direction:column;gap:8px}.tooltip-item{align-items:center;display:flex;font-size:13px;gap:10px}.tooltip-dot{border-radius:50%;display:inline-block;height:10px;width:10px}.tooltip-label{color:#283593;color:var(--color-text-secondary,#283593);min-width:120px}.dark-mode .tooltip-label,.theme-dark .tooltip-label{color:#9fa8da;color:var(--color-text-secondary,#9fa8da)}.tooltip-value{color:#1a237e;color:var(--color-text-primary,#1a237e);font-weight:600}.dark-mode .tooltip-value,.theme-dark .tooltip-value{color:#7986cb;color:var(--color-text-primary,#7986cb)}.no-chart-data{color:#283593;color:var(--color-text-secondary,#283593);text-align:center;width:100%}.empty-chart{align-items:center;display:flex;flex-direction:column;gap:15px;padding:40px 20px}.empty-chart svg{color:#283593;color:var(--color-text-secondary,#283593);opacity:.5}.empty-chart h4{color:#1a237e;color:var(--color-text-primary,#1a237e);font-size:18px;margin:0}.empty-chart p{color:#283593;color:var(--color-text-secondary,#283593);font-size:14px;margin:0}.dark-mode .empty-chart svg,.theme-dark .empty-chart svg{color:#9fa8da;color:var(--color-text-secondary,#9fa8da)}.dark-mode .empty-chart h4,.theme-dark .empty-chart h4{color:#7986cb;color:var(--color-text-primary,#7986cb)}.dark-mode .empty-chart p,.theme-dark .empty-chart p{color:#9fa8da;color:var(--color-text-secondary,#9fa8da)}.secondary-chart{border-top:1px solid #e0e0e0;border-top:1px solid var(--color-border,#e0e0e0);margin-top:25px;padding-top:20px}.dark-mode .secondary-chart,.theme-dark .secondary-chart{border-top-color:#333;border-top-color:var(--color-border,#333)}.secondary-chart h4{align-items:center;color:#1a237e;color:var(--color-text-primary,#1a237e);display:flex;font-size:16px;gap:10px;margin-bottom:15px}.dark-mode .secondary-chart h4,.theme-dark .secondary-chart h4{color:#7986cb;color:var(--color-text-primary,#7986cb)}.chart-loading{align-items:center;background:#fafafa;background:var(--color-surface,#fafafa);border:1px solid #e0e0e0;border:1px solid var(--color-border,#e0e0e0);border-radius:10px;display:flex;flex-direction:column;justify-content:center;min-height:400px}.dark-mode .chart-loading,.theme-dark .chart-loading{background:#1a1a1a;background:var(--color-surface,#1a1a1a);border-color:#333;border-color:var(--color-border,#333)}.chart-loading .loading-spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-top:3px solid #3498db;border:3px solid var(--color-border,#f3f3f3);border-radius:50%;border-top-color:var(--color-primary,#3498db);height:40px;margin-bottom:20px;width:40px}.dark-mode .chart-loading .loading-spinner,.theme-dark .chart-loading .loading-spinner{border-color:#333;border-color:var(--color-border,#333);border-top-color:#3498db;border-top-color:var(--color-primary,#3498db)}@media (max-width:768px){.chart-header{align-items:flex-start;flex-direction:column;gap:15px}.chart-controls{flex-direction:column;gap:10px;width:100%}.control-group{justify-content:space-between;width:100%}.control-select{flex:1 1;min-width:0}.chart-stats{grid-template-columns:1fr 1fr}.chart-container{padding:10px}.stat-card{flex-direction:column;gap:10px;text-align:center}.stat-icon{margin:0 auto}}@media (max-width:480px){.chart-stats{grid-template-columns:1fr}.material-flow-chart{padding:15px}.chart-container{min-height:350px;padding:10px}.secondary-chart{margin-top:20px;padding-top:15px}}.theme-transition *{transition:background-color .3s ease,color .3s ease,border-color .3s ease;transition:background-color var(--transition-base,.3s ease),color var(--transition-base,.3s ease),border-color var(--transition-base,.3s ease)}.control-select::placeholder{color:#5c6bc0;color:var(--color-input-placeholder,#5c6bc0)}.dark-mode .control-select::placeholder,.theme-dark .control-select::placeholder{color:#9fa8da;color:var(--color-input-placeholder,#9fa8da)}.control-select:focus{outline:2px solid #1976d2;outline:2px solid var(--color-primary,#1976d2);outline-offset:2px}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:#e0e0e0;stroke:var(--color-border,#e0e0e0)}.dark-mode .recharts-cartesian-grid-horizontal line,.dark-mode .recharts-cartesian-grid-vertical line,.theme-dark .recharts-cartesian-grid-horizontal line,.theme-dark .recharts-cartesian-grid-vertical line{stroke:#333;stroke:var(--color-border,#333)}.recharts-text{fill:#283593;fill:var(--color-text-secondary,#283593)}.dark-mode .recharts-text,.theme-dark .recharts-text{fill:#9fa8da;fill:var(--color-text-secondary,#9fa8da)}.recharts-legend-item-text{fill:#1a237e;fill:var(--color-text-primary,#1a237e);font-size:12px}.dark-mode .recharts-legend-item-text,.theme-dark .recharts-legend-item-text{fill:#7986cb;fill:var(--color-text-primary,#7986cb)}.btn-export-chart,.control-select,.stat-card{cursor:pointer;-webkit-user-select:none;user-select:none}.btn-export-chart:not(:disabled){animation:pulse 2s infinite}.btn-export-chart:not(:disabled):hover{animation:none}.chart-container,.chart-stats .stat-card{animation:fadeIn .5s ease-out}@media print{.material-flow-chart{border:1px solid #000;box-shadow:none}.btn-export-chart,.chart-controls{display:none}.chart-container{min-height:300px}}.production-metrics-dashboard{background:linear-gradient(135deg,#f8fafc,#f1f5f9);box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;min-height:100vh;padding:20px;width:100%}.production-metrics-dashboard .loading-container{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 20px #0000000d;display:flex;flex-direction:column;height:60vh;justify-content:center;margin:20px;padding:40px;text-align:center}.production-metrics-dashboard .spinner{animation:metrics-spin 1s linear infinite;color:#374151;font-size:3rem}@keyframes metrics-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.production-metrics-dashboard .connection-status{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:20px;color:#374151;font-size:.9rem;margin-top:10px;padding:8px 16px}.production-metrics-dashboard .departments-nav{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 25px #0000000f;margin:0 0 24px;padding:24px}.production-metrics-dashboard .departments-header{align-items:center;display:flex;gap:12px;margin-bottom:20px}.production-metrics-dashboard .departments-header h2{color:#374151;font-size:1.5rem;font-weight:600;margin:0}.production-metrics-dashboard .departments-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));width:100%}.production-metrics-dashboard .department-btn{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000a;cursor:pointer;display:flex;flex-direction:column;gap:10px;overflow:hidden;padding:20px;position:relative;text-align:left;transition:all .3s ease;width:100%}.production-metrics-dashboard .department-btn:before{background:inherit;bottom:0;content:"";left:0;opacity:.8;position:absolute;top:0;width:6px}.production-metrics-dashboard .department-btn:hover{border-color:#9ca3af;box-shadow:0 8px 25px #0000001a;transform:translateY(-4px)}.production-metrics-dashboard .department-btn.active{background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #3b82f6;box-shadow:0 8px 25px #3b82f626}.production-metrics-dashboard .dept-icon{align-items:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:12px;color:#374151;display:flex;font-size:1.8rem;height:60px;justify-content:center;margin-bottom:12px;transition:transform .3s ease;width:60px}.production-metrics-dashboard .department-btn:hover .dept-icon{transform:scale(1.1) rotate(5deg)}.production-metrics-dashboard .dept-name{color:#374151;font-size:1rem;font-weight:600;line-height:1.4}.production-metrics-dashboard .dept-table-info{color:#374151;font-size:.8rem;font-weight:500;margin-top:4px}.production-metrics-dashboard .dept-last-update{border-top:1px solid #f3f4f6;color:#6b7280;font-size:.75rem;font-style:italic;margin-top:6px;padding-top:6px}.production-metrics-dashboard .active-indicator{background:#3b82f6;border-radius:2px;bottom:-2px;box-shadow:0 2px 8px #3b82f666;height:4px;left:50%;position:absolute;transform:translateX(-50%);width:40px}.production-metrics-dashboard .dashboard-header{align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 25px #0000000f;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin:0 0 24px;padding:24px}.production-metrics-dashboard .header-left{flex:1 1;min-width:300px}.production-metrics-dashboard .dashboard-title{align-items:center;color:#374151;display:flex;font-size:1.8rem;font-weight:700;gap:16px;margin:0 0 12px}.production-metrics-dashboard .dept-title-icon{align-items:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:12px;color:#374151;display:flex;font-size:1.8rem;height:60px;justify-content:center;width:60px}.production-metrics-dashboard .connection-badge{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:1px solid #e5e7eb;border-radius:20px;color:#374151;font-size:.9rem;padding:8px 16px}.production-metrics-dashboard .connection-badge,.production-metrics-dashboard .last-update-badge{align-items:center;box-shadow:0 2px 5px #0000000d;display:inline-flex;font-weight:500;gap:6px;margin-left:12px}.production-metrics-dashboard .last-update-badge{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fbbf24;border-radius:20px;color:#92400e;font-size:.85rem;padding:6px 12px}.production-metrics-dashboard .dashboard-subtitle{color:#374151;font-size:.95rem;margin:0;padding-left:4px}.production-metrics-dashboard .table-info,.production-metrics-dashboard .unit-info{border-left:1px solid #d1d5db;color:#374151;margin-left:8px;padding-left:8px}.production-metrics-dashboard .header-right{align-items:center;display:flex;gap:20px}.production-metrics-dashboard .refresh-info{background:#f8fafc;border:1px solid #e5e7eb;border-radius:20px;color:#374151;font-size:.9rem;padding:8px 16px}.production-metrics-dashboard .refresh-btn{align-items:center;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000d;color:#374151;cursor:pointer;display:flex;font-weight:600;gap:10px;padding:12px 24px;transition:all .3s ease}.production-metrics-dashboard .refresh-btn:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#9ca3af;box-shadow:0 6px 20px #0000001a;transform:translateY(-2px)}.production-metrics-dashboard .refresh-btn:hover svg{animation:metrics-icon-spin .8s linear}@keyframes metrics-icon-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.production-metrics-dashboard .today-summary-section{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 25px #0000000f;margin:0 0 24px;padding:28px}.production-metrics-dashboard .section-title{align-items:center;border-bottom:2px solid #f3f4f6;color:#374151;display:flex;font-size:1.4rem;font-weight:700;gap:12px;margin:0 0 24px;padding-bottom:16px}.production-metrics-dashboard .today-summary-cards{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);width:100%}.production-metrics-dashboard .summary-card{background:linear-gradient(135deg,#fff,#fafbfc);border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 15px #0000000d;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.production-metrics-dashboard .summary-card:hover{box-shadow:0 12px 35px #0000001f;transform:translateY(-6px)}.production-metrics-dashboard .summary-card:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6,#10b981);content:"";height:4px;left:0;opacity:.7;position:absolute;right:0;top:0}.production-metrics-dashboard .summary-icon-wrapper{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.production-metrics-dashboard .summary-icon{align-items:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:14px;box-shadow:0 4px 12px #00000026;color:#374151;display:flex;font-size:1.8rem;height:60px;justify-content:center;transition:all .3s ease;width:60px}.production-metrics-dashboard .summary-card:hover .summary-icon{box-shadow:0 6px 20px #0003;transform:scale(1.1) rotate(10deg)}.production-metrics-dashboard .production-badge{align-items:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 2px 5px #0000000d;color:#374151;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:8px 16px}.production-metrics-dashboard .summary-content h3{align-items:center;color:#374151;display:flex;font-size:1.2rem;font-weight:700;justify-content:space-between;margin:0 0 20px}.production-metrics-dashboard .trend-up{align-items:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 2px 5px #0000000d;color:#374151;display:flex;font-size:.9rem;font-weight:600;gap:6px;padding:6px 12px}.production-metrics-dashboard .summary-main-value{align-items:baseline;display:flex;gap:12px;margin-bottom:24px}.production-metrics-dashboard .value-large{color:#374151;font-size:2.5rem;font-weight:800;text-shadow:1px 1px 2px #0000001a}.production-metrics-dashboard .value-unit{color:#374151;font-size:1.1rem;font-weight:500}.production-metrics-dashboard .summary-details{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;padding:16px}.production-metrics-dashboard .detail-row{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:12px;padding:10px 0}.production-metrics-dashboard .detail-row:last-child{border-bottom:none;margin-bottom:0}.production-metrics-dashboard .detail-label{align-items:center;display:flex;font-weight:500;gap:10px}.production-metrics-dashboard .detail-value{font-size:1rem;font-weight:600}.production-metrics-dashboard .efficiency-excellent{color:#10b981!important;font-weight:700!important}.production-metrics-dashboard .efficiency-good{color:#f59e0b!important;font-weight:700!important}.production-metrics-dashboard .efficiency-poor{color:#ef4444!important;font-weight:700!important}.production-metrics-dashboard .highlight-green,.production-metrics-dashboard .highlight-red,.production-metrics-dashboard .highlight-yellow{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 2px 5px #0000000d;color:#374151;font-size:.95rem;font-weight:600;padding:6px 14px}.production-metrics-dashboard .progress-indicator{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;margin-top:20px;padding:16px}.production-metrics-dashboard .progress-bar{background:#e5e7eb;border-radius:5px;box-shadow:inset 0 1px 3px #0000001a;height:10px;margin-bottom:12px;overflow:hidden}.production-metrics-dashboard .progress-fill{background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:5px;height:100%;transition:width .5s ease}.production-metrics-dashboard .progress-labels{color:#374151;display:flex;font-size:.9rem;font-weight:500;justify-content:space-between}.production-metrics-dashboard .status-badge{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 2px 5px #0000000d;color:#374151;font-size:.9rem;font-weight:600;padding:8px 16px}.production-metrics-dashboard .efficiency-details{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin:20px 0}.production-metrics-dashboard .metric-box{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e5e7eb;border-radius:12px;padding:16px;text-align:center;transition:transform .3s ease}.production-metrics-dashboard .metric-box:hover{box-shadow:0 4px 15px #00000014;transform:translateY(-2px)}.production-metrics-dashboard .metric-label{color:#374151;font-size:.85rem;font-weight:500;margin-bottom:8px}.production-metrics-dashboard .metric-value{font-size:1.3rem;font-weight:700}.production-metrics-dashboard .performance-message{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000d;color:#374151;display:flex;font-size:.95rem;font-weight:500;gap:12px;margin-top:20px;padding:16px}.production-metrics-dashboard .shift-performance-grid{grid-gap:12px;display:grid;gap:12px;margin:20px 0}.production-metrics-dashboard .shift-item{align-items:center;background:linear-gradient(135deg,#fff,#fafbfc);border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;gap:16px;padding:16px;transition:all .3s ease}.production-metrics-dashboard .shift-item:hover{border-color:#d1d5db;box-shadow:0 6px 20px #0000001a;transform:translateX(5px)}.production-metrics-dashboard .shift-icon{align-items:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:12px;color:#374151;display:flex;font-size:1.5rem;height:50px;justify-content:center;transition:transform .3s ease;width:50px}.production-metrics-dashboard .shift-item:hover .shift-icon{animation:metrics-bounce .5s ease;transform:scale(1.1)}@keyframes metrics-bounce{0%,to{transform:translateY(0) scale(1.1)}50%{transform:translateY(-5px) scale(1.1)}}.production-metrics-dashboard .shift-details{flex:1 1}.production-metrics-dashboard .shift-name{color:#374151;font-size:1rem;font-weight:600;margin-bottom:6px}.production-metrics-dashboard .shift-stats{align-items:center;display:flex;justify-content:space-between}.production-metrics-dashboard .shift-stat{color:#374151;font-size:.9rem;font-weight:500}.production-metrics-dashboard .shift-efficiency{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 2px 5px #0000000d;color:#374151;font-size:.9rem;font-weight:600;padding:6px 12px}.production-metrics-dashboard .shift-summary{border-top:2px solid #f3f4f6;display:flex;justify-content:space-between;margin-top:20px;padding-top:20px}.production-metrics-dashboard .summary-stat{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;flex:1 1;margin:0 8px;padding:12px;text-align:center}.production-metrics-dashboard .summary-stat:first-child{margin-left:0}.production-metrics-dashboard .summary-stat:last-child{margin-right:0}.production-metrics-dashboard .summary-stat span{color:#374151;display:block;font-size:.9rem;font-weight:500;margin-bottom:8px}.production-metrics-dashboard .summary-stat strong{color:#374151;font-size:1.3rem;font-weight:700}.production-metrics-dashboard .no-shift-data{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;color:#374151;padding:40px;text-align:center}.production-metrics-dashboard .no-shift-data p{color:#374151;font-size:.95rem}.production-metrics-dashboard .metrics-section{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 25px #0000000f;margin:0 0 24px;padding:28px}.production-metrics-dashboard .section-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:24px}.production-metrics-dashboard .target-info{align-items:center;color:#374151;display:flex;font-size:.9rem;gap:16px}.production-metrics-dashboard .info-item{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 2px 5px #0000000d;font-weight:500;padding:8px 16px}.production-metrics-dashboard .metrics-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr);width:100%}.production-metrics-dashboard .metric-card{background:linear-gradient(135deg,#fff,#fafbfc);border:1px solid #e5e7eb;border-left-width:5px;border-radius:16px;box-shadow:0 4px 15px #0000000d;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.production-metrics-dashboard .metric-card:hover{box-shadow:0 12px 35px #0000001f;transform:translateY(-6px)}.production-metrics-dashboard .metric-card:after{background:linear-gradient(180deg,#3b82f6,#8b5cf6,#10b981);bottom:0;content:"";left:0;position:absolute;top:0;width:5px}.production-metrics-dashboard .metric-header{align-items:flex-start;display:flex;gap:20px;margin-bottom:20px}.production-metrics-dashboard .metric-icon-wrapper{align-items:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 4px 10px #00000014;display:flex;height:60px;justify-content:center;transition:transform .3s ease;width:60px}.production-metrics-dashboard .metric-card:hover .metric-icon-wrapper{box-shadow:0 6px 20px #00000026;transform:scale(1.1) rotate(5deg)}.production-metrics-dashboard .metric-icon{color:#374151;font-size:1.8rem}.production-metrics-dashboard .metric-title{color:#374151;font-size:1.2rem;font-weight:700;margin:0 0 8px}.production-metrics-dashboard .metric-description{color:#374151;font-size:.9rem;line-height:1.5}.production-metrics-dashboard .metric-value{color:#374151;font-size:2.5rem;font-weight:800;margin-bottom:16px;text-shadow:1px 1px 2px #0000001a}.production-metrics-dashboard .metric-unit{color:#374151;font-size:1.1rem;font-weight:500;margin-left:8px}.production-metrics-dashboard .metric-change{align-items:center;display:flex;font-size:.95rem;gap:12px}.production-metrics-dashboard .change-indicator{align-items:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 2px 5px #0000000d;color:#374151;display:flex;font-weight:600;gap:6px;padding:8px 16px}.production-metrics-dashboard .change-label{color:#374151;font-size:.85rem;font-weight:500}.production-metrics-dashboard .table-section{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 25px #0000000f;margin:0 0 24px;padding:28px}.production-metrics-dashboard .table-container{border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 15px #0000000d;margin:20px 0;overflow-x:auto}.production-metrics-dashboard .production-table{border-collapse:collapse;min-width:1000px;width:100%}.production-metrics-dashboard .production-table thead{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.production-metrics-dashboard .production-table th{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-bottom:2px solid #e5e7eb;color:#374151;font-size:.95rem;font-weight:700;letter-spacing:.05em;padding:18px;text-align:left;text-transform:uppercase}.production-metrics-dashboard .production-table td{border-bottom:1px solid #f3f4f6;color:#374151;font-weight:500;padding:18px}.production-metrics-dashboard .production-table tbody tr:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.production-metrics-dashboard .date-cell,.production-metrics-dashboard .month-cell,.production-metrics-dashboard .shift-cell{color:#374151!important;font-weight:600}.production-metrics-dashboard .production-cell{color:#374151!important;font-weight:700}.production-metrics-dashboard .target-cell{color:#374151!important;font-weight:500}.production-metrics-dashboard .efficiency-cell{font-weight:700}.production-metrics-dashboard .efficiency-up{font-size:.9rem;margin-left:6px}.production-metrics-dashboard .shift-cell-content{align-items:center;display:flex;gap:12px}.production-metrics-dashboard .shift-icon-cell{align-items:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:10px;color:#374151;display:flex;font-size:1.3rem;height:40px;justify-content:center;width:40px}.production-metrics-dashboard .machines-list{max-width:200px}.production-metrics-dashboard .machine-count{color:#374151;font-size:.85rem;font-weight:500}.production-metrics-dashboard .table-footer{border-top:2px solid #f3f4f6;margin-top:20px;padding-top:20px}.production-metrics-dashboard .footer-note{align-items:center;color:#374151;display:flex;font-size:.9rem;font-weight:500;gap:10px}.production-metrics-dashboard .machine-section{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 25px #0000000f;margin:0 0 24px;padding:28px}.production-metrics-dashboard .machine-grid-inline{display:flex;flex-wrap:wrap;gap:20px;margin-top:20px}.production-metrics-dashboard .machine-card-inline{background:linear-gradient(135deg,#fff,#fafbfc);border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 15px #0000000d;flex:1 1;max-width:250px;min-width:220px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.production-metrics-dashboard .machine-card-inline:hover{box-shadow:0 12px 35px #0000001f;transform:translateY(-6px)}.production-metrics-dashboard .machine-card-inline:hover .machine-name-inline svg{animation:metrics-machine-spin .8s linear}@keyframes metrics-machine-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.production-metrics-dashboard .machine-header-inline{align-items:center;border-bottom:2px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.production-metrics-dashboard .machine-name-inline{align-items:center;color:#374151;display:flex;font-size:1.1rem;font-weight:700;gap:12px}.production-metrics-dashboard .status-indicator-inline{background:#374151;border-radius:50%;box-shadow:0 0 10px #0000001a;height:12px;width:12px}.production-metrics-dashboard .machine-details-inline{margin-bottom:16px}.production-metrics-dashboard .detail-inline{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:12px;padding:10px 0}.production-metrics-dashboard .detail-inline:last-child{border-bottom:none}.production-metrics-dashboard .detail-inline span{color:#374151;font-size:.9rem;font-weight:500}.production-metrics-dashboard .detail-inline strong{color:#374151;font-size:1rem;font-weight:700}.production-metrics-dashboard .progress-container-inline{background:#e5e7eb;border-radius:4px;box-shadow:inset 0 1px 3px #0000001a;height:8px;margin:16px 0;overflow:hidden}.production-metrics-dashboard .progress-bar-inline{background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:4px;height:100%;transition:width .5s ease}.production-metrics-dashboard .machine-status-inline{border-top:2px solid #f3f4f6;margin-top:16px;padding-top:16px;text-align:center}.production-metrics-dashboard .status-text-inline{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 2px 8px #00000014;color:#374151;display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.05em;padding:8px 16px;text-transform:uppercase}.production-metrics-dashboard .data-source-info{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 25px #0000000f;margin:0 0 24px;padding:28px}.production-metrics-dashboard .source-card{align-items:flex-start;background:linear-gradient(135deg,#fff,#fafbfc);border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 20px #0000000f;display:flex;gap:28px;padding:28px}.production-metrics-dashboard .source-icon-wrapper{align-items:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 15px #00000014;display:flex;height:70px;justify-content:center;width:70px}.production-metrics-dashboard .source-icon{color:#374151;font-size:2rem}.production-metrics-dashboard .source-content h3{color:#374151;font-size:1.3rem;font-weight:700;margin:0 0 20px}.production-metrics-dashboard .source-details{grid-gap:16px;display:grid;gap:16px;margin-bottom:24px}.production-metrics-dashboard .detail-item{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e5e7eb;border-radius:12px;display:flex;justify-content:space-between;padding:16px 20px;transition:transform .3s ease}.production-metrics-dashboard .detail-item:hover{box-shadow:0 4px 15px #00000014;transform:translateX(5px)}.production-metrics-dashboard .detail-label{color:#374151;font-size:.95rem;font-weight:600}.production-metrics-dashboard .detail-value{color:#374151;font-size:.95rem;font-weight:700}.production-metrics-dashboard .target-legend{border-top:2px solid #f3f4f6;margin-top:24px;padding-top:24px}.production-metrics-dashboard .legend-title{color:#374151;font-size:1.1rem;font-weight:700;margin-bottom:16px}.production-metrics-dashboard .legend-items{grid-gap:12px;display:grid;gap:12px}.production-metrics-dashboard .legend-item{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:14px;padding:14px 18px;transition:transform .3s ease}.production-metrics-dashboard .legend-item:hover{transform:translateX(5px)}.production-metrics-dashboard .legend-color{border-radius:4px;height:14px;width:14px}.production-metrics-dashboard .legend-item span{color:#374151;flex:1 1;font-size:.9rem;font-weight:500}.production-metrics-dashboard .report-cards-section{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr);margin:0 0 24px}.production-metrics-dashboard .report-card{background:linear-gradient(135deg,#fff,#fafbfc);border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 25px #0000000f;overflow:hidden;padding:28px;position:relative;transition:all .3s ease}.production-metrics-dashboard .report-card:hover{box-shadow:0 12px 35px #0000001f;transform:translateY(-6px)}.production-metrics-dashboard .report-card:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6);content:"";height:4px;left:0;opacity:.8;position:absolute;right:0;top:0}.production-metrics-dashboard .report-card-header{align-items:flex-start;border-bottom:2px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.production-metrics-dashboard .report-card-title{color:#374151;font-size:1.4rem;font-weight:700;margin:0}.production-metrics-dashboard .report-card-icon{align-items:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:12px;box-shadow:0 4px 12px #00000014;color:#374151;display:flex;font-size:1.8rem;height:60px;justify-content:center;width:60px}.production-metrics-dashboard .report-card-description{color:#374151;font-size:.95rem;line-height:1.6;margin-bottom:24px}.production-metrics-dashboard .report-features{margin:24px 0}.production-metrics-dashboard .feature-list{grid-gap:12px;display:grid;gap:12px;list-style:none;margin:0;padding:0}.production-metrics-dashboard .feature-item{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;display:flex;gap:12px;padding:12px;transition:all .3s ease}.production-metrics-dashboard .feature-item:hover{background:#f1f5f9;transform:translateX(5px)}.production-metrics-dashboard .feature-icon{align-items:center;background:#e0e7ff;border-radius:10px;color:#3b82f6;display:flex;font-size:1.2rem;height:40px;justify-content:center;width:40px}.production-metrics-dashboard .feature-text{color:#374151;flex:1 1;font-size:.95rem;font-weight:500}.production-metrics-dashboard .report-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin:24px 0}.production-metrics-dashboard .stat-item{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:16px;text-align:center;transition:all .3s ease}.production-metrics-dashboard .stat-item:hover{background:#f1f5f9;box-shadow:0 4px 15px #00000014;transform:translateY(-2px)}.production-metrics-dashboard .stat-value{color:#374151;font-size:1.8rem;font-weight:800;margin-bottom:8px;text-shadow:1px 1px 2px #0000001a}.production-metrics-dashboard .stat-label{color:#374151;font-size:.9rem;font-weight:500}.production-metrics-dashboard .report-actions{border-top:2px solid #f3f4f6;display:flex;gap:12px;margin-top:24px;padding-top:20px}.production-metrics-dashboard .report-btn{align-items:center;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-size:.95rem;font-weight:600;gap:10px;justify-content:center;padding:14px;transition:all .3s ease}.production-metrics-dashboard .primary-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 15px #3b82f633;color:#fff}.production-metrics-dashboard .primary-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 20px #3b82f64d;transform:translateY(-2px)}.production-metrics-dashboard .secondary-btn{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);box-shadow:0 4px 15px #0000000d;color:#374151}.production-metrics-dashboard .secondary-btn:hover{background:linear-gradient(135deg,#e5e7eb,#d1d5db);box-shadow:0 6px 20px #0000001a;transform:translateY(-2px)}.production-metrics-dashboard .dashboard-tabs{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:4px;margin-bottom:24px;padding:8px}.production-metrics-dashboard .tab-btn{background:#0000;border:none;border-radius:10px;color:#374151;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:600;padding:14px 20px;text-align:center;transition:all .3s ease}.production-metrics-dashboard .tab-btn:hover{background:#f1f5f9;color:#374151}.production-metrics-dashboard .tab-btn.active{background:#fff;box-shadow:0 4px 15px #00000014;color:#3b82f6}.production-metrics-dashboard .no-data-message{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 25px #0000000f;margin:0 0 24px;padding:50px;text-align:center}.production-metrics-dashboard .no-data-message h3{color:#374151;font-size:1.5rem;font-weight:700;margin:0 0 20px}.production-metrics-dashboard .no-data-message p{color:#374151;font-size:1rem;line-height:1.6;margin-bottom:16px;margin-left:auto;margin-right:auto;max-width:600px}.production-metrics-dashboard .positive{color:#10b981!important}.production-metrics-dashboard .warning{color:#f59e0b!important}.production-metrics-dashboard .negative{color:#ef4444!important}.production-metrics-dashboard .excellent,.production-metrics-dashboard .good{color:#10b981!important}.production-metrics-dashboard .needs-improvement{color:#ef4444!important}.production-metrics-dashboard .met{color:#10b981!important}.production-metrics-dashboard .not-met{color:#ef4444!important}.production-metrics-dashboard .success{color:#10b981!important}.production-metrics-dashboard .active-pulse{animation:metrics-pulse 1.5s infinite;background:#10b981;border-radius:50%;box-shadow:0 0 10px #10b981;height:8px;margin-left:8px;width:8px}@keyframes metrics-pulse{0%{opacity:.7;transform:scale(.8)}50%{opacity:1;transform:scale(1)}to{opacity:.7;transform:scale(.8)}}@media (max-width:1200px){.production-metrics-dashboard .metrics-grid,.production-metrics-dashboard .today-summary-cards{grid-template-columns:repeat(2,1fr)}.production-metrics-dashboard .report-cards-section{grid-template-columns:1fr}}@media (max-width:992px){.production-metrics-dashboard .departments-grid{grid-template-columns:repeat(3,1fr)}.production-metrics-dashboard .report-stats{grid-template-columns:1fr}}@media (max-width:768px){.production-metrics-dashboard{padding:12px}.production-metrics-dashboard .dashboard-header,.production-metrics-dashboard .data-source-info,.production-metrics-dashboard .departments-nav,.production-metrics-dashboard .machine-section,.production-metrics-dashboard .metrics-section,.production-metrics-dashboard .report-card,.production-metrics-dashboard .table-section,.production-metrics-dashboard .today-summary-section{border-radius:12px;margin:0 0 20px;padding:20px}.production-metrics-dashboard .departments-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.production-metrics-dashboard .dashboard-header{align-items:stretch;flex-direction:column;gap:16px}.production-metrics-dashboard .header-right{flex-wrap:wrap;justify-content:space-between;width:100%}.production-metrics-dashboard .metrics-grid,.production-metrics-dashboard .today-summary-cards{gap:16px;grid-template-columns:1fr}.production-metrics-dashboard .machine-grid-inline{gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.production-metrics-dashboard .source-card{flex-direction:column;gap:20px}.production-metrics-dashboard .report-actions{flex-direction:column}.production-metrics-dashboard .dashboard-tabs{flex-wrap:wrap}.production-metrics-dashboard .tab-btn{flex-basis:calc(50% - 8px);flex-grow:1;flex-shrink:0;margin:4px}.production-metrics-dashboard .section-title{font-size:1.2rem}.production-metrics-dashboard .dashboard-title{flex-wrap:wrap;font-size:1.5rem}.production-metrics-dashboard .connection-badge{justify-content:center;margin-left:0;margin-top:8px;width:100%}}@media (max-width:576px){.production-metrics-dashboard{padding:8px}.production-metrics-dashboard .dashboard-header,.production-metrics-dashboard .data-source-info,.production-metrics-dashboard .departments-nav,.production-metrics-dashboard .machine-section,.production-metrics-dashboard .metrics-section,.production-metrics-dashboard .report-card,.production-metrics-dashboard .table-section,.production-metrics-dashboard .today-summary-section{border-radius:10px;margin:0 0 16px;padding:16px}.production-metrics-dashboard .departments-grid,.production-metrics-dashboard .machine-grid-inline{grid-template-columns:1fr}.production-metrics-dashboard .metric-card,.production-metrics-dashboard .summary-card{padding:20px}.production-metrics-dashboard .table-section{padding:16px}.production-metrics-dashboard .section-title{font-size:1.1rem}.production-metrics-dashboard .dashboard-title{font-size:1.3rem}.production-metrics-dashboard .metric-value,.production-metrics-dashboard .value-large{font-size:2rem}.production-metrics-dashboard .tab-btn{flex:1 0 100%}}@media (max-width:400px){.production-metrics-dashboard{padding:4px}.production-metrics-dashboard .dashboard-header,.production-metrics-dashboard .data-source-info,.production-metrics-dashboard .departments-nav,.production-metrics-dashboard .machine-section,.production-metrics-dashboard .metrics-section,.production-metrics-dashboard .report-card,.production-metrics-dashboard .table-section,.production-metrics-dashboard .today-summary-section{border-radius:8px;margin:0 0 12px;padding:12px}.production-metrics-dashboard .department-btn,.production-metrics-dashboard .metric-card,.production-metrics-dashboard .report-card,.production-metrics-dashboard .summary-card{padding:16px}.production-metrics-dashboard .dept-icon,.production-metrics-dashboard .dept-title-icon,.production-metrics-dashboard .report-card-icon,.production-metrics-dashboard .summary-icon{font-size:1.5rem;height:50px;width:50px}}:root{--color-indigo-50:#eef2ff;--color-indigo-100:#e0e7ff;--color-indigo-200:#c7d2fe;--color-indigo-300:#a5b4fc;--color-indigo-400:#818cf8;--color-indigo-500:#6366f1;--color-indigo-600:#4f46e5;--color-indigo-700:#4338ca;--color-indigo-800:#3730a3;--color-indigo-900:#312e81;--color-indigo-950:#1e1b4b;--color-navy-50:#f0f9ff;--color-navy-100:#e0f2fe;--color-navy-200:#bae6fd;--color-navy-300:#7dd3fc;--color-navy-400:#38bdf8;--color-navy-500:#0ea5e9;--color-navy-600:#0284c7;--color-navy-700:#0369a1;--color-navy-800:#075985;--color-navy-900:#0c4a6e;--color-navy-950:#082f49}.light-theme{--color-background:#fff;--color-surface:#f8fafc;--color-surface-elevated:#fff;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-tertiary:#94a3b8;--color-border:#e2e8f0;--color-border-light:#f1f5f9;--color-primary:#4f46e5;--color-primary-light:#e0e7ff;--color-primary-dark:#3730a3;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#06b6d4;--color-hover:#00000008;--color-overlay:#0000001a;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a}.dark-theme{--color-background:#0f172a;--color-surface:#1e293b;--color-surface-elevated:#334155;--color-text-primary:#f1f5f9;--color-text-secondary:#cbd5e1;--color-text-tertiary:#94a3b8;--color-border:#475569;--color-border-light:#334155;--color-primary:#818cf8;--color-primary-light:#818cf833;--color-primary-dark:#6366f1;--color-success:#34d399;--color-warning:#fbbf24;--color-error:#f87171;--color-info:#22d3ee;--color-hover:#ffffff0d;--color-overlay:#0000004d;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0000004d;--shadow-lg:0 10px 15px -3px #0000004d;--shadow-xl:0 20px 25px -5px #0000004d}.production-dashboard{background-color:var(--color-background);color:var(--color-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;min-height:100vh;transition:all .3s ease}.dashboard-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-top:20px;padding:20px}.dashboard-header,.dashboard-section{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;box-shadow:var(--shadow-md);margin-bottom:30px}.dashboard-card,.dashboard-section{padding:25px;transition:all .3s ease}.dashboard-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;box-shadow:var(--shadow-sm)}.dashboard-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.table-header{background-color:var(--color-surface-elevated);border-bottom:2px solid var(--color-border);color:var(--color-text-secondary);font-weight:600}.table-row{border-bottom:1px solid var(--color-border);transition:background-color .2s}.table-row:hover{background-color:var(--color-hover)}.badge{align-items:center;display:inline-flex;font-size:14px;font-weight:500;gap:6px}.badge-primary{background-color:var(--color-primary-light);border:1px solid var(--color-primary);color:var(--color-primary)}.badge-success{background-color:#10b9811a;border:1px solid var(--color-success);color:var(--color-success)}.badge-warning{background-color:#f59e0b1a;border:1px solid var(--color-warning);color:var(--color-warning)}.badge-error{background-color:#ef44441a;border:1px solid var(--color-error);color:var(--color-error)}.badge-info{background-color:#06b6d41a;border:1px solid var(--color-info);color:var(--color-info)}.icon-box{flex-direction:column;gap:8px}.icon-box,.icon-box-inner{align-items:center;display:flex;transition:all .3s ease}.icon-box-inner{border:3px solid;border-radius:12px;justify-content:center}.icon-box-label{color:var(--color-text-secondary);font-size:12px;font-weight:500;text-align:center}.btn{border:2px solid;border-radius:10px;font-family:inherit;font-size:14px;gap:10px;outline:none;transition:all .2s}.btn-primary{background-color:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary);color:#fff}.btn-outline{background-color:initial;border-color:var(--color-primary);color:var(--color-primary)}.btn-outline:hover:not(:disabled){background-color:var(--color-primary-light)}.btn-success{background-color:#10b9811a;border-color:var(--color-success);color:var(--color-success)}.btn-success:hover:not(:disabled){background-color:#10b98133}.btn-warning{background-color:#f59e0b1a;border-color:var(--color-warning);color:var(--color-warning)}.btn-warning:hover:not(:disabled){background-color:#f59e0b33}.chart-controls{gap:12px;margin-bottom:20px}.chart-controls,.chart-nav-btn{align-items:center;display:flex}.chart-nav-btn{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-secondary);cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;gap:8px;padding:8px 16px;transition:all .2s}.chart-nav-btn:hover:not(:disabled){background-color:var(--color-hover);color:var(--color-text-primary)}.chart-nav-btn:disabled{cursor:not-allowed;opacity:.5}.chart-title{align-items:center;color:var(--color-text-primary);display:flex;font-size:18px;font-weight:600;gap:10px;margin:0 0 20px}.chart-period{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;color:var(--color-text-secondary);font-size:14px;padding:4px 12px}.data-value{color:var(--color-text-primary);font-size:18px;font-weight:600}.data-label{align-items:center;color:var(--color-text-secondary);display:flex;font-size:14px;gap:8px;margin-bottom:10px}.data-unit{color:var(--color-text-tertiary);font-size:12px}.week-chart-labels{color:var(--color-text-secondary);display:flex;font-size:12px;justify-content:space-between;margin-top:15px}.week-label{min-width:50px;text-align:center}.week-label-day{color:var(--color-text-primary);font-weight:600;margin-bottom:2px}.week-label-date{color:var(--color-text-secondary);font-size:11px}.week-label-quantity{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-primary);display:block;font-size:11px;font-weight:600;margin-top:4px;padding:2px 6px}.chart-footer-stats{background-color:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:8px;display:flex;font-size:13px;justify-content:space-between;margin-top:15px;padding:12px 16px}.chart-footer-stat{align-items:center;display:flex;gap:6px}.chart-footer-label{color:var(--color-text-secondary)}.chart-footer-value{color:var(--color-text-primary);font-weight:600}.loading-state{border:1px solid var(--color-border);border-radius:8px}.empty-state,.loading-state{background-color:var(--color-surface);color:var(--color-text-secondary);font-size:16px;min-height:200px;padding:40px}.empty-state{border:1px dashed var(--color-border);border-radius:8px}.grid-cards{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-cards,.grid-charts{display:grid;margin-bottom:30px}.grid-charts{grid-gap:25px;gap:25px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.grid-info{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.no-decimals{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.spin-animation{animation:spin 1s linear infinite}.chart-details{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;margin-top:20px;padding:15px}.chart-details-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.chart-details-title{align-items:center;color:var(--color-text-primary);display:flex;font-size:16px;font-weight:600;gap:10px}.chart-details-content{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.chart-detail-item{background-color:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:6px;padding:10px}.chart-detail-label{align-items:center;color:var(--color-text-secondary);display:flex;font-size:12px;gap:6px;margin-bottom:5px}.chart-detail-value{color:var(--color-text-primary);font-size:16px;font-weight:600}.top-performers-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:20px}.top-performer-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:15px;transition:all .3s ease}.top-performer-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.top-performer-rank{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:700;height:30px;justify-content:center;margin-bottom:10px;width:30px}.top-performer-name{color:var(--color-text-primary);font-size:14px;font-weight:600;margin-bottom:5px}.top-performer-stats{color:var(--color-text-secondary);font-size:12px}.top-performer-production{color:var(--color-primary);font-size:18px;font-weight:700;margin:5px 0}.top-performer-efficiency{border-radius:12px;display:inline-block;font-size:13px;font-weight:600;padding:3px 8px}.efficiency-high{background-color:#10b9811a;color:var(--color-success)}.efficiency-medium{background-color:#f59e0b1a;color:var(--color-warning)}.efficiency-low{background-color:#ef44441a;color:var(--color-error)}.chart-empty-state{align-items:center;background-color:var(--color-surface);border:2px dashed var(--color-border);border-radius:8px;color:var(--color-text-secondary);display:flex;flex-direction:column;font-size:16px;gap:15px;justify-content:center;min-height:300px;padding:40px;text-align:center}.chart-empty-icon{color:var(--color-text-tertiary);font-size:48px;opacity:.5}.chart-container{margin-bottom:20px;position:relative}.stat-card-loading{overflow:hidden;position:relative}.stat-card-loading:after{animation:loading-shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}@keyframes loading-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@media (max-width:1024px){.grid-charts{grid-template-columns:1fr}}@media (max-width:768px){.dashboard-header{align-items:flex-start;flex-direction:column}.chart-controls{flex-wrap:wrap}.grid-cards{grid-template-columns:repeat(2,1fr)}.week-chart-labels{flex-wrap:wrap;gap:10px;justify-content:center}.week-label{min-width:45px}}@media (max-width:480px){.dashboard-card,.dashboard-section{padding:15px}.btn{font-size:13px;padding:8px 16px}.grid-cards{grid-template-columns:1fr}.chart-title{font-size:16px}}.production-dashboard-container{--color-background:var(--color-background,#fff);--color-surface:var(--color-surface,#f5f5f5);--color-text-primary:var(--color-text-primary,#1a237e);--color-text-secondary:var(--color-text-secondary,#283593);--color-border:var(--color-border,#e0e0e0);--color-primary:var(--color-primary,#1976d2);--color-accent:var(--color-primary,#1976d2);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--space-xs:0.5rem;--space-sm:0.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem}.dark-mode .production-dashboard-container{--color-background:var(--color-background,#0a0a0a);--color-surface:var(--color-surface,#1a1a1a);--color-text-primary:var(--color-text-primary,#7986cb);--color-text-secondary:var(--color-text-secondary,#9fa8da);--color-border:var(--color-border,#333)}.production-dashboard-container{background-color:var(--color-background);color:var(--color-text-primary);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,sans-serif;min-height:100vh;transition:background-color .3s ease,color .3s ease}.database-status-banner{align-items:center;border-bottom:1px solid var(--color-border);display:flex;font-size:.875rem;gap:.5rem;padding:.625rem var(--space-lg);position:-webkit-sticky;position:sticky;top:0;z-index:50}.dark-mode .database-status-banner,.database-status-banner{background-color:var(--color-surface)}.dashboard-layout{display:flex;flex:1 1;min-height:calc(100vh - 45px)}.sidebar{background-color:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;transition:all .3s ease;width:280px;z-index:40}.sidebar.collapsed{width:70px}.sidebar-header{border-bottom:1px solid var(--color-border);gap:var(--space-md);padding:var(--space-lg);position:relative}.sidebar-icon{align-items:center;border-radius:var(--radius-md);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.sidebar-title{color:var(--color-text-primary);flex:1 1;font-size:1.125rem;font-weight:600}.collapse-btn{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;justify-content:center;padding:.25rem;transition:all .2s ease}.collapse-btn:hover{background-color:#0000000d}.dark-mode .collapse-btn:hover{background-color:#ffffff0d}.section-buttons{flex:1 1;flex-direction:column;gap:.25rem;overflow-y:auto}.section-btn,.section-buttons{display:flex;padding:var(--space-md)}.section-btn{align-items:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;gap:var(--space-md);overflow:hidden;position:relative;text-align:left;transition:all .3s ease}.sidebar.collapsed .section-btn{justify-content:center;padding:var(--space-md)}.section-btn:hover{border-color:var(--color-accent);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.section-btn.active{background-color:#1976d214;border-color:var(--color-primary)}.section-btn-icon{align-items:center;border-radius:var(--radius-md);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.sidebar.collapsed .section-btn-icon{height:36px;width:36px}.section-btn-text{flex:1 1;overflow:hidden}.section-btn-name{font-size:.875rem;font-weight:600;margin-bottom:.25rem}.section-btn-desc,.section-btn-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.section-btn-desc{color:var(--color-text-secondary);font-size:.75rem;line-height:1.2}.active-indicator{height:8px;right:-4px;top:50%;transform:translateY(-50%);width:8px}.active-dot,.active-indicator{border-radius:50%;position:absolute}.active-dot{bottom:4px;height:6px;left:50%;transform:translateX(-50%);width:6px}.sidebar-footer{border-top:1px solid var(--color-border);padding:var(--space-md)}.user-info{gap:var(--space-sm)}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,var(--color-primary),#42a5f5);border-radius:50%;color:#fff;flex-shrink:0;font-size:1rem;font-weight:600;height:40px;justify-content:center;width:40px}.user-details{flex:1 1;overflow:hidden}.user-name{color:var(--color-text-primary);font-size:.875rem;font-weight:600}.user-name,.user-role{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{color:var(--color-text-secondary);font-size:.75rem}.main-content{flex:1 1;overflow-y:auto;transition:all .3s ease}.main-content.expanded{margin-left:-210px}.content-header{align-items:flex-start;background-color:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:var(--space-lg);justify-content:space-between;padding:var(--space-lg)}.breadcrumb{flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-md)}.breadcrumb,.breadcrumb-btn{align-items:center;display:flex}.breadcrumb-btn{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-primary);cursor:pointer;font-size:.875rem;gap:.5rem;padding:.5rem .75rem;transition:all .2s ease}.breadcrumb-btn:hover{background-color:#1976d214;border-color:var(--color-primary)}.breadcrumb-separator{color:var(--color-text-secondary);font-size:.875rem}.breadcrumb-current{color:var(--color-text-primary);font-size:.875rem;font-weight:500}.page-title{align-items:center;color:var(--color-text-primary);display:flex;flex-wrap:wrap;font-size:1.75rem;font-weight:700;gap:var(--space-md);margin-bottom:.5rem}.title-icon{border-radius:var(--radius-md);flex-shrink:0;height:48px;width:48px}.title-sub{color:var(--color-text-secondary);font-size:.875rem;font-weight:400;margin-left:auto}.header-actions{gap:var(--space-sm)}.detail-btn,.export-btn,.print-btn,.sidebar-toggle-btn{align-items:center;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1rem;transition:all .2s ease;white-space:nowrap}.detail-btn{background-color:var(--color-primary);border:none;color:#fff}.detail-btn:hover{background-color:#1565c0;box-shadow:var(--shadow-md);transform:translateY(-1px)}.export-btn,.print-btn{background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-primary)}.export-btn:hover,.print-btn:hover{background-color:#00000005;border-color:var(--color-accent)}.dark-mode .export-btn:hover,.dark-mode .print-btn:hover{background-color:#ffffff0d}.sidebar-toggle-btn{background:none;border:1px solid var(--color-border);color:var(--color-text-primary);height:40px;justify-content:center;width:40px}.sidebar-toggle-btn:hover{background-color:#00000005;border-color:var(--color-accent)}.dark-mode .sidebar-toggle-btn:hover{background-color:#ffffff0d}.time-range-selector{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin:var(--space-lg);padding:var(--space-lg)}.selector-header{align-items:center;color:var(--color-text-primary);display:flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-bottom:var(--space-md)}.time-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.time-btn{align-items:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.time-btn:hover{background-color:#00000005;border-color:var(--color-accent)}.dark-mode .time-btn:hover{background-color:#ffffff0d}.time-btn.active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.report-type-selector{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin:0 var(--space-lg) var(--space-lg);padding:var(--space-lg)}.report-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.report-btn{align-items:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.report-btn:hover{background-color:#00000005;border-color:var(--color-accent)}.dark-mode .report-btn:hover{background-color:#ffffff0d}.report-btn.active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.report-content{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin:0 var(--space-lg) var(--space-lg);overflow:hidden}.report-header{background:linear-gradient(135deg,var(--color-primary),#42a5f5);color:#fff;padding:var(--space-lg)}.report-header h2{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.report-subtitle{font-size:.875rem;font-weight:400;margin-left:.5rem;opacity:.9}.report-meta{display:flex;flex-wrap:wrap;font-size:.875rem;gap:var(--space-md);opacity:.9}.meta-item{gap:.25rem}.report-body{padding:var(--space-lg)}.report-summary{padding:var(--space-md) 0}.summary-grid{grid-gap:var(--space-lg);gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.summary-card{background-color:var(--color-background);border:2px solid;border-radius:var(--radius-lg);padding:var(--space-lg)}.summary-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.summary-icon{align-items:center;border-radius:var(--radius-md);display:flex;height:48px;justify-content:center;margin-bottom:var(--space-md);width:48px}.summary-value{font-size:1.75rem;font-weight:700;line-height:1;margin-bottom:.5rem}.summary-label{font-size:.875rem;font-weight:500}.daily-report h3,.default-report h3,.item-wise-report h3,.machine-wise-report h3{color:var(--color-text-primary);font-size:1.25rem;font-weight:600;margin-bottom:var(--space-lg)}.item-list{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.item-card{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg)}.item-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.item-header{gap:var(--space-md);margin-bottom:var(--space-lg)}.item-icon{align-items:center;border-radius:var(--radius-md);display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.item-name{flex:1 1;font-size:.875rem}.item-stats{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(3,1fr);margin-bottom:var(--space-lg)}.item-stat{align-items:center;display:flex;flex-direction:column}.stat-value{font-size:1.125rem;margin-bottom:.25rem}.stat-label{color:var(--color-text-secondary);font-size:.75rem}.item-progress{background-color:#0000001a;border-radius:2px;height:4px;overflow:hidden}.dark-mode .item-progress{background-color:#ffffff1a}.progress-bar{height:100%;transition:width .3s ease}.machine-grid{grid-gap:var(--space-lg);gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.machine-card{background-color:var(--color-background);border:1px solid var(--color-border);padding:var(--space-lg)}.machine-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md)}.machine-header{gap:var(--space-md);margin-bottom:var(--space-lg)}.machine-icon{align-items:center;border-radius:var(--radius-md);display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.machine-name{font-size:.875rem}.machine-stats{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(3,1fr);text-align:center}.machine-stat{display:flex;flex-direction:column}.efficiency-high{color:#10b981}.downtime{color:#ef4444}.daily-table{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow-x:auto}.daily-table table{border-collapse:collapse;min-width:800px;width:100%}.daily-table th{background-color:var(--color-surface);border-bottom:2px solid var(--color-border);color:var(--color-text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.75rem 1rem;text-align:left;text-transform:uppercase}.daily-table td{border-bottom:1px solid var(--color-border);color:var(--color-text-primary);font-size:.875rem;padding:.75rem 1rem}.daily-table tr:hover{background-color:#00000005}.dark-mode .daily-table tr:hover{background-color:#ffffff0d}.efficiency-badge{border-radius:9999px;display:inline-block;font-size:.75rem;padding:.25rem .5rem}.trend{display:inline-block;font-size:1.25rem}.trend.up{color:#10b981}.trend.down{color:#ef4444}.quick-stats{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:0 var(--space-lg) var(--space-lg)}.stat-card.quick{align-items:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;gap:var(--space-md);padding:var(--space-lg);transition:all .3s ease}.stat-card.quick:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon{border-radius:var(--radius-md);flex-shrink:0;height:48px;width:48px}.stat-card.quick .stat-value{font-size:1.5rem;font-weight:700;line-height:1;margin-bottom:.25rem}.stat-card.quick .stat-label{color:var(--color-text-secondary);font-size:.875rem}.dashboard-footer{background-color:var(--color-surface);border-top:1px solid var(--color-border);margin-top:auto;padding:var(--space-lg)}.footer-content{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-lg);justify-content:space-between}.footer-left{flex:1 1;min-width:300px}.footer-title{color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.footer-subtitle{color:var(--color-text-secondary);font-size:.875rem;line-height:1.4}.footer-right{align-items:flex-end;display:flex;flex-direction:column;gap:var(--space-md)}.refresh-btn{align-items:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.refresh-btn:hover{background-color:#00000005;border-color:var(--color-accent)}.dark-mode .refresh-btn:hover{background-color:#ffffff0d}.footer-info{font-size:.75rem;gap:var(--space-md)}.info-item{gap:.25rem}.default-report{padding:var(--space-xl);text-align:center}.default-report p{color:var(--color-text-secondary);margin-top:var(--space-sm)}@media (max-width:1024px){.item-list,.machine-grid,.quick-stats,.summary-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dashboard-layout{flex-direction:column}.sidebar{border-bottom:1px solid var(--color-border);border-right:none}.sidebar,.sidebar.collapsed{height:70px;width:100%}.section-buttons,.sidebar-footer,.sidebar-header{display:none}.main-content.expanded{margin-left:0}.content-header{flex-direction:column;gap:var(--space-md)}.header-actions{justify-content:space-between;width:100%}.item-list,.machine-grid,.quick-stats,.summary-grid{grid-template-columns:1fr}.footer-content{flex-direction:column;gap:var(--space-md);text-align:center}.footer-right{align-items:center;width:100%}}@media (max-width:480px){.report-buttons,.time-buttons{flex-direction:column}.report-btn,.time-btn{justify-content:center;width:100%}.item-stats,.machine-stats{grid-template-columns:repeat(2,1fr)}.header-actions{flex-wrap:wrap}.detail-btn,.export-btn,.print-btn{flex:1 1;justify-content:center;min-width:120px}}@media print{.collapse-btn,.dashboard-footer,.header-actions,.report-type-selector,.sidebar,.sidebar-toggle-btn,.time-range-selector{display:none!important}.production-dashboard-container{background:#fff!important}.main-content{margin-left:0!important}.content-header,.quick-stats,.report-content{border:1px solid #ddd!important;box-shadow:none!important;break-inside:avoid;margin:.5cm!important;padding:.5cm!important;page-break-inside:avoid}.item-list,.machine-grid,.summary-grid{grid-template-columns:repeat(2,1fr)!important}*{color:#000!important}}.item-card,.machine-card,.stat-card.quick,.summary-card{animation:fadeIn .3s ease}.daily-table::-webkit-scrollbar,.section-buttons::-webkit-scrollbar{width:6px}.daily-table::-webkit-scrollbar-track,.section-buttons::-webkit-scrollbar-track{background:var(--color-surface);border-radius:3px}.daily-table::-webkit-scrollbar-thumb,.section-buttons::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.daily-table::-webkit-scrollbar-thumb:hover,.section-buttons::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.dark-mode .daily-table::-webkit-scrollbar-track,.dark-mode .section-buttons::-webkit-scrollbar-track{background:var(--color-surface)}.dark-mode .daily-table::-webkit-scrollbar-thumb,.dark-mode .section-buttons::-webkit-scrollbar-thumb{background:var(--color-border)}.section-btn[data-tooltip]{position:relative}.section-btn[data-tooltip]:after{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:var(--color-text-primary);content:attr(data-tooltip);font-size:.75rem;left:100%;margin-left:.5rem;opacity:0;padding:.5rem .75rem;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;visibility:hidden;white-space:nowrap;z-index:100}.sidebar.collapsed .section-btn[data-tooltip]:hover:after{opacity:1;visibility:visible}.detail-btn,.export-btn,.print-btn,.refresh-btn,.report-btn,.section-btn,.time-btn{transition:all .2s cubic-bezier(.4,0,.2,1)}.item-card,.machine-card,.stat-card.quick,.summary-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.breadcrumb-btn:focus,.detail-btn:focus,.export-btn:focus,.print-btn:focus,.refresh-btn:focus,.report-btn:focus,.section-btn:focus,.sidebar-toggle-btn:focus,.time-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.loading-state{min-height:300px;padding:var(--space-xl)}.loading-spinner{border:3px solid var(--color-border);height:40px;margin-bottom:var(--space-md);width:40px}.loading-text{color:var(--color-text-secondary);font-size:.875rem}.empty-state{min-height:300px;padding:var(--space-xl)}.empty-icon{color:var(--color-border);font-size:3rem;margin-bottom:var(--space-md)}.empty-title{font-size:1.25rem;margin-bottom:.5rem}.empty-description{color:var(--color-text-secondary);font-size:.875rem;line-height:1.5;max-width:400px}.dark-mode{.database-status-banner,.section-btn{background-color:var(--color-surface)}.section-btn:hover{background-color:#ffffff0d}.breadcrumb-btn,.export-btn,.print-btn,.refresh-btn,.report-btn,.time-btn{background-color:var(--color-surface)}.breadcrumb-btn:hover,.export-btn:hover,.print-btn:hover,.refresh-btn:hover,.report-btn:hover,.time-btn:hover{background-color:#ffffff0d}.item-card,.machine-card,.summary-card{background-color:var(--color-surface)}.daily-table tr:hover{background-color:#ffffff0d}.stat-card.quick{background-color:var(--color-surface)}}@media (prefers-contrast:high){.breadcrumb-btn,.detail-btn,.export-btn,.item-card,.machine-card,.print-btn,.refresh-btn,.report-btn,.section-btn,.stat-card.quick,.summary-card,.time-btn{border-width:2px}}:root{--primary-color:#2c3e50;--secondary-color:#3498db;--accent-color:#e74c3c;--success-color:#27ae60;--warning-color:#f39c12;--danger-color:#e74c3c;--info-color:#3498db;--filled-valid:#27ae60;--empty-required:#e74c3c;--filled-normal:#3498db;--bg-light:#f8f9fa;--bg-white:#fff;--bg-dark:#2c3e50;--bg-overlay:#00000080;--border-medium:#bdc3c7;--border-dark:#34495e;--text-dark:#2c3e50;--text-medium:#5d6d7e;--text-light:#7f8c8d;--text-white:#fff;--shadow-light:0 2px 10px #0000001a;--shadow-medium:0 4px 20px #00000026;--shadow-heavy:0 8px 30px #0003;--radius-xl:20px}.flattening-form *{box-sizing:border-box;margin:0;padding:0}.flattening-modal-overlay{align-items:flex-start;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000080;background:var(--bg-overlay);bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:16px;padding:var(--spacing-md);position:fixed;right:0;top:0;z-index:1000}.flattening-modal-container{animation:slideUp .3s ease;background:#fff;background:var(--bg-white);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 8px 30px #0003;box-shadow:var(--shadow-heavy);display:flex;flex-direction:column;margin:20px auto;max-height:calc(100vh - 40px);max-width:1200px;position:relative;width:100%}.modal-header{background:linear-gradient(135deg,#2c3e50,#1a252f);background:linear-gradient(135deg,var(--primary-color),#1a252f);border-radius:12px 12px 0 0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;color:var(--text-white);flex-shrink:0;padding:24px 32px;padding:var(--spacing-lg) var(--spacing-xl)}.header-content{gap:16px;gap:var(--spacing-md)}.header-icon{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;border-radius:var(--radius-md);font-size:24px}.edit-icon{background:#3498db1a;color:#3498db;color:var(--secondary-color)}.header-text h1{font-size:1.5rem;margin-bottom:4px}.header-text p{font-size:.9rem;gap:4px;gap:var(--spacing-xs);opacity:.9}.header-text p,.header-text p svg{color:#ffffffe6}.header-actions{flex-shrink:0;gap:8px;gap:var(--spacing-sm)}.back-button{background:#ffffff1a;border:1px solid #fff3;border-radius:4px;border-radius:var(--radius-sm);color:#fff;display:flex;font-size:.9rem;gap:6px;padding:8px 16px;transition:.2s ease;transition:var(--transition-fast)}.back-button:hover{background:#fff3}.back-button svg{color:#fff}.close-button{background:#e74c3c33;border:1px solid #e74c3c4d;border-radius:50%;color:#fff;font-size:18px;transition:.2s ease;transition:var(--transition-fast)}.close-button:hover{background:#e74c3c4d;transform:rotate(90deg)}.close-button svg{color:#fff}.flattening-modal-container form{flex:1 1;max-height:calc(100vh - 140px);overflow-y:auto;padding:32px;padding:var(--spacing-xl)}.flattening-modal-container form::-webkit-scrollbar{width:8px}.flattening-modal-container form::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.flattening-modal-container form::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.flattening-modal-container form::-webkit-scrollbar-thumb:hover{background:#555}.message{align-items:center;animation:slideIn .3s ease;border-radius:8px;border-radius:var(--radius-md);display:flex;flex-shrink:0;font-weight:500;gap:8px;gap:var(--spacing-sm);margin-bottom:16px;margin-bottom:var(--spacing-md);padding:16px;padding:var(--spacing-md)}.message.success{background:#27ae601a;border:1px solid #27ae6033;color:#27ae60;color:var(--success-color)}.message.error{background:#e74c3c1a;border:1px solid #e74c3c33;color:#e74c3c;color:var(--danger-color)}.message svg{flex-shrink:0}.completion-tracker{background:#fff;background:var(--bg-white);border:2px solid #e5e7eb;border-radius:8px;border-radius:var(--radius-md);box-shadow:0 2px 10px #0000001a;box-shadow:var(--shadow-light);margin-bottom:24px;margin-bottom:var(--spacing-lg);padding:24px;padding:var(--spacing-lg)}.tracker-header{align-items:center;margin-bottom:16px;margin-bottom:var(--spacing-md)}.tracker-title{align-items:center;gap:8px;gap:var(--spacing-sm)}.tracker-icon{color:#3b82f6;font-size:20px}.tracker-text{display:flex;flex-direction:column}.tracker-main-title{color:#1e293b;font-size:16px;font-weight:600}.tracker-subtitle{color:#64748b;font-size:13px;margin-top:2px}.completion-badge{background:#f0f9ff;border:2px solid #0ea5e9;border-radius:20px;color:#0369a1;font-size:14px;font-weight:700;padding:8px 15px}.completion-badge-full{color:#065f46}.completion-percentage{margin-left:8px}.progress-bar{background:#f1f5f9;border-radius:6px;height:12px;margin-bottom:12px}.progress-fill{background:linear-gradient(90deg,#0ea5e9,#38bdf8);border-radius:6px;transition:width .5s ease;width:0}.machine-marker{border:2px solid #f8fafc;box-shadow:0 1px 2px #0000001a;height:16px;width:16px}.marker-check{font-size:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.machine-list-container{margin-top:16px;margin-top:var(--spacing-md)}.machine-list-header{margin-bottom:8px;margin-bottom:var(--spacing-sm)}.machine-list-title{color:#1e293b;font-size:14px;font-weight:600}.machine-list-counts{font-size:13px;gap:8px}.completed-count{color:#10b981;font-weight:600}.pending-count{color:#6b7280;font-weight:600}.count-separator{color:#d1d5db}.machine-grid{grid-gap:8px;gap:8px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.machine-status{border:1px solid #e5e7eb;border-radius:4px;border-radius:var(--radius-sm);gap:6px;padding:6px 10px;position:relative}.machine-status,.machine-status-item{background:#f8fafc}.machine-icon-completed{font-size:14px}.machine-icon-pending{height:14px;width:14px}.machine-name{color:#1e293b;font-size:13px;font-weight:500}.current-machine-indicator{border:2px solid #fff;height:8px;position:absolute;right:-2px;top:-2px;width:8px}.all-completed-message{background:#d1fae5;border-radius:4px;border-radius:var(--radius-sm);color:#065f46;font-size:13px;font-weight:500;gap:8px;margin-top:16px;margin-top:var(--spacing-md);padding:8px;padding:var(--spacing-sm)}.all-completed-icon{color:#10b981}.bottom-section,.items-section,.overall-calculations,.target-section{background:#fff;background:var(--bg-white);border:1px solid #dee2e6;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 2px 10px #0000001a;box-shadow:var(--shadow-light);margin-bottom:24px;margin-bottom:var(--spacing-lg);padding:24px;padding:var(--spacing-lg)}.section-title{color:#2c3e50;color:var(--text-dark);font-size:1.1rem;margin-bottom:16px;margin-bottom:var(--spacing-md)}.section-title,.section-title-secondary{font-weight:600;gap:8px;gap:var(--spacing-sm)}.section-title-secondary{align-items:center;color:#5d6d7e;color:var(--text-medium);display:flex;font-size:1rem}.target-grid{grid-gap:16px;grid-gap:var(--spacing-md);gap:16px;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-field{display:flex;flex-direction:column;gap:6px}.form-label{color:#2c3e50;color:var(--text-dark);font-size:.9rem;gap:6px}.form-label.required:after{color:#e74c3c;color:var(--empty-required);content:" *";font-weight:700}.form-input{background:#fff;background:var(--bg-white);border:1px solid #bdc3c7;border:1px solid var(--border-medium);border-radius:4px;border-radius:var(--radius-sm);box-sizing:border-box;color:#2c3e50;color:var(--text-dark);font-size:.95rem;padding:10px 12px;transition:.2s ease;transition:var(--transition-fast)}.form-input:focus{border-color:#3498db;border-color:var(--secondary-color);box-shadow:0 0 0 3px #3498db1a;outline:none}.form-input.form-input-filled{background:#27ae600d;border-color:#27ae60;border-color:var(--filled-valid);color:#065f46;font-weight:600}.form-input.form-input-error{background:#e74c3c0d;border-color:#e74c3c;border-color:var(--empty-required);color:#7f1d1d}.form-select{background:#fff;background:var(--bg-white);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m19 9-7 7-7-7'/%3E%3C/svg%3E");background-position:right 12px center;background-size:14px;border:1px solid #bdc3c7;border:1px solid var(--border-medium);border-radius:4px;border-radius:var(--radius-sm);box-sizing:border-box;color:#2c3e50;color:var(--text-dark);font-size:.95rem;padding:10px 35px 10px 12px;transition:.2s ease;transition:var(--transition-fast)}.form-select:focus{border-color:#3498db;border-color:var(--secondary-color);box-shadow:0 0 0 3px #3498db1a;outline:none}.form-select.form-select-filled{background-color:#27ae600d;border-color:#27ae60;border-color:var(--filled-valid);color:#065f46;font-weight:600}.form-select.form-select-error{background-color:#e74c3c0d;border-color:#e74c3c;border-color:var(--empty-required);color:#7f1d1d}.form-select:disabled{background-color:#f8f9fa;background-color:var(--bg-light);cursor:not-allowed;opacity:.6}.display-field{background:#f8f9fa;background:var(--bg-light);border:1px solid #dee2e6;border:1px solid var(--border-light);border-radius:6px;color:#9ca3af;font-size:14px;padding:12px 15px}.display-field.display-field-filled{background:#27ae600d;border:2px solid #27ae60;border:2px solid var(--filled-valid);color:#065f46;font-size:15px;font-weight:600}.input-with-icon input{padding-right:40px;width:100%}.date-icon{color:#9ca3af;right:12px}.input-with-unit input{padding-right:70px;width:100%}.input-unit{color:#6b7280;font-size:13px;font-weight:500;pointer-events:none;right:15px}.select-checkmark{right:35px}.field-checkmark,.select-checkmark{color:#27ae60;color:var(--filled-valid)}.field-checkmark{pointer-events:none;right:12px}.error-indicator,.success-indicator{font-size:14px;margin-left:5px}.error-indicator{color:#e74c3c;color:var(--empty-required)}.success-indicator{color:#27ae60;color:var(--filled-valid)}.error-text{color:#e74c3c;color:var(--empty-required)}.field-hint{color:#6b7280;margin-top:4px}.efficiency-box{align-items:center;background:#f8f9fa;background:var(--bg-light);border:1px solid #dee2e6;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-md);display:flex;flex-direction:column;justify-content:center;min-height:100px;padding:16px;padding:var(--spacing-md)}.efficiency-box .form-label{color:#5d6d7e;color:var(--text-medium);margin-bottom:4px}.efficiency-value{font-size:1.8rem;margin:4px 0;transition:.3s ease;transition:var(--transition-normal)}.efficiency-label{color:#7f8c8d;color:var(--text-light);font-size:.8rem;letter-spacing:.5px;text-transform:uppercase}.items-header{margin-bottom:16px;margin-bottom:var(--spacing-md)}.add-item-btn{background:#27ae60;background:var(--success-color);border-radius:4px;border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;gap:6px;padding:8px 16px;transition:.2s ease;transition:var(--transition-fast)}.add-item-btn:hover{background:#219653;box-shadow:0 4px 20px #00000026;box-shadow:var(--shadow-medium);transform:translateY(-1px)}.add-item-btn svg{color:#fff}.table-container{background:var(--bg-white);border:1px solid #dee2e6;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-md);overflow-x:auto}.items-table{border-collapse:collapse;min-width:800px}.items-table thead{background:linear-gradient(135deg,#2c3e50,#1a252f);background:linear-gradient(135deg,var(--primary-color),#1a252f)}.items-table th{border-bottom:2px solid #34495e;border-bottom:2px solid var(--border-dark);color:#fff;font-size:.9rem;letter-spacing:.5px;padding:12px 16px;text-transform:uppercase}.items-table tbody tr{border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border-light);transition:.2s ease;transition:var(--transition-fast)}.items-table tbody tr:hover{background:#3498db0d}.items-table tbody tr:nth-child(2n){background:#f8f9fa;background:var(--bg-light)}.items-table td{padding:12px 16px}.item-select{-webkit-appearance:none;appearance:none;background:#fff;background:var(--bg-white);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m19 9-7 7-7-7'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:14px;border:1px solid #bdc3c7;border:1px solid var(--border-medium);border-radius:4px;border-radius:var(--radius-sm);cursor:pointer;font-size:.9rem;padding:8px 30px 8px 12px;transition:.2s ease;transition:var(--transition-fast);width:100%}.item-select.error{background-color:#e74c3c0d;border-color:#e74c3c;border-color:var(--empty-required)}.item-input{background:#fff;background:var(--bg-white);border:1px solid #bdc3c7;border:1px solid var(--border-medium);border-radius:4px;border-radius:var(--radius-sm);box-sizing:border-box;font-size:.9rem;padding:8px 12px;transition:.2s ease;transition:var(--transition-fast);width:100%}.item-input.readonly{background:#f8f9fa;background:var(--bg-light);border-color:#dee2e6;border-color:var(--border-light);color:#5d6d7e;color:var(--text-medium);cursor:not-allowed}.item-input.error{background-color:#e74c3c0d;border-color:#e74c3c;border-color:var(--empty-required)}.unit-cell{color:#5d6d7e;color:var(--text-medium);font-weight:600;text-align:center}.efficiency-cell{border-radius:4px;border-radius:var(--radius-sm);font-size:.9rem;font-weight:700;padding:8px;text-align:center;transition:.3s ease;transition:var(--transition-normal)}.action-cell{text-align:center;width:60px}.remove-item-btn{align-items:center;background:#e74c3c1a;border:1px solid #e74c3c33;border-radius:50%;color:#e74c3c;color:var(--danger-color);cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:.2s ease;transition:var(--transition-fast);width:32px}.remove-item-btn:hover{background:#e74c3c33;transform:scale(1.1)}.remove-item-btn svg{color:#e74c3c;color:var(--danger-color)}.operator-row{grid-gap:32px;grid-gap:var(--spacing-xl);display:grid;gap:32px;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.form-group{display:flex;flex-direction:column;gap:8px}.form-textarea{background:var(--bg-white);border:1px solid #bdc3c7;color:#2c3e50;color:var(--text-dark);font-size:.95rem;transition:.2s ease;transition:var(--transition-fast)}.form-textarea:focus{border-color:#3498db;border-color:var(--secondary-color);box-shadow:0 0 0 3px #3498db1a}.calculation-box{background:#f8fafc;border:2px solid #e5e7eb;border-radius:8px;border-radius:var(--radius-md);padding:24px;padding:var(--spacing-lg)}.calculation-box.active{background:#ecfdf5}.calculation-grid{grid-gap:16px;grid-gap:var(--spacing-md);gap:16px;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.calculation-item{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;border-radius:var(--radius-md);padding:16px;padding:var(--spacing-md)}.calculation-item.active{background:#d1fae5;border:2px solid #10b981}.calculation-label{color:#6b7280;font-size:12px;font-weight:600;margin-bottom:5px}.calculation-item.active .calculation-label{color:#065f46}.calculation-value{color:#374151;font-size:18px;font-weight:700}.calculation-item.active .calculation-value{color:#065f46;font-size:20px;font-weight:800}.calculation-unit{color:#374151;font-size:14px;font-weight:600}.calculation-item.active .calculation-unit{color:#065f46}.actions-section{background:#f8f9fa;background:var(--bg-light);border:1px solid #dee2e6;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-md);justify-content:space-between;margin-bottom:24px;margin-bottom:var(--spacing-lg);padding:24px;padding:var(--spacing-lg)}.actions-section,.total-info{align-items:center;display:flex}.total-info{color:#2c3e50;color:var(--text-dark);font-size:1.1rem;font-weight:600;gap:8px}.total-info span{color:#2c3e50;color:var(--primary-color);font-size:1.3rem}.action-buttons{gap:var(--spacing-sm)}.btn{border-radius:4px;border-radius:var(--radius-sm);display:flex;font-size:.95rem;font-weight:600;gap:8px;min-width:100px;padding:10px 20px;transition:.2s ease;transition:var(--transition-fast)}.btn:hover{box-shadow:0 4px 20px #00000026;box-shadow:var(--shadow-medium);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{box-shadow:none!important;opacity:.6;transform:none!important}.btn svg{font-size:16px}.btn-reset{background:#f1c40f;color:#2c3e50}.btn-reset:hover{background:#f39c12}.btn-new{background:#3498db;color:#fff}.btn-new:hover{background:#2980b9}.btn-cancel{background:#95a5a6;color:#fff}.btn-cancel:hover{background:#7f8c8d}.btn-submit{background:linear-gradient(135deg,#27ae60,#219653);color:#fff;min-width:140px}.btn-submit:hover{background:linear-gradient(135deg,#219653,#1e8449)}.database-info{border-radius:8px;border-radius:var(--radius-md);color:#fff;margin-top:24px;margin-top:var(--spacing-lg);padding:24px;padding:var(--spacing-lg)}.database-info,.debug-info{background:linear-gradient(135deg,#2c3e50,#34495e)}.info-header{align-items:center;display:flex;font-size:1rem;font-weight:600;gap:8px;gap:var(--spacing-sm);margin-bottom:16px;margin-bottom:var(--spacing-md)}.info-header,.info-header span,.info-header svg{color:#fff!important}.info-grid{grid-gap:16px;grid-gap:var(--spacing-md);gap:16px;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-item{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:4px;border-radius:var(--radius-sm);padding:16px;padding:var(--spacing-md)}.info-title{color:#e2e8f0!important;font-size:.8rem;font-weight:500;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.info-value{color:#fff!important;font-size:1.2rem;font-weight:700;margin-bottom:4px}.info-desc{color:#cbd5e1!important;font-size:.8rem}.connection-online{color:#4ade80!important}.connection-offline{color:#f87171!important}.mobile-floating-back{bottom:20px;left:50%;margin:0 auto;padding:10px 0;position:-webkit-sticky;position:sticky;transform:translateX(-50%);width:-webkit-fit-content;width:fit-content;z-index:1000}.floating-back-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2c3e50f2;border:none;border-radius:50px;box-shadow:0 4px 15px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:12px 24px;transition:.2s ease;transition:var(--transition-fast)}.floating-back-btn:hover{background:#2c3e50;box-shadow:0 6px 20px #0006;transform:translateY(-2px)}.floating-back-btn svg{color:#fff}.loading-container{padding:32px;padding:var(--spacing-xl)}.loading-spinner{border:4px solid #dee2e6;border-top-color:#3498db;border:4px solid var(--border-light);border-top-color:var(--secondary-color);margin-bottom:24px;margin-bottom:var(--spacing-lg)}.loading-container p{color:#2c3e50;color:var(--text-dark);font-size:1.1rem;font-weight:500;margin-bottom:16px;margin-bottom:var(--spacing-md)}@media (max-width:992px){.modal-header{padding:16px;padding:var(--spacing-md)}.header-icon{font-size:20px;height:40px;width:40px}.header-text h1{font-size:1.3rem}.flattening-modal-container form{padding:24px;padding:var(--spacing-lg)}.target-grid{grid-template-columns:repeat(2,1fr)}.operator-row{grid-template-columns:1fr}}@media (max-width:768px){.flattening-modal-overlay{align-items:stretch;padding:0}.flattening-modal-container{border-radius:0;margin:0;max-height:100vh;max-width:100%}.modal-header{align-items:flex-start;border-radius:0;flex-direction:column;gap:16px;gap:var(--spacing-md);padding:16px;padding:var(--spacing-md)}.header-actions{justify-content:space-between;width:100%}.back-button span{display:none}.flattening-modal-container form{max-height:calc(100vh - 120px);padding:16px;padding:var(--spacing-md)}.target-grid{grid-template-columns:1fr}.items-header{align-items:flex-start;flex-direction:column;gap:16px;gap:var(--spacing-md)}.add-item-btn{justify-content:center;width:100%}.items-table{min-width:600px}.items-table td:nth-child(3),.items-table td:nth-child(4),.items-table th:nth-child(3),.items-table th:nth-child(4){display:none}.actions-section{flex-direction:column;gap:16px;gap:var(--spacing-md)}.total-info{justify-content:center;width:100%}.action-buttons{flex-direction:column;width:100%}.btn{justify-content:center;width:100%}.calculation-grid{grid-template-columns:1fr}}@media (max-width:480px){.header-text h1{font-size:1.1rem}.header-text p{font-size:.8rem}.section-title{font-size:.95rem}.form-input,.form-select,.form-textarea,.item-input,.item-select{font-size:.9rem;padding:8px 10px}.efficiency-value{font-size:1.3rem}.total-info{font-size:1rem}.total-info span{font-size:1.1rem}}.flattening-page-container{--bg:var(--light-bg);--text:var(--light-text);--text-secondary:var(--light-text-secondary);--surface:var(--light-surface);--border:var(--light-border);--primary:var(--light-primary);--primary-light:var(--light-primary-light);--primary-dark:var(--light-primary-dark);--success:var(--light-success);--warning:var(--light-warning);--error:var(--light-error);--info:var(--light-info);--hover:var(--light-hover);--shadow:var(--light-shadow)}.flattening-page-container.dark{--bg:var(--dark-bg);--text:var(--dark-text);--text-secondary:var(--dark-text-secondary);--surface:var(--dark-surface);--border:var(--dark-border);--primary:var(--dark-primary);--primary-light:var(--dark-primary-light);--primary-dark:var(--dark-primary-dark);--success:var(--dark-success);--warning:var(--dark-warning);--error:var(--dark-error);--info:var(--dark-info);--hover:var(--dark-hover);--shadow:var(--dark-shadow)}.flattening-page-container{background:var(--bg);color:var(--text);display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100vh;overflow:hidden;width:100%}.flattening-content{display:flex;flex:1 1;flex-direction:column;overflow-x:hidden;overflow-y:auto;padding:0 20px;width:100%}@media (max-width:768px){.flattening-content{padding:60px 12px 70px}}.database-alert{border-bottom:1px solid var(--error);margin-bottom:16px}.flattening-page-container.dark .mobile-menu-overlay{background:#1e293bb3}.mobile-menu{z-index:2001}.mobile-menu-btn-item{font-size:14px}.mobile-menu-btn-item.primary svg{color:#fff}.buttons-row{margin-bottom:20px;padding:16px 0}.page-btn{border:1.5px solid;border-radius:8px;font-size:14px;gap:8px;padding:10px 18px}.section-info{padding:8px 16px}.stats-section{margin-bottom:20px}.stats-summary{padding:10px 18px}.stats-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-top:16px}.stat-card{padding:18px}.stat-header{margin-bottom:12px}.stat-icon-title{gap:12px}.stat-icon-container{border-radius:10px;padding:10px}.stat-value{font-size:26px}.stat-footer{font-size:12px}.dashboard-section{margin-bottom:20px}.dashboard-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:16px}.card-header{padding:14px 18px}.card-content{max-height:300px;overflow-y:auto;padding:16px}.item-row{align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:8px;display:flex;justify-content:space-between;margin-bottom:8px;padding:10px 12px;transition:all .2s ease}.item-row:hover{border-color:var(--primary);box-shadow:0 4px 12px var(--shadow);transform:translateX(4px)}.item-name{align-items:center;color:var(--text)!important;display:flex;font-size:14px;gap:8px}.item-name svg{color:var(--primary)!important}.item-stats span{color:var(--primary);font-weight:600}.empty-state{color:var(--text-secondary);font-size:14px;padding:30px 20px}.filters-container{height:46px}.filter-heading{font-size:13px;min-width:70px}.filter-icon-header svg{height:14px;width:14px}.filter-controls{overflow-x:auto;padding:2px 0}.filter-controls::-webkit-scrollbar{height:4px}.filter-controls::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.filter-item.date-picker,.filter-item.wire-size{min-width:120px}.filter-icon{font-size:12px}.filter-date,.filter-input,.filter-select{border-radius:6px;font-size:13px;height:34px}.flattening-page-container.dark .filter-select{background-image:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 width=%2714%27 height=%2714%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%2394a3b8%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27><polyline points=%276 9 12 15 18 9%27/></svg>")}.filter-item .page-btn{border:1.5px solid;border-radius:6px;height:34px;padding:6px 12px}.filter-item .page-btn svg{height:14px;width:14px}.filter-item .page-btn.filter-action-btn{min-width:85px}.filter-item .page-btn.filter-action-btn.secondary{border-color:#7c3aed;min-width:65px}.filter-item .page-btn.filter-action-btn.print{min-width:65px}.filter-item .page-btn.filter-action-btn.export{min-width:90px}.filter-status-inline{border-left:1px solid var(--border);font-size:12px;gap:10px;min-width:240px}.active-filters-wrapper{background:#2563eb14;border:1px solid #2563eb33;padding:4px 10px}.active-filters-text{max-width:120px}.filter-count-wrapper{padding:4px 10px}.report-section{animation:slideDown .3s ease;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 8px 24px var(--shadow);margin-bottom:24px;padding:24px}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.report-header{align-items:flex-start;border-bottom:2px solid var(--border);margin-bottom:28px;padding-bottom:20px}.report-title h2{color:var(--text)!important;font-size:24px;font-weight:700;gap:14px;margin:0 0 12px}.report-icon,.report-title h2{align-items:center;display:flex}.report-icon{background:linear-gradient(145deg,var(--primary),var(--primary-dark));border-radius:14px;box-shadow:0 6px 14px var(--shadow);justify-content:center;padding:12px}.report-icon svg{color:#fff!important;height:24px;width:24px}.report-info{background:var(--bg);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:12px 16px}.report-author,.report-date{align-items:center;color:var(--text)!important;display:flex;font-size:14px;gap:10px}.report-author svg,.report-date svg{color:var(--primary)!important;height:16px;width:16px}.report-author strong{background:#2563eb1a;border-radius:20px;color:var(--primary)!important;font-weight:700;margin-left:4px;padding:2px 8px}.report-actions{flex-wrap:wrap;gap:10px}.report-actions .action-btn{align-items:center;background:#0000!important;border:1.5px solid;border-radius:30px!important;color:var(--text)!important;display:flex;font-size:13px;font-weight:600;gap:8px;height:38px!important;justify-content:center;min-width:90px;padding:8px 16px!important;transition:all .3s ease;width:auto!important}.report-actions .action-btn svg{height:16px;width:16px}.report-actions .whatsapp-btn{border-color:var(--success);color:var(--success)!important}.report-actions .whatsapp-btn:hover{background:var(--success)!important;box-shadow:0 8px 16px #10b9814d;color:#fff!important;transform:translateY(-2px)}.report-actions .action-btn:first-child,.report-actions .action-btn:nth-child(3){border-color:var(--primary);color:var(--primary)!important}.report-actions .action-btn:first-child:hover,.report-actions .action-btn:nth-child(3):hover{background:var(--primary)!important;color:#fff!important}.report-actions .action-btn:nth-child(4){border-color:var(--success);color:var(--success)!important}.report-actions .action-btn:nth-child(4):hover{background:var(--success)!important;color:#fff!important}.report-actions .close-btn{border-color:var(--error);color:var(--error)!important}.report-actions .close-btn:hover{background:var(--error)!important;color:#fff!important}.summary-section{margin-bottom:32px}.summary-section h3{border-bottom:2px solid var(--primary);color:var(--text)!important;display:inline-block;font-size:18px;font-weight:700;margin-bottom:16px;padding-bottom:8px}.summary-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.summary-card{background:var(--bg);border:1px solid var(--border);border-radius:14px;box-shadow:0 4px 12px var(--shadow);padding:18px}.summary-card:hover{border-color:var(--primary);box-shadow:0 12px 24px var(--shadow)}.summary-card-header{align-items:center;color:var(--text)!important;display:flex;font-size:14px;font-weight:600;gap:10px;margin-bottom:12px}.summary-card-header svg{color:var(--primary)!important}.summary-card-value{color:var(--text)!important;font-size:26px;font-weight:700;line-height:1;margin-bottom:8px}.summary-card-note{color:var(--text-secondary)!important;font-size:12px}.shift-cards-container{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:24px}.shift-card{background:var(--bg);border:1px solid var(--border);border-radius:16px;box-shadow:0 4px 12px var(--shadow);padding:18px;transition:all .3s ease}.shift-card:hover{border-color:var(--primary);box-shadow:0 12px 24px var(--shadow);transform:translateY(-4px)}.shift-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.shift-icon-container{align-items:center;background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:12px;display:flex;height:40px;justify-content:center;width:40px}.shift-icon{font-size:20px}.shift-title h4{color:var(--text)!important;font-size:16px;font-weight:700;margin:0}.shift-badge{background:linear-gradient(145deg,var(--primary),var(--primary-dark));border-radius:30px;box-shadow:0 4px 12px var(--shadow);color:#fff!important;font-size:12px;font-weight:600;padding:4px 12px}.shift-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.shift-stat-item{background:var(--surface);border:1px solid var(--border);border-radius:12px;color:var(--text);display:flex;flex-direction:column;font-size:15px;font-weight:600;gap:4px;padding:10px 4px;text-align:center}.shift-stat-item svg{color:var(--primary);height:18px;margin:0 auto 4px;width:18px}.shift-stat-item small{color:var(--text-secondary);font-size:10px;font-weight:400}.machines-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin-bottom:24px}.machine-card{background:var(--bg);border:1px solid var(--border);box-shadow:0 4px 8px var(--shadow);padding:14px}.machine-card:hover{border-color:var(--primary);box-shadow:0 12px 24px var(--shadow);transform:translateY(-4px)}.machine-card-header{border-bottom:1px solid var(--border)}.machine-name{align-items:center;color:var(--primary)!important;display:flex;font-size:14px;gap:8px}.machine-name svg{color:var(--primary)!important;height:16px;width:16px}.machine-card-stats{align-items:center;display:flex;justify-content:space-between}.machine-stat{flex:1 1;text-align:center}.machine-stat-value{color:var(--text)!important;font-size:16px;font-weight:700;margin-bottom:2px}.machine-stat-label{color:var(--text-secondary)!important;font-size:10px;font-weight:500;letter-spacing:.3px;text-transform:uppercase}.items-cards-container{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:24px}.item-card{background:var(--bg);border:1px solid var(--border);border-radius:12px;box-shadow:0 4px 8px var(--shadow);padding:14px;transition:all .3s ease}.item-card:hover{border-color:var(--primary);box-shadow:0 12px 24px var(--shadow);transform:translateY(-4px)}.item-card-header{align-items:center;border-bottom:1px solid var(--border);color:var(--text)!important;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:12px;padding-bottom:8px}.item-card-header svg{color:var(--primary)!important}.item-card-stats{align-items:center;display:flex;justify-content:space-between}.item-stat{flex:1 1;text-align:center}.item-stat-value{color:var(--text)!important;font-size:16px;font-weight:700;margin-bottom:2px}.item-stat-label{color:var(--text-secondary)!important;font-size:10px;font-weight:500}.report-footer{align-items:center;border-top:1px solid var(--border);color:var(--text-secondary)!important;display:flex;font-size:13px;justify-content:space-between;margin-top:24px;padding-top:20px;text-align:center}.report-footer p{align-items:center;display:flex;gap:6px;margin:0}.report-footer strong{color:var(--primary)!important;font-weight:700}.records-section{margin-bottom:16px}.records-table{min-width:1300px}.flattening-page-container.dark .table-container::-webkit-scrollbar{background:#1e293b;height:12px;width:12px}.flattening-page-container.dark .table-container::-webkit-scrollbar-thumb{background:#475569;border-radius:6px}.flattening-page-container.dark .table-container::-webkit-scrollbar-thumb:hover{background:#64748b}.flattening-page-container.dark .table-container::-webkit-scrollbar-corner{background:#1e293b}.flattening-page-container:not(.dark) .table-container::-webkit-scrollbar{background:#e2e8f0;height:10px;width:10px}.flattening-page-container:not(.dark) .table-container::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:5px}.flattening-page-container:not(.dark) .table-container::-webkit-scrollbar-thumb:hover{background:#64748b}.flattening-page-container:not(.dark) .table-container::-webkit-scrollbar-corner{background:#e2e8f0}.flattening-page-container.dark .records-table thead tr{background:linear-gradient(135deg,#1e3a5f,#132b4a)!important}.records-table th{font-size:13px;padding:12px 10px}.records-table th svg{color:#fff!important;margin-right:4px}.records-table td{padding:12px 10px}.record-id{font-family:monospace;font-size:13px}.cell-detail{font-size:11px;margin-top:2px}.production-value{font-size:14px}.production-value .unit{font-size:10px}.efficiency-badge{font-size:12px;padding:4px 8px}.flattening-page-container.dark .efficiency-badge.efficiency-excellent{background:#34d39933!important;border-color:#34d39966!important;color:#34d399!important}.flattening-page-container.dark .efficiency-badge.efficiency-good{background:#fbbf2433!important;border-color:#fbbf2466!important;color:#fbbf24!important}.flattening-page-container.dark .efficiency-badge.efficiency-average{background:#fb923c33!important;border-color:#fb923c66!important;color:#fb923c!important}.flattening-page-container.dark .efficiency-badge.efficiency-poor{background:#f8717133!important;border-color:#f8717166!important;color:#f87171!important}.efficiency-badge svg{height:11px;width:11px}.remarks-cell{gap:6px;max-width:150px}.remarks-text{font-size:12px}.remarks-view-btn{border-radius:4px;height:24px;width:24px}.remarks-view-btn svg{height:12px;width:12px}.action-buttons{gap:6px!important}.action-btn{border:1.5px solid;border-radius:4px!important;height:28px!important;width:28px!important}.action-btn svg{height:13px!important;width:13px!important}.pagination-info{font-size:13px}.pagination-btn{height:34px;width:34px}.page-numbers .page-btn{border-radius:6px;font-size:13px;height:34px;min-width:34px;padding:0 6px}.bottom-info-bar{margin-top:auto;padding:12px 0}.info-left,.info-right{gap:20px}.loading-spinner{border-top:3px solid var(--border)}.loading-spinner-large{border-top:4px solid var(--border)}.empty-icon-large{border-radius:20px;height:80px;margin-bottom:20px;width:80px}.empty-state h4,.loading-state h4{font-size:18px;margin-bottom:8px}.empty-state p,.loading-state p{font-size:14px;margin-bottom:20px}.primary-btn.large{padding:12px 24px}.flattening-page-container:not(.dark) .modal-overlay{background:#1e293b99}.modal-container{max-height:90vh;overflow-y:auto}.modal-header{padding:18px 22px}.modal-header h2{gap:10px}.modal-close-btn{font-size:22px;height:34px;width:34px}.modal-close-btn:hover{background:#ffffff4d}.modal-body{padding:22px}.whatsapp-modal-content{margin-bottom:20px}.whatsapp-icon-container{align-items:center;background:#25d3661a;border:1px solid #25d36633;border-radius:20px;display:flex;height:70px;justify-content:center;margin:0 auto 16px;width:70px}.whatsapp-modal-content h3{color:var(--text)!important;font-size:18px;font-weight:600;margin-bottom:6px}.whatsapp-modal-content p{color:var(--text-secondary)!important;font-size:14px}.whatsapp-options{margin-bottom:20px}.options-row{grid-gap:10px;display:grid;grid-template-columns:repeat(3,1fr)}.whatsapp-option-btn{background:var(--surface);border:1px solid var(--border);color:var(--text);gap:6px;justify-content:center;padding:12px}.whatsapp-desktop-btn{background:#25d366;border:none}.whatsapp-desktop-btn:hover{background:#128c7e;transform:translateY(-2px)}.copy-message-btn:hover{background:var(--hover);border-color:var(--primary)}.close-btn:hover{background:var(--hover);border-color:var(--error);color:var(--error)}.preview-section{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:14px}.preview-section h4{color:var(--text)!important;font-size:14px;font-weight:600;gap:6px;margin-bottom:10px}.message-preview{background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--text);line-height:1.6;padding:10px;word-break:break-word}.pdf-preview{display:flex;flex-direction:column;gap:20px}.pdf-summary{grid-gap:12px;background:var(--bg);border:1px solid var(--border);border-radius:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);padding:16px}.pdf-summary-item{align-items:center;display:flex;gap:10px}.pdf-summary-item svg{color:var(--primary)}.pdf-summary-item small{color:var(--text-secondary);display:block;font-size:11px;margin-bottom:2px}.pdf-summary-item strong{color:var(--text);font-size:15px;font-weight:700}.pdf-preview-actions{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.pdf-close-btn,.pdf-print-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;justify-content:center;padding:12px;transition:all .2s ease}.pdf-print-btn{background:var(--primary);color:#fff}.pdf-print-btn:hover{background:var(--primary-dark);transform:translateY(-2px)}.pdf-close-btn{background:var(--surface);border:1px solid var(--border);color:var(--text)}.pdf-close-btn:hover{background:var(--hover);border-color:var(--error);color:var(--error)}.export-info{margin-bottom:20px;padding:16px;text-align:center}.export-info svg{color:var(--success);height:48px;margin-bottom:12px;width:48px}.export-info h3{color:var(--text)!important;font-size:18px;font-weight:600;margin-bottom:6px}.export-info p{color:var(--text-secondary);font-size:14px}.export-actions{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.export-cancel-btn,.export-confirm-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;justify-content:center;padding:12px;transition:all .2s ease}.export-confirm-btn{background:linear-gradient(135deg,var(--success),#059669);color:#fff}.export-confirm-btn:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.export-cancel-btn{background:var(--surface);border:1px solid var(--border);color:var(--text)}.export-cancel-btn:hover{background:var(--hover);border-color:var(--error);color:var(--error)}.remarks-icon-container{border:1px solid #2563eb33;height:70px;width:70px}.remarks-modal-content h3{font-size:16px;margin-bottom:16px}.remarks-full-text{border-radius:10px;max-height:300px;padding:16px}.mobile-fixed-bottom{padding:12px 16px}.mobile-fixed-bottom .page-btn{border-radius:30px!important}@media (max-width:1200px){.stats-grid{grid-template-columns:repeat(3,1fr)}.summary-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:992px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.shift-cards-container{grid-template-columns:1fr}}@media (max-width:768px){.buttons-row{display:flex;flex-direction:row!important;flex-wrap:wrap!important;gap:6px!important;justify-content:center;padding:12px 0!important}.buttons-row .page-btn{flex:0 1 auto!important;font-size:12px!important;gap:6px!important;height:36px!important;min-width:auto!important;padding:8px 12px!important}.stats-grid{gap:8px!important;grid-template-columns:repeat(2,1fr)!important}.stat-card{padding:14px!important}.stat-value{font-size:22px!important}.filters-container{overflow-x:auto}.filters-row{min-width:1100px}.section-header{align-items:flex-start;flex-direction:column;gap:10px}.section-info{flex-direction:row!important;flex-wrap:wrap;width:100%}.bottom-info-bar{flex-direction:column;gap:8px}.info-left,.info-right{flex-wrap:wrap;gap:16px;justify-content:center}.mobile-fixed-bottom{display:flex!important}.table-container{margin:0 -4px;max-height:calc(100vh - 450px);width:calc(100% + 8px)}.records-table{min-width:1300px}.report-header{flex-direction:column;gap:16px}.report-actions{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);width:100%}.report-actions .action-btn{min-width:auto;padding:8px 12px!important;width:100%}.summary-grid{grid-template-columns:1fr}.machines-grid{grid-template-columns:repeat(2,1fr)}.items-cards-container{grid-template-columns:1fr}.report-footer{flex-direction:column;gap:8px}.export-actions,.options-row,.pdf-preview-actions{grid-template-columns:1fr}}@media (max-width:480px){.buttons-row .page-btn{font-size:11px!important;height:34px!important;padding:6px 10px!important}.stats-grid{grid-template-columns:1fr 1fr!important}.stat-value{font-size:20px!important}.stat-title{font-size:12px!important}.records-table{min-width:1200px}.machines-grid{grid-template-columns:1fr}}.flattening-view-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.flattening-view-container{background:#111;border:2px solid #333;border-radius:12px;box-shadow:0 10px 40px #000000e6;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;overflow:hidden;width:100%}.view-header{background:#000;border-bottom:3px solid #27ae60;flex-shrink:0;justify-content:space-between;padding:20px 25px}.header-content,.view-header{align-items:center;display:flex}.header-content{gap:15px}.header-icon{background:#222;border:2px solid #27ae60;height:50px;width:50px}.header-icon svg{color:#27ae60;height:24px;width:24px}.header-text h1{font-size:22px;font-weight:700;letter-spacing:.5px;margin:0}.header-text p{color:#888;font-size:14px;gap:8px;margin:5px 0 0}.close-button,.header-text p{align-items:center;display:flex}.close-button{background:#222;border:1px solid #444;border-radius:8px;color:#ccc;cursor:pointer;font-size:20px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.close-button:hover{background:#e74c3c;border-color:#e74c3c;color:#fff}.record-info-bar{background:#1a1a1a;border-bottom:1px solid #333;display:flex;flex-shrink:0;flex-wrap:wrap;gap:20px;padding:15px 25px}.info-item{color:#aaa;font-size:14px;gap:8px;padding:8px 15px}.info-item svg{color:#27ae60}.info-item span{color:#fff;font-weight:600;margin-left:4px}.view-content{flex:1 1;overflow-y:auto;padding:25px}.content-section{margin-bottom:25px}.section-header{border-bottom:2px solid #333;padding-bottom:10px}.section-header h2{align-items:center;color:#fff;display:flex;font-size:18px;font-weight:600;gap:10px;margin:0}.section-header h3{color:#fff;font-size:16px;gap:8px}.summary-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.summary-card{align-items:center;background:#1a1a1a;border:1px solid #333;border-radius:10px;display:flex;gap:15px;padding:20px}.summary-card:hover{border-color:#444;box-shadow:0 10px 20px #0000004d;transform:translateY(-5px)}.efficiency-card{border-width:2px}.card-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:50px;justify-content:center;width:50px}.card-icon svg{color:#fff;height:24px;width:24px}.card-content{flex:1 1}.card-content h3{color:#ccc;font-size:16px;font-weight:600;margin:0 0 8px}.card-value{color:#fff;font-size:24px;font-weight:700;margin:0 0 5px}.card-label{color:#888;font-size:13px;margin:0}.details-grid{grid-gap:25px;gap:25px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:30px}.detail-column{display:flex;flex-direction:column}.detail-section{background:#1a1a1a;border:1px solid #333;border-radius:10px;flex:1 1;padding:20px}.detail-list{display:flex;flex-direction:column;gap:15px}.detail-item{border-bottom:1px dashed #333;justify-content:space-between;padding-bottom:15px}.detail-item:last-child{border-bottom:none;padding-bottom:0}.detail-label{color:#aaa}.detail-value{font-size:15px;max-width:60%;text-align:right}.remarks-section{background:#1a1a1a;border:1px solid #333;border-radius:10px;margin-bottom:25px;padding:20px}.remarks-content{background:#222;border:1px solid #444;border-radius:8px;color:#ddd;font-size:15px;line-height:1.6;padding:20px}.additional-info{background:#1a1a1a;border:1px solid #333;border-radius:10px;padding:20px}.info-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-item{background:#222;border:1px solid #333;border-radius:6px;justify-content:space-between;padding:12px 15px}.info-label{color:#aaa;font-size:14px}.info-value{color:#fff;font-size:14px;font-weight:600}.view-actions{align-items:center;background:#000;border-top:2px solid #333;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 25px}.action-buttons-left,.action-buttons-right{display:flex;gap:15px}.action-btn{border:2px solid #0000;border-radius:8px;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.back-btn{background:#222;border-color:#444;color:#ccc}.back-btn:hover{background:#333;border-color:#555;color:#fff}.print-btn{background:#222;border-color:#3498db;color:#3498db}.print-btn:hover{background:#3498db;color:#fff}.export-btn{background:#222;border-color:#9b59b6;color:#9b59b6}.export-btn:hover{background:#9b59b6;color:#fff}.edit-btn{background:#222;border-color:#27ae60;color:#27ae60}.edit-btn:hover{background:#27ae60;color:#fff}.loading-container{min-height:300px;padding:60px 25px}.loading-spinner{border:4px solid #333;border-top-color:#27ae60}.error-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:60px 25px;text-align:center}.error-container h3{color:#e74c3c;margin:20px 0 10px}.error-container p{color:#aaa;margin-bottom:20px}.view-content::-webkit-scrollbar{width:8px}.view-content::-webkit-scrollbar-track{background:#1a1a1a}.view-content::-webkit-scrollbar-thumb{background:#333;border-radius:4px}.view-content::-webkit-scrollbar-thumb:hover{background:#444}@media (max-width:768px){.flattening-view-container{max-height:95vh}.record-info-bar{flex-direction:column;gap:10px}.details-grid,.info-grid,.summary-grid{grid-template-columns:1fr}.view-actions{flex-direction:column;gap:15px}.action-buttons-left,.action-buttons-right{justify-content:center;width:100%}.action-btn{flex:1 1;justify-content:center}}@media print{.flattening-view-overlay{background:#fff;position:static}.flattening-view-container{border:none;box-shadow:none;max-width:100%}.close-button,.edit-btn,.export-btn,.print-btn,.view-actions{display:none}}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000d9}.modal-container{animation:modalSlideIn .3s ease-out;background:#1a1a1a;border:1px solid #333;box-shadow:0 20px 60px #00000080;max-width:1600px;width:95%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.enhanced-form{height:90vh!important;max-width:1600px!important}.modal-header{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border-bottom:1px solid #333;padding:20px 30px}.header-left{gap:12px}.header-icon{align-items:center;background:linear-gradient(135deg,#00a8ff,#0097e6);border-radius:10px;box-shadow:0 4px 12px #00a8ff4d;color:#fff;display:flex;font-size:20px;height:40px;justify-content:center;width:40px}.header-text h1{color:#fff;font-size:20px;font-weight:600;margin:0 0 4px}.header-subtitle{color:#aaa;font-size:12px;gap:6px;margin:0}.header-subtitle svg{color:#00a8ff}.header-actions{align-items:center;gap:10px}.draft-saved-badge{animation:pulse 2s infinite;background:#00ff8826;border:1px solid #00ff884d;border-radius:16px;color:#0f8;font-size:11px;font-weight:500;gap:4px;padding:4px 10px}.machine-nav-container{align-items:center;background:#2a2a2a;border:1px solid #333;border-radius:6px;display:flex;gap:6px;margin-right:12px;padding:4px 8px}.btn-nav-header{align-items:center;background:#333;border:1px solid #3a3a3a;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:30px;justify-content:center;padding:0;transition:all .3s ease;width:30px}.btn-nav-header:hover:not(:disabled){background:#00a8ff;border-color:#00a8ff;transform:scale(1.05)}.btn-nav-header:disabled{background:#2a2a2a;cursor:not-allowed;opacity:.3}.machine-header-display{align-items:center;display:flex;flex-direction:column;gap:1px;min-width:80px;padding:0 6px}.machine-header-number{color:#fff;font-size:12px;font-weight:600;white-space:nowrap}.machine-header-counter{color:#aaa;font-size:10px;white-space:nowrap}.alert{border:1px solid #0000;font-size:12px;margin:0 20px 12px;padding:10px 16px}.alert-success{background:#00ff881a;border-color:#0f83;color:#0f8}.alert-error{background:#ff44441a;border-color:#f443;color:#ff6b6b}.alert svg{font-size:14px}.form-layout{gap:0;height:calc(100% - 80px)}.form-sidebar{background:#2a2a2a;border-right:1px solid #333;display:flex;flex-direction:column;gap:20px;min-width:250px;padding:20px;width:280px}.sidebar-header{border-bottom:1px solid #333;gap:10px;padding-bottom:12px}.sidebar-header h3{color:#fff;font-size:16px;font-weight:600}.sidebar-header svg{color:#00a8ff;font-size:16px}.shift-options{display:flex;flex-direction:column;gap:10px}.shift-option{background:#333;border:1px solid #0000;border-radius:10px;overflow:hidden;padding:12px;position:relative}.shift-option:hover{background:#3a3a3a}.shift-option.active{background:#00a8ff26;border-color:#00a8ff;box-shadow:0 0 12px #00a8ff33}.shift-option.active:before{background:#00a8ff;content:"";height:100%;left:0;position:absolute;top:0;width:3px}.option-content{gap:2px}.option-code{color:#fff;font-size:14px}.option-name{color:#ccc;font-size:12px}.option-time{color:#888;font-size:10px}.option-status{margin-top:6px}.status-active{background:#00ff8826;border:1px solid #00ff884d;border-radius:4px;color:#0f8;font-size:10px;padding:2px 8px}.status-inactive{background:#88888826;border:1px solid #8888884d;border-radius:4px;color:#888;font-size:10px;font-weight:500;padding:2px 8px}.bulk-operations{background:#333;border:1px solid #3a3a3a;border-radius:10px;padding:12px}.bulk-header{margin-bottom:12px}.bulk-header h4{color:#fff;font-size:14px}.bulk-header svg{color:#00a8ff}.bulk-controls{gap:10px}.sidebar-stats{grid-gap:10px;background:#333;border:1px solid #3a3a3a;border-radius:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);padding:12px}.stat-item{background:#2a2a2a;border-radius:8px;padding:10px}.stat-label{text-align:center}.stat-value{font-size:14px;font-weight:600;margin-top:2px}.form-main-content{background:#1a1a1a;display:flex;flex-direction:column;gap:16px;padding:20px}.shift-header{border-bottom:1px solid #333;justify-content:space-between;padding-bottom:12px}.shift-header,.shift-title{align-items:center;display:flex}.shift-title{gap:12px}.shift-title h2{color:#fff;font-size:18px;font-weight:600;margin:0}.shift-badge{background:#00a8ff26;border:1px solid #00a8ff4d;border-radius:16px;color:#00a8ff;font-size:11px;font-weight:500;padding:4px 10px}.totals-line{background:#2a2a2a;border:1px solid #333;border-radius:6px;font-size:11px;margin-bottom:12px;padding:8px 12px}.totals-container{gap:16px}.total-item,.totals-container{align-items:center;display:flex}.total-item{background:#333;border-radius:4px;flex:1 1;gap:6px;justify-content:center;padding:4px 8px}.total-label{color:#aaa;font-size:11px;font-weight:500}.total-value{color:#fff;font-size:11px;font-weight:600}.total-separator{color:#444;font-size:10px;padding:0 4px}.total-efficiency-display{align-items:center;display:flex;gap:4px}.total-efficiency-value{font-size:11px;font-weight:600}.total-efficiency-icon{font-size:10px}.production-entry{display:flex;flex-direction:column;gap:16px}.machine-card{background:#2a2a2a;border-radius:8px;padding:12px}.machine-card.active{border-color:#00a8ff;box-shadow:0 2px 8px #00a8ff33}.machine-card.collapsed{cursor:pointer;max-height:70px;overflow:hidden;padding:8px 12px}.machine-card.collapsed:hover{border-color:#3a3a3a}.machine-card-header{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:8px}.machine-info{align-items:center;display:flex;gap:10px}.machine-icon{background:#00a8ff1a;border-radius:6px;color:#00a8ff;font-size:20px;padding:6px}.machine-info h3{color:#fff;font-size:14px;font-weight:600;margin:0 0 4px}.machine-meta{display:flex;flex-wrap:wrap;gap:8px}.meta-item{align-items:center;color:#aaa;display:flex;font-size:10px;gap:4px}.target-met{background:#00ff881a;border:1px solid #0f83;border-radius:4px;color:#0f8}.target-met,.target-missed{font-size:9px;padding:2px 6px}.target-missed{background:#ff44441a;border:1px solid #f443;border-radius:4px;color:#f44}.machine-stats-compact{align-items:center;display:flex;gap:12px;min-width:180px}.machine-stat-item{align-items:center;display:flex;gap:6px}.stat-label-compact{color:#aaa;font-size:10px;font-weight:500}.stat-value-compact{color:#fff;font-size:11px;font-weight:600}.efficiency-box-compact{align-items:center;border:1px solid;border-radius:4px;display:inline-flex;font-size:10px;font-weight:600;gap:4px;padding:3px 8px}.items-table-wrapper{margin-bottom:12px}.items-table{border-collapse:initial;border-spacing:0;font-size:11px}.items-table th{background:#333;border-bottom:1px solid #3a3a3a;color:#ccc;font-size:11px;font-weight:500;padding:6px 4px}.items-table td{border-bottom:1px solid #333;padding:6px 4px;vertical-align:top}.col-add{width:50px}.col-coil-material,.col-item{width:25%}.col-qty-eff{width:20%}.col-actions{width:40px}.cell-add{padding:6px 2px;vertical-align:middle}.btn-add-inline{align-items:center;background:#333;border:1px solid #3a3a3a;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:9px;gap:3px;height:22px;justify-content:center;padding:3px 6px;transition:all .3s ease;width:100%}.btn-add-inline:hover{background:#00a8ff;border-color:#00a8ff}.item-code-select{margin-bottom:4px}.item-name-line{color:#aaa;font-size:10px;padding:1px 0}.coil-size-input,.material-type-input{margin:2px 0}.coil-size-input input,.material-type-input input{background:#0000;border:none;border-bottom:1px solid #444;border-radius:0;color:#ccc;font-size:11px;padding:3px 0;width:100%}.coil-size-input input:focus,.material-type-input input:focus{border-bottom-color:#00a8ff;outline:none}.quantity-input{margin-bottom:4px}.item-efficiency-display{align-items:center;display:flex;gap:4px;margin-top:4px}.item-efficiency-value{font-size:10px;font-weight:600}.item-efficiency-icon{font-size:9px}.operator-remarks-line{background:#2a2a2a;border:1px solid #333;border-radius:6px;display:flex;gap:12px;margin-top:10px;padding:10px}.form-group-inline{align-items:center;display:flex;flex:1 1;gap:6px}.form-label-inline{color:#ccc;font-size:11px;font-weight:500;white-space:nowrap}.form-input-inline{background:#1a1a1a;border:1px solid #333;border-radius:4px;color:#fff;flex:1 1;font-size:11px;padding:5px 8px}.form-input-inline:focus{border-color:#00a8ff;outline:none}.form-input,.form-select{background:#1a1a1a;border:1px solid #333;color:#fff;font-size:11px;padding:5px 8px}.form-input:focus,.form-select:focus{border-color:#00a8ff}.form-select option{background:#2a2a2a;color:#fff;padding:8px}.btn{align-items:center;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:11px;font-weight:500;gap:5px;justify-content:center;padding:6px 12px;transition:all .3s ease}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-back{background:#333;border:1px solid #3a3a3a}.btn-back:hover:not(:disabled){background:#3a3a3a;border-color:#00a8ff;color:#00a8ff}.btn-outline{border:1px solid #00a8ff;color:#00a8ff}.btn-outline:hover:not(:disabled){background:#00a8ff1a}.btn-secondary{background:#333;border:1px solid #3a3a3a}.btn-secondary:hover:not(:disabled){background:#3a3a3a;border-color:#00a8ff}.btn-primary{background:linear-gradient(135deg,#00a8ff,#0097e6)}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #00a8ff4d;transform:translateY(-1px)}.save-btn{font-size:12px;padding:8px 16px}.btn-icon{background:#0000;color:#aaa;padding:4px}.btn-danger:hover{background:#ff6b6b1a;color:#ff6b6b}.form-actions{border-top:1px solid #333;padding-top:16px}.enhanced-actions{align-items:center;background:#2a2a2a;border:1px solid #333;border-radius:8px;display:flex;justify-content:space-between;margin-top:12px;padding:16px}.action-left,.action-right{display:flex;gap:8px}.spinner-small{height:14px;width:14px}.loading-spinner-large{border:3px solid #00a8ff1a;border-top-color:#00a8ff}.loading-modal{background:#1a1a1a;border:1px solid #333;padding:30px;text-align:center}.loading-content h3{color:#fff;font-size:16px;margin:16px 0 8px}.loading-content p{color:#aaa;font-size:12px}.empty-state{padding:40px 16px}.empty-state.centered{height:100%}.empty-icon{color:#00a8ff;margin-bottom:16px;opacity:.8}.empty-state h3{color:#fff;font-size:16px;margin:0 0 8px}.empty-state p{color:#aaa;font-size:12px;margin:0 0 20px;max-width:300px}.empty-stats{display:flex;gap:20px;margin-top:16px}.stat{align-items:center;display:flex;flex-direction:column}.stat-number{color:#fff;font-size:20px;font-weight:600;margin-bottom:2px}.stat-label{color:#aaa;font-size:10px}@media (max-width:768px){.form-layout{flex-direction:column;height:auto}.form-sidebar{border-bottom:1px solid #333;border-right:none;width:100%}.enhanced-form{height:auto!important;max-height:95vh!important}.modal-container{border-radius:0;height:100%;max-height:100%;width:100%}.modal-header{flex-direction:column;gap:12px;padding:16px}.header-left{align-items:flex-start;flex-direction:column;gap:8px}.header-text h1{font-size:18px}.machine-nav-container{justify-content:center;margin:8px 0;order:1;width:100%}.header-actions{flex-direction:column;gap:8px;width:100%}.form-main-content{padding:16px}.shift-header{align-items:flex-start;flex-direction:column;gap:8px}.totals-container{flex-direction:column;gap:6px}.total-item{justify-content:space-between;width:100%}.total-separator{display:none}.machine-card-header{flex-direction:column;gap:10px}.machine-stats-compact{justify-content:space-between;min-width:100%}.operator-remarks-line{flex-direction:column;gap:8px}.form-group-inline{width:100%}.enhanced-actions{flex-direction:column;gap:10px}.action-left,.action-right{flex-direction:column;width:100%}.btn{justify-content:center;width:100%}.items-table{display:block;overflow-x:auto}.items-table td,.items-table th{font-size:10px;padding:4px 2px}.col-add{width:40px}.col-item{width:30%}.col-coil-material{width:25%}.col-qty-eff{width:20%}.col-actions{width:35px}}@media (max-width:480px){.machine-meta{flex-direction:column;gap:4px}.empty-stats{flex-direction:column;gap:12px}.alert,.detailed-errors{margin:0 12px 8px}}.multi-machine-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3}.multi-machine-container{background:linear-gradient(145deg,#0f0f0f,#1a1a1a);border:1px solid #333;color:#e0e0e0;max-width:1400px}.multi-machine-header{background:linear-gradient(135deg,#000,#2c3e50);border-bottom:2px solid #3498db}.multi-machine-icon{background:#3498db33;border:1px solid #3498db4d}.machine-count-selector{align-items:center;background:#1a1a1a;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:15px 25px}.selector-label{align-items:center;color:#e0e0e0;display:flex;font-weight:600;gap:10px}.machine-buttons{display:flex;flex-wrap:wrap;gap:8px}.machine-count-btn{align-items:center;background:#2c3e50;border:1px solid #34495e;border-radius:50%;color:#bdc3c7;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;height:40px;justify-content:center;transition:all .3s ease;width:40px}.machine-count-btn:hover{background:#34495e;border-color:#3498db;transform:scale(1.1)}.machine-count-btn.active{background:#3498db;border-color:#2980b9;box-shadow:0 0 15px #3498db80;color:#fff;transform:scale(1.1)}.machines-container{display:flex;flex-direction:column;gap:20px;max-height:60vh;overflow-y:auto;padding:20px}.machine-card{background:linear-gradient(145deg,#1e1e1e,#2a2a2a);border:1px solid #333;box-shadow:0 4px 15px #0000004d}.machine-card:hover{border-color:#3498db;box-shadow:0 6px 20px #3498db33;transform:translateY(-2px)}.machine-header{background:linear-gradient(135deg,#2c3e50,#34495e);border-bottom:1px solid #444;border-radius:12px 12px 0 0;justify-content:space-between;padding:15px 20px}.machine-header,.machine-title{align-items:center;display:flex}.machine-title{color:#e0e0e0;font-size:1.2rem;font-weight:600;gap:12px}.machine-title svg{color:#3498db;font-size:1.4rem}.machine-status{background:#27ae6033;border:1px solid #27ae604d;border-radius:20px;color:#27ae60;font-size:.8rem;padding:4px 10px}.machine-stats{display:flex;gap:25px}.stat-item{flex-direction:column;min-width:80px}.stat-label{color:#bdc3c7;font-size:.8rem;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.stat-value{color:#fff;font-size:1.1rem}.efficiency-stat .stat-value{font-size:1.2rem}.machine-content{padding:20px}.machine-target-section{background:#252525;border:1px solid #333;border-radius:8px;margin-bottom:20px;padding:15px}.section-title-small{align-items:center;color:#e0e0e0;display:flex;font-size:1rem;font-weight:600;gap:8px;margin-bottom:15px}.target-selection-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 2fr}.selection-box{display:flex;flex-direction:column;gap:8px}.target-details{grid-gap:15px;background:#1e1e1e;border:1px solid #333;border-radius:8px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);padding:15px}.detail-item{align-items:center;background:#2a2a2a;border:1px solid #444;border-radius:6px;display:flex;flex-direction:column;padding:10px}.detail-label{color:#bdc3c7;font-size:.8rem;margin-bottom:5px;text-transform:uppercase}.detail-value{color:#fff;font-size:1rem;font-weight:600}.detail-value.target-qty{color:#3498db;font-size:1.2rem}.machine-items-section{background:#252525;border:1px solid #333;border-radius:8px;margin-bottom:20px;padding:15px}.items-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.add-item-btn-small{align-items:center;background:#27ae6033;border:1px solid #27ae604d;border-radius:6px;color:#27ae60;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:5px;padding:6px 12px;transition:all .3s ease}.add-item-btn-small:hover{background:#27ae604d;transform:translateY(-1px)}.items-table-container{overflow-x:auto}.compact-items-table{border-collapse:collapse;min-width:600px;width:100%}.compact-items-table thead{background:linear-gradient(135deg,#34495e,#2c3e50)}.compact-items-table th{border-bottom:2px solid #444;color:#fff;font-size:.85rem;font-weight:600;padding:10px 12px;text-align:left}.compact-items-table tbody tr{border-bottom:1px solid #333;transition:all .3s ease}.compact-items-table tbody tr:hover{background:#3498db1a}.compact-items-table td{padding:10px 12px;vertical-align:middle}.item-select-compact,.quantity-input-compact{background:#1e1e1e;border:1px solid #444;border-radius:6px;color:#e0e0e0;font-size:.9rem;padding:8px 10px;transition:all .3s ease;width:100%}.item-select-compact:focus,.quantity-input-compact:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db1a;outline:none}.item-select-compact.filled-valid,.quantity-input-compact.filled-valid{background:#27ae601a;border-color:#27ae60}.item-select-compact.empty-required,.quantity-input-compact.empty-required{animation:shake .5s ease;background:#e74c3c1a;border-color:#e74c3c}.unit-cell-compact{color:#bdc3c7;font-weight:600;text-align:center}.efficiency-cell-compact{border-radius:6px;font-size:.85rem;font-weight:700;min-width:70px;padding:6px;text-align:center}.action-cell-compact{text-align:center;width:50px}.remove-item-btn-small{align-items:center;background:#e74c3c1a;border:1px solid #e74c3c33;border-radius:50%;color:#e74c3c;cursor:pointer;display:flex;font-size:12px;height:28px;justify-content:center;transition:all .3s ease;width:28px}.remove-item-btn-small:hover{background:#e74c3c33;transform:scale(1.1)}.error-text-small{color:#e74c3c;font-size:.75rem;margin-top:4px}.machine-operator-section{background:#252525;border:1px solid #333;border-radius:8px;padding:15px}.operator-input-group{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 2fr}.form-group-small{display:flex;flex-direction:column;gap:8px}.form-label-small{align-items:center;color:#e0e0e0;display:flex;font-size:.9rem;font-weight:600;gap:5px}.form-label-small.required:after{color:#e74c3c;content:" *";font-weight:700}.operator-input{background:#1e1e1e;border:1px solid #444;border-radius:6px;color:#e0e0e0;font-size:.9rem;padding:10px 12px;transition:all .3s ease}.operator-input:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db1a;outline:none}.operator-input.filled-valid{background:#27ae601a;border-color:#27ae60}.operator-input.empty-required{background:#e74c3c1a;border-color:#e74c3c}.remarks-input{background:#1e1e1e;border:1px solid #444;border-radius:6px;color:#e0e0e0;font-family:inherit;font-size:.9rem;min-height:70px;padding:10px 12px;resize:vertical;transition:all .3s ease}.remarks-input:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db1a;outline:none}.multi-machine-actions{align-items:center;background:#1a1a1a;border:1px solid #333;border-radius:8px;display:flex;justify-content:space-between;margin:20px;padding:20px}.summary-info{align-items:center;color:#e0e0e0;display:flex;font-size:1.1rem;font-weight:600;gap:10px}.summary-value{color:#3498db;font-size:1.3rem;margin:0 5px}.summary-machines{color:#bdc3c7;font-size:.9rem;font-weight:400}.multi-save-btn{background:linear-gradient(135deg,#27ae60,#219653);color:#fff;font-size:1.1rem;min-width:200px;padding:12px 25px}.multi-save-btn:hover{background:linear-gradient(135deg,#219653,#1e8449);box-shadow:0 5px 20px #27ae604d;transform:translateY(-2px)}@media (max-width:1200px){.target-selection-grid{grid-template-columns:1fr}.target-details{grid-template-columns:repeat(2,1fr)}.operator-input-group{grid-template-columns:1fr}}@media (max-width:992px){.machine-header{align-items:flex-start;flex-direction:column;gap:15px}.machine-stats{justify-content:space-between;width:100%}.stat-item{min-width:auto}}@media (max-width:768px){.machines-container{padding:10px}.machine-count-selector{align-items:flex-start;flex-direction:column;gap:15px}.machine-buttons{justify-content:center;width:100%}.machine-content,.machine-header{padding:12px}.target-details{grid-template-columns:1fr}.multi-machine-actions{flex-direction:column;gap:15px;text-align:center}.summary-info{flex-direction:column;gap:5px}.action-buttons{width:100%}.multi-save-btn{min-width:auto;width:100%}}@media (max-width:576px){.machine-stats{align-items:flex-start;flex-direction:column;gap:10px}.stat-item{flex-direction:row;gap:10px}.stat-label{margin-bottom:0}.compact-items-table{min-width:500px}}.machines-container::-webkit-scrollbar{width:8px}.machines-container::-webkit-scrollbar-track{background:#1a1a1a;border-radius:4px}.machines-container::-webkit-scrollbar-thumb{background:#34495e;border-radius:4px}.machines-container::-webkit-scrollbar-thumb:hover{background:#3498db}@keyframes pulse-glow{0%{box-shadow:0 0 0 0 #3498dbb3}70%{box-shadow:0 0 0 10px #3498db00}to{box-shadow:0 0 0 0 #3498db00}}.machine-count-btn.active{animation:pulse-glow 2s infinite}.loading-machines{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px;text-align:center}.loading-machines .loading-spinner{margin-bottom:20px}.loading-machines p{color:#bdc3c7;font-size:1.1rem}:root{--light-bg:#f8fafc;--light-text:#0f172a;--light-text-secondary:#334155;--light-surface:#fff;--light-border:#e2e8f0;--light-primary:#1e40af;--light-primary-light:#2563eb;--light-primary-dark:#1e3a8a;--light-success:#059669;--light-warning:#d97706;--light-error:#dc2626;--light-info:#2563eb;--light-hover:#f1f5f9;--light-shadow:#1e40af14;--dark-bg:#0b1f3a;--dark-text:#f1f5f9;--dark-text-secondary:#cbd5e1;--dark-surface:#132b4a;--dark-border:#1e3a5f;--dark-primary:#60a5fa;--dark-primary-light:#93c5fd;--dark-primary-dark:#3b82f6;--dark-success:#34d399;--dark-warning:#fbbf24;--dark-error:#f87171;--dark-info:#60a5fa;--dark-hover:#1e3a5f;--dark-shadow:#60a5fa26}:root,[data-theme=light]{--bg:var(--light-bg);--text:var(--light-text);--text-secondary:var(--light-text-secondary);--surface:var(--light-surface);--border:var(--light-border);--primary:var(--light-primary);--primary-light:var(--light-primary-light);--primary-dark:var(--light-primary-dark);--success:var(--light-success);--warning:var(--light-warning);--error:var(--light-error);--info:var(--light-info);--hover:var(--light-hover);--shadow:var(--light-shadow)}[data-theme=dark]{--bg:var(--dark-bg);--text:var(--dark-text);--text-secondary:var(--dark-text-secondary);--surface:var(--dark-surface);--border:var(--dark-border);--primary:var(--dark-primary);--primary-light:var(--dark-primary-light);--primary-dark:var(--dark-primary-dark);--success:var(--dark-success);--warning:var(--dark-warning);--error:var(--dark-error);--info:var(--dark-info);--hover:var(--dark-hover);--shadow:var(--dark-shadow)}.spiral-page-container{background:#f8fafc;background:var(--bg);color:#0f172a;color:var(--text);display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100vh;overflow:hidden;width:100%}.spiral-content{display:flex;flex:1 1;flex-direction:column;overflow-x:hidden;overflow-y:auto;width:100%}.database-alert{background:#dc262614;border-bottom:2px solid #dc2626;border-bottom:2px solid var(--error);color:#dc2626;color:var(--error);gap:12px;padding:10px 20px}.alert-icon,.database-alert{align-items:center;display:flex}.alert-icon{background:#dc26261f;border-radius:8px;justify-content:center;padding:6px}.alert-content{display:flex;flex-direction:column;gap:2px}.alert-content strong{font-size:13px}.alert-content div{font-size:12px;opacity:.9}.mobile-menu-btn{background:linear-gradient(135deg,#1e40af,#2563eb);background:linear-gradient(135deg,var(--primary),var(--primary-light));border:none;border-radius:10px;box-shadow:0 4px 12px #1e40af14;box-shadow:0 4px 12px var(--shadow);color:#fff;cursor:pointer;display:none;left:16px;padding:10px;position:fixed;top:16px;transition:transform .2s ease;z-index:1001}.mobile-menu-btn:hover{transform:scale(1.05)}.mobile-menu-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172ad9;bottom:0;left:0;position:fixed;right:0;top:0;z-index:2000}[data-theme=light] .mobile-menu-overlay{background:#1e293bb3}.mobile-menu{background:#fff;background:var(--surface);border-right:1px solid #e2e8f0;border-right:1px solid var(--border);bottom:0;box-shadow:0 0 30px #1e40af14;box-shadow:0 0 30px var(--shadow);left:0;overflow-y:auto;position:fixed;top:0;width:280px}.mobile-menu-header{align-items:center;background:linear-gradient(135deg,#1e40af,#2563eb);background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;display:flex;justify-content:space-between;padding:20px}.mobile-menu-header h3{color:#fff;font-size:18px;font-weight:600;margin:0}.mobile-menu-close{align-items:center;background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:center;transition:background .2s ease;width:36px}.mobile-menu-close:hover{background:#ffffff4d}.mobile-menu-content{padding:16px}.mobile-menu-btn-item{align-items:center;background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;color:#0f172a;color:var(--text);cursor:pointer;display:flex;gap:12px;margin-bottom:8px;padding:12px 16px;transition:all .2s ease;width:100%}.mobile-menu-btn-item:hover{background:#f1f5f9;background:var(--hover);border-color:#1e40af;border-color:var(--primary);transform:translateX(4px)}.mobile-menu-btn-item.primary{background:linear-gradient(135deg,#1e40af,#2563eb);background:linear-gradient(135deg,var(--primary),var(--primary-light));border:none;color:#fff}.mobile-menu-icon{align-items:center;background:#ffffff1a;border-radius:8px;display:flex;justify-content:center;padding:8px}[data-theme=dark] .mobile-menu-icon{background:#ffffff14}.mobile-menu-btn-item.primary .mobile-menu-icon{background:#fff3}.buttons-row{background:#fff;background:var(--surface);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);box-shadow:0 2px 8px #1e40af14;box-shadow:0 2px 8px var(--shadow);display:flex;flex-wrap:wrap;gap:12px;padding:16px 24px}.page-btn{align-items:center;background:#0000!important;border:3px solid;border-radius:10px;box-shadow:0 2px 4px #1e40af14;box-shadow:0 2px 4px var(--shadow);cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:10px;letter-spacing:.3px;padding:12px 20px;transition:all .2s ease}.page-btn:hover:not(:disabled){box-shadow:0 6px 14px #1e40af14;box-shadow:0 6px 14px var(--shadow);transform:translateY(-2px)}.primary-btn{border-color:#1e40af;border-color:var(--primary);color:#1e40af;color:var(--primary)}.smart-entry-btn{border-color:#2563eb;border-color:var(--info);color:#2563eb;color:var(--info)}.refresh-btn{border-color:#1e40af;border-color:var(--primary);color:#1e40af;color:var(--primary)}.nav-btn{border-color:#2563eb;border-color:var(--info);color:#2563eb;color:var(--info)}.dashboard-btn,.stats-btn{border-color:#1e40af;border-color:var(--primary);color:#1e40af;color:var(--primary)}.primary-btn:hover:not(:disabled){background:#1e40af!important;background:var(--primary)!important;border-color:#1e40af;border-color:var(--primary);color:#fff}.primary-btn:hover:not(:disabled) span,.primary-btn:hover:not(:disabled) svg{color:#fff!important}.smart-entry-btn:hover:not(:disabled){background:#2563eb!important;background:var(--info)!important;border-color:#2563eb;border-color:var(--info);color:#fff}.smart-entry-btn:hover:not(:disabled) span,.smart-entry-btn:hover:not(:disabled) svg{color:#fff!important}.refresh-btn:hover:not(:disabled){background:#1e40af!important;background:var(--primary)!important;border-color:#1e40af;border-color:var(--primary);color:#fff}.refresh-btn:hover:not(:disabled) span,.refresh-btn:hover:not(:disabled) svg{color:#fff!important}.nav-btn:hover:not(:disabled){background:#2563eb!important;background:var(--info)!important;border-color:#2563eb;border-color:var(--info);color:#fff}.nav-btn:hover:not(:disabled) span,.nav-btn:hover:not(:disabled) svg{color:#fff!important}.dashboard-btn:hover:not(:disabled),.stats-btn:hover:not(:disabled){background:#1e40af!important;background:var(--primary)!important;border-color:#1e40af;border-color:var(--primary);color:#fff}.dashboard-btn:hover:not(:disabled) span,.dashboard-btn:hover:not(:disabled) svg,.stats-btn:hover:not(:disabled) span,.stats-btn:hover:not(:disabled) svg{color:#fff!important}.page-btn:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.mini-spinner{border:2px solid #4f46e54d;border-top-color:#1e40af;border-top:2px solid var(--primary);height:18px;width:18px}.section-header{margin-bottom:20px}.section-header h3{align-items:center;color:#0f172a!important;color:var(--text)!important;display:flex;font-size:20px;font-weight:600;gap:12px;margin:0}.section-icon{align-items:center;background:linear-gradient(135deg,#1e40af,#2563eb);background:linear-gradient(135deg,var(--primary),var(--primary-light));border-radius:10px;box-shadow:0 4px 10px #1e40af14;box-shadow:0 4px 10px var(--shadow);display:flex;justify-content:center;padding:10px}.section-icon svg{color:#fff!important}.section-info{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;box-shadow:0 2px 6px #1e40af14;box-shadow:0 2px 6px var(--shadow);font-size:13px;gap:16px;padding:10px 18px}.info-item,.section-info{color:#0f172a!important;color:var(--text)!important;display:flex}.info-item{align-items:center;background:#0000!important;gap:6px}.info-item svg{color:#1e40af!important;color:var(--primary)!important}.info-item span{color:#0f172a!important;color:var(--text)!important}.database-status{gap:6px}.status-dot.connected{background:#059669;background:var(--success);box-shadow:0 0 8px #059669;box-shadow:0 0 8px var(--success)}.status-dot.offline{background:#dc2626;background:var(--error);box-shadow:0 0 8px #dc2626;box-shadow:0 0 8px var(--error)}.status-text{color:#059669!important;color:var(--success)!important;font-size:12px;font-weight:600}.status-text.offline{color:#dc2626!important;color:var(--error)!important}.stats-section{background:#f8fafc;background:var(--bg);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);padding:24px}.stats-summary{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px #1e40af14;box-shadow:0 2px 8px var(--shadow);display:flex;font-size:14px;gap:20px;padding:12px 20px}.stats-summary,.summary-item{color:#0f172a!important;color:var(--text)!important}.summary-item{gap:8px}.summary-item svg{color:#1e40af!important;color:var(--primary)!important}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin-top:20px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 4px 12px #1e40af14;box-shadow:0 4px 12px var(--shadow);overflow:hidden;position:relative;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{box-shadow:0 12px 24px #1e40af14;box-shadow:0 12px 24px var(--shadow);transform:translateY(-4px)}.stat-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.stat-icon-title{align-items:center;display:flex;gap:14px}.stat-icon-container{align-items:center;border:1px solid;border-radius:12px;display:flex;justify-content:center;padding:12px}.stat-title{font-size:15px}.stat-title,.stat-value{color:#0f172a!important;color:var(--text)!important}.stat-value{font-size:28px;margin-bottom:8px}.stat-footer{align-items:center;color:#334155!important;color:var(--text-secondary)!important;display:flex;font-size:13px;gap:6px}.stat-footer svg{color:#1e40af!important;color:var(--primary)!important}.dashboard-section{background:#f8fafc;background:var(--bg);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);padding:24px}.dashboard-grid{grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));margin-top:20px}.dashboard-card{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:16px;box-shadow:0 4px 12px #1e40af14;box-shadow:0 4px 12px var(--shadow);overflow:hidden}.card-header{background:linear-gradient(135deg,#1e40af,#2563eb);background:linear-gradient(135deg,var(--primary),var(--primary-light));gap:14px;padding:16px 20px}.card-header h4{font-size:16px;font-weight:600;margin:0}.card-header h4,.card-header svg{color:#fff!important}.card-content{background:#fff;background:var(--surface);padding:20px}.filters-section{background:#f8fafc;background:var(--bg);border-bottom:5px solid #e2e8f0;border-bottom:5px solid var(--border);padding:4px 24px;width:100%}.filters-container{background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;box-shadow:0 2px 6px #1e40af14;box-shadow:0 2px 6px var(--shadow);height:70px;padding:0 12px}.filters-container,.filters-row{align-items:center;display:flex;width:100%}.filters-row{flex-wrap:nowrap;gap:12px;height:100%;justify-content:space-between}.filter-heading{align-items:center;border-right:1px solid #e2e8f0;border-right:1px solid var(--border);display:flex;flex-shrink:0;font-size:20px;font-weight:700;gap:6px;height:36px;min-width:80px;padding-right:12px}.filter-heading,.filter-heading span{color:#1e40af!important;color:var(--primary)!important}.filter-icon-header{align-items:center;background:linear-gradient(135deg,#1e40af,#2563eb);background:linear-gradient(135deg,var(--primary),var(--primary-light));border-radius:6px;display:flex;justify-content:center;padding:5px}.filter-icon-header svg{color:#fff!important;height:25px;width:25px}.filter-controls{align-items:center;display:flex;flex:1 1;flex-wrap:nowrap;gap:8px}.filter-item.search-box{flex-shrink:0;min-width:180px}.filter-item.date-picker,.filter-item.wire-size{flex-shrink:0;min-width:200px}.filter-input-container{position:relative;width:100%}.filter-icon{color:#334155!important;color:var(--text-secondary)!important;font-size:25px;left:10px;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.filter-date,.filter-input,.filter-select{background:#f8fafc;background:var(--bg);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:10px;color:#0f172a!important;color:var(--text)!important;font-size:15px;height:60px;padding:6px 10px 6px 32px;transition:all .2s ease;width:100%}.filter-input::placeholder{color:#334155;color:var(--text-secondary)}.filter-date:focus,.filter-date:hover,.filter-input:focus,.filter-input:hover,.filter-select:focus,.filter-select:hover{border-color:#1e40af;border-color:var(--primary);box-shadow:0 0 0 2px #2563eb1a;outline:none}.filter-select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 width=%2714%27 height=%2714%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23334155%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27><polyline points=%276 9 12 15 18 9%27/></svg>");background-position:right 10px center;background-repeat:no-repeat;background-size:14px}[data-theme=dark] .filter-select{background-image:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 width=%2714%27 height=%2714%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%2394a3b8%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27><polyline points=%276 9 12 15 18 9%27/></svg>")}.filter-item .page-btn{align-items:center;background:#0000!important;border:3px solid;border-radius:10px;box-shadow:none;display:flex;flex-shrink:0;font-size:13px;font-weight:600;gap:6px;height:50px;justify-content:center;letter-spacing:.2px;margin-top:0;padding:6px 14px;transition:all .2s ease;white-space:nowrap}.filter-item .page-btn svg{height:25px;width:25px}.filter-item .page-btn.filter-action-btn{border-color:#1e40af;border-color:var(--primary);color:#1e40af!important;color:var(--primary)!important;min-width:95px}.filter-item .page-btn.filter-action-btn.secondary{border-color:#d20419;color:#7c3aed!important;min-width:100px}.filter-item .page-btn.filter-action-btn.success{border-color:#059669;border-color:var(--success);color:#059669!important;color:var(--success)!important;min-width:90px}.filter-item .page-btn.filter-action-btn.print{border-color:#2563eb;border-color:var(--info);color:#2563eb!important;color:var(--info)!important;min-width:100px}.filter-item .page-btn.filter-action-btn.export{border-color:#059669;border-color:var(--success);color:#059669!important;color:var(--success)!important;min-width:100px}.filter-status-inline{align-items:center;border-left:5px solid #e2e8f0;border-left:5px solid var(--border);color:#334155!important;color:var(--text-secondary)!important;display:flex;flex-shrink:0;font-size:15px;gap:12px;height:36px;justify-content:flex-end;min-width:260px;padding-left:12px}.active-filters-wrapper{align-items:center;background:color-mix(in srgb,#1e40af 10%,#0000);background:color-mix(in srgb,var(--primary) 10%,#0000);border:1px solid color-mix(in srgb,#1e40af 25%,#0000);border:1px solid color-mix(in srgb,var(--primary) 25%,#0000);border-radius:20px;display:flex;gap:6px;height:30px;padding:4px 12px}.active-filters-text{color:#1e40af!important;color:var(--primary)!important;font-size:12px;font-weight:600;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-count-wrapper{align-items:center;background:#f8fafc;background:var(--bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:20px;display:flex;font-weight:600;gap:6px;height:30px;padding:4px 12px}.filter-count-number{color:#1e40af!important;color:var(--primary)!important;font-weight:700}.filter-count-wrapper span{color:#0f172a!important;color:var(--text)!important}.records-section{background:#f8fafc;background:var(--bg);display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:20px 24px}.table-container{-webkit-overflow-scrolling:touch;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:14px;box-shadow:0 4px 12px #1e40af14;box-shadow:0 4px 12px var(--shadow);flex:1 1;max-height:calc(100vh - 350px);min-height:400px;overflow-x:auto!important;overflow-y:auto!important;position:relative}.records-table,.table-container{background:#fff;background:var(--surface);width:100%}.records-table{border-collapse:collapse;min-width:1600px;table-layout:auto}[data-theme=dark] .table-container::-webkit-scrollbar{background:#1e293b;height:12px;width:12px}[data-theme=dark] .table-container::-webkit-scrollbar-thumb{background:#475569;border-radius:6px}[data-theme=dark] .table-container::-webkit-scrollbar-thumb:hover{background:#64748b}[data-theme=dark] .table-container::-webkit-scrollbar-corner{background:#1e293b}[data-theme=light] .table-container::-webkit-scrollbar{background:#e2e8f0;height:10px;width:10px}[data-theme=light] .table-container::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:5px}[data-theme=light] .table-container::-webkit-scrollbar-thumb:hover{background:#64748b}[data-theme=light] .table-container::-webkit-scrollbar-corner{background:#e2e8f0}.records-table thead tr{color:#fff!important;position:-webkit-sticky;position:sticky;top:0;z-index:10}.records-table thead tr,[data-theme=light] .records-table thead tr{background:linear-gradient(135deg,#1e3a8a,#1e40af)!important}[data-theme=dark] .records-table thead tr{background:linear-gradient(135deg,#1e3a5f,#132b4a)!important}.records-table th{background:#0000!important;border-right:1px solid #ffffff1a;font-size:15px;font-weight:600;padding:10px 12px;text-align:left;white-space:nowrap}.records-table th,.records-table th div,.records-table th span,.records-table th svg,.table-header-content,.table-subheader{color:#fff!important}.table-header-content{align-items:center;display:flex;gap:8px}.table-subheader{color:#ffffffe6!important;font-size:11px;font-weight:400;margin-top:2px;opacity:.8}.records-table tbody tr{background:#fff;background:var(--surface);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);transition:background .15s ease}.records-table tbody tr:hover{background:#f1f5f9;background:var(--hover)}.even-row{background:#fff;background:var(--surface)}.odd-row{background:#f8fafc;background:var(--bg)}.records-table td{background:#0000;border-right:1px solid #e2e8f0;border-right:1px solid var(--border);color:#0f172a!important;color:var(--text)!important;font-size:14px;padding:10px 12px;vertical-align:middle}.table-cell-content{display:flex;flex-direction:column;gap:4px}.record-id{color:#1e40af!important;color:var(--primary)!important;font-size:14px;font-weight:700}.record-code{align-items:center;display:flex;font-size:12px;gap:4px}.record-code,.record-code svg{color:#334155!important;color:var(--text-secondary)!important}.cell-header{align-items:center;display:flex;gap:8px;margin-bottom:2px}.cell-header svg{color:#1e40af!important;color:var(--primary)!important;height:20px;width:20px}.cell-value{color:#0f172a!important;color:var(--text)!important;font-size:14px;font-weight:600}.cell-detail{align-items:center;display:flex;font-size:12px;gap:4px}.cell-detail,.cell-detail svg{color:#334155!important;color:var(--text-secondary)!important}.production-value{color:#0f172a!important;color:var(--text)!important;font-size:15px;font-weight:700;margin-bottom:2px}.production-value .unit{color:#334155!important;color:var(--text-secondary)!important;font-size:11px;font-weight:400;margin-left:2px}.efficiency-badge{border:1px solid;font-size:13px;font-weight:700;gap:4px;padding:5px 10px;width:-webkit-fit-content;width:fit-content}.efficiency-badge.efficiency-excellent{background:#10b98126!important;border-color:#10b9814d!important;color:#10b981!important}.efficiency-badge.efficiency-good{background:#f59e0b26!important;border-color:#f59e0b4d!important;color:#f59e0b!important}.efficiency-badge.efficiency-average{background:#f9731626!important;border-color:#f973164d!important;color:#f97316!important}.efficiency-badge.efficiency-poor{background:#ef444426!important;border-color:#ef44444d!important;color:#ef4444!important}[data-theme=dark] .efficiency-badge.efficiency-excellent{background:#34d39933!important;border-color:#34d39966!important;color:#34d399!important}[data-theme=dark] .efficiency-badge.efficiency-good{background:#fbbf2433!important;border-color:#fbbf2466!important;color:#fbbf24!important}[data-theme=dark] .efficiency-badge.efficiency-average{background:#fb923c33!important;border-color:#fb923c66!important;color:#fb923c!important}[data-theme=dark] .efficiency-badge.efficiency-poor{background:#f8717133!important;border-color:#f8717166!important;color:#f87171!important}.efficiency-badge svg{color:currentColor!important;height:10px;width:10px}.remarks-cell{align-items:center;display:flex;gap:8px;max-width:200px}.remarks-text{color:#1e40af!important;color:var(--primary)!important;font-size:13px;font-weight:500;line-height:1.4;word-break:break-word}.remarks-view-btn{align-items:center;background:#0000;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:6px;color:#334155;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;padding:0;transition:all .2s ease;width:28px}.remarks-view-btn svg{color:#1e40af!important;color:var(--primary)!important;height:14px;width:14px}.remarks-view-btn:hover{background:#2563eb1a;border-color:#1e40af;border-color:var(--primary);transform:scale(1.05)}.action-buttons{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:8px!important;justify-content:flex-start!important}.action-btn,.action-buttons{align-items:center!important}.action-btn{background:#0000!important;border:2px solid;border-radius:6px!important;display:inline-flex!important;height:50px!important;justify-content:center!important;padding:0!important;transition:all .2s ease;width:50px!important}.action-btn svg{height:25px!important;width:25px!important}.view-btn{border-color:#2563eb;border-color:var(--info);color:#2563eb!important;color:var(--info)!important}.view-btn:hover{background:#2563eb!important;background:var(--info)!important}.view-btn:hover,.view-btn:hover svg{color:#fff!important}.edit-btn{border-color:#d97706;border-color:var(--warning);color:#d97706!important;color:var(--warning)!important}.edit-btn:hover{background:#d97706!important;background:var(--warning)!important}.edit-btn:hover,.edit-btn:hover svg{color:#fff!important}.delete-btn{border-color:#dc2626;border-color:var(--error);color:#dc2626!important;color:var(--error)!important}.delete-btn:hover{background:#dc2626!important;background:var(--error)!important}.delete-btn:hover,.delete-btn:hover svg{color:#fff!important}.bottom-info-bar{align-items:center;background:#fff;background:var(--surface);border-top:1px solid #e2e8f0;border-top:1px solid var(--border);color:#0f172a!important;color:var(--text)!important;display:flex;font-size:13px;justify-content:space-between;padding:12px 24px}.info-left,.info-right{align-items:center;display:flex;gap:24px}.info-left .info-item,.info-right .info-item{align-items:center;color:#0f172a!important;color:var(--text)!important;display:flex;gap:6px}.info-left .info-item svg,.info-right .info-item svg{color:#1e40af!important;color:var(--primary)!important}.info-left .info-item span,.info-right .info-item span{color:#0f172a!important;color:var(--text)!important}.empty-state,.loading-state{align-items:center;background:#fff;background:var(--surface);border-radius:14px;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner{border-top:3px solid #1e40af;border:3px solid var(--border);border-top-color:var(--primary);height:48px;width:48px}.loading-spinner-large{border:4px solid #e2e8f0;border-top:4px solid #1e40af;border:4px solid var(--border);border-top-color:var(--primary);height:64px;margin-bottom:24px;width:64px}.full-page-loading{background:#f8fafc;background:var(--bg);color:#0f172a;color:var(--text);flex-direction:column;height:100vh}.empty-icon-large,.full-page-loading{align-items:center;display:flex;justify-content:center}.empty-icon-large{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:24px;color:#334155!important;color:var(--text-secondary)!important;height:96px;margin-bottom:24px;width:96px}.empty-state h4,.loading-state h4{color:#0f172a!important;color:var(--text)!important;font-size:20px;font-weight:600;margin-bottom:12px}.empty-state p,.loading-state p{color:#334155!important;color:var(--text-secondary)!important;font-size:15px;margin-bottom:24px;max-width:400px}.primary-btn.large{font-size:15px;padding:14px 28px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172acc;z-index:2000}[data-theme=light] .modal-overlay{background:#1e293b99}.modal-container{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 20px 40px #1e40af14;box-shadow:0 20px 40px var(--shadow);max-width:500px;width:90%}.modal-header{background:linear-gradient(135deg,#1e40af,#2563eb);background:linear-gradient(135deg,var(--primary),var(--primary-light));border-top-left-radius:16px;border-top-right-radius:16px;padding:20px 24px}.modal-header h2{align-items:center;display:flex;font-size:18px;font-weight:600;gap:12px;margin:0}.modal-header h2,.modal-header h2 svg{color:#fff!important}.modal-icon{border-radius:8px;padding:8px}.modal-close-btn,.modal-icon{align-items:center;background:#fff3;display:flex;justify-content:center}.modal-close-btn{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:24px;height:36px;transition:background .2s ease;width:36px}.modal-body{padding:24px}.remarks-modal .modal-container{max-width:550px}.remarks-modal-content{text-align:center}.remarks-icon-container{align-items:center;background:#2563eb1a;border:1px solid #ded8f1;border-radius:18px;display:flex;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.remarks-icon-container svg{color:#1e40af!important;color:var(--primary)!important}.remarks-modal-content h3{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);font-size:17px;font-weight:600;margin-bottom:18px;padding-bottom:10px}.remarks-full-text,.remarks-modal-content h3{color:#0f172a!important;color:var(--text)!important}.remarks-full-text{background:#f8fafc;background:var(--bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;font-size:14px;line-height:1.6;max-height:350px;overflow-y:auto;padding:18px;text-align:left;white-space:pre-wrap;word-break:break-word}@media (max-width:768px){.spiral-content{padding:60px 10px 70px!important}.buttons-row{display:flex;flex-direction:row!important;flex-wrap:wrap!important;gap:6px!important;justify-content:center;padding:10px!important}.buttons-row .page-btn{flex:0 1 auto!important;font-size:12px!important;gap:6px!important;height:36px!important;min-width:auto!important;padding:8px 12px!important}.stats-grid{gap:8px!important;grid-template-columns:repeat(2,1fr)!important}.stat-card{padding:12px!important}.stat-value{font-size:20px!important}.filters-container{overflow-x:auto}.filters-row{min-width:1100px}.section-header{align-items:flex-start;flex-direction:column;gap:12px}.section-info{flex-direction:row!important;flex-wrap:wrap;width:100%}.bottom-info-bar{flex-direction:column;gap:8px}.info-left,.info-right{flex-wrap:wrap;gap:16px;justify-content:center}.mobile-fixed-bottom{display:flex!important}.table-container{margin:0 -4px;max-height:calc(100vh - 450px);width:calc(100% + 8px)}.records-table{min-width:1600px}}@media (max-width:480px){.buttons-row .page-btn{font-size:11px!important;height:32px!important;padding:6px 10px!important}.stats-grid{grid-template-columns:1fr 1fr!important}.stat-value{font-size:18px!important}.stat-title{font-size:12px!important}.records-table{min-width:1500px}}.mobile-fixed-bottom{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--surface);border-top:1px solid #e2e8f0;border-top:1px solid var(--border);bottom:0;box-shadow:0 -4px 12px #1e40af14;box-shadow:0 -4px 12px var(--shadow);display:none;gap:8px;left:0;padding:10px 16px;position:fixed;right:0;z-index:1000}.mobile-fixed-bottom .page-btn{border:none;border-radius:20px!important;flex:1 1;font-size:13px;font-weight:600;justify-content:center;margin:0;padding:10px 12px}.mobile-fixed-bottom .page-btn.primary-btn{background:#1e40af!important;background:var(--primary)!important;color:#fff!important}.mobile-fixed-bottom .page-btn.smart-entry-btn{background:#2563eb!important;background:var(--info)!important;color:#fff!important}.mobile-fixed-bottom .page-btn.refresh-btn{background:#1e40af!important;background:var(--primary)!important;color:#fff!important}.mobile-fixed-bottom .page-btn.nav-btn{background:#2563eb!important;background:var(--info)!important;color:#fff!important}.mobile-fixed-bottom .page-btn svg{color:#fff!important}.pagination{margin-top:8px;padding:16px 0}.pagination-info{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:20px;color:#334155;color:var(--text-secondary);font-size:.85rem;padding:4px 12px}.pagination-controls{align-items:center;display:flex;gap:12px}.pagination-btn{background:var(--surface);border:1px solid var(--border);border-radius:8px;color:#0f172a;color:var(--text);height:36px;justify-content:center;transition:all .2s ease;width:36px}.pagination-btn:hover:not(:disabled){background:#1e40af;background:var(--primary);border-color:#1e40af;border-color:var(--primary);color:#fff}.page-numbers{gap:6px}.page-numbers .page-btn{align-items:center;background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;color:#0f172a;color:var(--text);cursor:pointer;display:flex;font-size:14px;font-weight:600;height:36px;justify-content:center;min-width:36px;padding:0 8px;transition:all .2s ease}.page-numbers .page-btn:hover{background:#f1f5f9;background:var(--hover);border-color:#1e40af;border-color:var(--primary)}.page-numbers .page-btn.active{background:#1e40af;background:var(--primary);border-color:#1e40af;border-color:var(--primary);color:#fff}:root{--text-primary:#1a237e;--text-secondary:#283593;--text-tertiary:#5c6bc0;--text-light:#7986cb;--text-lighter:#9fa8da;--text-disabled:#c5cae9;--light-blue-primary:#e3f2fd;--light-blue-secondary:#bbdefb;--light-blue-accent:#90caf9;--light-blue-hover:#64b5f6;--bg-secondary:#f8fafc;--bg-surface:#f5f7fa;--bg-hover:#f1f5f9;--bg-active:#e8edf4;--border-primary:#e2e8f0;--border-secondary:#edf2f7;--border-strong:#cbd5e1;--border-focus:#3b82f6;--success:#10b981;--success-light:#d1fae5;--success-dark:#065f46;--success-text:#047857;--error:#ef4444;--error-light:#fee2e2;--error-dark:#b91c1c;--error-text:#dc2626;--warning:#f59e0b;--warning-light:#fef3c7;--warning-dark:#92400e;--warning-text:#d97706;--info:#3b82f6;--info-light:#dbeafe;--info-dark:#1e40af;--info-text:#2563eb;--primary-main:#1a237e;--primary-light:#283593;--primary-dark:#0d145c;--primary-hover:#283593;--primary-active:#0d145c;--secondary-main:#2196f3;--secondary-light:#64b5f6;--secondary-dark:#1976d2;--progress-bar:#e0f2fe;--progress-fill:#0ea5e9;--progress-complete:#10b981;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--transition-base:all 0.2s ease-in-out;--transition-slow:all 0.3s ease-in-out}.dark-mode{--text-primary:#e8eaff;--text-secondary:#c5caff;--text-tertiary:#a5b4fc;--text-light:#818cf8;--text-lighter:#6366f1;--text-disabled:#4f46e5;--light-blue-primary:#2196f326;--light-blue-secondary:#2196f340;--light-blue-accent:#2196f359;--light-blue-hover:#2196f373;--bg-primary:#121826;--bg-secondary:#1a2036;--bg-surface:#1e253b;--bg-card:#1a2036;--bg-hover:#252c45;--bg-active:#2d3650;--border-primary:#2d3650;--border-secondary:#374151;--border-strong:#4b5563;--border-focus:#60a5fa;--success:#34d399;--success-light:#34d3991a;--success-dark:#059669;--success-text:#34d399;--error:#f87171;--error-light:#f871711a;--error-dark:#dc2626;--error-text:#f87171;--warning:#fbbf24;--warning-light:#fbbf241a;--warning-dark:#d97706;--warning-text:#fbbf24;--info:#60a5fa;--info-light:#60a5fa1a;--info-dark:#2563eb;--info-text:#60a5fa;--primary-main:#818cf8;--primary-light:#a5b4fc;--primary-dark:#6366f1;--primary-hover:#a5b4fc;--primary-active:#6366f1;--secondary-main:#60a5fa;--secondary-light:#93c5fd;--secondary-dark:#3b82f6;--progress-bar:#0ea5e933;--progress-fill:#38bdf8;--progress-complete:#34d399;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006;--shadow-lg:0 10px 15px -3px #00000080}.spiral-form-container{background-color:#fff;background-color:var(--bg-primary);color:#1a237e;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.5;margin:0 auto;max-width:1200px;min-height:100vh;padding:0;transition:all .3s ease-in-out;transition:var(--transition-slow);width:100%}.loading-container{min-height:400px;padding:40px;text-align:center}.loading-spinner{border-color:var(--border-primary);border-top-color:#10b981;border-top-color:var(--success);margin-bottom:20px}.loading-text{color:#283593;font-weight:500}.form-header{background:linear-gradient(135deg,#e3f2fd,#f5f7fa);background:linear-gradient(135deg,var(--light-blue-primary),var(--bg-surface));border-bottom:3px solid #e2e8f0;border-bottom:3px solid var(--border-primary);border-radius:12px 12px 0 0;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);margin-bottom:24px;padding:28px 32px}.back-button,.form-header{transition:all .2s ease-in-out;transition:var(--transition-base)}.back-button{align-items:center;background:#0000;border:none;border-radius:8px;color:#5c6bc0;color:var(--text-tertiary);cursor:pointer;display:inline-flex;font-size:15px;font-weight:500;gap:10px;margin-bottom:20px;padding:10px 16px;text-decoration:none}.back-button:hover{background:#f1f5f9;background:var(--bg-hover);color:#283593;color:var(--text-secondary);transform:translateX(-2px)}.back-button:active{background:#e8edf4;background:var(--bg-active);transform:translateX(0)}.form-title{color:#1a237e;color:var(--primary-main);font-size:28px;font-weight:700;letter-spacing:-.025em;margin:0 0 8px}.form-subtitle{color:#283593;color:var(--text-secondary);font-size:15px;font-weight:500;line-height:1.6;margin:0}.form-note{background:#fee2e2;background:var(--error-light);border-left:4px solid #ef4444;border-left:4px solid var(--error);border-radius:8px;color:#dc2626;color:var(--error-text);font-size:14px;font-weight:500;margin:16px 0 0;padding:10px 16px}.main-form{width:100%}.form-content{background:#fff;background:var(--bg-card);border:2px solid #e2e8f0;border:2px solid var(--border-primary);border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);margin-bottom:32px;padding:32px}.form-section{border-top:2px solid #bbdefb;border-top:2px solid var(--light-blue-secondary);padding-top:24px;transition:all .2s ease-in-out;transition:var(--transition-base)}.form-section:first-of-type{border-top:none;padding-top:0}.section-title{border-bottom:2px solid #e3f2fd;border-bottom:2px solid var(--light-blue-primary);color:#1a237e;color:var(--primary-main);font-size:20px;letter-spacing:-.01em;margin:0 0 24px;padding-bottom:12px}.section-title:before{background:#2196f3;background:var(--secondary-main);border-radius:3px;content:"";display:block;height:24px;width:6px}.form-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.shift-name-row{margin-top:20px}.form-field{margin-bottom:0}.form-label{color:#1a237e;transition:all .2s ease-in-out;transition:var(--transition-base)}.success-indicator{color:#10b981;color:var(--success);flex-shrink:0;font-size:16px}.error-indicator{color:#ef4444;color:var(--error);flex-shrink:0;font-size:16px}.form-input{background:#f5f7fa;background:var(--bg-surface);border:2px solid #e2e8f0;border:2px solid var(--border-primary);border-radius:10px;color:#1a237e;color:var(--text-primary);font-family:inherit;font-size:15px;line-height:1.5;outline:none;padding:14px 16px;transition:all .2s ease-in-out;transition:var(--transition-base);width:100%}.form-input:focus{box-shadow:0 0 0 4px #2196f326;color:#1a237e;color:var(--primary-main)}.dark-mode .form-input:focus,.form-input:focus{background:#e3f2fd;background:var(--light-blue-primary);border-color:#2196f3;border-color:var(--secondary-main)}.dark-mode .form-input:focus{box-shadow:0 0 0 4px #2196f333;color:#1a237e;color:var(--text-primary)}.form-input-filled{background:#d1fae5;background:var(--success-light);border-color:#10b981;border-color:var(--success);color:#047857;color:var(--success-text);font-size:15px;font-weight:600}.form-input-error{background:#fee2e2;background:var(--error-light);border-color:#ef4444;border-color:var(--error);color:#dc2626;color:var(--error-text)}.input-with-icon{position:relative;width:100%}.input-with-icon .form-input{padding-left:48px;width:100%}.date-icon{color:#5c6bc0;color:var(--text-tertiary);font-size:20px;left:16px;pointer-events:none}.date-icon,.field-checkmark{position:absolute;top:50%;transform:translateY(-50%)}.field-checkmark{align-items:center;background:#d1fae5;background:var(--success-light);border-radius:50%;color:#10b981;color:var(--success);display:flex;font-size:16px;font-weight:700;height:24px;justify-content:center;right:16px;width:24px}.input-with-unit{width:100%}.input-with-unit .form-input{padding-right:80px;width:100%}.input-unit{background:#e3f2fd;background:var(--light-blue-primary);border:1px solid #90caf9;border:1px solid var(--light-blue-accent);border-radius:6px;color:#283593;color:var(--text-secondary);font-size:14px;font-weight:600;padding:4px 10px;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.input-with-datalist{position:relative;width:100%}.form-select{-webkit-appearance:none;appearance:none;background:#f5f7fa;background:var(--bg-surface);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%235C6BC0'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m19 9-7 7-7-7'/%3E%3C/svg%3E");background-position:right 18px center;background-repeat:no-repeat;background-size:18px;border:2px solid #e2e8f0;border:2px solid var(--border-primary);border-radius:10px;color:#1a237e;color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:15px;line-height:1.5;outline:none;padding:14px 52px 14px 16px;transition:all .2s ease-in-out;transition:var(--transition-base);width:100%}.dark-mode .form-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23818CF8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m19 9-7 7-7-7'/%3E%3C/svg%3E")}.form-select:focus{box-shadow:0 0 0 4px #2196f326;color:#1a237e;color:var(--primary-main)}.dark-mode .form-select:focus,.form-select:focus{background:#e3f2fd;background:var(--light-blue-primary);border-color:#2196f3;border-color:var(--secondary-main)}.dark-mode .form-select:focus{box-shadow:0 0 0 4px #2196f333;color:#1a237e;color:var(--text-primary)}.form-select-filled{background:#d1fae5;background:var(--success-light);border-color:#10b981;border-color:var(--success);color:#047857;color:var(--success-text);font-size:15px;font-weight:600}.form-select-error{background:#fee2e2;background:var(--error-light);border-color:#ef4444;border-color:var(--error);color:#dc2626;color:var(--error-text)}.select-with-indicator{position:relative;width:100%}.select-checkmark{align-items:center;background:#d1fae5;background:var(--success-light);border-radius:50%;color:#10b981;color:var(--success);display:flex;font-size:16px;font-weight:700;height:24px;justify-content:center;pointer-events:none;position:absolute;right:44px;top:50%;transform:translateY(-50%);width:24px}.display-field{align-items:center;background:#f5f7fa;background:var(--bg-surface);border:2px solid #e2e8f0;border:2px solid var(--border-primary);border-radius:10px;color:#5c6bc0;color:var(--text-tertiary);display:flex;font-size:15px;min-height:52px;padding:14px 16px;transition:all .2s ease-in-out;transition:var(--transition-base);width:100%}.display-field-filled{border-color:#10b981;border-color:var(--success)}.display-field-filled,.unit-display{background:#d1fae5;background:var(--success-light);color:#047857;color:var(--success-text);font-size:15px;font-weight:600}.unit-display{align-items:center;border:2px solid #10b981;border:2px solid var(--success);border-radius:10px;display:flex;justify-content:center;min-height:52px;padding:14px 16px;width:100%}textarea.form-input{font-family:inherit;line-height:1.6;min-height:100px;padding:16px;resize:vertical}textarea.form-input:focus{background:#e3f2fd;background:var(--light-blue-primary);border-color:#2196f3;border-color:var(--secondary-main);box-shadow:0 0 0 4px #2196f326}.field-hint{color:#5c6bc0;color:var(--text-tertiary);font-size:12px;font-style:normal}.error-text,.field-hint{line-height:1.4;margin-top:8px;padding-left:4px}.error-text{color:#dc2626;color:var(--error-text)}.success-message{animation:fadeIn .5s ease;background:linear-gradient(135deg,#d1fae5,#d1fae5e6);background:linear-gradient(135deg,var(--success-light),#d1fae5e6);border:2px solid #10b981;border:2px solid var(--success);border-radius:12px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#047857;color:var(--success-text);font-size:15px;gap:16px;justify-content:space-between;margin-bottom:28px;padding:20px 24px}.success-content{align-items:center;display:flex;gap:16px}.success-icon{color:var(--success);flex-shrink:0;font-size:24px}.success-details{flex:1 1}.success-title{display:block;font-size:16px;font-weight:700;margin-bottom:4px}.success-description{line-height:1.5;margin-bottom:6px}.success-hint{color:#065f46;color:var(--success-dark);font-size:13px;font-weight:500}.dark-mode .success-hint{color:#10b981;color:var(--success)}.close-message-button{align-items:center;background:#0000;border:none;border-radius:6px;color:#047857;color:var(--success-text);cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:32px;justify-content:center;padding:6px;transition:all .2s ease-in-out;transition:var(--transition-base);width:32px}.close-message-button:hover{background:#10b98126}.dark-mode .close-message-button:hover{background:#34d39933}.error-message{align-items:flex-start;background:linear-gradient(135deg,#fee2e2,#fee2e2e6);background:linear-gradient(135deg,var(--error-light),#fee2e2e6);border:2px solid #ef4444;border:2px solid var(--error);border-radius:12px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#dc2626;color:var(--error-text);display:flex;font-size:15px;gap:16px;margin-bottom:28px;padding:20px 24px;transition:all .2s ease-in-out;transition:var(--transition-base)}.error-icon{align-items:center;background:#ef4444;background:var(--error);border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;margin-top:2px;width:24px}.error-title{display:block;font-size:16px;font-weight:700;margin-bottom:8px}.error-description{line-height:1.5;margin-bottom:8px}.error-suggestion{color:#b91c1c;color:var(--error-dark);font-size:13px;line-height:1.4}.dark-mode .error-suggestion{color:#dc2626;color:var(--error-text)}.completion-tracker{background:linear-gradient(135deg,#e3f2fd,#f5f7fa);background:linear-gradient(135deg,var(--light-blue-primary),var(--bg-surface));border:3px solid #bbdefb;border:3px solid var(--light-blue-secondary);border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);margin-bottom:32px;overflow:hidden;padding:28px;position:relative;transition:all .2s ease-in-out;transition:var(--transition-base)}.completion-tracker:before{background:linear-gradient(90deg,#2196f3,#64b5f6);background:linear-gradient(90deg,var(--secondary-main),var(--light-blue-hover));content:"";height:4px;left:0;position:absolute;right:0;top:0}.tracker-header{flex-wrap:wrap;justify-content:space-between;margin-bottom:24px}.tracker-header,.tracker-title{align-items:flex-start;display:flex;gap:16px}.tracker-title{flex:1 1}.tracker-icon{color:#2196f3;color:var(--secondary-main);flex-shrink:0;font-size:28px;margin-top:4px}.tracker-text{flex:1 1}.tracker-main-title{color:#1a237e;color:var(--primary-main);font-size:18px;font-weight:700;line-height:1.4;margin-bottom:6px}.tracker-subtitle{color:#283593;color:var(--text-secondary);font-size:14px;line-height:1.5}.completion-badge{align-items:center;background:#dbeafe;background:var(--info-light);border:3px solid #3b82f6;border:3px solid var(--info);border-radius:24px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#2563eb;color:var(--info-text);display:flex;font-size:15px;font-weight:800;gap:8px;padding:12px 20px;white-space:nowrap}.completion-badge-full{background:#d1fae5;background:var(--success-light);border-color:#10b981;border-color:var(--success);color:#047857;color:var(--success-text)}.completion-percentage{font-size:14px;font-weight:700}.progress-bar{background:#e0f2fe;background:var(--progress-bar);border:2px solid #90caf9;border:2px solid var(--light-blue-accent);border-radius:10px;height:20px;margin-bottom:24px}.progress-bar,.progress-fill{overflow:hidden;position:relative}.progress-fill{background:linear-gradient(90deg,#2196f3,#64b5f6);background:linear-gradient(90deg,var(--secondary-main),var(--light-blue-hover));border-radius:8px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#ffffff1a,#fff3 50%,#ffffff1a);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.progress-fill-complete{background:linear-gradient(90deg,#10b981,#34d399);background:linear-gradient(90deg,var(--success),#34d399)}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.machine-markers{bottom:0;display:flex;left:0;pointer-events:none;position:absolute;right:0;top:0}.machine-marker{align-items:center;background:#e2e8f0;background:var(--border-primary);border:3px solid #f5f7fa;border:3px solid var(--bg-surface);border-radius:50%;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:flex;height:24px;justify-content:center;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:24px}.machine-marker-completed{background:#10b981;background:var(--success);border-color:#fff;box-shadow:0 2px 8px #10b98166}.marker-check{color:#fff;font-size:12px;font-weight:700}.machine-list-container{margin-top:24px}.machine-list-header{align-items:center;color:#283593;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:14px;font-weight:600;gap:12px;justify-content:space-between;margin-bottom:16px;padding:0 4px}.machine-list-title{color:#1a237e;color:var(--primary-main);font-weight:700}.machine-list-counts{align-items:center;display:flex;gap:12px}.completed-count{color:#047857;color:var(--success-text);font-size:14px;font-weight:700}.count-separator{color:#5c6bc0;color:var(--text-tertiary);font-weight:700}.pending-count{color:#dc2626;color:var(--error-text);font-size:14px;font-weight:700}.machine-grid{grid-gap:12px;background:#f5f7fa;background:var(--bg-surface);border:2px solid #bbdefb;border:2px solid var(--light-blue-secondary);border-radius:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));max-height:160px;overflow-y:auto;padding:16px;scrollbar-color:#90caf9 #f5f7fa;scrollbar-color:var(--light-blue-accent) var(--bg-surface);scrollbar-width:thin}.machine-grid::-webkit-scrollbar{width:8px}.machine-grid::-webkit-scrollbar-track{background:#f5f7fa;background:var(--bg-surface);border-radius:4px}.machine-grid::-webkit-scrollbar-thumb{background:#90caf9;background:var(--light-blue-accent);border-radius:4px}.machine-grid::-webkit-scrollbar-thumb:hover{background:#64b5f6;background:var(--light-blue-hover)}.machine-status{align-items:center;border:2px solid #0000;border-radius:10px;display:flex;font-size:14px;font-weight:500;gap:12px;min-height:48px;padding:12px 16px;transition:all .2s ease-in-out;transition:var(--transition-base)}.machine-status-item{background:#f5f7fa;background:var(--bg-surface);border-color:#e2e8f0;border-color:var(--border-primary);color:#5c6bc0;color:var(--text-tertiary)}.machine-status-item:hover{background:#e3f2fd;background:var(--light-blue-primary);border-color:#90caf9;border-color:var(--light-blue-accent)}.machine-status-completed{background:#d1fae5;background:var(--success-light);border-color:#10b981;border-color:var(--success);color:#047857;color:var(--success-text);font-weight:600}.machine-status-current{background:#dbeafe;background:var(--info-light);border-color:#3b82f6;border-color:var(--info);box-shadow:0 4px 12px #3b82f633;color:#2563eb;color:var(--info-text);font-weight:700}.machine-icon-completed{color:#10b981;color:var(--success);flex-shrink:0;font-size:20px}.machine-icon-pending{background:#e2e8f0;background:var(--border-primary);border-radius:50%;flex-shrink:0;height:12px;width:12px}.machine-name{flex:1 1;font-weight:600}.current-machine-indicator{animation:pulse 1.5s infinite;background:#3b82f6;background:var(--info);border-radius:50%;flex-shrink:0;height:10px;width:10px}.all-completed-message{align-items:center;animation:fadeIn .5s ease;background:linear-gradient(135deg,#d1fae5,#d1fae5cc);background:linear-gradient(135deg,var(--success-light),#d1fae5cc);border:3px solid #10b981;border:3px solid var(--success);border-radius:12px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#047857;color:var(--success-text);display:flex;font-size:15px;font-weight:700;gap:12px;justify-content:center;margin-top:20px;padding:16px 24px;text-align:center}.dark-mode .all-completed-message{background:linear-gradient(135deg,#34d39926,#34d3991a)}.all-completed-icon{flex-shrink:0;font-size:20px}.all-completed-text{flex:1 1}.calculation-box{background:#f5f7fa;background:var(--bg-surface);border:3px solid #bbdefb;border:3px solid var(--light-blue-secondary);border-radius:16px;margin-bottom:24px;overflow:hidden;padding:28px;position:relative;transition:all .2s ease-in-out;transition:var(--transition-base)}.calculation-box:before{background:linear-gradient(90deg,#2196f3,#64b5f6);background:linear-gradient(90deg,var(--secondary-main),var(--light-blue-hover));content:"";height:4px;left:0;position:absolute;right:0;top:0}.calculation-box-active{background:#d1fae5;background:var(--success-light);border-color:#10b981;border-color:var(--success)}.calculation-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.calculation-item{background:#fff;background:var(--bg-card);border:2px solid #bbdefb;border:2px solid var(--light-blue-secondary);border-radius:12px;overflow:hidden;padding:24px;position:relative;text-align:center;transition:all .2s ease-in-out;transition:var(--transition-base)}.calculation-item:before{background:#2196f3;background:var(--secondary-main);content:"";height:4px;left:0;position:absolute;right:0;top:0}.calculation-item-active{background:#d1fae5;background:var(--success-light);border-color:#10b981;border-color:var(--success)}.calculation-item-active:before{background:#10b981;background:var(--success)}.calculation-label{color:#283593;color:var(--text-secondary);font-size:13px;font-weight:700;letter-spacing:.05em;margin-bottom:12px;text-transform:uppercase}.calculation-value{font-size:32px;font-weight:900;line-height:1.2;margin-bottom:4px}.calculation-unit,.calculation-value{color:#1a237e;color:var(--primary-main)}.calculation-unit{font-size:20px;font-weight:700;margin-left:8px}.calculation-item-active .calculation-label,.calculation-item-active .calculation-unit,.calculation-item-active .calculation-value{color:#047857;color:var(--success-text)}.completion-status{background:linear-gradient(135deg,#dbeafe,#dbeafee6);background:linear-gradient(135deg,var(--info-light),#dbeafee6);border:3px solid #3b82f6;border:3px solid var(--info);border-radius:16px;margin-bottom:32px;overflow:hidden;padding:28px;position:relative;transition:all .2s ease-in-out;transition:var(--transition-base)}.completion-status:before{background:linear-gradient(90deg,#3b82f6,#60a5fa);background:linear-gradient(90deg,var(--info),#60a5fa);content:"";height:4px;left:0;position:absolute;right:0;top:0}.completion-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.completion-title{align-items:center;color:#2563eb;color:var(--info-text);display:flex;font-size:16px;font-weight:700;gap:14px}.completion-icon{color:#3b82f6;color:var(--info);font-size:22px}.completion-label{font-weight:700}.completion-count{background:#ffffffe6;border:2px solid #3b82f6;border:2px solid var(--info);border-radius:24px;color:#2563eb;color:var(--info-text);font-size:18px;font-weight:800;padding:10px 20px}.completion-progress-bar{background:#e0f2fe;background:var(--progress-bar);border:2px solid #90caf9;border:2px solid var(--light-blue-accent);border-radius:6px;height:12px;overflow:hidden}.completion-progress-fill{background:linear-gradient(90deg,#3b82f6,#60a5fa);background:linear-gradient(90deg,var(--info),#60a5fa);border-radius:4px;height:100%;overflow:hidden;position:relative;transition:width .3s cubic-bezier(.4,0,.2,1)}.completion-progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#fff3,#fff6 50%,#fff3);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.form-actions{border-top:3px solid #bbdefb;border-top:3px solid var(--light-blue-secondary);gap:24px;padding-top:32px}.button-group{display:flex;flex-wrap:wrap;gap:16px}.form-button{align-items:center;border:3px solid;border-radius:12px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:15px;font-weight:700;gap:12px;justify-content:center;min-height:56px;min-width:140px;overflow:hidden;padding:16px 28px;position:relative;text-decoration:none;transition:all .2s ease-in-out;transition:var(--transition-base)}.form-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}.form-button:hover:before{animation:shimmer .6s}.form-button:hover{box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.form-button:active{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.button-icon{font-size:18px}.button-reset{background:#f5f7fa;background:var(--bg-surface);border-color:#cbd5e1;border-color:var(--border-strong);color:#5c6bc0;color:var(--text-tertiary)}.button-reset:hover{background:#f1f5f9;background:var(--bg-hover);border-color:#5c6bc0;border-color:var(--text-tertiary);color:#283593;color:var(--text-secondary)}.button-new{background:#0000;border-color:#2196f3;border-color:var(--secondary-main);color:#2196f3;color:var(--secondary-main)}.button-new:hover{background:#e3f2fd;background:var(--light-blue-primary);border-color:#64b5f6;border-color:var(--light-blue-hover);color:#1976d2;color:var(--secondary-dark)}.button-cancel{background:#0000;border-color:#ef4444;border-color:var(--error);color:#dc2626;color:var(--error-text)}.button-cancel:hover{background:#fee2e2;background:var(--error-light);border-color:#b91c1c;border-color:var(--error-dark);color:#b91c1c;color:var(--error-dark)}.button-submit{background:linear-gradient(135deg,#10b981,#065f46);background:linear-gradient(135deg,var(--success),var(--success-dark));border:none;box-shadow:0 4px 14px #10b98166;color:#fff;min-width:180px}.button-submit:hover:not(:disabled){background:linear-gradient(135deg,#065f46,#047857);background:linear-gradient(135deg,var(--success-dark),#047857);box-shadow:0 8px 20px #10b98199;transform:translateY(-4px)}.button-submit:disabled{background:#c5cae9;background:var(--text-disabled);box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.submit-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}@media (max-width:1200px){.spiral-form-container{max-width:100%;padding:0 16px}}@media (max-width:1024px){.form-grid{gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.form-content{padding:28px}.calculation-box,.completion-status,.completion-tracker,.form-header{padding:24px}}@media (max-width:768px){.spiral-form-container{padding:0 12px}.form-header{border-radius:8px 8px 0 0;padding:20px}.form-content{border-radius:8px;padding:20px}.form-grid{gap:20px;grid-template-columns:1fr!important}.section-title{font-size:18px;margin-bottom:20px}.form-title{font-size:24px}.form-subtitle{font-size:14px}.tracker-header{align-items:stretch;flex-direction:column;gap:16px}.completion-badge{align-self:flex-start}.completion-header{align-items:stretch;flex-direction:column;gap:16px}.completion-count{align-self:flex-start}.form-actions{align-items:stretch;flex-direction:column;gap:20px}.button-group{justify-content:stretch;width:100%}.button-group:first-child{order:2}.button-group:last-child{order:1}.form-button{flex:1 1;font-size:14px;min-width:0;padding:14px 20px;text-align:center}.machine-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));max-height:200px}.form-input,.form-select,input[type=date],input[type=number],textarea{box-sizing:border-box!important;font-size:16px!important;width:100%!important}.display-field,.form-button,.form-input,.form-select{min-height:56px}.form-section{margin-bottom:28px;padding-top:20px}.calculation-grid{gap:20px;grid-template-columns:1fr}.calculation-item{padding:20px}.calculation-value{font-size:28px}.calculation-unit{font-size:18px}}@media (max-width:480px){.spiral-form-container{padding:0 8px}.form-content,.form-header{padding:16px}.form-title{font-size:22px}.form-subtitle{font-size:13px}.section-title{font-size:17px;margin-bottom:16px}.button-group{flex-direction:column}.form-button{justify-content:center;width:100%}.machine-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));max-height:160px}.calculation-box,.completion-status,.completion-tracker,.error-message,.success-message{padding:20px 16px}.completion-badge,.completion-count{font-size:14px;padding:10px 16px}}.form-button:focus-visible,.form-input:focus-visible,.form-select:focus-visible,textarea:focus-visible{outline:3px solid #2196f3;outline:3px solid var(--secondary-main);outline-offset:2px}input[type=date]{color:#1a237e;color:var(--text-primary);position:relative}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}@media print{.spiral-form-container{background:#fff;color:#000;max-width:100%;padding:0}.back-button,.close-message-button,.form-button,.form-note{display:none!important}.form-content{border:1px solid #ddd;box-shadow:none;padding:20px}.calculation-box,.completion-status,.completion-tracker{border:1px solid #ddd;box-shadow:none;break-inside:avoid;page-break-inside:avoid}.form-header{background:#fff;border-bottom:2px solid #1a237e}.form-title{color:#1a237e}}:root{--primary-color:#1e40af;--secondary-color:#f1f5f9;--background-color:#fff;--surface-color:#f8fafc;--text-secondary:#64748b;--border-color:#e2e8f0;--success-color:#10b981;--warning-color:#f59e0b;--error-color:#ef4444;--info-color:#3b82f6;--accent-color:#8b5cf6;--modal-bg:#fff;--input-bg:#fff;--overlay-bg:#00000080;--shadow-color:#0000001a;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px}[data-theme=dark]{--primary-color:#3b82f6;--secondary-color:#1e293b;--background-color:#0f172a;--surface-color:#1e293b;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--border-color:#475569;--success-color:#10b981;--warning-color:#f59e0b;--error-color:#ef4444;--info-color:#60a5fa;--accent-color:#a78bfa;--modal-bg:#1e293b;--input-bg:#334155;--overlay-bg:#000000b3;--shadow-color:#0006}.modal-overlay{background:var(--overlay-bg);padding:16px;padding:var(--spacing-md)}.modal-container{background:#fff;background:var(--modal-bg);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 10px 30px #0000001a;box-shadow:0 10px 30px var(--shadow-color);max-height:95vh;max-width:95%;overflow:hidden;transition:all .3s ease}.modal-header{align-items:center;background:linear-gradient(135deg,#1e40af,#3b82f6);background:linear-gradient(135deg,var(--primary-color) 0,var(--info-color) 100%);border-bottom:2px solid #3b82f6;border-bottom:2px solid var(--info-color);color:#fff;flex-wrap:wrap;gap:16px;gap:var(--spacing-md);padding:var(--spacing-lg);position:-webkit-sticky;position:sticky;top:0;z-index:100}.final-header-content{flex:1 1;min-width:300px}.final-main-title{color:#fff;font-size:1.8rem;margin:0;text-shadow:0 2px 4px #0000004d}.final-subtitle{align-items:center;color:#ffffffe6;display:flex;font-size:.95rem;gap:8px;gap:var(--spacing-sm);margin:5px 0 0}.final-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:16px;gap:var(--spacing-md)}.draft-saved-badge{align-items:center;background:#3b82f633;border:1px solid #3b82f6;border:1px solid var(--info-color);border-radius:20px;color:#3b82f6;color:var(--info-color);display:flex;font-size:.85rem;gap:5px;padding:6px 12px;white-space:nowrap}.production-date-picker{align-items:center;background:#3b82f61a;border:1px solid #3b82f6;border:1px solid var(--info-color);border-radius:8px;border-radius:var(--radius-md);display:flex;gap:8px;gap:var(--spacing-sm);padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md)}.production-date-picker svg{color:#3b82f6;color:var(--info-color)}.date-input{background:#0000;border:none;color:#fff;font-size:.9rem;min-width:120px;padding:0}.date-input:focus{outline:none}.share-buttons-container{display:flex;gap:8px;gap:var(--spacing-sm)}.pdf-btn,.whatsapp-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-md);cursor:pointer;display:flex;font-weight:500;gap:6px;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:all .3s ease}.whatsapp-btn{background:linear-gradient(135deg,#25d366,#1da851);color:#fff}.whatsapp-btn:hover{box-shadow:0 4px 12px #25d3664d;transform:translateY(-2px)}.pdf-btn{background:linear-gradient(135deg,#f59e0b,#d97706);background:linear-gradient(135deg,var(--warning-color) 0,#d97706 100%);color:#fff}.pdf-btn:hover{box-shadow:0 4px 12px #f59e0b4d;transform:translateY(-2px)}.machine-navigation-header{align-items:center;background:#3b82f61a;border:1px solid #3b82f6;border:1px solid var(--info-color);border-radius:8px;border-radius:var(--radius-md);display:flex;gap:8px;gap:var(--spacing-sm);min-width:220px;padding:6px 10px}.nav-info-header{align-items:center;display:flex;flex-direction:column;flex-grow:1}.nav-current-header{align-items:center;color:#fffffff2;display:flex;font-size:.9rem;font-weight:600;gap:5px}.nav-counter-header{color:#ffffffb3;font-size:.8rem}.nav-btn-header{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:4px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all .3s ease;width:32px}.nav-btn-header:hover:not(:disabled){background:#ffffff4d}.nav-btn-header:disabled{background:#ffffff1a;color:#ffffff80;cursor:not-allowed;opacity:.5}.btn-back{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:8px;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-weight:500;gap:6px;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:all .3s ease;white-space:nowrap}.btn-back:hover{background:#ffffff4d;transform:translateY(-2px)}.alert{align-items:center;border-radius:8px;border-radius:var(--radius-md);display:flex;font-weight:500;gap:8px;gap:var(--spacing-sm);margin:8px 24px;margin:var(--spacing-sm) var(--spacing-lg);padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg)}.alert-success{background:#10b981;background:var(--success-color);border:1px solid #10b981;border:1px solid var(--success-color);color:#fff}.alert-error{background:#ef4444;background:var(--error-color);border:1px solid #ef4444;border:1px solid var(--error-color);color:#fff}.form-layout{background:#fff;background:var(--background-color);border-radius:12px;border-radius:var(--radius-lg);display:flex;gap:16px;gap:var(--spacing-md);min-height:calc(95vh - 100px);transition:background-color .3s ease}.form-layout,.form-sidebar{padding:16px;padding:var(--spacing-md)}.form-sidebar{background:#f8fafc;background:var(--surface-color);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-lg);flex:0 0 320px;max-height:85vh;overflow-y:auto;transition:all .3s ease}.sidebar-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);color:#1e293b;color:var(--text-primary);display:flex;gap:8px;gap:var(--spacing-sm);margin-bottom:16px;margin-bottom:var(--spacing-md);padding-bottom:8px;padding-bottom:var(--spacing-sm)}.sidebar-header h3{font-size:1.2rem;margin:0}.shift-options{margin-bottom:24px;margin-bottom:var(--spacing-lg)}.shift-option{background:#f8fafc;background:var(--surface-color);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-md);cursor:pointer;margin-bottom:8px;margin-bottom:var(--spacing-sm);padding:16px;padding:var(--spacing-md);transition:all .3s ease}.shift-option:hover{background:#f1f5f9;background:var(--secondary-color);transform:translateY(-1px)}.shift-option.active{background:#1e40af;background:var(--primary-color);border-color:#1e40af;border-color:var(--primary-color);color:#fff}.shift-option.active .option-code,.shift-option.active .option-name,.shift-option.active .option-time{color:#fff}.option-content{display:flex;flex-direction:column;gap:4px}.option-code{color:#1e293b;color:var(--text-primary);font-size:1rem;font-weight:600;transition:color .3s ease}.option-name{font-size:.9rem}.option-name,.option-time{color:#64748b;color:var(--text-secondary);transition:color .3s ease}.option-time{font-size:.85rem;opacity:.8}.option-status{margin-top:5px;text-align:right}.status-active{background:#10b9811a;border-radius:12px;color:#10b981;color:var(--success-color);font-size:.8rem;font-weight:500;padding:3px 8px}.status-inactive{color:#64748b;color:var(--text-secondary);font-size:.8rem}.bulk-operations{background:#f8fafc;background:var(--surface-color);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-md);margin-top:16px;margin-top:var(--spacing-md);padding:16px;padding:var(--spacing-md)}.bulk-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);color:#1e293b;color:var(--text-primary);display:flex;gap:8px;gap:var(--spacing-sm);margin-bottom:16px;margin-bottom:var(--spacing-md);padding-bottom:8px;padding-bottom:var(--spacing-sm)}.bulk-header h4{font-size:1rem;margin:0}.bulk-controls{display:flex;flex-direction:column;gap:8px;gap:var(--spacing-sm)}.sidebar-stats{background:#f8fafc;background:var(--surface-color);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-md);margin-top:16px;margin-top:var(--spacing-md);padding:16px;padding:var(--spacing-md)}.stat-item{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);justify-content:space-between;padding:8px 0;padding:var(--spacing-sm) 0}.stat-item:last-child{border-bottom:none}.stat-label{color:var(--text-secondary);font-size:.9rem}.stat-value{color:var(--text-primary);font-size:1rem}.change-shift-section{margin-top:16px;margin-top:var(--spacing-md)}.btn-secondary{background:var(--secondary-color);border:1px solid var(--border-color);border-radius:var(--radius-md);color:#1e293b;color:var(--text-primary);gap:var(--spacing-sm);justify-content:center;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:all .3s ease;width:100%}.btn-secondary:hover{background:var(--border-color)}.form-main-content{background:#fff;background:var(--background-color);flex:1 1;max-height:85vh;overflow-y:auto;transition:all .3s ease}.final-production-header,.form-main-content{border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-lg);padding:16px;padding:var(--spacing-md)}.final-production-header{background:#f8fafc;background:var(--surface-color);margin-bottom:8px;margin-bottom:var(--spacing-sm)}.final-shift-title{margin-bottom:16px;margin-bottom:var(--spacing-md)}.compact-title,.final-shift-title{color:#1e293b;color:var(--text-primary)}.compact-title{font-size:1.5rem;margin:0 0 8px;margin:0 0 var(--spacing-sm) 0}.production-date-display{align-items:center;color:#3b82f6;color:var(--info-color);display:flex;font-size:.95rem;gap:8px;gap:var(--spacing-sm)}.final-summary-boxes{grid-gap:8px;grid-gap:var(--spacing-sm);display:grid;gap:8px;gap:var(--spacing-sm);grid-template-columns:repeat(4,1fr);margin:8px 0;margin:var(--spacing-sm) 0}.final-summary-box{background:#f8fafc;background:var(--surface-color);border:1px solid #e2e8f0;border:1px solid var(--border-color);color:#1e293b;color:var(--text-primary);gap:16px;gap:var(--spacing-md);min-height:90px;padding:16px;padding:var(--spacing-md);transition:all .3s ease}.final-box-icon,.final-summary-box{align-items:center;border-radius:8px;border-radius:var(--radius-md);display:flex}.final-box-icon{background:#3b82f61a;color:#3b82f6;color:var(--info-color);font-size:1.5rem;height:50px;justify-content:center;width:50px}.final-box-content{flex:1 1}.final-box-label{color:#64748b;color:var(--text-secondary);font-size:.85rem;letter-spacing:.5px;margin-bottom:5px;text-transform:uppercase}.final-box-value{align-items:baseline;color:#1e293b;color:var(--text-primary);display:flex;font-size:1.8rem;font-weight:700;gap:5px}.final-box-unit{color:#64748b;color:var(--text-secondary);font-size:1rem;font-weight:500}.final-summary-box:first-child{border-left:4px solid #3b82f6;border-left:4px solid var(--info-color)}.final-summary-box:nth-child(2){border-left:4px solid #8b5cf6;border-left:4px solid var(--accent-color)}.final-summary-box:nth-child(3){border-left:4px solid #10b981;border-left:4px solid var(--success-color)}.final-summary-box:nth-child(4){border-left:4px solid #f59e0b;border-left:4px solid var(--warning-color)}.final-box-efficiency-value{font-size:1.8rem;font-weight:700}.final-box-efficiency-status{font-size:.9rem;opacity:.9}.final-machine-stats-combined{background:#f8fafc;background:var(--surface-color);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-md);margin-top:8px;margin-top:var(--spacing-sm);padding:16px;padding:var(--spacing-md)}.final-machine-info-line{align-items:center;display:flex;flex-wrap:wrap;gap:16px;gap:var(--spacing-md);justify-content:space-between}.final-current-machine-info{align-items:center;background:#f1f5f9;background:var(--secondary-color);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:4px;border-radius:var(--radius-sm);display:flex;gap:8px;gap:var(--spacing-sm);padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md)}.final-machine-icon-small{color:#3b82f6;color:var(--info-color);font-size:1.2rem}.final-machine-text-bold{color:#1e293b;color:var(--text-primary);font-size:1rem;font-weight:600}.final-machine-stats-line{align-items:center;display:flex;gap:24px;gap:var(--spacing-lg)}.final-machine-stat{align-items:center;display:flex;gap:8px;gap:var(--spacing-sm)}.production-entry{margin-top:8px;margin-top:var(--spacing-sm)}.machine-card{background:#f8fafc;background:var(--surface-color);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-lg);margin-bottom:8px;margin-bottom:var(--spacing-sm);padding:16px;padding:var(--spacing-md);transition:all .3s ease}.machine-card.active{border-color:#3b82f6;border-color:var(--info-color);box-shadow:0 0 0 1px #3b82f6;box-shadow:0 0 0 1px var(--info-color)}.items-table-wrapper{margin-top:8px;margin-top:var(--spacing-sm);overflow-x:auto}.items-table{background:#f8fafc;background:var(--surface-color);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-md);font-size:.9rem;overflow:hidden;width:100%}.items-table th{background:#f1f5f9;background:var(--secondary-color);border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-color);font-weight:600;padding:16px;padding:var(--spacing-md);text-align:left;white-space:nowrap}.items-table td,.items-table th{color:#1e293b;color:var(--text-primary)}.items-table td{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);padding:8px;padding:var(--spacing-sm);vertical-align:middle}.items-table tr:hover td{background:#3b82f60d}.form-input,.form-select{background:#fff;background:var(--input-bg);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:4px;border-radius:var(--radius-sm);color:#1e293b;color:var(--text-primary);font-size:.9rem;padding:8px;padding:var(--spacing-sm);transition:all .3s ease;width:100%}.form-input:focus,.form-select:focus{background:#fff;background:var(--input-bg);border-color:#3b82f6;border-color:var(--info-color);box-shadow:0 0 0 2px #3b82f61a;outline:none}.form-input.error,.form-select.error{border-color:#ef4444;border-color:var(--error-color);box-shadow:0 0 0 2px #ef44441a}.production-fields,.raw-material-fields{display:flex;gap:4px;gap:var(--spacing-xs)}.form-input.small{font-size:.85rem;padding:6px}.weight-display{color:#1e293b;color:var(--text-primary);font-weight:600;padding:8px;padding:var(--spacing-sm);text-align:center}.efficiency-badge{align-items:center;background:#3b82f61a;border-radius:20px;color:#3b82f6;color:var(--info-color);display:inline-flex;font-size:.85rem;font-weight:600;gap:5px;justify-content:center;min-width:70px;padding:6px 12px}.action-buttons{align-items:flex-start;flex-direction:column;gap:6px;min-width:110px}.btn-icon{border-radius:4px;border-radius:var(--radius-sm);padding:0;transition:all .3s ease}.btn-danger{background:linear-gradient(135deg,#ef4444,#991b1b);background:linear-gradient(135deg,var(--error-color) 0,#991b1b 100%);color:#fff}.btn-outline{border:1px solid #3b82f6;border:1px solid var(--info-color);border-radius:4px;border-radius:var(--radius-sm);color:#3b82f6;color:var(--info-color);font-size:.8rem;gap:4px;height:32px;padding:6px 10px}.btn-outline:hover{background:#3b82f61a}.machine-footer{background:#f8fafc;background:var(--surface-color);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-md);margin-top:8px;margin-top:var(--spacing-sm);padding:16px;padding:var(--spacing-md)}.footer-grid{grid-gap:8px;grid-gap:var(--spacing-sm);display:grid;gap:8px;gap:var(--spacing-sm);grid-template-columns:repeat(3,1fr)}.readonly-input{background:#f1f5f9;background:var(--secondary-color);color:#64748b;color:var(--text-secondary);cursor:not-allowed}.form-actions{flex-wrap:wrap;gap:16px;gap:var(--spacing-md);justify-content:center;margin-top:16px;margin-top:var(--spacing-md);text-align:center}.btn-primary{background:linear-gradient(135deg,#1e40af,#3b82f6);background:linear-gradient(135deg,var(--primary-color) 0,var(--info-color) 100%);border-radius:var(--radius-md);font-size:1.1rem;gap:var(--spacing-sm);padding:16px 32px;padding:var(--spacing-md) var(--spacing-xl);transition:all .3s ease}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#3b82f6,#1e40af);background:linear-gradient(135deg,var(--info-color) 0,var(--primary-color) 100%);box-shadow:0 6px 16px #3b82f64d;transform:translateY(-2px)}.btn-primary:disabled{background:#64748b;background:var(--text-secondary);box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.whatsapp-btn-primary{align-items:center;background:linear-gradient(135deg,#25d366,#1da851);border:none;border-radius:8px;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:8px;gap:var(--spacing-sm);padding:16px 32px;padding:var(--spacing-md) var(--spacing-xl);transition:all .3s ease}.whatsapp-btn-primary:hover{background:linear-gradient(135deg,#1da851,#25d366);box-shadow:0 6px 16px #25d3664d;transform:translateY(-2px)}.whatsapp-modal-overlay{background-color:#00000080;background-color:var(--overlay-bg);z-index:9999}.whatsapp-modal{background-color:#fff;background-color:var(--modal-bg);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-lg);color:#1e293b;color:var(--text-primary);max-width:500px}.whatsapp-modal .modal-header{align-items:center;background:linear-gradient(135deg,#25d366,#1da851);border-bottom:1px solid #1da851;color:#fff;display:flex;justify-content:space-between;padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg)}.whatsapp-modal .modal-header h2{align-items:center;display:flex;font-size:1.3rem;gap:8px;gap:var(--spacing-sm);margin:0}.btn-close{background:none;border:none;color:#fff;cursor:pointer;font-size:1.5rem;line-height:1;padding:0}.whatsapp-modal .modal-body{padding:24px;padding:var(--spacing-lg)}.whatsapp-modal .modal-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);display:flex;gap:8px;gap:var(--spacing-sm);justify-content:flex-end;padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg)}.form-group{margin-bottom:16px;margin-bottom:var(--spacing-md)}.form-group label{align-items:center;color:#1e293b;color:var(--text-primary);display:flex;font-weight:500;gap:8px;gap:var(--spacing-sm);margin-bottom:4px;margin-bottom:var(--spacing-xs)}.form-group .required{color:#ef4444;color:var(--error-color);margin-left:4px}.form-textarea{background:var(--input-bg);border:1px solid var(--border-color);border-radius:4px;border-radius:var(--radius-sm);font-family:inherit;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md)}.form-textarea:focus{border-color:var(--info-color);box-shadow:0 0 0 2px #3b82f61a}.preview-section{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);margin-top:24px;margin-top:var(--spacing-lg);padding-top:16px;padding-top:var(--spacing-md)}.preview-section h4{color:#1e293b;font-size:1rem;gap:var(--spacing-sm);margin:0 0 8px;margin:0 0 var(--spacing-sm) 0}.message-preview{background-color:#f1f5f9;background-color:var(--secondary-color);border:1px solid #e2e8f0;border-radius:4px;border-radius:var(--radius-sm);color:#1e293b;color:var(--text-primary);font-family:monospace;font-size:13px;line-height:1.5;margin-top:8px;margin-top:var(--spacing-sm);padding:var(--spacing-md);white-space:pre-line}.loading-spinner-large{animation:spin 1s linear infinite;border:4px solid #3b82f61a;border-radius:50%;border-top:4px solid var(--info-color);height:50px;margin:0 auto 20px;width:50px}.error-text{color:var(--error-color);display:block;font-size:.85rem;margin-top:4px}@media (max-width:1200px){.final-summary-boxes,.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:992px){.form-layout{flex-direction:column}.form-sidebar{flex:none;max-height:40vh}.modal-header{align-items:stretch;flex-direction:column;gap:16px;gap:var(--spacing-md)}.final-header-actions{justify-content:space-between;width:100%}}@media (max-width:768px){.modal-container{border-radius:0;max-height:100vh;max-width:100%}.final-summary-boxes{grid-template-columns:1fr}.final-machine-info-line{align-items:flex-start;flex-direction:column;gap:8px;gap:var(--spacing-sm)}.final-machine-stats-line{justify-content:space-between;width:100%}.footer-grid{grid-template-columns:1fr}.items-table{font-size:.8rem}.action-buttons{flex-direction:row;gap:5px}.form-actions{flex-direction:column}.whatsapp-modal{margin:8px;margin:var(--spacing-sm);max-width:95%}}@media (max-width:480px){.machine-navigation-header,.production-date-picker{justify-content:center;width:100%}.share-buttons-container{flex-direction:column;width:100%}.pdf-btn,.whatsapp-btn{justify-content:center;width:100%}:root{--spacing-xs:2px;--spacing-sm:4px;--spacing-md:8px;--spacing-lg:12px;--spacing-xl:16px}}.raw-material-container{background:#f8fafc;margin:0 auto;max-width:1400px;min-height:100vh;padding:24px}.page-header{align-items:center;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px #0000000d;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px}.header-left{gap:20px}.title-section{align-items:center;display:flex;gap:16px}.title-icon{background:linear-gradient(135deg,#06b6d4,#0891b2);height:60px;width:60px}.title-section h1{color:#1e293b;font-size:28px;margin:0}.subtitle{color:#64748b;margin:4px 0 0}.btn-primary{background:linear-gradient(135deg,#06b6d4,#0891b2)}.btn-primary:hover{box-shadow:0 4px 12px #06b6d44d}.btn-secondary{background:#fff;border:2px solid #06b6d4;color:#06b6d4}.btn-secondary:hover{background:#f0f9ff}.btn-outline{background:#0000;border-radius:6px;color:#475569;font-weight:500;gap:6px;padding:8px 16px}.btn-icon{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.btn-view{background:#e0f2fe;color:#0369a1}.btn-edit{background:#fef3c7;color:#92400e}.btn-delete{background:#fee2e2;color:#dc2626}.btn-icon:hover{transform:translateY(-1px)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:24px}.stat-card{border:1px solid #e2e8f0;box-shadow:0 4px 6px #0000000d;gap:20px;padding:24px}.stat-icon{align-items:center;border-radius:12px;color:#fff;display:flex;height:56px;justify-content:center;width:56px}.stat-value{color:#1e293b;font-size:32px;line-height:1}.stat-label{color:#64748b;font-size:14px;margin-top:4px}.filters-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px #0000000d;margin-bottom:24px;padding:20px}.filter-group label{align-items:center;color:#475569;display:block;display:flex;font-weight:600;gap:6px;margin-bottom:8px}.filter-group input,.filter-group select{border:2px solid #e2e8f0;border-radius:8px;font-size:14px;padding:10px 12px;transition:all .2s;width:100%}.filter-group input:focus,.filter-group select:focus{border-color:#06b6d4;outline:none}.clear-btn{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.clear-btn:hover{background:#e2e8f0}.table-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px #0000000d;margin-bottom:24px;overflow:hidden}.table-header{border-bottom:1px solid #e2e8f0;padding:20px}.table-header h3{color:#1e293b;margin:0}.table-info{color:#64748b;font-size:14px;margin-top:4px}.data-table{border-collapse:collapse;width:100%}.data-table th{background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#475569;font-weight:600;padding:16px;text-align:left}.data-table td{border-bottom:1px solid #f1f5f9;padding:16px}.data-table tbody tr:hover{background:#f8fafc}.badge{border-radius:20px;font-size:12px;font-weight:600;padding:4px 12px}.badge-success{background:#d1fae5;color:#065f46}.badge-warning{background:#fef3c7;color:#92400e}.category-badge{background:#e0f2fe;color:#0369a1;font-size:12px}.category-badge,.status-badge{border-radius:20px;font-weight:600;padding:4px 12px}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.completed{background:#dbeafe;color:#1e40af}.status-badge.cancelled{background:#fee2e2;color:#991b1b}.gate-pass{align-items:center;display:flex;gap:8px}.gate-pass,.weight-cell{color:#1e293b;font-weight:600}.weight-cell strong{color:#06b6d4}.date-cell{color:#64748b;font-size:14px;gap:6px}.date-cell,.pagination{align-items:center;display:flex}.pagination{border-top:1px solid #e2e8f0;justify-content:space-between;padding:20px}.pagination button{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;display:flex;gap:6px;padding:8px 16px;transition:all .2s}.pagination button:disabled{cursor:not-allowed;opacity:.5}.pagination button:hover:not(:disabled){background:#f8fafc}.page-numbers{display:flex;gap:4px}.page-numbers button{align-items:center;display:flex;height:36px;justify-content:center;min-width:36px}.page-numbers button.active{background:#06b6d4;border-color:#06b6d4;color:#fff}.loading{padding:60px 20px;text-align:center}.spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#06b6d4;height:40px;margin:0 auto 20px;width:40px}.empty-state{color:#64748b;padding:60px 20px;text-align:center}.empty-state h4{color:#475569;margin:16px 0 8px}.page-footer{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px #0000000d;display:flex;justify-content:space-between;padding:20px}.footer-info{gap:20px}.database-status{align-items:center;color:#059669;display:flex;font-weight:500;gap:8px}.status-dot{border-radius:50%;height:8px;width:8px}.status-dot.connected{animation:pulse 2s infinite;background:#10b981}.last-updated{color:#64748b;font-size:14px}.footer-actions{display:flex;gap:12px}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.modal-header{align-items:flex-start;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:24px}.modal-title h2{align-items:center;color:#1e293b;display:flex;gap:12px;margin:0}.modal-title p{color:#64748b;margin:8px 0 0}.modal-close{align-items:center;background:#f1f5f9;border:none;border-radius:8px;color:#475569;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.modal-close:hover{background:#e2e8f0}form{padding:24px}.form-row{gap:20px}.form-group{flex:1 1}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#06b6d4}.error-message{color:#ef4444;display:block;font-size:12px;margin-top:4px}.btn-small{background:#06b6d4}.radio-group{display:flex;gap:16px}.radio-label{align-items:center;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all .2s}.radio-label:hover{border-color:#cbd5e1}.radio-label input{display:none}.radio-custom{border:2px solid #cbd5e1;border-radius:50%;height:20px;position:relative;width:20px}.radio-inner{border-radius:50%;height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:10px}.radio-content{gap:10px}.radio-content,.radio-icon{align-items:center;display:flex}.radio-icon{border-radius:8px;color:#fff;height:32px;justify-content:center;width:32px}.form-actions{margin-top:20px}.actions-left,.actions-right{display:flex;gap:12px}@media (max-width:1024px){.raw-material-container{padding:16px}.form-row{gap:16px}.form-row,.radio-group{flex-direction:column}}@media (max-width:768px){.page-header{align-items:flex-start;flex-direction:column;gap:16px}.header-actions{justify-content:flex-start;width:100%}.stats-grid{grid-template-columns:repeat(2,1fr)}.filters-section{align-items:stretch;flex-direction:column}.filter-group{min-width:100%}.data-table{display:block;overflow-x:auto}.page-footer{align-items:stretch;flex-direction:column;gap:16px}.footer-info{align-items:flex-start;flex-direction:column;gap:8px}.form-actions{flex-direction:column;gap:16px}.actions-left,.actions-right{width:100%}.actions-right{justify-content:flex-end}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.header-actions{flex-direction:column;width:100%}.header-actions button{width:100%}.modal-content{padding:16px;width:95%}}.form-page-container{background:#f8fafc;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.form-page-header{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px #0000000d;display:flex;gap:20px;margin-bottom:24px;padding:24px}.header-content{flex:1 1}.header-content h1{align-items:center;color:#1e293b;display:flex;font-size:28px;gap:12px;margin:0}.header-content p{color:#64748b;font-size:16px;margin:8px 0 0}.success-message{align-items:center;background:#d1fae5;border:1px solid #a7f3d0;border-radius:8px;color:#065f46;display:flex;font-weight:500;gap:10px;margin-bottom:20px;padding:12px 20px}.success-message.error{background:#fee2e2;border-color:#fecaca;color:#991b1b}.form-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px #0000000d;margin-bottom:24px;padding:30px}.form-section{border-bottom:1px solid #e2e8f0;margin-bottom:32px;padding-bottom:24px}.form-section:last-child{border-bottom:none;margin-bottom:0}.form-section h3{align-items:center;color:#1e293b;display:flex;font-size:20px;gap:10px;margin:0 0 20px}.form-row{display:flex;gap:24px;margin-bottom:20px}.form-row:last-child{margin-bottom:0}.form-row .form-group{flex:1 1}.form-group:last-child{margin-bottom:0}.form-group label{color:#475569;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-group label.required:after{color:#ef4444;content:" *"}.form-group input,.form-group select,.form-group textarea{background:#fff;border:2px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:14px;padding:12px;transition:all .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group input.error,.form-group select.error{background:#fef2f2;border-color:#ef4444}.input-with-button{display:flex;gap:8px}.input-with-button input{flex:1 1}.btn-small{align-items:center;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:0 16px;transition:all .2s;white-space:nowrap}.btn-small:hover{background:#2563eb}.input-with-unit{position:relative}.input-with-unit input{padding-right:60px}.unit{background:#fff;color:#64748b;font-weight:500;padding:0 8px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.error-text{gap:4px}.stock-info{color:#059669;font-size:12px;font-weight:500;margin-top:6px}.form-actions{align-items:center;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-top:32px;padding-top:24px}.action-buttons{gap:12px}.back-btn{background:#f1f5f9;border:1px solid #e2e8f0;color:#475569;font-weight:500}.back-btn:hover{background:#e2e8f0}.btn-secondary{background:#f1f5f9;border:1px solid #e2e8f0;color:#475569;font-weight:600}.btn-secondary:hover{background:#e2e8f0}.btn-outline{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.btn-outline:hover{background:#f8fafc;border-color:#cbd5e1}.btn-primary{background:linear-gradient(135deg,#f59e0b,#d97706);font-weight:600;transition:all .2s}.btn-primary:hover{box-shadow:0 4px 12px #f59e0b4d}.spinner-small{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.stock-summary{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:20px}.stock-summary h4{align-items:center;color:#1e293b;display:flex;gap:8px;margin:0 0 16px}.stock-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.stock-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;padding:12px}.stock-details{color:#475569;font-weight:500}.stock-quantity{color:#059669;font-weight:600}@media (max-width:768px){.form-page-container{padding:16px}.form-page-header{align-items:flex-start}.form-page-header,.form-row{flex-direction:column;gap:16px}.form-container{padding:20px}.form-actions{flex-direction:column;gap:16px}.action-buttons{width:100%}.btn-outline,.btn-primary,.btn-secondary{justify-content:center;width:100%}}.modal-fullscreen{animation:fadeIn .3s ease;padding:20px;z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-fullscreen .modal-overlay{align-items:center;display:flex;height:100%;justify-content:center;max-height:90vh;max-width:1200px;position:relative;width:100%}.modal-fullscreen .modal-content{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000080;display:flex;flex-direction:column;height:95%;max-height:85vh;max-width:1100px;width:95%}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-fullscreen .modal-header{align-items:center;background:linear-gradient(135deg,#1e293b,#334155);border-bottom:1px solid #e2e8f0;border-radius:16px 16px 0 0;display:flex;justify-content:space-between;padding:24px 32px}.modal-fullscreen .modal-title,.modal-fullscreen .modal-title h2{align-items:center;display:flex;gap:15px}.modal-fullscreen .modal-title h2{color:#fff;font-size:24px;margin:0}.modal-fullscreen .back-btn{align-items:center;background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.modal-fullscreen .back-btn:hover{background:#fff3}.modal-fullscreen .modal-close{align-items:center;background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.modal-fullscreen .modal-close:hover{background:#fff3}.modal-fullscreen form{flex:1 1;overflow-y:auto;padding:32px}.modal-fullscreen .form-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:32px;padding:24px}.modal-fullscreen .form-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.modal-fullscreen .radio-group{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.modal-fullscreen .form-group input,.modal-fullscreen .form-group select,.modal-fullscreen .form-group textarea{font-size:15px;padding:14px 16px}.modal-fullscreen .form-textarea{min-height:120px}@media (max-width:1024px){.modal-fullscreen .form-row{grid-template-columns:1fr}.modal-fullscreen .modal-content{height:98%;width:98%}}@media (max-width:768px){.modal-fullscreen{padding:10px}.modal-fullscreen .modal-header{padding:16px 20px}.modal-fullscreen form{padding:20px}.modal-fullscreen .form-section{padding:16px}}.pagination-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.report-actions{display:flex;gap:8px;margin-right:10px}.btn-report{align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 12px;transition:all .2s}.btn-report:hover{background:#e5e7eb;transform:translateY(-1px)}.stat-card{background:#fff!important;border:1px solid #e5e7eb!important;box-shadow:0 1px 3px #0000001a!important}.stat-value{color:#1f2937!important;font-size:24px!important;font-weight:700!important}.stat-label{color:#4b5563!important;font-size:14px!important;font-weight:500!important;margin-top:4px!important}.stat-subtext{color:#6b7280!important;font-size:12px!important;margin-top:2px!important}.stat-icon{background:#3b82f61a!important;color:#3b82f6!important}@media print{.action-buttons,.filters-section,.page-footer,.page-header,.pagination,.report-actions,.stats-grid{display:none!important}.table-section{margin:0!important;padding:0!important}.data-table{font-size:12px!important;width:100%!important}}@media (max-width:768px){.raw-material-container{padding:10px}.page-header{flex-direction:column;gap:15px}.header-left{align-items:flex-start;flex-direction:column;gap:10px}.header-actions{flex-wrap:wrap;gap:8px;width:100%}.btn-primary,.btn-secondary{flex:1 1;font-size:14px;min-width:140px;padding:10px 12px}.stats-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.stat-card{padding:15px}.stat-value{font-size:20px!important}.stat-label{font-size:13px!important}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.btn-primary,.btn-secondary{font-size:13px;min-width:120px}}.filters-line{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;gap:15px;justify-content:space-between;margin-bottom:20px;padding:15px}.filters-left,.filters-line{align-items:center;display:flex;flex-wrap:wrap}.filters-left{flex:1 1;gap:10px}.filter-group{align-items:center;gap:8px}.filter-icon{color:#6b7280;font-size:16px}.search-input{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:8px 12px;width:200px}@media (max-width:768px){.filters-left,.filters-line{align-items:stretch;flex-direction:column}.filter-group,.filter-group input[type=date],.filter-group select,.search-input{width:100%}}.generator-container{position:relative}.generator-btn{background:linear-gradient(135deg,#667eea,#764ba2);padding:10px 16px}.generator-btn:hover{box-shadow:0 4px 12px #667eea4d}.generator-menu{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 20px #00000026;margin-top:8px;min-width:180px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.generator-options{display:flex;flex-direction:column}.generator-option{align-items:center;background:#fff;border:none;border-bottom:1px solid #f3f4f6;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:12px 16px;text-align:left;transition:background .2s}.generator-option:last-child{border-bottom:none}.generator-option:hover{background:#f9fafb}@media (max-width:768px){.generator-container{width:100%}.generator-btn{justify-content:center;width:100%}.generator-menu{right:0;width:100%}}.atom-reports{display:flex;gap:8px}.atom-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s;white-space:nowrap}.receive-btn{border:1px solid #a7f3d0}.issue-btn{border:1px solid #fdba74}.return-btn{border:1px solid #93c5fd}@media (max-width:768px){.atom-reports{justify-content:stretch;width:100%}.atom-btn{flex:1 1;font-size:12px;justify-content:center}}.modal-fullscreen{align-items:center;background:#000c;border:none;bottom:0;display:flex;height:100vh;justify-content:center;left:0;margin:0;padding:0;position:fixed;right:0;top:0;width:100vw;z-index:9999}.modal-content-wrapper{align-items:flex-start;display:flex;height:100%;justify-content:center;max-height:100vh;max-width:100vw;overflow:auto;padding:20px;width:100%}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}@media (max-width:768px){.data-table{font-size:13px}.data-table td,.data-table th{padding:8px 6px}.action-buttons{flex-direction:column;gap:4px}.btn-icon{font-size:14px;height:30px;width:30px}}.atom-btn,.btn-icon,.clear-btn,.generator-btn{min-height:44px;min-width:44px;touch-action:manipulation}@media (max-width:768px){input,select,textarea{font-size:16px!important}.btn-outline,.btn-primary,.btn-secondary{font-size:16px;padding:12px 16px}}.page-header{background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.header-top{justify-content:space-between;margin-bottom:20px}.back-btn,.header-top{align-items:center;display:flex}.back-btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;gap:8px;padding:10px 16px;transition:all .2s}.back-btn:hover{background:#e5e7eb}.header-title{gap:15px}.header-title,.title-icon{align-items:center;display:flex}.title-icon{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;height:50px;justify-content:center;width:50px}.header-title h1{color:#1f2937;font-size:24px;margin:0}.subtitle{color:#6b7280;font-size:14px;margin:0}.header-actions{display:flex;gap:12px;justify-content:flex-end}.btn-primary{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s}.btn-primary:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.btn-secondary{align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s}.btn-secondary:hover{background:#e5e7eb}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:30px}.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000001a;gap:15px;padding:20px}.stat-card,.stat-icon-wrapper{align-items:center;display:flex}.stat-icon-wrapper{border-radius:12px;height:60px;justify-content:center;width:60px}.stat-content{flex:1 1}.stat-value{font-size:24px;font-weight:700;margin-bottom:4px}.stat-title{font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:2px;text-transform:uppercase}.stat-subtext{color:#6b7280;font-size:12px}.filters-container{background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a;margin-bottom:30px;padding:20px}.filters-section{align-items:flex-end;border-bottom:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px;padding-bottom:20px}.filter-group{flex:1 1;min-width:200px}.filter-label{color:#374151;font-size:14px;font-weight:500;margin-bottom:8px}.filter-date,.filter-select,.search-input{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:10px 12px;width:100%}.filter-date:focus,.filter-select:focus,.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.clear-filters-btn{align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:8px;height:42px;padding:10px 16px;transition:all .2s}.clear-filters-btn:hover{background:#e5e7eb}.generator-wrapper{position:relative}.generator-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;height:42px;padding:10px 20px;transition:all .3s}.generator-btn:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.generator-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 20px #00000026;margin-top:8px;min-width:200px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.dropdown-item{align-items:center;background:#fff;border:none;border-bottom:1px solid #f3f4f6;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:12px 16px;text-align:left;transition:background .2s;width:100%}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:#f9fafb}.atom-reports-section{display:flex;flex-wrap:wrap;gap:12px}.atom-report-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;min-width:150px;padding:12px 16px;transition:all .2s}.receive-btn{background:#d1fae5;color:#065f46}.receive-btn:hover{background:#a7f3d0;transform:translateY(-1px)}.issue-btn{background:#fed7aa;color:#9a3412}.issue-btn:hover{background:#fdba74;transform:translateY(-1px)}.return-btn{background:#dbeafe;color:#1e40af}.return-btn:hover{background:#93c5fd;transform:translateY(-1px)}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.stats-grid{grid-template-columns:1fr}.header-top{align-items:stretch;flex-direction:column;gap:15px}.header-title{flex-direction:column;text-align:center}.header-actions{justify-content:center}.filters-section{flex-direction:column}.filter-group{min-width:100%}.atom-reports-section{flex-direction:column}.atom-report-btn{min-width:100%}.generator-dropdown{left:0;right:auto;width:100%}}@media (max-width:480px){.btn-primary,.btn-secondary{font-size:14px;padding:10px 16px}.stat-card{padding:15px}.stat-value{font-size:20px}}.rm-page *{box-sizing:border-box}.rm-page{background:#f9fafb;min-height:100vh;padding:20px}.rm-header{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;justify-content:space-between;margin-bottom:20px;padding:20px}.rm-back-btn,.rm-header{align-items:center;display:flex}.rm-back-btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;gap:8px;padding:10px 16px;text-decoration:none}.rm-back-btn:hover{background:#e5e7eb}.rm-title{gap:12px}.rm-title,.rm-title-icon{align-items:center;display:flex}.rm-title-icon{background:#3b82f6;border-radius:10px;color:#fff;height:50px;justify-content:center;width:50px}.rm-title-text h1{color:#1f2937;font-size:24px;margin:0}.rm-title-text p{color:#6b7280;font-size:14px;margin:5px 0 0}.rm-header-btns{display:flex;gap:10px}.rm-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px}.rm-btn-primary{background:#3b82f6;color:#fff}.rm-btn-primary:hover{background:#2563eb}.rm-btn-secondary{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.rm-btn-secondary:hover{background:#e5e7eb}.rm-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.rm-stat{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;text-align:center}.rm-stat-value{color:#1f2937;font-size:28px;font-weight:700;margin-bottom:8px}.rm-stat-label{color:#6b7280;font-size:14px;font-weight:500;margin-bottom:4px}.rm-stat-desc{color:#9ca3af;font-size:12px}.rm-filters{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;padding:24px}.rm-filter-row{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.rm-filter-item{flex:1 1;min-width:180px}.rm-filter-item label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.rm-filter-input,.rm-filter-select{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:10px 12px;width:100%}.rm-filter-input:focus,.rm-filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.rm-generator-select{background:#f0f9ff;border-color:#93c5fd}.rm-actions{display:flex;gap:12px;justify-content:flex-end}.rm-action-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px}.rm-clear-btn{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.rm-clear-btn:hover{background:#e5e7eb}.rm-generate-btn{background:#10b981;color:#fff}.rm-generate-btn:hover{background:#059669}.rm-generate-btn:disabled{background:#9ca3af;cursor:not-allowed}.rm-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.rm-table-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.rm-table-header h3{color:#1f2937;font-size:18px;margin:0}.rm-table-info{color:#6b7280;font-size:14px}.rm-data-table{border-collapse:collapse;width:100%}.rm-data-table th{background:#f9fafb;border-bottom:2px solid #e5e7eb;color:#374151;font-weight:600;padding:12px 16px;text-align:left}.rm-data-table td{border-bottom:1px solid #e5e7eb;padding:12px 16px}.rm-data-table tr:hover{background:#f9fafb}.rm-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px}.rm-badge-success{background:#d1fae5;color:#065f46}.rm-badge-warning{background:#fef3c7;color:#92400e}@media (max-width:1024px){.rm-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.rm-header{align-items:stretch;flex-direction:column;gap:16px}.rm-title{text-align:center}.rm-header-btns,.rm-title{justify-content:center}.rm-stats{grid-template-columns:1fr}.rm-filter-row{flex-direction:column}.rm-filter-item{width:100%}.rm-actions,.rm-table-header{flex-direction:column}.rm-table-header{gap:12px;text-align:center}}@media (max-width:480px){.rm-page{padding:10px}.rm-filters,.rm-header,.rm-table-container{padding:16px}.rm-btn{font-size:13px;padding:8px 16px}.rm-data-table{display:block;overflow-x:auto}}.theme-light{--bg-primary:#f8fafc;--bg-secondary:#f1f5f9;--bg-card:#fff;--bg-surface:#f8fafc;--text-primary:#1a237e;--text-secondary:#283593;--text-muted:#5c6bc0;--icon-white:#fff;--icon-color:#283593;--border-color:#e0e0e0;--primary-500:#3b82f6;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--indigo-dark:#1a237e;--indigo-medium:#283593;--indigo-light:#5c6bc0}.theme-dark{--bg-card:#1a1a1a;--bg-surface:#333;--text-primary:#7986cb;--text-secondary:#9fa8da;--text-muted:#b39ddb;--icon-white:#fff;--icon-color:#9fa8da;--border-color:#333;--primary-500:#60a5fa;--success:#34d399;--warning:#fbbf24;--danger:#f87171;--indigo-dark:#7986cb;--indigo-medium:#9fa8da;--indigo-light:#b39ddb}.theme-cream{--bg-primary:#fef7ff;--bg-secondary:#faf5ff;--bg-card:#fff;--bg-surface:#f5f3ff;--text-primary:#1a237e;--text-secondary:#283593;--text-muted:#5c6bc0;--icon-white:#fff;--icon-color:#283593;--border-color:#ddd6fe;--primary-500:#8b5cf6;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--indigo-dark:#1a237e;--indigo-medium:#283593;--indigo-light:#5c6bc0}.mini-spinner{animation:spin 1s linear infinite;border:2px solid #0000001a;border-radius:50%;border-top:2px solid var(--primary-500)}.action-button{align-items:center!important;border:2px solid #0000!important;border-radius:8px!important;box-shadow:0 2px 4px #0000001a!important;cursor:pointer!important;display:flex!important;font-size:20px!important;height:44px!important;justify-content:center!important;transition:all .2s ease!important;width:44px!important}.action-button:hover{box-shadow:0 4px 8px #00000026!important;transform:translateY(-2px)!important}.action-button:active{transform:translateY(0)!important}.action-button.delete,.action-button.edit,.action-button.view{align-items:center!important;background-color:initial!important;border:2px solid!important;display:flex!important;height:30px!important;justify-content:center!important;width:50px!important}.action-button.view{border-color:#10b981!important;color:#10b981!important}.action-button.edit{border-color:#f59e0b!important;color:#f59e0b!important}.action-button.delete{border-color:#ef4444!important;color:#ef4444!important}.table-icon-spaced{flex-shrink:0}.dashboard-icon-spaced,.table-icon-spaced{font-size:18px!important}.dashboard-icon-spaced,.item-icon-spaced,.table-icon-spaced{color:var(--icon-color)!important;margin-right:8px!important}.item-icon-spaced{font-size:16px!important}.icon-label-container{align-items:center;display:flex;gap:8px}.icon-blue{color:#3b82f6!important}.icon-green{color:#10b981!important}.icon-yellow{color:#f59e0b!important}.icon-red{color:#ef4444!important}.icon-purple{color:#8b5cf6!important}.icon-gray{color:#64748b!important}.icon-container{align-items:center;display:flex;gap:8px}.back-button svg,.header-button svg,.header-icon svg,.refresh-button svg,.theme-button svg{font-size:18px!important}.blue-header{background:linear-gradient(135deg,var(--primary-500),#2563eb)!important}.blue-card,.blue-header,.blue-header .connection-badge,.blue-header .header-subtitle,.blue-header button,.blue-header h1{color:#fff!important}.blue-card{background:linear-gradient(135deg,var(--primary-500),#2563eb)!important}.blue-card .stat-title,.blue-card .stat-value{color:#fff!important}.light-card{background-color:var(--bg-card)!important}.light-card,.light-card .stat-title-light,.light-card .stat-value-light{color:var(--text-primary)!important}.top-stats-row{margin-bottom:6px}.bottom-stats-row,.top-stats-row{display:flex;flex-wrap:wrap;gap:6px}.dashboard-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.loading-container{align-items:center!important;display:flex!important;flex-direction:column!important;height:100vh!important;justify-content:center!important;width:100%!important}.loading-container.dark-mode,.loading-container.light-mode{background-color:var(--bg-primary)!important}.loading-container div{color:var(--text-primary)!important;margin-top:16px!important}.pvc-container{min-height:100vh!important;overflow-x:hidden!important;width:100%!important}.pvc-container.dark-mode,.pvc-container.light-mode{background-color:var(--bg-primary)!important;color:var(--text-primary)!important}@media (max-width:768px){.bottom-stats-row,.top-stats-row{-webkit-overflow-scrolling:touch;display:flex;flex-wrap:nowrap;gap:4px;overflow-x:auto;padding-bottom:4px}.light-stat-card,.stat-card{flex-basis:calc(25% - 4px);flex-grow:0;flex-shrink:0;min-width:140px!important;padding:8px!important}.light-stat-icon-left,.stat-icon-left{font-size:14px!important;height:30px!important;width:30px!important}.stat-title,.stat-title-light{color:var(--text-primary)!important;font-size:9px!important}.stat-value,.stat-value-light{color:var(--text-primary)!important;font-size:13px!important}.date-badge-light{color:var(--text-secondary)!important;font-size:7px!important;padding:1px 4px!important}.dashboard-grid{gap:12px!important;grid-template-columns:1fr!important}.dashboard-card{background-color:var(--bg-card)!important;color:var(--text-primary)!important;margin-bottom:8px!important;padding:10px!important}.dashboard-card-title{color:var(--text-primary)!important;font-size:13px!important}.dashboard-card-title svg{font-size:16px!important}.dashboard-item{margin-bottom:10px!important;padding-bottom:10px!important}.dashboard-item-label{color:var(--text-primary)!important;font-size:11px!important}.item-icon-spaced{font-size:14px!important}.single-filter-row{-webkit-overflow-scrolling:touch;display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;padding-bottom:6px}.filter-item{flex-basis:calc(25% - 6px);flex-grow:0;flex-shrink:0;min-width:140px!important}.single-filter-input{background-color:var(--bg-card)!important;color:var(--text-primary)!important;padding:6px 8px!important}.filter-label svg,.header-button,.single-filter-input{font-size:12px!important}.header-button{padding:8px 6px!important}.header-button svg{font-size:14px!important}.refresh-button,.theme-button{height:36px!important;width:36px!important}.refresh-button svg,.theme-button svg{font-size:16px!important}.back-button{height:36px!important;width:36px!important}.back-button svg{font-size:16px!important}.table-container{background-color:var(--bg-card)!important;margin:0 -12px;overflow-x:auto;width:calc(100% + 24px)}.table{font-size:11px!important;min-width:800px!important}.table-header-cell{background-color:var(--bg-surface)!important;color:var(--text-secondary)!important;font-size:10px!important;padding:8px 4px!important}.table-cell{color:var(--text-primary)!important;font-size:11px!important;padding:6px 4px!important}.table-icon-spaced{font-size:14px!important;margin-right:4px!important}.action-button{font-size:16px!important;height:36px!important;width:36px!important}.footer-button-primary,.footer-button-secondary{font-size:12px!important;padding:8px 12px!important}.footer-button-primary svg,.footer-button-secondary svg{font-size:14px!important}.export-options{background-color:var(--bg-card)!important;border:1px solid var(--border-color)!important;bottom:60px!important;left:50%!important;max-width:300px!important;position:fixed!important;top:auto!important;transform:translateX(-50%)!important;width:90%!important}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.modal-container{background-color:var(--bg-card);border-radius:12px;color:var(--text-primary);max-height:80vh;max-width:400px;overflow-y:auto;width:90%}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;padding:16px}.modal-header,.modal-header h2{align-items:center;display:flex}.modal-header h2{color:var(--text-primary);font-size:16px;gap:8px}.modal-close-btn{background:none;border:none;color:var(--text-primary);cursor:pointer;font-size:24px}.modal-body{padding:16px}}@media (max-width:480px){.header-buttons{flex-wrap:wrap;gap:6px}.header-button{flex-basis:calc(33.333% - 4px);flex-grow:0;flex-shrink:0;font-size:11px!important;min-width:auto!important;padding:6px 4px!important}.action-button{font-size:14px!important;height:32px!important;width:32px!important}.light-stat-card,.stat-card{min-width:120px!important;padding:6px!important}.filter-item{min-width:110px!important}.dashboard-item-header{align-items:flex-start}.dashboard-item-details,.dashboard-item-header{flex-direction:column;gap:4px}.table{font-size:10px!important;min-width:700px!important}.table-header-cell{font-size:9px!important;padding:6px 3px!important}.table-cell{font-size:10px!important;padding:5px 3px!important}.id-badge{padding:2px 4px!important}.id-badge,.remarks{font-size:9px!important}.remarks{color:var(--text-muted)!important;max-width:60px!important}}@media print{.blue-header,.dashboard-card,.light-stat-card,.stat-card{break-inside:avoid;page-break-inside:avoid}.action-buttons{display:none!important}body{background-color:#fff!important;color:#000!important}.table td,.table th{border-color:#000!important}}.pvc-container *{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.pvc-container div,.pvc-container h1,.pvc-container h2,.pvc-container h3,.pvc-container h4,.pvc-container h5,.pvc-container h6,.pvc-container p,.pvc-container span,.pvc-container td,.pvc-container th{color:inherit}.pvc-container input,.pvc-container select,.pvc-container textarea{background-color:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary)}.pvc-container input:focus,.pvc-container select:focus,.pvc-container textarea:focus{border-color:var(--primary-500);outline:none}.pvc-container button{transition:all .2s ease}.pvc-container button:disabled{cursor:not-allowed;opacity:.5}.pvc-container::-webkit-scrollbar{height:8px;width:8px}.pvc-container::-webkit-scrollbar-track{background:var(--bg-surface)}.pvc-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.pvc-container::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.whatsapp-modal-content{padding:20px 0;text-align:center}.whatsapp-icon-large{color:#25d366;margin-bottom:12px}.whatsapp-modal-text{color:var(--text-secondary);font-size:14px;line-height:1.5}.whatsapp-options{margin:20px 0}.options-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.whatsapp-option-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 16px;transition:all .2s ease}.whatsapp-desktop-btn{background-color:#25d366;color:#fff}.copy-message-btn{background-color:var(--primary-500);color:#fff}.close-btn{background-color:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-primary)}.whatsapp-option-btn:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.preview-section{margin-top:20px}.preview-section h4{align-items:center;color:var(--text-primary);display:flex;gap:8px;margin-bottom:12px}.message-preview{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:12px;line-height:1.4;max-height:200px;overflow-y:auto;padding:16px;white-space:pre-wrap}:root{--primary-50:#f5f3ff;--primary-100:#ede9fe;--primary-500:#8b5cf6;--primary-600:#7c3aed;--primary-700:#6d28d9;--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#e9ecef;--text-primary:#212529;--text-secondary:#6c757d;--text-tertiary:#adb5bd;--border-light:#dee2e6;--border-medium:#ced4da;--border-dark:#adb5bd;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #00000012;--shadow-lg:0 10px 15px #0000001a;--bottom-bar-height:70px}.theme-dark{--bg-primary:#121212;--bg-secondary:#1e1e1e;--bg-tertiary:#2d2d2d;--bg-surface:#1e1e1e;--bg-card:#2d2d2d;--text-primary:#f8f9fa;--text-secondary:#e9ecef;--text-tertiary:#ced4da;--border-light:#495057;--border-medium:#6c757d;--border-dark:#adb5bd;--shadow-sm:0 1px 2px #00000080;--shadow-md:0 4px 6px #00000080;--shadow-lg:0 10px 15px #00000080;--form-control-bg:#2d2d2d;--form-control-border:#495057;--form-control-color:#f8f9fa;--form-control-focus-bg:#3d3d3d;--card-bg:#2d2d2d;--card-border:#495057}.theme-cream{--bg-primary:#fffaf0;--bg-secondary:#fef3c7;--bg-tertiary:#fde68a;--bg-card:#fef3c7;--text-primary:#1f2937;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--border-light:#fbbf24;--border-medium:#f59e0b;--border-dark:#d97706;--primary-500:#d97706;--primary-600:#b45309;--primary-700:#92400e}.pvc-coating-form-container{background:#fff;background:var(--bg-primary);color:#212529;color:var(--text-primary);margin:0;max-width:100%;min-height:100vh;overflow-x:hidden;padding:0;transition:all .3s ease;width:100vw}.loading-spinner{border:3px solid #dee2e6;border-top-color:#8b5cf6}.loading-text{color:#6c757d;font-size:14px;margin-top:20px}.single-line-header{background:var(--bg-card);border-bottom:1px solid #dee2e6;box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);gap:12px;padding:12px 16px}.header-back-btn{background:#0000;border:none;border-radius:6px;color:#212529;padding:8px;transition:background-color .3s ease}.header-back-btn:hover{background:#e9ecef}.header-icon{color:#8b5cf6;color:var(--primary-500);flex-shrink:0}.header-main-title{color:#212529;font-size:16px;font-weight:600}.header-sub-title{color:#6c757d;font-size:12px;margin:0}.header-theme-btn{background:#0000;border:none;border-radius:6px;color:#212529;padding:8px;transition:background-color .3s ease}.header-theme-btn:hover{background:#e9ecef}.whatsapp-option-line{background:var(--bg-card);border:1px solid #dee2e6;border-radius:8px;margin:0 20px 15px;padding:12px 20px}.whatsapp-toggle label{align-items:center;background:#e9ecef;background:var(--bg-tertiary);border:1px solid #dee2e6;border:1px solid var(--border-light);border-radius:6px;cursor:pointer;display:flex;gap:10px;padding:8px 15px;transition:all .3s ease}.whatsapp-toggle label:hover{background:#f8f9fa;background:var(--bg-secondary)}.whatsapp-toggle input[type=checkbox]{accent-color:#25d366;height:18px;width:18px}.whatsapp-toggle span{color:#212529;color:var(--text-primary);font-size:14px;font-weight:500}.success-message-container{background:#10b981;background:var(--success-500);border-radius:8px;color:#fff;padding:15px 20px}.error-message-container{background:#fee2e2;background:var(--error-100);border-radius:8px;color:var(--error-600);padding:15px 20px}.form-content{padding:20px 20px 90px}.form-section-card{background:var(--bg-card);border:1px solid #dee2e6;border-radius:10px;box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);padding:15px}.section-header-primary{background:#8b5cf6;background:var(--primary-500);border-radius:6px;font-size:13px;font-weight:600;gap:8px;margin-bottom:15px;padding:10px 15px}.form-group{margin-bottom:15px}.form-label{color:#212529;gap:8px;margin-bottom:8px}.form-control{background:var(--bg-card);border:1px solid #ced4da;border:1px solid var(--border-medium);border-radius:8px;color:#212529;font-size:14px;padding:12px}.form-control:focus{background:var(--bg-card);border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.form-control.readonly{background:#e9ecef;background:var(--bg-tertiary);border-color:#ced4da;border-color:var(--border-medium);color:#6c757d}.form-textarea{background:var(--bg-card);border:1px solid #ced4da;border:1px solid var(--border-medium);border-radius:8px;color:#212529;font-size:14px;min-height:80px;padding:12px}.form-textarea:focus{background:var(--bg-card);border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.error-text{font-size:12px;margin-top:5px}.form-hint{color:#6c757d;margin-top:5px}.readonly-display{background:#e9ecef;background:var(--bg-tertiary);border:1px solid #dee2e6;border-radius:6px;min-height:40px;padding:10px 12px}.display-value{color:#212529;font-weight:500}.display-hint{color:#6c757d;color:var(--text-secondary)}.item-details-display{background:#e9ecef;background:var(--bg-tertiary);border:1px solid #dee2e6;border-radius:8px;margin-bottom:20px;padding:15px}.detail-row{border-bottom:1px solid #dee2e6;padding:8px 0}.detail-label{color:#6c757d;font-weight:500}.detail-value{color:#212529;font-weight:400}.step-indicator{gap:8px;margin-bottom:8px}.step-circle{font-size:11px;height:20px;width:20px}.step-circle.step-1{background:#8b5cf6;background:var(--primary-500)}.step-circle.step-2{background:#10b981;background:var(--success-500)}.step-circle.step-3{background:#f59e0b;background:var(--warning-500)}.target-display{align-items:center;display:flex;gap:12px}.target-icon{color:#8b5cf6;color:var(--primary-500)}.target-content{flex:1 1}.target-value{color:#8b5cf6;color:var(--primary-500);font-size:16px;font-weight:600}.target-source{background:#8b5cf61a;border-radius:4px;color:#6c757d;color:var(--text-secondary);display:inline-block;font-size:12px;padding:2px 8px}.no-targets-message{align-items:center;background:#fef2f2;background:var(--error-50);border-radius:8px;color:#ef4444;color:var(--error-500);display:flex;font-size:14px;gap:8px;margin-top:10px;padding:12px}.efficiency-display-static{background:linear-gradient(135deg,#fff,#e9ecef);background:linear-gradient(135deg,var(--bg-card) 0,var(--bg-tertiary) 100%);border:1px solid #dee2e6;border:1px solid var(--border-light);border-radius:10px;margin-bottom:20px;padding:20px;text-align:center}.efficiency-header{align-items:center;display:flex;gap:10px;justify-content:center;margin-bottom:8px}.efficiency-title{color:#6c757d;color:var(--text-secondary);font-size:14px;font-weight:600}.efficiency-value{color:#212529;color:var(--text-primary);font-size:28px;font-weight:700;margin-bottom:5px}.efficiency-calc{font-style:italic;margin-top:5px}.efficiency-calc,.efficiency-target-info{color:#6c757d;color:var(--text-secondary);font-size:12px}.efficiency-target-info{display:flex;justify-content:space-between;margin-top:8px}.efficiency-target-info div{background:#ffffff1a;border-radius:4px;padding:2px 8px}.mobile-bottom-bar{background:var(--bg-card);border-top:1px solid #ced4da;border-top:1px solid var(--border-medium);gap:8px;padding:12px 15px}.bottom-bar-button{border-radius:8px;font-weight:600;gap:6px;min-height:44px;padding:12px 8px}.bottom-bar-button.clear{background:#fffbeb;background:var(--warning-50);color:#d97706;color:var(--warning-600)}.bottom-bar-button.clear:hover{background:#fef3c7;background:var(--warning-100)}.bottom-bar-button.cancel{background:#fef2f2;background:var(--error-50);color:#dc2626;color:var(--error-600)}.bottom-bar-button.cancel:hover{background:#fee2e2;background:var(--error-100)}.bottom-bar-button.save{background:#8b5cf6;background:var(--primary-500)}.bottom-bar-button.save:hover:not(:disabled){background:#7c3aed;background:var(--primary-600)}.bottom-bar-button.save:disabled{opacity:.7}.refresh-button-primary{background:#ced4da;background:var(--border-medium);border:none;border-radius:6px;color:#212529;padding:8px 16px}.refresh-button-primary:hover{background:#adb5bd;background:var(--border-dark);transform:translateY(-1px)}.pvc-coating-form-container input:focus,.pvc-coating-form-container select:focus,.pvc-coating-form-container textarea:focus{background:#fff!important;background:var(--bg-card)!important;border-color:#8b5cf6!important;border-color:var(--primary-500)!important;outline:none}.pvc-coating-form-container ::-webkit-scrollbar{width:0}@media (max-width:768px){.item-details-display{grid-template-columns:1fr}.form-content{padding-bottom:120px}.form-section-card{padding:12px}.section-header-primary{font-size:12px;padding:8px 12px}.whatsapp-option-line{align-items:flex-start;flex-direction:column;gap:10px}.refresh-button-primary{align-self:flex-start}.single-line-header{gap:10px;padding:10px 12px}.header-back-btn svg,.header-icon{height:18px;width:18px}.header-main-title{font-size:15px}.header-sub-title{font-size:11px}}@media (max-width:480px){.single-line-header{gap:8px}.header-main-title{font-size:14px}.header-sub-title{font-size:10px}.header-back-btn,.header-theme-btn{padding:6px}.detail-row{flex-direction:column;gap:4px}}.theme-dark .form-control,.theme-dark .form-textarea{border-color:#ced4da;border-color:var(--border-medium)}.theme-dark .form-control,.theme-dark .form-control:focus,.theme-dark .form-textarea,.theme-dark .form-textarea:focus{background:#fff;background:var(--bg-card);color:#212529;color:var(--text-primary)}.theme-dark .readonly-display{color:#212529;color:var(--text-primary)}.theme-dark .item-details-display,.theme-dark .readonly-display{background:#e9ecef;background:var(--bg-tertiary)}.theme-dark .detail-label{color:#6c757d;color:var(--text-secondary)}.theme-dark .detail-value{color:#212529;color:var(--text-primary)}.theme-dark .whatsapp-option-line{background:#fff;background:var(--bg-card);border-color:#dee2e6;border-color:var(--border-light)}.theme-dark .whatsapp-toggle label{background:#e9ecef;background:var(--bg-tertiary);border-color:#dee2e6;border-color:var(--border-light)}.theme-dark .whatsapp-toggle span{color:#212529;color:var(--text-primary)}.theme-dark .target-source{background:#8b5cf633;color:#6c757d;color:var(--text-secondary)}.theme-dark .refresh-button-primary{background:#ced4da;background:var(--border-medium);color:#212529;color:var(--text-primary)}.theme-dark .refresh-button-primary:hover{background:#adb5bd;background:var(--border-dark)}.theme-dark select,.theme-dark select option{background:#fff;background:var(--bg-card);color:#212529;color:var(--text-primary)}.edit-form-actions{align-items:center;display:flex;gap:10px}.reset-button{align-items:center;background-color:#ffc107;border:none;border-radius:6px;color:#000;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px;transition:all .3s ease}.reset-button:hover{background-color:#e0a800;transform:translateY(-2px)}.original-data-info{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 15px #0000001a;color:#fff;margin-bottom:20px;padding:16px}.original-data-header{align-items:center;display:flex;font-size:16px;font-weight:600;gap:10px;margin-bottom:12px}.original-data-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.original-data-item{display:flex;flex-direction:column;gap:4px}.original-label{font-size:12px;opacity:.8}.original-value{font-size:14px;font-weight:500}:root{--bg-primary:#f8fafc;--bg-secondary:#f1f5f9;--bg-tertiary:#e2e8f0;--bg-surface:#fff;--bg-card:#fff;--bg-glass:#ffffffd9;--bg-glass-dark:#fffffff2;--text-primary:#1e293b;--text-secondary:#475569;--text-tertiary:#64748b;--text-light:#94a3b8;--border-light:#e2e8f0;--border-medium:#cbd5e1;--border-dark:#94a3b8;--primary-50:#eff6ff;--primary-100:#dbeafe;--primary-500:#3b82f6;--primary-600:#2563eb;--primary-700:#1d4ed8;--secondary-50:#f8fafc;--secondary-100:#f1f5f9;--secondary-500:#64748b;--secondary-600:#475569;--success-50:#ecfdf5;--success-100:#d1fae5;--success-500:#10b981;--success-600:#059669;--success-700:#047857;--warning-50:#fffbeb;--warning-100:#fef3c7;--warning-500:#f59e0b;--warning-600:#d97706;--warning-700:#b45309;--error-50:#fef2f2;--error-100:#fee2e2;--error-500:#ef4444;--error-600:#dc2626;--error-700:#b91c1c;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 25px #00000026;--shadow-xl:0 20px 40px #0003;--glow-primary:0 0 20px #3b82f64d;--glow-success:0 0 20px #10b9814d;--glow-warning:0 0 20px #f59e0b4d;--glow-error:0 0 20px #ef44444d;--bottom-bar-height:80px;--bottom-bar-zindex:1000;--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:16px;--border-radius-xl:24px;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--blur-sm:blur(4px);--blur-md:blur(8px);--blur-lg:blur(12px)}.theme-dark{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-surface:#1e293b;--bg-card:#334155;--bg-glass:#334155d9;--bg-glass-dark:#334155f2;--text-primary:#f1f5f9;--text-secondary:#e2e8f0;--text-tertiary:#cbd5e1;--text-light:#94a3b8;--border-light:#475569;--border-medium:#64748b;--border-dark:#94a3b8;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 6px #0000004d;--shadow-lg:0 10px 25px #0006;--shadow-xl:0 20px 40px #00000080}.theme-cream{--bg-primary:#fff7ed;--bg-secondary:#ffedd5;--bg-tertiary:#fed7aa;--bg-surface:#fff;--bg-card:#ffedd5;--bg-glass:#ffedd5d9;--bg-glass-dark:#ffedd5f2;--text-primary:#431407;--text-secondary:#7c2d12;--text-tertiary:#9a3412;--text-light:#c2410c;--border-light:#fdba74;--border-medium:#fb923c;--border-dark:#f97316;--primary-500:#ea580c;--primary-600:#c2410c;--primary-700:#9a3412}*{-webkit-overflow-scrolling:touch}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.pvc-form-container{color:#1e293b;color:var(--text-primary);font-size:14px;overflow-x:hidden;padding:0 0 80px;padding-bottom:var(--bottom-bar-height);transition:all .3s ease;transition:all var(--transition-normal)}.loading-container,.pvc-form-container{background-color:#f8fafc;background-color:var(--bg-primary);min-height:100vh}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.loading-spinner{border:3px solid #e2e8f0;border-top-color:#3b82f6;border:3px solid var(--border-light);border-top-color:var(--primary-500);height:50px;width:50px}.loading-text{color:#475569;color:var(--text-secondary);font-size:16px;margin-top:15px}.single-line-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light);border-radius:0 0 16px 16px;border-radius:0 0 var(--border-radius-lg) var(--border-radius-lg);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);gap:15px;padding:15px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-back-btn,.single-line-header{align-items:center;background:#fff;background:var(--bg-surface);display:flex}.header-back-btn{border:1px solid #cbd5e1;border:1px solid var(--border-medium);border-radius:12px;border-radius:var(--border-radius-md);color:#1e293b;color:var(--text-primary);cursor:pointer;flex-shrink:0;height:44px;justify-content:center;transition:all .3s ease;transition:all var(--transition-normal);width:44px}.header-back-btn:hover{background:#e2e8f0;background:var(--bg-tertiary);transform:translateX(-2px)}.header-back-btn:hover,.header-icon-wrapper{box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md)}.header-icon-wrapper{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-radius:12px;border-radius:var(--border-radius-md);color:#fff;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.header-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.header-text-content{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;min-width:0}.header-main-title{color:#1e293b;color:var(--text-primary);font-size:18px;font-weight:700;letter-spacing:-.02em;margin:0}.header-main-title,.header-sub-title{line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-sub-title{color:#475569;color:var(--text-secondary);font-size:13px;margin:4px 0 0;opacity:.8}.header-theme-btn{align-items:center;background:#fff;background:var(--bg-surface);border:1px solid #cbd5e1;border:1px solid var(--border-medium);border-radius:12px;border-radius:var(--border-radius-md);color:#1e293b;color:var(--text-primary);cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:all .3s ease;transition:all var(--transition-normal);width:44px}.header-theme-btn:hover{background:#e2e8f0;background:var(--bg-tertiary);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);transform:rotate(15deg)}.whatsapp-option-line{border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:16px;border-radius:var(--border-radius-lg);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);flex-wrap:wrap;gap:15px;justify-content:space-between;margin:20px;padding:15px 20px}.toggle-label,.whatsapp-option-line{align-items:center;background:#fff;background:var(--bg-surface);display:flex}.toggle-label{border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--border-radius-md);cursor:pointer;gap:12px;padding:10px 16px;transition:all .3s ease;transition:all var(--transition-normal)}.toggle-label:hover{background:#f1f5f9;background:var(--bg-secondary);box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.toggle-checkbox{accent-color:#25d366;cursor:pointer;height:20px;width:20px}.toggle-icon{color:#25d366}.toggle-text{white-space:nowrap}.refresh-button-primary,.toggle-text{color:#1e293b;color:var(--text-primary);font-size:14px;font-weight:600}.refresh-button-primary{align-items:center;background:#fff;background:var(--bg-surface);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--border-radius-md);cursor:pointer;display:flex;gap:8px;min-width:140px;padding:10px 20px;transition:all .3s ease;transition:all var(--transition-normal)}.refresh-button-primary:hover{background:#f1f5f9;background:var(--bg-secondary);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.info-badge{align-items:center;background:#fff;background:var(--bg-surface);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--border-radius-md);box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm);color:#1e293b;color:var(--text-primary);display:flex;font-size:14px;font-weight:700;justify-content:center;min-width:120px;padding:10px 18px}.badge-icon{color:#3b82f6;color:var(--primary-500);margin-right:8px}.badge-text{color:#1e293b;color:var(--text-primary);letter-spacing:.5px}.success-message-container{align-items:center;animation:slideIn .3s ease;background:#ecfdf5;background:var(--success-50);border:1px solid #10b981;border:1px solid var(--success-500);border-radius:16px;border-radius:var(--border-radius-lg);display:flex;gap:15px;margin:15px 20px;padding:20px}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.success-icon{color:#10b981;color:var(--success-500);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.success-content{flex:1 1}.success-message-title{color:#047857;color:var(--success-700);display:block;font-size:16px;font-weight:700;margin-bottom:5px}.success-message-subtitle{color:#059669;color:var(--success-600);font-size:14px;opacity:.9}.error-message-container{animation:slideIn .3s ease;background:#fef2f2;background:var(--error-50);border:1px solid #ef4444;border:1px solid var(--error-500);border-radius:var(--border-radius-lg);gap:15px;margin:15px 20px;padding:20px}.error-icon{color:#ef4444;color:var(--error-500);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.error-content{flex:1 1}.error-message-title{color:#b91c1c;color:var(--error-700);display:block;font-size:16px;font-weight:700;margin-bottom:5px}.error-message-text{color:#dc2626;color:var(--error-600);font-size:14px;line-height:1.5}.main-form{padding:20px 20px 100px}.form-section-card{background:#fff;background:var(--bg-surface);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:16px;border-radius:var(--border-radius-lg);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);margin-bottom:25px;padding:20px;transition:all .3s ease;transition:all var(--transition-normal)}.form-section-card:hover{box-shadow:0 10px 25px #00000026;box-shadow:var(--shadow-lg);transform:translateY(-1px)}.section-header-primary{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-radius:12px;border-radius:var(--border-radius-md);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);color:#fff;display:flex;font-size:14px;font-weight:700;gap:10px;letter-spacing:.5px;margin-bottom:20px;padding:12px 18px}.form-group{margin-bottom:20px}.form-label{align-items:center;color:#1e293b;color:var(--text-primary);display:block;display:flex;font-size:14px;font-weight:600;gap:10px;margin-bottom:10px}.label-icon{color:#3b82f6;color:var(--primary-500)}.form-control{border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--border-radius-md);box-sizing:border-box;color:#1e293b;color:var(--text-primary);font-size:15px;padding:14px;transition:all .3s ease;transition:all var(--transition-normal);width:100%}.form-control,.form-control:focus{background:#fff;background:var(--bg-surface)}.form-control:focus{border-color:#3b82f6;border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-control.has-error{background:#fef2f2;background:var(--error-50);border-color:#ef4444;border-color:var(--error-500)}.form-control.readonly{background:#f1f5f9;background:var(--bg-secondary);border-color:#e2e8f0;border-color:var(--border-light);color:#475569;color:var(--text-secondary);cursor:not-allowed}.form-textarea{border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--border-radius-md);box-sizing:border-box;color:#1e293b;color:var(--text-primary);font-size:15px;line-height:1.5;min-height:100px;padding:14px;resize:vertical;transition:all .3s ease;transition:all var(--transition-normal);width:100%}.form-textarea,.form-textarea:focus{background:#fff;background:var(--bg-surface)}.form-textarea:focus{border-color:#3b82f6;border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-textarea.has-error{background:#fef2f2;background:var(--error-50);border-color:#ef4444;border-color:var(--error-500)}.error-text{align-items:center;color:#ef4444;color:var(--error-500);display:flex;font-size:13px;font-weight:500;gap:5px;margin-top:6px}.form-hint{color:#475569;color:var(--text-secondary);font-size:12px;font-style:italic;margin-top:6px}.readonly-display{background:#f1f5f9;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--border-radius-md);display:flex;flex-direction:column;justify-content:center;min-height:48px;padding:14px 16px;transition:all .3s ease;transition:all var(--transition-normal)}.readonly-display:hover{background:#e2e8f0;background:var(--bg-tertiary)}.display-value{color:#1e293b;color:var(--text-primary);font-size:15px;font-weight:600}.display-hint{color:#64748b;color:var(--text-tertiary);font-size:12px;margin-top:4px}.step-indicator{gap:12px;margin-bottom:12px}.step-circle,.step-indicator{align-items:center;display:flex}.step-circle{border-radius:50%;box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm);color:#fff;font-size:12px;font-weight:700;height:24px;justify-content:center;width:24px}.step-circle.step-1{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--primary-500),var(--primary-600))}.step-circle.step-2{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--success-500),var(--success-600))}.step-circle.step-3{background:linear-gradient(135deg,#f59e0b,#d97706);background:linear-gradient(135deg,var(--warning-500),var(--warning-600))}.target-display{background:#f1f5f9;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--border-radius-md);padding:15px}.target-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}.target-item{background:#fff;background:var(--bg-surface);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--border-radius-md);padding:15px;text-align:center;transition:all .3s ease;transition:all var(--transition-normal)}.target-item:hover{box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.target-item.target-qty{background:#fffbeb;background:var(--warning-50);border:1px solid #f59e0b;border:1px solid var(--warning-500)}.target-label{color:#475569;color:var(--text-secondary);font-size:13px;font-weight:600;margin-bottom:8px}.target-value{color:#1e293b;color:var(--text-primary);font-size:20px;font-weight:700}.target-highlight{color:#b45309;color:var(--warning-700);font-size:22px}.details-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr;margin-bottom:25px}@media (min-width:768px){.details-grid{grid-template-columns:1fr 1fr}}.entries-header{align-items:center;display:flex;gap:15px;justify-content:space-between;margin-bottom:20px}.entries-title{flex:1 1}.add-item-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border:none;border-radius:12px;border-radius:var(--border-radius-md);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:10px;min-width:140px;padding:12px 20px;transition:all .3s ease;transition:all var(--transition-normal)}.add-item-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);background:linear-gradient(135deg,var(--primary-600),var(--primary-700));box-shadow:0 10px 25px #00000026;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.entry-card{background:#fff;background:var(--bg-surface);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:16px;border-radius:var(--border-radius-lg);margin-bottom:20px;padding:20px;transition:all .3s ease;transition:all var(--transition-normal)}.entry-card:hover{box-shadow:0 20px 40px #0003;box-shadow:var(--shadow-xl);transform:translateY(-3px)}.entry-card.duplicate{animation:pulse 2s infinite;background:#fef2f2;background:var(--error-50);border-left:4px solid #ef4444;border-left:4px solid var(--error-500)}@keyframes pulse{0%{box-shadow:0 0 0 0 #ef444466}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 0 0 #ef444400}}.entry-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.entry-number{border-radius:20px;box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm);color:#fff;font-size:13px;font-weight:700;letter-spacing:.5px;padding:8px 16px}.entry-number:not(.duplicate){background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--primary-500),var(--primary-600))}.entry-number.duplicate,.remove-btn{background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--error-500),var(--error-600))}.remove-btn{align-items:center;border:none;border-radius:12px;border-radius:var(--border-radius-md);box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .3s ease;transition:all var(--transition-normal);width:36px}.remove-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);background:linear-gradient(135deg,var(--error-600),var(--error-700));box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);transform:scale(1.1)}.entry-form{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr;margin-bottom:20px}@media (min-width:768px){.entry-form{grid-template-columns:repeat(3,1fr)}}.item-details-display{background:#f1f5f9;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--border-radius-md);margin-top:15px;padding:18px}.detail-row{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light);justify-content:space-between;padding:10px 0;transition:all .2s ease;transition:all var(--transition-fast)}.detail-row:hover{background:#e2e8f0;background:var(--bg-tertiary);border-radius:6px;padding-left:10px;padding-right:10px}.detail-row:last-child{border-bottom:none}.detail-label{align-items:center;color:#475569;color:var(--text-secondary);display:flex;gap:8px}.detail-icon{color:#3b82f6;color:var(--primary-500)}.detail-value{color:#1e293b;color:var(--text-primary)}.item-name{color:#2563eb;color:var(--primary-600);font-weight:600}.weight-value{color:#047857;color:var(--success-700)}.unit-value,.weight-value{font-size:15px;font-weight:700}.unit-value{color:#b45309;color:var(--warning-700)}.summary-card{border:2px solid #3b82f6;border:2px solid var(--primary-500);box-shadow:0 10px 25px #00000026}.summary-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}@media (min-width:768px){.summary-grid{grid-template-columns:repeat(4,1fr)}}.summary-item{align-items:center;background:#fff;background:var(--bg-surface);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--border-radius-md);display:flex;flex-direction:column;justify-content:center;padding:18px;text-align:center;transition:all .3s ease;transition:all var(--transition-normal)}.summary-item:hover{box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-3px)}.production-item{background:#ecfdf5;background:var(--success-50);border:1px solid #10b981;border:1px solid var(--success-500)}.weight-summary{background:#eff6ff;background:var(--primary-50);border:1px solid #3b82f6;border:1px solid var(--primary-500)}.efficiency-item{border:2px solid #0000}.efficiency-item.efficiency-high{background:#ecfdf5;background:var(--success-50);border-color:#10b981;border-color:var(--success-500)}.efficiency-item.efficiency-medium{background:#fffbeb;background:var(--warning-50);border-color:#f59e0b;border-color:var(--warning-500)}.efficiency-item.efficiency-low{background:#fef2f2;background:var(--error-50);border-color:#ef4444;border-color:var(--error-500)}.summary-label{align-items:center;color:#475569;color:var(--text-secondary);display:flex;font-size:13px;font-weight:600;gap:6px;margin-bottom:8px}.summary-icon{color:inherit}.summary-value{color:#1e293b;color:var(--text-primary);font-size:24px;font-weight:800;letter-spacing:-.5px;margin:5px 0}.target-summary{color:#b45309;color:var(--warning-700)}.production-summary{color:#047857;color:var(--success-700)}.weight-total{color:#1d4ed8;color:var(--primary-700)}.efficiency-value{font-size:26px;font-weight:900}.efficiency-item.efficiency-high .summary-icon,.efficiency-item.efficiency-high .summary-value{color:#047857;color:var(--success-700)}.efficiency-item.efficiency-medium .summary-icon,.efficiency-item.efficiency-medium .summary-value{color:#b45309;color:var(--warning-700)}.efficiency-item.efficiency-low .summary-icon,.efficiency-item.efficiency-low .summary-value{color:#b91c1c;color:var(--error-700)}.summary-unit{color:#64748b;color:var(--text-tertiary);font-size:12px;font-style:italic;margin-top:4px}.mobile-bottom-bar{background:#fff;background:var(--bg-surface);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-light);bottom:0;box-shadow:0 -5px 25px #00000026;display:flex;gap:12px;left:0;padding:15px 20px;position:fixed;right:0;z-index:1000;z-index:var(--bottom-bar-zindex)}.bottom-bar-button{align-items:center;border:none;border-radius:12px;border-radius:var(--border-radius-md);cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:700;gap:10px;justify-content:center;letter-spacing:.5px;min-height:52px;padding:15px 10px;transition:all .3s ease;transition:all var(--transition-normal)}.bottom-bar-button.clear{background:linear-gradient(135deg,#f59e0b,#d97706);background:linear-gradient(135deg,var(--warning-500),var(--warning-600));box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);color:#fff}.bottom-bar-button.clear:hover{background:linear-gradient(135deg,#d97706,#b45309);background:linear-gradient(135deg,var(--warning-600),var(--warning-700));box-shadow:0 10px 25px #00000026;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.bottom-bar-button.cancel{background:#fff;background:var(--bg-surface);border:1px solid #cbd5e1;border:1px solid var(--border-medium);box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm);color:#1e293b;color:var(--text-primary)}.bottom-bar-button.cancel:hover{background:#f1f5f9;background:var(--bg-secondary);transform:translateY(-2px)}.bottom-bar-button.cancel:hover,.bottom-bar-button.save{box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md)}.bottom-bar-button.save{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff}.bottom-bar-button.save:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);background:linear-gradient(135deg,var(--primary-600),var(--primary-700));box-shadow:0 10px 25px #00000026;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.bottom-bar-button.save:disabled{box-shadow:0 1px 3px #0000001a!important;box-shadow:var(--shadow-sm)!important;cursor:not-allowed;opacity:.6;transform:none!important}.btn-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@media (max-width:768px){.pvc-form-container{font-size:14px;padding-bottom:90px}.single-line-header{gap:12px;padding:12px 15px}.header-back-btn,.header-icon-wrapper,.header-theme-btn{height:40px;width:40px}.header-main-title{font-size:16px}.header-sub-title{font-size:12px}.whatsapp-option-line{align-items:stretch;flex-direction:column;gap:12px;margin:15px;padding:12px 15px}.info-badge,.refresh-button-primary,.toggle-label{justify-content:center;width:100%}.entry-form{grid-template-columns:1fr}.summary-grid{grid-template-columns:repeat(2,1fr)}.detail-row{align-items:flex-start;flex-direction:column;gap:6px}.detail-value{align-self:flex-end}.main-form{padding:15px 15px 110px}.mobile-bottom-bar{padding:12px 15px}.bottom-bar-button{font-size:13px;min-height:48px;padding:12px 8px}}@media (max-width:480px){.single-line-header{gap:10px}.header-main-title{font-size:15px}.header-sub-title{font-size:11px}.bottom-bar-button{font-size:12px;min-height:44px;padding:10px 6px}}.pvc-form-container ::-webkit-scrollbar{width:8px}.pvc-form-container ::-webkit-scrollbar-track{background:#f1f5f9;background:var(--bg-secondary);border-radius:4px}.pvc-form-container ::-webkit-scrollbar-thumb{background:#3b82f6;background:var(--primary-500);border-radius:4px}.pvc-form-container ::-webkit-scrollbar-thumb:hover{background:#2563eb;background:var(--primary-600)}.summary-item *,.theme-cream .summary-label,.theme-cream .summary-unit,.theme-cream .summary-value,.theme-dark .summary-label,.theme-dark .summary-unit,.theme-dark .summary-value,.theme-light .summary-label,.theme-light .summary-unit,.theme-light .summary-value{color:#1e293b!important;color:var(--text-primary)!important}.production-item .summary-value{color:#047857!important;color:var(--success-700)!important}.weight-summary .summary-value{color:#1d4ed8!important;color:var(--primary-700)!important}.efficiency-item.efficiency-high .summary-value{color:#047857!important;color:var(--success-700)!important}.efficiency-item.efficiency-medium .summary-value{color:#b45309!important;color:var(--warning-700)!important}.efficiency-item.efficiency-low .summary-value{color:#b91c1c!important;color:var(--error-700)!important}.detail-row .detail-label,.detail-row .detail-value,.readonly-display .display-hint,.readonly-display .display-value,button,div,h1,h2,h3,h4,h5,h6,input,label,p,select,span,textarea{color:#1e293b!important;color:var(--text-primary)!important}.entry-card .entry-number{color:#fff!important}.pvc-form-container *{color:#1e293b!important;color:var(--text-primary)!important}.add-item-btn,.bottom-bar-button.clear,.bottom-bar-button.save,.glass-btn-danger,.glass-btn-primary,.glass-btn-warning,.remove-btn,.section-header-primary{color:#fff!important}select,select option{background-color:#fff!important;background-color:var(--bg-surface)!important;color:#1e293b!important;color:var(--text-primary)!important}.DailyProductionReport_container__pC-KO{margin-top:0;max-width:100%;min-height:100vh;overflow-x:hidden;padding:24px 0 0;transition:background-color .3s ease,color .3s ease;width:100%}.DailyProductionReport_loadingContainer__L2IHr{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:60vh;padding:20px;text-align:center}.DailyProductionReport_spinner__WswCP{animation:DailyProductionReport_spin__mQTj6 1s linear infinite;border:4px solid #3b82f6;border-radius:50%;border-top-color:#0000;height:50px;width:50px}@keyframes DailyProductionReport_spin__mQTj6{to{transform:rotate(1turn)}}.DailyProductionReport_connectionStatus__5YCZT{align-items:center;border-radius:8px;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px}.DailyProductionReport_connected__IED3Z{background-color:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.DailyProductionReport_connecting__yaNTO{background-color:#fef3c7;border:1px solid #fde68a;color:#92400e}.DailyProductionReport_mobileHeader__HRRLt{background-color:inherit;border-bottom:1px solid #e5e7eb;border-radius:0;margin-bottom:0;margin-top:60px;padding:16px;width:100%}.DailyProductionReport_dark__ot6r4 .DailyProductionReport_mobileHeader__HRRLt{background-color:inherit;border-bottom-color:#374151}.DailyProductionReport_mobileHeaderTop__Vl4FB{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;width:100%}.DailyProductionReport_mobileTitle__G6GY2{align-items:center;display:flex;font-size:1.1rem;font-weight:600;gap:6px;margin:0}.DailyProductionReport_mobileDate__6XxRv{font-size:.9rem;font-weight:500}.DailyProductionReport_mobileControls__sCg-n{align-items:center;display:flex;gap:8px;margin-bottom:16px;width:100%}.DailyProductionReport_mobileMenuButton__a7rbA{align-items:center;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;color:#4b5563;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:8px;transition:all .2s}.DailyProductionReport_dark__ot6r4 .DailyProductionReport_mobileMenuButton__a7rbA{background-color:#374151;border-color:#4b5563;color:#d1d5db}.DailyProductionReport_mobileMenuButton__a7rbA:hover{background-color:#e5e7eb}.DailyProductionReport_dark__ot6r4 .DailyProductionReport_mobileMenuButton__a7rbA:hover{background-color:#4b5563}.DailyProductionReport_mobileDateControl__y7mhR{flex:1 1;min-width:0}.DailyProductionReport_mobileDateInput__HAHLc{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-sizing:border-box;color:#1f2937;font-size:.9rem;padding:8px 12px;width:100%}.DailyProductionReport_dark__ot6r4 .DailyProductionReport_mobileDateInput__HAHLc{background-color:#374151;border-color:#4b5563;color:#f3f4f6}.DailyProductionReport_mobileRefreshButton__\+iJRa{align-items:center;background-color:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:8px 12px;transition:background-color .2s}.DailyProductionReport_mobileRefreshButton__\+iJRa:hover{background-color:#2563eb}.DailyProductionReport_mobileDepartmentSelector__xIpoz{margin-bottom:16px;width:100%}.DailyProductionReport_mobileDepartmentButton__bEl4W{background-color:#fff;padding:12px 16px}.DailyProductionReport_dark__ot6r4 .DailyProductionReport_mobileDepartmentButton__bEl4W{background-color:#374151}.DailyProductionReport_mobileDepartmentButtonContent__97ekc{gap:12px;min-width:0}.DailyProductionReport_mobileDepartmentButtonIcon__2cB58{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-size:1rem;height:36px;justify-content:center;width:36px}.DailyProductionReport_mobileDepartmentButtonText__JqEji{font-size:.95rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.DailyProductionReport_mobileDepartmentButtonArrow__H0Tof{color:#6b7280;flex-shrink:0;font-size:.8rem;transition:transform .2s}.DailyProductionReport_dark__ot6r4 .DailyProductionReport_mobileDepartmentButtonArrow__H0Tof{color:#9ca3af}.DailyProductionReport_header__1Veku{background-color:inherit;border-bottom:1px solid #e5e7eb;border-radius:0;margin-bottom:0;padding:20px;width:100%}.DailyProductionReport_dark__ot6r4 .DailyProductionReport_header__1Veku{background-color:inherit;border-bottom-color:#374151}.DailyProductionReport_headerTop__e4sEc{display:flex;flex-direction:column;gap:16px;width:100%}@media (min-width:768px){.DailyProductionReport_headerTop__e4sEc{align-items:center;flex-direction:row;justify-content:space-between}}.DailyProductionReport_titleText__fxwzH{flex:1 1;min-width:0}.DailyProductionReport_title__6l6Uk{align-items:center;display:flex;font-size:1.5rem;font-weight:600;gap:10px;margin:0}.DailyProductionReport_titleIcon__Na67l{color:#3b82f6}.DailyProductionReport_headerControls__PYllQ{align-items:stretch;display:flex;flex-direction:column;gap:12px;width:100%}@media (min-width:768px){.DailyProductionReport_headerControls__PYllQ{align-items:center;flex-direction:row;width:auto}}.DailyProductionReport_dateControl__BFok1{align-items:center;display:flex;gap:8px;width:100%}@media (min-width:768px){.DailyProductionReport_dateControl__BFok1{width:auto}}.DailyProductionReport_dateLabel__R480-{align-items:center;display:flex;font-size:.9rem;font-weight:500;gap:6px;white-space:nowrap}.DailyProductionReport_dateInput__3u3Ve{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#1f2937;flex:1 1;font-size:.9rem;min-width:0;padding:8px 12px}.DailyProductionReport_dark__ot6r4 .DailyProductionReport_dateInput__3u3Ve{background-color:#374151;border-color:#4b5563;color:#f3f4f6}@media (min-width:768px){.DailyProductionReport_dateInput__3u3Ve{width:180px}}.DailyProductionReport_refreshButton__rf2f\+{align-items:center;background-color:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:6px;justify-content:center;padding:10px 16px;transition:background-color .2s}.DailyProductionReport_refreshButton__rf2f\+:hover{background-color:#2563eb}.DailyProductionReport_filterContainer__IRkag{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;padding:0 16px;width:100%}@media (min-width:768px){.DailyProductionReport_filterContainer__IRkag{align-items:center;flex-direction:row;gap:12px;padding:0 20px}}.DailyProductionReport_filterLabel__aQitw{align-items:center;display:flex;font-size:.9rem;font-weight:500;gap:6px;white-space:nowrap}.DailyProductionReport_filterIcon__eeNaM{font-size:.9rem}.DailyProductionReport_dropdownWrapper__DdnIg{position:relative;width:100%}@media (min-width:768px){.DailyProductionReport_dropdownWrapper__DdnIg{max-width:300px}}.DailyProductionReport_dropdownToggle__rg\+QV{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:10px 16px;transition:all .2s;width:100%}.DailyProductionReport_dark__ot6r4 .DailyProductionReport_dropdownToggle__rg\+QV{background-color:#374151;border-color:#4b5563}.DailyProductionReport_dropdownToggle__rg\+QV:hover{border-color:#3b82f6}.DailyProductionReport_selectedOption__MyjSt{align-items:center;display:flex;gap:10px;min-width:0}.DailyProductionReport_iconWrapper__zfKhX{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-size:1rem;height:32px;justify-content:center;width:32px}.DailyProductionReport_selectedText__PuJnp{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.DailyProductionReport_chevron__CBhBx{color:#6b7280;flex-shrink:0;font-size:.8rem;transition:transform .2s}.DailyProductionReport_dark__ot6r4 .DailyProductionReport_chevron__CBhBx{color:#9ca3af}.DailyProductionReport_dropdownMenu__F0g2o{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #0000001a;left:0;margin-top:4px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.DailyProductionReport_dark__ot6r4 .DailyProductionReport_dropdownMenu__F0g2o{background-color:#374151;border-color:#4b5563;box-shadow:0 10px 25px #0000004d}.DailyProductionReport_optionItem__pJzt2{align-items:center;cursor:pointer;display:flex;gap:12px;min-width:0;padding:12px 16px;position:relative;transition:background-color .2s}.DailyProductionReport_optionItem__pJzt2:hover{background-color:#f3f4f6}.DailyProductionReport_dark__ot6r4 .DailyProductionReport_optionItem__pJzt2:hover{background-color:#4b5563}.DailyProductionReport_optionIcon__GTmug{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-size:.9rem;height:32px;justify-content:center;width:32px}.DailyProductionReport_optionInfo__qxTuj{flex:1 1;min-width:0}.DailyProductionReport_optionName__nvL4u{font-weight:500;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.DailyProductionReport_optionDetails__Np-J8{color:#6b7280;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.DailyProductionReport_dark__ot6r4 .DailyProductionReport_optionDetails__Np-J8{color:#9ca3af}.DailyProductionReport_selectedIndicator__WL1I8{border-radius:50%;flex-shrink:0;height:6px;position:absolute;right:16px;top:50%;transform:translateY(-50%);width:6px}.DailyProductionReport_summaryGrid__fWNsJ{grid-gap:8px;box-sizing:border-box;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);margin-bottom:20px;padding:0 12px;width:100%}@media (min-width:768px){.DailyProductionReport_summaryGrid__fWNsJ{gap:16px;grid-template-columns:repeat(4,1fr);padding:0 20px}}@media (max-width:767px){.DailyProductionReport_summaryCard__wLnti{min-width:0;padding:12px}.DailyProductionReport_cardIconWrapper__yZSdS{font-size:.9rem;height:30px;width:30px}.DailyProductionReport_cardTitle__WsKNm{font-size:.75rem}.DailyProductionReport_cardValue__uz2-8{font-size:.95rem}.DailyProductionReport_cardUnit__-D\+O8{font-size:.7rem}.DailyProductionReport_cardSubtitle__ZmgmM{font-size:.65rem}.DailyProductionReport_efficiencyWithArrow__Um4dq{font-size:.85rem}.DailyProductionReport_arrowIcon__jyUVa{font-size:.7rem}}.DailyProductionReport_summaryCard__wLnti{border-radius:12px;box-sizing:border-box;cursor:pointer;overflow:hidden;padding:16px;position:relative;transition:all .3s ease;width:100%}.DailyProductionReport_summaryCard__wLnti:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.DailyProductionReport_summaryCard__wLnti:hover:before{opacity:1}.DailyProductionReport_summaryCard__wLnti:hover{box-shadow:0 12px 24px #00000026;transform:translateY(-4px)}.DailyProductionReport_dark__ot6r4 .DailyProductionReport_summaryCard__wLnti:hover{box-shadow:0 12px 24px #0006}@media (min-width:768px){.DailyProductionReport_summaryCard__wLnti{padding:20px}}.DailyProductionReport_cardHeader__9bzMV{align-items:center;display:flex;gap:8px;margin-bottom:10px}@media (min-width:768px){.DailyProductionReport_cardHeader__9bzMV{gap:12px;margin-bottom:16px}}.DailyProductionReport_cardIconWrapper__yZSdS{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:1.1rem;height:36px;justify-content:center;transition:transform .3s ease;width:36px}.DailyProductionReport_summaryCard__wLnti:hover .DailyProductionReport_cardIconWrapper__yZSdS{transform:scale(1.1)}@media (min-width:768px){.DailyProductionReport_cardIconWrapper__yZSdS{font-size:1.2rem;height:40px;width:40px}}.DailyProductionReport_cardTitle__WsKNm{font-size:.85rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width:768px){.DailyProductionReport_cardTitle__WsKNm{font-size:.9rem}}.DailyProductionReport_cardValue__uz2-8{align-items:baseline;display:flex;font-size:1.2rem;font-weight:700;gap:4px;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width:768px){.DailyProductionReport_cardValue__uz2-8{font-size:1.5rem;margin-bottom:8px}}.DailyProductionReport_cardUnit__-D\+O8{color:#6b7280;font-size:.8rem;font-weight:500;margin-left:2px}@media (min-width:768px){.DailyProductionReport_cardUnit__-D\+O8{font-size:.9rem}}.DailyProductionReport_dark__ot6r4 .DailyProductionReport_cardUnit__-D\+O8{color:#9ca3af}.DailyProductionReport_cardSubtitle__ZmgmM{font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width:768px){.DailyProductionReport_cardSubtitle__ZmgmM{font-size:.8rem}}.DailyProductionReport_efficiencyWithArrow__Um4dq{align-items:center;display:flex;font-weight:600;gap:4px}.DailyProductionReport_arrowIcon__jyUVa{font-size:.8rem}@media (min-width:768px){.DailyProductionReport_arrowIcon__jyUVa{font-size:.9rem}}.DailyProductionReport_efficiencyHigh__y6mlf{color:#10b981}.DailyProductionReport_efficiencyMedium__YSrL8{color:#f59e0b}.DailyProductionReport_efficiencyLow__uis9H{color:#ef4444}.DailyProductionReport_actionSection__P8U-f{box-sizing:border-box;margin-bottom:20px;padding:0 16px;width:100%}@media (min-width:768px){.DailyProductionReport_actionSection__P8U-f{padding:0 20px}}.DailyProductionReport_actionButtons__P5FoB{display:flex;flex-wrap:wrap;gap:8px}@media (min-width:768px){.DailyProductionReport_actionButtons__P5FoB{gap:12px}}.DailyProductionReport_actionButton__dnoEJ{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-weight:500;gap:6px;justify-content:center;min-width:120px;overflow:hidden;padding:10px 16px;position:relative;transition:all .2s}.DailyProductionReport_actionButton__dnoEJ:before{background:#ffffff4d;content:"";height:2px;left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .3s ease}.DailyProductionReport_actionButton__dnoEJ:hover:before{transform:translateX(0)}@media (min-width:768px){.DailyProductionReport_actionButton__dnoEJ{flex:0 1 auto;gap:8px;padding:10px 20px}}.DailyProductionReport_whatsappButton__lvnb1{background-color:#25d366;color:#fff}.DailyProductionReport_whatsappButton__lvnb1:hover{background-color:#128c7e}.DailyProductionReport_pdfButton__FffyE{background-color:#ef4444;color:#fff}.DailyProductionReport_pdfButton__FffyE:hover{background-color:#dc2626}.DailyProductionReport_excelButton__H2q4f{background-color:#10b981;color:#fff}.DailyProductionReport_excelButton__H2q4f:hover{background-color:#059669}.DailyProductionReport_printButton__5NHe0{background-color:#6b7280;color:#fff}.DailyProductionReport_printButton__5NHe0:hover{background-color:#4b5563}.DailyProductionReport_mobileActionButtons__qd-ny{display:flex;gap:8px;width:100%}.DailyProductionReport_mobileActionButton__WfYpC{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:1.2rem;justify-content:center;min-width:0;overflow:hidden;padding:12px;position:relative;transition:all .2s}.DailyProductionReport_mobileActionButton__WfYpC:before{background:#ffffff4d;content:"";height:2px;left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .3s ease}.DailyProductionReport_mobileActionButton__WfYpC:hover:before{transform:translateX(0)}.DailyProductionReport_detailsContainer__T\+8aE{border-radius:0;border-top:1px solid #e5e7eb;box-sizing:border-box;margin-bottom:0;padding:20px 16px;width:100%}.DailyProductionReport_dark__ot6r4 .DailyProductionReport_detailsContainer__T\+8aE{border-top-color:#374151}@media (min-width:768px){.DailyProductionReport_detailsContainer__T\+8aE{border-radius:12px;border-top:none;margin:0 20px 20px;padding:20px;width:calc(100% - 40px)}}.DailyProductionReport_tableHeaderSection__Hue66{display:flex;flex-direction:column;gap:12px;margin-bottom:20px;width:100%}@media (min-width:768px){.DailyProductionReport_tableHeaderSection__Hue66{align-items:center;flex-direction:row;justify-content:space-between}}.DailyProductionReport_tableTitle__kuL9x{align-items:center;display:flex;font-size:1.1rem;font-weight:600;gap:8px;margin:0}@media (min-width:768px){.DailyProductionReport_tableTitle__kuL9x{font-size:1.2rem}}.DailyProductionReport_tableStats__ivyPu{display:flex;flex-wrap:wrap;gap:12px}@media (min-width:768px){.DailyProductionReport_tableStats__ivyPu{gap:16px}}.DailyProductionReport_tableStat__P4g-F{align-items:center;color:#6b7280;display:flex;font-size:.85rem;gap:6px;white-space:nowrap}@media (min-width:768px){.DailyProductionReport_tableStat__P4g-F{font-size:.9rem}}.DailyProductionReport_dark__ot6r4 .DailyProductionReport_tableStat__P4g-F{color:#9ca3af}.DailyProductionReport_shiftSection__\+jurY{margin-bottom:24px;width:100%}.DailyProductionReport_shiftTitle__KTNSt{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;font-size:.95rem;font-weight:600;gap:8px;margin:0 0 16px;padding-bottom:8px}@media (min-width:768px){.DailyProductionReport_shiftTitle__KTNSt{font-size:1rem}}.DailyProductionReport_dark__ot6r4 .DailyProductionReport_shiftTitle__KTNSt{border-bottom-color:#4b5563}.DailyProductionReport_shiftIcon__XwXtB{color:#f59e0b}.DailyProductionReport_tableContainer__RA\+DS{-webkit-overflow-scrolling:touch;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;overflow-x:auto;width:100%}.DailyProductionReport_dark__ot6r4 .DailyProductionReport_tableContainer__RA\+DS{border-color:#4b5563}.DailyProductionReport_productionTable__16rNy{border-collapse:initial;border-spacing:2px;font-size:.8rem;min-width:750px;width:100%}@media (min-width:768px){.DailyProductionReport_productionTable__16rNy{border-spacing:4px;font-size:.85rem;min-width:auto}}.DailyProductionReport_tableHeader__SKiGe{background-color:#f9fafb;font-weight:600}.DailyProductionReport_dark__ot6r4 .DailyProductionReport_tableHeader__SKiGe{background-color:#111827}.DailyProductionReport_tableHeader__SKiGe th{border-bottom:1px solid #e5e7eb;font-weight:600;padding:8px 4px;text-align:left;white-space:nowrap}@media (min-width:768px){.DailyProductionReport_tableHeader__SKiGe th{padding:10px 6px}}.DailyProductionReport_dark__ot6r4 .DailyProductionReport_tableHeader__SKiGe th{border-bottom-color:#4b5563}.DailyProductionReport_tableRow__N\+ZPG{border-bottom:1px solid #f3f4f6;transition:background-color .2s}.DailyProductionReport_dark__ot6r4 .DailyProductionReport_tableRow__N\+ZPG{border-bottom-color:#374151}.DailyProductionReport_tableRow__N\+ZPG:hover{background-color:#f9fafb}.DailyProductionReport_dark__ot6r4 .DailyProductionReport_tableRow__N\+ZPG:hover{background-color:#374151}.DailyProductionReport_tableRow__N\+ZPG td{border-bottom:1px solid #f3f4f6;padding:8px 4px;vertical-align:middle}@media (min-width:768px){.DailyProductionReport_tableRow__N\+ZPG td{padding:10px 6px}}.DailyProductionReport_dark__ot6r4 .DailyProductionReport_tableRow__N\+ZPG td{border-bottom-color:#374151}.DailyProductionReport_sectionCell__c\+5kD{min-width:70px}@media (min-width:768px){.DailyProductionReport_sectionCell__c\+5kD{min-width:100px}}.DailyProductionReport_sectionInfo__DKs6S{align-items:center;display:flex;gap:6px}.DailyProductionReport_sectionIcon__il29l{color:#6b7280;flex-shrink:0;font-size:.8rem}@media (min-width:768px){.DailyProductionReport_sectionIcon__il29l{font-size:.85rem}}.DailyProductionReport_dark__ot6r4 .DailyProductionReport_sectionIcon__il29l{color:#9ca3af}.DailyProductionReport_machineCell__LPqtd,.DailyProductionReport_operatorCell__bYOlY{min-width:50px}@media (min-width:768px){.DailyProductionReport_machineCell__LPqtd,.DailyProductionReport_operatorCell__bYOlY{min-width:80px}}.DailyProductionReport_machineInfo__iFRP7,.DailyProductionReport_operatorInfo__jVA92{align-items:center;display:flex;gap:4px}.DailyProductionReport_infoIcon__iTPt6{color:#6b7280;flex-shrink:0;font-size:.7rem}@media (min-width:768px){.DailyProductionReport_infoIcon__iTPt6{font-size:.75rem}}.DailyProductionReport_dark__ot6r4 .DailyProductionReport_infoIcon__iTPt6{color:#9ca3af}.DailyProductionReport_machineText__\+SBTE,.DailyProductionReport_operatorText__ZtKxX{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.DailyProductionReport_quantityCell__v9ptB{font-weight:600;min-width:50px;padding-right:2px!important;text-align:right}@media (min-width:768px){.DailyProductionReport_quantityCell__v9ptB{min-width:70px;padding-right:4px!important}}.DailyProductionReport_quantityValue__6QmbR{font-family:"Monospace",Courier New,monospace;white-space:nowrap}.DailyProductionReport_centerCell__oTimo{min-width:50px;text-align:center;white-space:nowrap}.DailyProductionReport_unitCell__scXQH{max-width:50px;min-width:40px}@media (min-width:768px){.DailyProductionReport_unitCell__scXQH{max-width:70px;min-width:60px}}.DailyProductionReport_unitBadge__ZeRoz{background-color:#e5e7eb;border-radius:4px;color:#6b7280!important;display:inline-block;font-size:.65rem;font-weight:600;min-width:35px;padding:2px 4px;text-align:center;white-space:nowrap}@media (min-width:768px){.DailyProductionReport_unitBadge__ZeRoz{font-size:.7rem;min-width:45px;padding:3px 6px}}.DailyProductionReport_dark__ot6r4 .DailyProductionReport_unitBadge__ZeRoz{background-color:#4b5563;color:#9ca3af!important}.DailyProductionReport_efficiencyBadge__TWwUp{align-items:center;border-radius:12px;display:inline-flex;font-size:.65rem;font-weight:600;gap:2px;justify-content:center;min-width:50px;padding:3px 5px;transition:all .2s;white-space:nowrap}.DailyProductionReport_efficiencyBadge__TWwUp span{font-family:"Monospace",Courier New,monospace;font-size:.7rem}@media (min-width:768px){.DailyProductionReport_efficiencyBadge__TWwUp{font-size:.7rem;min-width:60px;padding:4px 8px}.DailyProductionReport_efficiencyBadge__TWwUp span{font-size:.75rem}}.DailyProductionReport_entriesBadge__8xAFe{background-color:#e5e7eb;border-radius:4px;color:#4b5563;display:inline-block;font-size:.65rem;font-weight:600;min-width:25px;padding:2px 4px;text-align:center;white-space:nowrap}@media (min-width:768px){.DailyProductionReport_entriesBadge__8xAFe{font-size:.7rem;min-width:30px;padding:3px 6px}}.DailyProductionReport_dark__ot6r4 .DailyProductionReport_entriesBadge__8xAFe{background-color:#4b5563;color:#d1d5db}.DailyProductionReport_remarksCell__pwimW{max-width:120px;min-width:80px}@media (min-width:768px){.DailyProductionReport_remarksCell__pwimW{max-width:200px;min-width:120px}}.DailyProductionReport_remarksContainer__J2EzG,.DailyProductionReport_remarksContent__da54l{align-items:center;display:flex;gap:4px;position:relative}.DailyProductionReport_remarksContainer__J2EzG{cursor:pointer;min-height:20px}.DailyProductionReport_remarksText__3RXMU{color:#6b7280;flex:1 1;font-size:.7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.DailyProductionReport_remarksToggle__GJHh\+{align-items:center;border-radius:2px;color:#6b7280;display:flex;flex-shrink:0;font-size:.6rem;justify-content:center;padding:2px;transition:color .2s}.DailyProductionReport_remarksToggle__GJHh\+:hover{color:#3b82f6}.DailyProductionReport_tableRow__N\+ZPG:last-child .DailyProductionReport_remarksFull__B-a63{bottom:100%;top:auto}.DailyProductionReport_remarksFull__B-a63{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;bottom:100%;box-shadow:0 4px 12px #00000026;left:0;margin-bottom:4px;max-height:200px;max-width:300px;overflow-y:auto;padding:8px;position:absolute;right:0;z-index:100}.DailyProductionReport_dark__ot6r4 .DailyProductionReport_remarksFull__B-a63{background-color:#1f2937;border-color:#4b5563;box-shadow:0 4px 12px #0000004d}.DailyProductionReport_remarksFullHeader__B-7pj{align-items:center;background-color:inherit;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:6px;padding-bottom:4px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.DailyProductionReport_dark__ot6r4 .DailyProductionReport_remarksFullHeader__B-7pj{border-bottom-color:#4b5563}.DailyProductionReport_remarksFullContent__fwgbJ{font-size:.75rem;line-height:1.4;white-space:normal;word-break:break-word}.DailyProductionReport_remarksClose__XKnij{align-items:center;background:none;border:none;border-radius:2px;cursor:pointer;display:flex;font-size:.7rem;justify-content:center;padding:2px;transition:background-color .2s}.DailyProductionReport_remarksClose__XKnij:hover{background-color:#f3f4f6}.DailyProductionReport_dark__ot6r4 .DailyProductionReport_remarksClose__XKnij:hover{background-color:#374151}@media (min-width:768px){.DailyProductionReport_remarksContainer__J2EzG{min-height:24px}.DailyProductionReport_remarksText__3RXMU{font-size:.75rem}.DailyProductionReport_remarksToggle__GJHh\+{font-size:.7rem;padding:3px}.DailyProductionReport_remarksFull__B-a63{max-width:400px}.DailyProductionReport_remarksFullContent__fwgbJ{font-size:.8rem}}@media (max-width:767px){.DailyProductionReport_remarksOverlay__SyeJF{background-color:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.DailyProductionReport_remarksFull__B-a63{left:50%!important;margin:0;max-height:60vh;max-width:90%!important;position:fixed;top:50%!important;transform:translate(-50%,-50%);width:90%;z-index:1000}}.DailyProductionReport_shiftSummary__FpXt6{border:1px solid #e5e7eb;border-radius:8px;margin-top:16px;padding:12px;width:100%}@media (min-width:768px){.DailyProductionReport_shiftSummary__FpXt6{padding:16px}}.DailyProductionReport_shiftSummaryContent__RoC57{display:flex;flex-direction:column;gap:8px}@media (min-width:768px){.DailyProductionReport_shiftSummaryContent__RoC57{align-items:center;flex-direction:row;gap:0;justify-content:space-between}}.DailyProductionReport_shiftSummaryTitle__0M39m{font-size:.9rem;font-weight:600}@media (min-width:768px){.DailyProductionReport_shiftSummaryTitle__0M39m{font-size:1rem}}.DailyProductionReport_shiftSummaryStats__hMTee{display:flex;gap:12px}@media (min-width:768px){.DailyProductionReport_shiftSummaryStats__hMTee{gap:20px}}.DailyProductionReport_shiftSummaryStat__xV2EF{align-items:center;display:flex;gap:6px}.DailyProductionReport_statLabel__hs11n{font-size:.8rem;white-space:nowrap}@media (min-width:768px){.DailyProductionReport_statLabel__hs11n{font-size:.85rem}}.DailyProductionReport_statValue__O04n2{font-size:.85rem;font-weight:700}.DailyProductionReport_shiftEfficiencyBadge__m\+eDk{align-items:center;border-radius:12px;display:inline-flex;font-size:.75rem;font-weight:600;gap:2px;padding:4px 8px;transition:all .2s;white-space:nowrap}.DailyProductionReport_shiftEfficiencyBadge__m\+eDk span{font-family:"Monospace",Courier New,monospace;font-size:.8rem}@media (min-width:768px){.DailyProductionReport_shiftEfficiencyBadge__m\+eDk{font-size:.8rem;padding:4px 10px}.DailyProductionReport_shiftEfficiencyBadge__m\+eDk span{font-size:.85rem}.DailyProductionReport_statValue__O04n2{font-size:.9rem}}.DailyProductionReport_noDataMessage__2S\+k7{padding:40px 20px;text-align:center;width:100%}.DailyProductionReport_noDataIcon__Y2S-X{color:#9ca3af;font-size:2.5rem;margin-bottom:16px}@media (min-width:768px){.DailyProductionReport_noDataIcon__Y2S-X{font-size:3rem}}.DailyProductionReport_noDataMessage__2S\+k7 h3{font-size:1.1rem;font-weight:600;margin:0 0 8px}@media (min-width:768px){.DailyProductionReport_noDataMessage__2S\+k7 h3{font-size:1.2rem}}.DailyProductionReport_noDataMessage__2S\+k7 p{font-size:.9rem;margin:0}@media (min-width:768px){.DailyProductionReport_noDataMessage__2S\+k7 p{font-size:1rem}}.DailyProductionReport_popupOverlay__vHL7o{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:10000}.DailyProductionReport_popupContainer__xdqGr{background-color:#fff;border-radius:12px;box-shadow:0 20px 40px #0003;max-width:500px;padding:20px;position:relative;width:100%}.DailyProductionReport_dark__ot6r4 .DailyProductionReport_popupContainer__xdqGr{background-color:#1f2937;color:#f3f4f6}.DailyProductionReport_popupClose__-dGsN{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;padding:4px;position:absolute;right:16px;top:16px;transition:background-color .2s}.DailyProductionReport_popupClose__-dGsN:hover{background-color:#f3f4f6}.DailyProductionReport_dark__ot6r4 .DailyProductionReport_popupClose__-dGsN{color:#9ca3af}.DailyProductionReport_dark__ot6r4 .DailyProductionReport_popupClose__-dGsN:hover{background-color:#374151}.DailyProductionReport_popupTitle__J1qAk{align-items:center;color:inherit;display:flex;font-size:1.1rem;font-weight:600;gap:10px;margin:0 0 16px}.DailyProductionReport_popupButtons__O\+KSX{display:flex;flex-direction:column;gap:10px}.DailyProductionReport_popupButton__RIblA{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:10px;justify-content:center;overflow:hidden;padding:12px 16px;position:relative;transition:all .2s;width:100%}.DailyProductionReport_popupButton__RIblA:before{background:#ffffff4d;content:"";height:2px;left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .3s ease}.DailyProductionReport_popupButton__RIblA:hover:before{transform:translateX(0)}.DailyProductionReport_popupButton__RIblA:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.DailyProductionReport_mobileDepartmentButtonContainer__nmmTC{flex:1 1;min-width:0}.DailyProductionReport_mobileDepartmentButton__bEl4W{align-items:center;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:8px 12px;transition:all .2s;width:100%}.DailyProductionReport_dark__ot6r4 .DailyProductionReport_mobileDepartmentButton__bEl4W{border-color:#4b5563}.DailyProductionReport_mobileDepartmentButton__bEl4W:hover{border-color:#3b82f6}.DailyProductionReport_mobileDepartmentButtonContent__97ekc{align-items:center;display:flex;gap:8px;width:100%}.DailyProductionReport_mobileDepartmentIcon__zkVHl{align-items:center;border-radius:6px;display:flex;flex-shrink:0;font-size:.9rem;height:28px;justify-content:center;width:28px}.DailyProductionReport_mobileDepartmentText__7Ptvr{flex:1 1;font-size:.9rem;font-weight:500;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.DailyProductionReport_mobileDepartmentChevron__Ck8mZ{flex-shrink:0;font-size:.8rem}.DailyProductionReport_mobileDepartmentDropdown__C0INN{bottom:0;display:flex;flex-direction:column;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.DailyProductionReport_mobileDropdownContainer__pjLYj{background-color:#fff;border-radius:12px;display:flex;flex-direction:column;margin-bottom:auto;margin-top:auto;max-height:70vh}.DailyProductionReport_dark__ot6r4 .DailyProductionReport_mobileDropdownContainer__pjLYj{background-color:#1f2937}.DailyProductionReport_mobileDropdownHeader__mF-rL{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px}.DailyProductionReport_dark__ot6r4 .DailyProductionReport_mobileDropdownHeader__mF-rL{border-bottom-color:#374151}.DailyProductionReport_mobileDropdownTitle__a4j71{font-size:1.1rem;font-weight:600;margin:0}.DailyProductionReport_mobileDropdownClose__s9xlz{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;padding:4px;transition:background-color .2s}.DailyProductionReport_mobileDropdownClose__s9xlz:hover{background-color:#f3f4f6}.DailyProductionReport_dark__ot6r4 .DailyProductionReport_mobileDropdownClose__s9xlz:hover{background-color:#374151}.DailyProductionReport_mobileDropdownOptions__pQB18{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto}.DailyProductionReport_mobileDropdownOption__5Xjkv{align-items:center;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;gap:12px;padding:16px;transition:background-color .2s}.DailyProductionReport_mobileDropdownOption__5Xjkv:last-child{border-bottom:none}.DailyProductionReport_dark__ot6r4 .DailyProductionReport_mobileDropdownOption__5Xjkv{border-bottom-color:#374151}.DailyProductionReport_mobileDropdownOption__5Xjkv:hover{background-color:#f3f4f6}.DailyProductionReport_dark__ot6r4 .DailyProductionReport_mobileDropdownOption__5Xjkv:hover{background-color:#374151}.DailyProductionReport_mobileDropdownOptionSelected__n5R1r{background-color:#f3f4f6}.DailyProductionReport_dark__ot6r4 .DailyProductionReport_mobileDropdownOptionSelected__n5R1r{background-color:#374151}.DailyProductionReport_mobileOptionIcon__Q9DMg{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-size:1rem;height:36px;justify-content:center;width:36px}.DailyProductionReport_mobileOptionText__ydAWx{flex:1 1;min-width:0}.DailyProductionReport_mobileOptionName__2kP\+c{font-size:.95rem;font-weight:500;margin-bottom:4px}.DailyProductionReport_mobileOptionDetails__VC4zp{color:#6b7280;font-size:.8rem}.DailyProductionReport_dark__ot6r4 .DailyProductionReport_mobileOptionDetails__VC4zp{color:#9ca3af}.DailyProductionReport_messageViewerOverlay__ulkJ\+{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:10001}.DailyProductionReport_messageViewerContainer__mlYfB{background-color:#fff;border-radius:12px;box-shadow:0 20px 40px #0003;display:flex;flex-direction:column;max-height:80vh;max-width:600px;padding:0;position:relative;width:100%}.DailyProductionReport_dark__ot6r4 .DailyProductionReport_messageViewerContainer__mlYfB{background-color:#1f2937}.DailyProductionReport_messageViewerHeader__zP8eW{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.DailyProductionReport_dark__ot6r4 .DailyProductionReport_messageViewerHeader__zP8eW{border-bottom-color:#374151}.DailyProductionReport_messageViewerTitle__gLA6A{align-items:center;display:flex;font-size:1.1rem;font-weight:600;gap:10px;margin:0}.DailyProductionReport_messageViewerClose__m8RMq{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;padding:4px;transition:background-color .2s}.DailyProductionReport_messageViewerClose__m8RMq:hover{background-color:#f3f4f6}.DailyProductionReport_dark__ot6r4 .DailyProductionReport_messageViewerClose__m8RMq{color:#9ca3af}.DailyProductionReport_dark__ot6r4 .DailyProductionReport_messageViewerClose__m8RMq:hover{background-color:#374151}.DailyProductionReport_messageViewerContent__zqEQZ{display:flex;flex:1 1;flex-direction:column;min-height:0}.DailyProductionReport_messageViewerText__Gz81n{color:#1f2937;flex:1 1;font-size:.95rem;line-height:1.5;overflow-y:auto;padding:20px;white-space:pre-wrap}.DailyProductionReport_dark__ot6r4 .DailyProductionReport_messageViewerText__Gz81n{color:#f3f4f6}.DailyProductionReport_messageViewerLine__fEWcS{margin:0 0 8px}.DailyProductionReport_messageViewerLine__fEWcS:last-child{margin-bottom:0}.DailyProductionReport_messageViewerActions__\+0V\+R{border-top:1px solid #e5e7eb;display:flex;flex-shrink:0;gap:12px;padding:16px 20px}.DailyProductionReport_dark__ot6r4 .DailyProductionReport_messageViewerActions__\+0V\+R{border-top-color:#374151}.DailyProductionReport_messageViewerCopyButton__POgAd,.DailyProductionReport_messageViewerWhatsAppButton__QKHvn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:.9rem;font-weight:500;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s}.DailyProductionReport_messageViewerCopyButton__POgAd:hover,.DailyProductionReport_messageViewerWhatsAppButton__QKHvn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.DailyProductionReport_messagePreviewSection__o0gd0{border:1px solid #e5e7eb;border-radius:8px;margin-bottom:20px;overflow:hidden}.DailyProductionReport_dark__ot6r4 .DailyProductionReport_messagePreviewSection__o0gd0{border-color:#374151}.DailyProductionReport_messagePreviewHeader__31jdR{align-items:center;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:12px 16px}.DailyProductionReport_dark__ot6r4 .DailyProductionReport_messagePreviewHeader__31jdR{background-color:#111827;border-bottom-color:#374151}.DailyProductionReport_messagePreviewTitle__3oAWf{align-items:center;display:flex;font-size:.9rem;font-weight:600;gap:6px;margin:0}.DailyProductionReport_viewFullMessageButton__NLOy\+{background:none;border:1px solid #3b82f6;border-radius:6px;color:#3b82f6;cursor:pointer;font-size:.8rem;padding:4px 12px;transition:all .2s}.DailyProductionReport_viewFullMessageButton__NLOy\+:hover{background-color:#3b82f6;color:#fff}.DailyProductionReport_messagePreview__NKi4V{background-color:#f9fafb;font-size:.85rem;line-height:1.4;max-height:120px;overflow-y:auto;padding:12px 16px}.DailyProductionReport_dark__ot6r4 .DailyProductionReport_messagePreview__NKi4V{background-color:#111827;color:#d1d5db}.DailyProductionReport_messagePreviewLine__Eq1wj{color:#4b5563;margin:0 0 4px}.DailyProductionReport_dark__ot6r4 .DailyProductionReport_messagePreviewLine__Eq1wj{color:#d1d5db}.DailyProductionReport_tableScrollControls__7sGVz{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px;padding:0 8px}.DailyProductionReport_scrollButton__Ypiw8{align-items:center;background-color:#3b82f6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.9rem;height:36px;justify-content:center;transition:background-color .2s;width:36px}.DailyProductionReport_scrollButton__Ypiw8:hover{background-color:#2563eb}.DailyProductionReport_scrollIndicator__S4YRN{color:#6b7280;flex:1 1;font-size:.8rem;font-weight:500;padding:0 8px;text-align:center}.DailyProductionReport_dark__ot6r4 .DailyProductionReport_scrollIndicator__S4YRN{color:#9ca3af}@media (max-width:767px){.DailyProductionReport_summaryGrid__fWNsJ{gap:6px;grid-template-columns:1fr 1fr;padding:0 10px}.DailyProductionReport_cardValue__uz2-8{font-size:1rem}.DailyProductionReport_productionTable__16rNy{border-spacing:1px;font-size:.7rem;min-width:750px}.DailyProductionReport_tableHeader__SKiGe th,.DailyProductionReport_tableRow__N\+ZPG td{padding:6px 3px!important}.DailyProductionReport_detailsContainer__T\+8aE,.DailyProductionReport_mobileHeader__HRRLt{border-radius:0}.DailyProductionReport_actionButtons__P5FoB{flex-wrap:wrap}.DailyProductionReport_actionButton__dnoEJ{min-width:calc(50% - 4px)}.DailyProductionReport_remarksCell__pwimW{max-width:80px;min-width:60px}.DailyProductionReport_remarksText__3RXMU{font-size:.65rem}.DailyProductionReport_tableContainer__RA\+DS{margin-left:-8px;margin-right:-8px;width:calc(100% + 16px)}.DailyProductionReport_machineCell__LPqtd{max-width:55px!important;min-width:45px!important}.DailyProductionReport_quantityCell__v9ptB{max-width:60px!important;min-width:45px!important}.DailyProductionReport_operatorText__ZtKxX{max-width:40px}.DailyProductionReport_remarksText__3RXMU{max-width:50px}}@media (max-width:480px){.DailyProductionReport_summaryGrid__fWNsJ{gap:4px;grid-template-columns:1fr 1fr;padding:0 8px}.DailyProductionReport_summaryCard__wLnti{padding:8px}.DailyProductionReport_cardIconWrapper__yZSdS{font-size:.8rem;height:24px;width:24px}.DailyProductionReport_cardTitle__WsKNm{font-size:.7rem}.DailyProductionReport_cardValue__uz2-8{font-size:.85rem}.DailyProductionReport_cardSubtitle__ZmgmM,.DailyProductionReport_cardUnit__-D\+O8{font-size:.6rem}.DailyProductionReport_productionTable__16rNy{font-size:.65rem;min-width:800px}.DailyProductionReport_tableHeader__SKiGe th,.DailyProductionReport_tableRow__N\+ZPG td{padding:4px 2px!important}.DailyProductionReport_shiftSummaryStats__hMTee{flex-direction:column;gap:6px}.DailyProductionReport_actionButton__dnoEJ{min-width:100%}.DailyProductionReport_remarksCell__pwimW{max-width:70px;min-width:50px}}@media (max-width:767px){.DailyProductionReport_container__pC-KO>*{margin-left:0;margin-right:0;max-width:100%;padding-left:0;padding-right:0;width:100%}.DailyProductionReport_detailsContainer__T\+8aE,.DailyProductionReport_mobileHeader__HRRLt{padding-left:16px;padding-right:16px}}.DailyProductionReport_copyButton__N7fOR{background-color:#3b82f6;color:#fff}.DailyProductionReport_whatsappDesktopButton__anqca{background-color:#25d366;color:#fff}.DailyProductionReport_whatsappGroupButton__7r-jA{background-color:#075e54;color:#fff}.DailyProductionReport_messageViewerCopyButton__POgAd{background-color:#3b82f6;color:#fff}.DailyProductionReport_messageViewerWhatsAppButton__QKHvn{background-color:#25d366;color:#fff}.DailyProductionReport_remarksText__3RXMU{font-size:14px;line-height:1}.DailyProductionReport_remarksFullContent__fwgbJ{font-size:16px;line-height:1.6}.DailyProductionReport_tableRow__N\+ZPG td:nth-child(8){font-size:14px}@media (max-width:768px){.DailyProductionReport_remarksText__3RXMU{font-size:13px}.DailyProductionReport_remarksFullContent__fwgbJ{font-size:15px}}@media (min-width:769px){.DailyProductionReport_remarksText__3RXMU,.DailyProductionReport_tableRow__N\+ZPG td:nth-child(8){font-size:15px}}.DailyProductionReport_remarksFullContentLarge__hCycI{font-size:18px!important;line-height:1.8!important}.DailyProductionReport_remarksToggle__GJHh\+{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:12px;margin-left:5px;padding:2px 5px}.DailyProductionReport_remarksToggle__GJHh\+:hover{color:#2563eb}:root{--color-primary:#1a237e;--color-primary-dark:#283593;--color-primary-light:#3f51b5;--color-primary-rgb:26,35,126;--color-success:#059669;--color-success-dark:#047857;--color-warning:#d97706;--color-error:#dc2626;--color-info:#2563eb;--indigo-50:#e8eaf6;--indigo-100:#c5cae9;--indigo-200:#9fa8da;--indigo-300:#7986cb;--indigo-400:#5c6bc0;--indigo-500:#3f51b5;--indigo-600:#3949ab;--indigo-700:#303f9f;--indigo-800:#283593;--indigo-900:#1a237e}[data-theme=light]{--color-background:#f8fafc;--color-surface:#fff;--color-card:#fff;--color-border:#e2e8f0;--color-border-light:#cbd5e1;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-muted:#64748b;--color-input-bg:#fff;--color-input-border:#cbd5e1;--color-input-placeholder:#94a3b8;--color-table-header-bg:#1a237e;--color-table-row-even:#fff;--color-table-row-odd:#f8fafc;--color-table-border:#e2e8f0;--color-table-hover:#1a237e0d;--color-navbar-bg:#1a237e;--color-footer-bg:#0f172a;--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;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}[data-theme=dark]{--color-background:#0b1f3a;--color-surface:#132b4a;--color-card:#1e3a5f;--color-border:#2d4a6e;--color-border-light:#3a5a7e;--color-text-primary:#f1f5f9;--color-text-secondary:#e2e8f0;--color-text-muted:#94a3b8;--color-input-bg:#1e3a5f;--color-input-border:#2d4a6e;--color-input-placeholder:#94a3b8;--color-table-header-bg:#0b1f3a;--color-table-row-even:#132b4a;--color-table-row-odd:#1e3a5f;--color-table-border:#2d4a6e;--color-table-hover:#90caf91a;--color-navbar-bg:#0b1f3a;--color-footer-bg:#0a1929;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d;--shadow-lg:0 10px 15px -3px #0006,0 4px 6px -2px #0000004d;--shadow-xl:0 20px 25px -5px #0006,0 10px 10px -5px #0000004d}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.flattening-report{background-color:var(--color-background);min-height:100vh;padding:24px 32px;transition:all .3s ease;width:100%}.report-header{align-items:center;background:linear-gradient(135deg,#1a237e,#283593);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border-radius:20px;box-shadow:var(--shadow-lg);display:flex;justify-content:space-between;margin-bottom:24px;padding:20px 24px}[data-theme=dark] .report-header{background:linear-gradient(135deg,#0b1f3a,#132b4a)}.header-left{align-items:center;display:flex;gap:16px}.header-icon-container{align-items:center;background-color:#ffffff26;border:1px solid #fff3;border-radius:16px;display:flex;height:56px;justify-content:center;width:56px}.header-icon{color:gold;font-size:32px}.header-title-section{display:flex;flex-direction:column}.header-title{color:#fff!important;font-size:28px;font-weight:700;letter-spacing:.5px;margin:0;text-shadow:0 2px 4px #0000001a}.header-subtitle{align-items:center;display:flex;font-size:15px;gap:8px;margin:4px 0 0}.header-subtitle-icon{color:#ffffffe6}.header-subtitle-text{color:#fff!important}.special-case-header-badge{align-items:center;background:gold;border-radius:30px;color:#1a237e!important;display:inline-flex;font-size:13px;font-weight:700;gap:6px;margin-left:8px;padding:6px 16px}.theme-toggle-btn{align-items:center;background-color:#ffffff26;border:1px solid #fff3;border-radius:14px;color:#fff!important;cursor:pointer;display:flex;height:48px;justify-content:center;transition:all .2s;width:48px}.theme-toggle-btn:hover{background-color:#ffffff40;transform:scale(1.05)}.theme-icon{color:#fff!important;font-size:22px}.filters-main-container{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;box-shadow:var(--shadow-md);margin-bottom:20px;padding:20px 24px}.date-filter-row{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.filter-btn-group{background-color:var(--color-background);border-radius:12px;display:flex;gap:8px;padding:4px}.filter-type-btn{background-color:initial;border:none;border-radius:10px;color:var(--color-text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.filter-type-btn.active{box-shadow:var(--shadow-sm);font-weight:700}.filter-type-btn.active,[data-theme=light] .filter-type-btn.active{background-color:#1a237e!important;background-color:var(--color-primary)!important;color:#fff!important}.filter-type-btn:hover:not(.active){background-color:#1a237e1a;background-color:rgba(var(--color-primary-rgb),.1)}.date-input-container{align-items:center;display:flex;flex:1 1;gap:16px}.date-picker-group{align-items:center;display:flex;gap:12px}.date-label{color:var(--color-text-secondary);font-size:14px;font-weight:600}.date-input-field{background-color:var(--color-input-bg);border:1px solid var(--color-border);border-radius:12px;color:var(--color-text-primary);font-size:14px;outline:none;padding:10px 16px;transition:all .2s}.date-input-field:focus{border-color:#1a237e;border-color:var(--color-primary);box-shadow:0 0 0 3px #1a237e1a;box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.today-btn{background-color:#ffffff26;border:1px solid #fff!important;border-radius:12px;color:#fff!important;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.today-btn:hover{background-color:#ffffff40;transform:translateY(-2px)}.date-range-picker{align-items:center;display:flex;gap:16px}.date-input-group{align-items:center;display:flex;gap:8px}.apply-filter-btn{background-color:#1a237e;background-color:var(--color-primary);border:none;border-radius:12px;color:#fff!important;cursor:pointer;font-size:14px;font-weight:600;margin-left:auto;padding:10px 28px;transition:all .2s}.apply-filter-btn:hover:not(:disabled){background-color:#283593;background-color:var(--color-primary-dark);box-shadow:0 8px 16px #1a237e4d;box-shadow:0 8px 16px rgba(var(--color-primary-rgb),.3);transform:translateY(-2px)}.apply-filter-btn:disabled{cursor:wait;opacity:.7}.search-toolbar-container{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;box-shadow:var(--shadow-md);margin-bottom:20px;padding:20px 24px}.search-row{display:flex;gap:16px;margin-bottom:20px}.search-wrapper{flex:1 1;position:relative}.search-icon{color:var(--color-text-muted);font-size:18px;left:16px;position:absolute;top:50%;transform:translateY(-50%)}.search-input-field{background-color:var(--color-input-bg);border:2px solid var(--color-border);border-radius:16px;color:var(--color-text-primary);font-size:15px;outline:none;padding:14px 20px 14px 48px;transition:all .2s;width:100%}.search-input-field:focus{border-color:#1a237e;border-color:var(--color-primary);box-shadow:0 0 0 4px #1a237e1a;box-shadow:0 0 0 4px rgba(var(--color-primary-rgb),.1)}.search-input-field::placeholder{color:var(--color-input-placeholder)}.filter-toggle-btn{align-items:center;background-color:var(--color-input-bg);border:2px solid var(--color-border);border-radius:16px;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:0 24px;transition:all .2s}.filter-toggle-btn.active{background-color:#1a237e;background-color:var(--color-primary);border-color:#1a237e;border-color:var(--color-primary);color:#fff!important}.filter-toggle-btn.active .btn-icon{color:#fff!important}.all-data-btn{align-items:center;background-color:var(--color-input-bg);border:2px solid var(--color-border);border-radius:16px;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:0 24px;transition:all .2s}.all-data-btn:hover{background-color:#1a237e;background-color:var(--color-primary);border-color:#1a237e;border-color:var(--color-primary)}.all-data-btn:hover,.all-data-btn:hover .btn-icon{color:#fff!important}.btn-icon{font-size:18px;transition:all .2s}.expanded-filters-panel{grid-gap:24px;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:16px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:20px;padding:24px}.filter-group{display:flex;flex-direction:column;gap:12px}.filter-label{align-items:center;color:var(--color-text-secondary);display:flex;font-size:13px;font-weight:700;gap:8px;letter-spacing:.5px;text-transform:uppercase}.filter-icon{font-size:14px}.filter-select{background-color:var(--color-input-bg);border:1px solid var(--color-border);border-radius:12px;color:var(--color-text-primary);cursor:pointer;font-size:14px;outline:none;padding:14px;transition:all .2s;width:100%}.filter-select:focus{border-color:#1a237e;border-color:var(--color-primary);box-shadow:0 0 0 3px #1a237e1a;box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.select-all-buttons{display:flex;gap:12px}.select-all-btn{align-items:center;border:none;border-radius:12px;color:#fff!important;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:14px;transition:all .2s}.select-all-btn.select{background-color:#059669;background-color:var(--color-success)}.select-all-btn.deselect{background-color:#dc2626;background-color:var(--color-error)}.select-all-btn:hover{opacity:.9;transform:translateY(-2px)}.select-all-btn .btn-icon{color:#fff!important}.selection-count{color:var(--color-text-muted);font-size:14px;font-weight:500;margin-top:12px}.selection-count strong{color:#1a237e;color:var(--color-primary);font-size:16px}.toolbar-actions{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.toolbar-left,.toolbar-right{display:flex;flex-wrap:wrap;gap:12px}.toolbar-btn{align-items:center;background-color:var(--color-input-bg);border:1px solid var(--color-border);border-radius:14px;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.toolbar-btn:hover:not(:disabled){background-color:#1a237e;background-color:var(--color-primary);border-color:#1a237e;border-color:var(--color-primary);box-shadow:var(--shadow-lg);color:#fff!important;transform:translateY(-2px)}.toolbar-btn:hover:not(:disabled) .btn-icon{color:#fff!important}.toolbar-btn:disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.whatsapp-btn{background-color:#25d366!important;border:none!important}.whatsapp-btn,.whatsapp-btn .btn-icon{color:#fff!important}.whatsapp-outline-btn{background-color:initial!important;border:1px solid #25d366!important}.whatsapp-outline-btn,.whatsapp-outline-btn .btn-icon{color:#25d366!important}.whatsapp-outline-btn:hover:not(:disabled){background-color:#25d366!important;color:#fff!important}.whatsapp-outline-btn:hover:not(:disabled) .btn-icon{color:#fff!important}.pdf-btn{background-color:initial!important;border:1px solid #dc2626!important}.pdf-btn,.pdf-btn .btn-icon{color:#dc2626!important}.pdf-btn:hover:not(:disabled){background-color:#dc2626!important;color:#fff!important}.pdf-btn:hover:not(:disabled) .btn-icon{color:#fff!important}.excel-btn{background-color:initial!important;border:1px solid #059669!important}.excel-btn,.excel-btn .btn-icon{color:#059669!important}.excel-btn:hover:not(:disabled){background-color:#059669!important;color:#fff!important}.excel-btn:hover:not(:disabled) .btn-icon{color:#fff!important}.print-btn{border:1px solid var(--color-border)!important}.summary-cards-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 2fr;margin-bottom:24px}.summary-card{background-color:var(--color-card);border:1px solid var(--color-border);border-radius:24px;box-shadow:var(--shadow-lg);padding:24px;transition:all .3s ease}.summary-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.status-card{display:flex;flex-direction:column;gap:20px}.card-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:12px;padding-bottom:16px}.card-icon-wrapper{align-items:center;border-radius:16px;display:flex;height:48px;justify-content:center;width:48px}.gradient-primary{background:linear-gradient(135deg,#1a237e,#283593);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%)}.card-icon{color:#fff!important;font-size:24px}.card-title-section{display:flex;flex-direction:column}.card-title{color:var(--color-text-secondary);font-size:16px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.card-subtitle{color:var(--color-text-muted);font-size:13px;margin:4px 0 0}.status-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.status-item{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:16px;gap:12px;padding:16px}.status-icon-box,.status-item{align-items:center;display:flex}.status-icon-box{border-radius:12px;height:40px;justify-content:center;width:40px}.primary-bg-light{background-color:#1a237e1a;background-color:rgba(var(--color-primary-rgb),.1)}.success-bg-light{background-color:#0596691a}.error-bg-light{background-color:#dc26261a}.warning-bg-light{background-color:#d977061a}.status-icon{font-size:20px}.status-icon.primary{color:#1a237e;color:var(--color-primary)}.status-icon.success{color:#059669;color:var(--color-success)}.status-icon.error{color:#dc2626;color:var(--color-error)}.status-icon.warning{color:#d97706;color:var(--color-warning)}.status-info{display:flex;flex-direction:column}.status-label{color:var(--color-text-muted);font-size:12px;font-weight:500;text-transform:uppercase}.status-value{font-size:28px;font-weight:700;line-height:1;margin:4px 0}.status-value.success-text{color:#059669;color:var(--color-success)}.status-value.error-text{color:#dc2626;color:var(--color-error)}.status-value.warning-text{color:#d97706;color:var(--color-warning)}[data-theme=dark] .status-value.success-text{color:#86efac}[data-theme=dark] .status-value.error-text{color:#fca5a5}[data-theme=dark] .status-value.warning-text{color:#fdba74}.status-unit{color:var(--color-text-muted);font-size:11px}.balance-card{justify-content:center}.balance-card,.balance-content{display:flex;flex-direction:column}.balance-content{gap:20px}.balance-icon-wrapper{align-items:center;display:flex;gap:20px}.balance-icon-circle{align-items:center;background:linear-gradient(135deg,#1a237e,#283593);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border-radius:20px;box-shadow:0 8px 16px #1a237e4d;box-shadow:0 8px 16px rgba(var(--color-primary-rgb),.3);display:flex;height:64px;justify-content:center;width:64px}.balance-icon{color:#fff!important;font-size:32px}.balance-text{display:flex;flex-direction:column}.balance-label{color:var(--color-text-muted);font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.balance-value{font-size:48px;font-weight:700;line-height:1;margin-top:8px}.balance-value.positive{color:#059669;color:var(--color-success)}.balance-value.negative{color:#dc2626;color:var(--color-error)}[data-theme=dark] .balance-value.positive{color:#86efac}[data-theme=dark] .balance-value.negative{color:#fca5a5}.balance-stats{border-top:2px solid var(--color-border);display:flex;gap:24px;padding-top:20px}.stat-item{align-items:center;display:flex;flex:1 1;gap:12px}.stat-icon{font-size:24px}.stat-icon.production{color:#2563eb;color:var(--color-info)}.stat-icon.consumption{color:#d97706;color:var(--color-warning)}.stat-icon.estimate{color:#059669;color:var(--color-success)}.stat-icon.excess{color:#dc2626;color:var(--color-error)}.stat-detail{display:flex;flex-direction:column}.stat-label{color:var(--color-text-muted);font-size:12px}.stat-number{font-size:18px;font-weight:700;margin-top:2px}.stat-number.positive{color:#059669;color:var(--color-success)}.stat-number.negative{color:#dc2626;color:var(--color-error)}[data-theme=dark] .stat-number.positive{color:#86efac}[data-theme=dark] .stat-number.negative{color:#fca5a5}.error-message-container{align-items:center;background-color:#dc26261a;border:1px solid #dc2626;border:1px solid var(--color-error);border-radius:16px;color:#dc2626;color:var(--color-error);display:flex;gap:12px;margin-bottom:20px;padding:16px 24px}.error-icon{flex-shrink:0;font-size:20px}.error-text{flex:1 1;font-size:14px}.error-text strong{font-weight:600}.error-close-btn{align-items:center;background:none;border:none;border-radius:8px;color:#dc2626;color:var(--color-error);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s}.error-close-btn:hover{background-color:#dc26261a}.close-icon{font-size:18px}.loading-state{align-items:center;display:flex;flex-direction:column;height:400px;justify-content:center;padding:48px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #1a237e1a;border-color:rgba(var(--color-primary-rgb),.1);border-radius:50%;border-top-color:#1a237e;border-top-color:var(--color-primary);height:56px;width:56px}.loading-title{color:var(--color-text-primary);font-size:20px;font-weight:600;margin-top:24px}.loading-subtitle{color:var(--color-text-secondary);font-size:15px;margin-top:8px}.empty-state{align-items:center;display:flex;flex-direction:column;height:400px;justify-content:center;padding:48px}.empty-icon{color:var(--color-text-muted);font-size:80px}.empty-title{color:var(--color-text-primary);font-size:22px;font-weight:600;margin-top:24px}.empty-text{color:var(--color-text-secondary);font-size:16px;margin-bottom:32px;margin-top:8px;text-align:center}.empty-state-btn{align-items:center;background-color:#1a237e;background-color:var(--color-primary);border:none;border-radius:14px;color:#fff!important;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:14px 32px;transition:all .2s}.empty-state-btn:hover{background-color:#283593;background-color:var(--color-primary-dark);box-shadow:0 8px 20px #1a237e66;box-shadow:0 8px 20px rgba(var(--color-primary-rgb),.4);transform:translateY(-2px)}.empty-state-btn .btn-icon{color:#fff!important}.table-container{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:24px;box-shadow:var(--shadow-lg);margin-bottom:30px;overflow:hidden}.table-responsive{max-height:calc(100vh - 500px);overflow:auto}.inventory-table{border-collapse:collapse;min-width:1800px;width:100%}.inventory-table thead tr{background:linear-gradient(135deg,#1a237e,#283593);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%)}[data-theme=dark] .inventory-table thead tr{background:linear-gradient(135deg,#1e3a5f,#0b1f3a)}.inventory-table th{border-right:1px solid #fff3;color:#fff!important;font-size:13px;font-weight:600;letter-spacing:.5px;padding:18px 12px;text-transform:uppercase;white-space:nowrap}.inventory-table th:last-child{border-right:none}.th-content{align-items:center;display:flex;gap:6px}.th-icon{color:#fff!important;font-size:14px}.sortable-col{cursor:pointer;transition:background-color .2s}.sortable-col:hover{background-color:#ffffff1a}.select-all-header-btn{align-items:center;background:#0000;border:none;color:#fff!important;cursor:pointer;display:flex;justify-content:center;width:100%}.select-icon{color:#fff!important;font-size:18px}.inventory-table td{border-bottom:1px solid var(--color-table-border);color:var(--color-text-secondary);font-size:14px;padding:16px 12px;transition:background-color .2s}.inventory-table tbody tr.even-row{background-color:var(--color-table-row-even)}.inventory-table tbody tr.odd-row{background-color:var(--color-table-row-odd)}.inventory-table tbody tr:hover{background-color:var(--color-table-hover)!important}.inventory-table tbody tr.selected-row{background-color:#1a237e14!important;background-color:rgba(var(--color-primary-rgb),.08)!important}[data-theme=dark] .inventory-table tbody tr.selected-row{background-color:#1a237e33!important;background-color:rgba(var(--color-primary-rgb),.2)!important}.checkbox-cell,.checkbox-col{text-align:center;width:50px}.item-checkbox-btn{align-items:center;background:#0000;border:none;color:var(--color-text-muted);cursor:pointer;display:flex;justify-content:center;width:100%}.checkbox-checked,.item-checkbox-btn.selected{color:#1a237e;color:var(--color-primary)}.checkbox-checked,.checkbox-unchecked{font-size:18px}.serial-cell,.serial-col{font-weight:500;text-align:center;width:60px}.type-cell,.type-col{text-align:center;width:100px}.type-badge{align-items:center;border-radius:30px;display:inline-flex;font-size:12px;font-weight:700;gap:6px;padding:6px 14px}.type-badge.special{background-color:#f59e0b;color:#0f172a}.type-badge.normal{background-color:var(--color-text-muted);color:#fff}.type-badge .badge-icon{font-size:12px}.code-cell{font-weight:600}.code-wrapper{align-items:center;display:flex;gap:6px}.code-icon{font-size:14px}.flattening-code .code-icon{color:#2563eb;color:var(--color-info)}.spiral-code .code-icon{color:#d97706;color:var(--color-warning)}.code-text{font-weight:600}.flattening-code .code-text{color:#2563eb;color:var(--color-info)}.spiral-code .code-text{color:#d97706;color:var(--color-warning)}[data-theme=dark] .flattening-code .code-text{color:#90caf9}[data-theme=dark] .spiral-code .code-text{color:#fdba74}.special-notes,.special-source{color:#d97706;color:var(--color-warning);font-size:11px;font-weight:500;margin-top:4px}.name-cell{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.coil-size-cell,.coil-size-col{max-width:180px;min-width:120px;text-align:center;vertical-align:middle}.coil-size-container{align-items:center;display:flex;flex-direction:column;gap:2px;justify-content:center}.coil-size-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;border-radius:30px;display:-webkit-box;font-size:12px;font-weight:600;line-height:1.4;max-width:160px;overflow:hidden;padding:6px 12px;text-overflow:ellipsis}.coil-size-text,.coil-size-text.multi-line,.coil-size-text.single-line{white-space:normal;word-break:break-word}[data-theme=light] .coil-size-text{background-color:#dbeafe;color:#2563eb}[data-theme=light] .coil-size-text.special,[data-theme=light] .type-badge.special+td .coil-size-text{background-color:#fef9c3;color:#854d0e}[data-theme=dark] .coil-size-text{background-color:#1e3a8a;color:#bfdbfe}[data-theme=dark] .coil-size-text.special,[data-theme=dark] .type-badge.special+td .coil-size-text{background-color:#854d0e;color:#fde68a}.coil-size-more{color:#d97706;color:var(--color-warning);font-size:10px}.coil-size-more,.raw-size-cell{font-weight:600;white-space:nowrap}.raw-size-cell{color:#7e22ce;text-align:center}[data-theme=dark] .raw-size-cell{color:#c084fc}.quantity-cell,.quantity-col{text-align:right;white-space:nowrap}.quantity-wrapper{align-items:center;display:flex;gap:6px;justify-content:flex-end}.quantity-icon{font-size:14px}.quantity-icon.production{color:#2563eb;color:var(--color-info)}.quantity-icon.consumption{color:#d97706;color:var(--color-warning)}.quantity-cell.production{color:#2563eb;color:var(--color-info);font-weight:600}.quantity-cell.consumption{color:#d97706;color:var(--color-warning);font-weight:600}[data-theme=dark] .quantity-cell.production{color:#90caf9}[data-theme=dark] .quantity-cell.consumption{color:#fdba74}.balance-cell,.balance-col{text-align:right;white-space:nowrap}.balance-cell{background-color:initial;font-weight:700}.balance-cell.positive{color:#059669;color:var(--color-success)}.balance-cell.negative{color:#dc2626;color:var(--color-error)}[data-theme=dark] .balance-cell.positive{color:#86efac}[data-theme=dark] .balance-cell.negative{color:#fca5a5}.balance-wrapper{align-items:center;display:flex;gap:4px;justify-content:flex-end}.balance-icon{font-size:14px}.balance-icon.positive{color:#059669;color:var(--color-success)}.balance-icon.negative{color:#dc2626;color:var(--color-error)}.balance-amount{font-size:15px;font-weight:700}.balance-unit{font-size:12px;font-weight:500;margin-left:2px;opacity:.8}.balance-calculation{font-size:11px;margin-top:4px;text-align:right}.balance-calculation,.per-meter-cell{color:#d97706;color:var(--color-warning);font-weight:600}.per-meter-cell{text-align:center;white-space:nowrap}.estimated-cell,.estimated-col{text-align:right;white-space:nowrap}.estimated-cell{font-weight:700}.estimated-cell.positive{background-color:#d977061a;color:#d97706;color:var(--color-warning)}.estimated-cell.negative{background-color:#dc26261a;color:#dc2626;color:var(--color-error)}[data-theme=dark] .estimated-cell.positive{background-color:#d9770633;color:#fdba74}[data-theme=dark] .estimated-cell.negative{background-color:#dc262633;color:#fca5a5}.estimated-wrapper{align-items:flex-end;display:flex;flex-direction:column}.estimated-main{align-items:center;display:flex;gap:6px;justify-content:flex-end}.estimated-icon{font-size:14px}.estimated-icon.positive{color:#d97706;color:var(--color-warning)}.estimated-icon.negative{color:#dc2626;color:var(--color-error)}.estimated-value{font-size:14px;font-weight:700}.estimated-weight{font-size:11px;margin-top:4px;opacity:.8;white-space:nowrap}.estimated-zero{color:var(--color-text-muted)}.status-cell,.status-col{text-align:center}.status-badge{align-items:center;border-radius:30px;display:inline-flex;font-size:12px;font-weight:700;gap:6px;padding:6px 16px;white-space:nowrap}.status-badge.available{background-color:#0596691a;color:#059669;color:var(--color-success)}.status-badge.deficit{background-color:#dc26261a;color:#dc2626;color:var(--color-error)}[data-theme=dark] .status-badge.available{background-color:#14532d;color:#bbf7d0}[data-theme=dark] .status-badge.deficit{background-color:#7f1d1d;color:#fecaca}.status-icon{font-size:12px}.date-cell,.date-col{text-align:center;white-space:nowrap}.date-wrapper{align-items:center;color:var(--color-text-muted);display:flex;font-size:13px;gap:6px;justify-content:center}.date-icon{font-size:12px}.message-cell,.message-col{text-align:center}.message-cell,.message-col,.message-text{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-text{color:var(--color-text-muted);display:block;font-size:13px}.actions-cell,.actions-col{text-align:center;white-space:nowrap}.action-buttons{gap:8px}.action-btn,.action-buttons{align-items:center;display:flex;justify-content:center}.action-btn{background-color:initial;border:1px solid var(--color-border);border-radius:10px;color:var(--color-text-secondary);cursor:pointer;height:36px;transition:all .2s;width:36px}.action-btn:hover{background-color:#1a237e;background-color:var(--color-primary);border-color:#1a237e;border-color:var(--color-primary);transform:scale(1.05)}.action-btn:hover,.action-btn:hover .action-icon{color:#fff!important}.action-icon{font-size:15px;transition:all .2s}.whatsapp-item-btn{border:1px solid #25d366!important}.whatsapp-item-btn,.whatsapp-item-btn .action-icon{color:#25d366!important}.whatsapp-item-btn:hover{background-color:#25d366!important;color:#fff!important}.whatsapp-item-btn:hover .action-icon{color:#fff!important}.chart-btn{border:1px solid #1a237e!important;border:1px solid var(--color-primary)!important}.chart-btn,.chart-btn .action-icon{color:#1a237e!important;color:var(--color-primary)!important}.chart-btn.active{background-color:#1a237e!important;background-color:var(--color-primary)!important}.chart-btn.active,.chart-btn.active .action-icon{color:#fff!important}.table-footer{background-color:var(--color-surface);border-top:1px solid var(--color-border);justify-content:space-between;padding:20px 24px}.footer-info,.table-footer{align-items:center;display:flex}.footer-info{color:var(--color-text-secondary);flex-wrap:wrap;font-size:14px;gap:24px}.footer-info strong{color:#1a237e;color:var(--color-primary)}.special-footer-badge{color:#d97706;color:var(--color-warning)}.positive-footer-badge,.special-footer-badge{align-items:center;display:flex;font-weight:600;gap:6px}.positive-footer-badge{color:#059669;color:var(--color-success)}.negative-footer-badge{align-items:center;color:#dc2626;color:var(--color-error);display:flex;font-weight:600;gap:6px}.footer-icon{font-size:14px}.footer-timestamp{color:var(--color-text-muted);font-size:13px}.charts-section{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:24px;box-shadow:var(--shadow-lg);margin-top:30px;padding:24px}.charts-header{align-items:center;border-bottom:2px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.charts-title-wrapper{align-items:center;display:flex;gap:12px}.charts-title{color:var(--color-text-primary);font-size:22px;font-weight:700;margin:0}.charts-subtitle{color:var(--color-text-muted);font-size:14px;margin-left:8px}.selected-item-indicator{align-items:center;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:30px;display:flex;gap:8px;padding:8px 16px}.indicator-label{color:var(--color-text-muted);font-size:13px}.indicator-value{color:#1a237e;color:var(--color-primary);font-size:14px;font-weight:700}.indicator-value.special{color:#d97706;color:var(--color-warning)}.charts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:30px}.chart-card{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:20px;cursor:pointer;padding:20px;transition:all .3s ease}.chart-card:hover{border-color:#1a237e;border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.chart-card.selected{background-color:#1a237e0d;background-color:rgba(var(--color-primary-rgb),.05);border:2px solid #1a237e;border:2px solid var(--color-primary)}.chart-card.special-card{border-left:4px solid #d97706;border-left:4px solid var(--color-warning)}.chart-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.item-info{display:flex;flex-direction:column;gap:4px}.item-code-wrapper{align-items:center;display:flex;gap:8px}.item-icon{color:#1a237e;color:var(--color-primary);font-size:18px}.item-icon.special{color:#d97706;color:var(--color-warning)}.item-code{color:var(--color-text-primary);font-size:16px;font-weight:700}.item-name{color:var(--color-text-muted);font-size:12px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.balance-badge{border-radius:20px;font-size:13px;font-weight:700;padding:6px 12px;white-space:nowrap}.balance-badge.positive{background-color:#0596691a;color:#059669;color:var(--color-success)}.balance-badge.negative{background-color:#dc26261a;color:#dc2626;color:var(--color-error)}.chart-visualization{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.chart-bar-group{display:flex;flex-direction:column;gap:4px}.bar-label{align-items:center;color:var(--color-text-secondary);display:flex;gap:6px}.bar-icon,.bar-label{font-size:12px}.bar-icon.production{color:#2563eb;color:var(--color-info)}.bar-icon.consumption{color:#d97706;color:var(--color-warning)}.bar-icon.positive{color:#059669;color:var(--color-success)}.bar-icon.negative{color:#dc2626;color:var(--color-error)}.bar-container{background-color:var(--color-border);height:28px;overflow:hidden;width:100%}.bar-container,.bar-fill{border-radius:14px;position:relative}.bar-fill{align-items:center;display:flex;height:100%;justify-content:flex-end;padding-right:10px;transition:width .5s ease}.bar-value{color:#fff;font-size:11px;font-weight:600;text-shadow:0 1px 2px #0003;white-space:nowrap}.production-bar{background:linear-gradient(90deg,#2563eb,#3b82f6)}.consumption-bar{background:linear-gradient(90deg,#b45309,#d97706)}.balance-bar.positive{background:linear-gradient(90deg,#059669,#10b981)}.balance-bar.negative{background:linear-gradient(90deg,#dc2626,#ef4444)}.chart-card-footer{align-items:center;border-top:1px solid var(--color-border);display:flex;justify-content:space-between;margin-top:16px;padding-top:12px}.status-indicator{align-items:center;display:flex;font-size:12px;font-weight:600;gap:4px}.status-indicator.available{color:#059669;color:var(--color-success)}.status-indicator.deficit{color:#dc2626;color:var(--color-error)}.coil-indicator{align-items:center;color:var(--color-text-muted);display:flex;font-size:11px;gap:4px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.coil-icon{color:#2563eb;color:var(--color-info);font-size:10px}.detailed-chart-container{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:20px;margin-top:30px;padding:24px}.detailed-chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.detailed-chart-title{align-items:center;color:var(--color-text-primary);display:flex;font-size:18px;font-weight:700;gap:12px;margin:0}.detailed-icon{color:#1a237e;color:var(--color-primary);font-size:22px}.special-badge{background-color:#d97706;background-color:var(--color-warning);border-radius:30px;color:#0f172a;font-size:12px;font-weight:700;margin-left:12px;padding:4px 12px}.view-full-btn{align-items:center;background-color:#25d366;border:none;border-radius:12px;color:#fff!important;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.view-full-btn:hover{background-color:#20bd59;box-shadow:0 8px 16px #25d3664d;transform:translateY(-2px)}.view-full-btn .btn-icon{color:#fff!important}.detailed-chart-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.metric-card{align-items:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;display:flex;gap:16px;padding:20px;transition:all .2s}.metric-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.metric-card.positive{border-left:4px solid #059669;border-left:4px solid var(--color-success)}.metric-card.negative{border-left:4px solid #dc2626;border-left:4px solid var(--color-error)}.metric-icon-wrapper{border-radius:14px;height:48px;width:48px}.metric-icon-wrapper.production{background-color:#2563eb1a}.metric-icon-wrapper.consumption{background-color:#d977061a}.metric-icon-wrapper.positive{background-color:#0596691a}.metric-icon-wrapper.negative{background-color:#dc26261a}.metric-icon-wrapper.estimate{background-color:#7c3aed1a}.metric-icon{font-size:24px}.metric-icon-wrapper.production .metric-icon{color:#2563eb}.metric-icon-wrapper.consumption .metric-icon{color:#d97706}.metric-icon-wrapper.positive .metric-icon{color:#059669}.metric-icon-wrapper.negative .metric-icon{color:#dc2626}.metric-icon-wrapper.estimate .metric-icon{color:#7c3aed}.metric-content{display:flex;flex-direction:column}.metric-label{color:var(--color-text-muted);font-size:12px;letter-spacing:.5px;text-transform:uppercase}.metric-value{color:var(--color-text-primary);font-size:22px;font-weight:700;margin-top:4px}.metric-value.positive{color:#059669;color:var(--color-success)}.metric-value.negative{color:#dc2626;color:var(--color-error)}.coil-size-detail{align-items:center;background-color:var(--color-surface);border-radius:12px;display:flex;gap:12px;margin-bottom:16px;padding:16px}.detail-icon{color:#2563eb;color:var(--color-info);font-size:18px}.detail-label{font-size:14px}.special-formula{align-items:center;background-color:#f59e0b1a;border-left:4px solid #d97706;border-left:4px solid var(--color-warning);border-radius:12px;display:flex;gap:12px;padding:16px}.formula-icon{color:#d97706;color:var(--color-warning);font-size:18px}.formula-label{color:var(--color-text-secondary);font-size:14px;font-weight:600}.formula-value{color:#d97706;color:var(--color-warning);font-size:14px;font-weight:700}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:1400px){.summary-cards-grid{grid-template-columns:1fr}.charts-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.detailed-chart-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1200px){.flattening-report{padding:20px}.date-filter-row{align-items:flex-start;flex-direction:column}.date-input-container{flex-wrap:wrap;width:100%}.apply-filter-btn{margin-left:0;width:100%}.balance-stats{flex-wrap:wrap}.stat-item{flex-basis:calc(50% - 12px);flex-grow:0;flex-shrink:0}}@media (max-width:992px){.search-row{flex-wrap:wrap}.search-wrapper{flex:0 0 100%}.all-data-btn,.filter-toggle-btn{flex:1 1}.toolbar-actions{align-items:stretch;flex-direction:column}.toolbar-left,.toolbar-right{justify-content:center}.detailed-chart-grid{grid-template-columns:1fr}}@media (max-width:768px){.report-header{flex-direction:column;gap:16px}.header-left{flex-direction:column;text-align:center}.header-title-section{align-items:center}.header-subtitle{flex-wrap:wrap;justify-content:center}.date-range-picker{flex-direction:column;width:100%}.date-input-group{width:100%}.date-input-field{flex:1 1}.status-grid{grid-template-columns:1fr}.balance-icon-wrapper{flex-direction:column;text-align:center}.balance-stats,.charts-header{flex-direction:column}.charts-header{align-items:flex-start;gap:16px}.charts-grid{grid-template-columns:1fr}}@media (max-width:576px){.flattening-report{padding:16px}.filter-btn-group{width:100%}.filter-type-btn{flex:1 1}.date-picker-group{flex-wrap:wrap}.today-btn{width:100%}.expanded-filters-panel{grid-template-columns:1fr}.select-all-buttons{flex-direction:column}.toolbar-left,.toolbar-right{flex-direction:column;width:100%}.toolbar-btn{justify-content:center;width:100%}.table-footer{flex-direction:column;gap:12px;text-align:center}.footer-info{align-items:center;flex-direction:column;gap:8px}.detailed-chart-header{flex-direction:column;gap:12px}.detailed-chart-title{flex-wrap:wrap}}@media print{.flattening-report{background-color:#fff;padding:0}.report-header{background:#1a237e!important;color:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.action-buttons,.all-data-btn,.apply-filter-btn,.charts-section,.empty-state-btn,.filter-toggle-btn,.filters-main-container,.search-toolbar-container,.theme-toggle-btn,.today-btn,.toolbar-actions{display:none!important}.inventory-table thead tr{background:#1a237e!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.inventory-table th{color:#fff!important}.status-badge{-webkit-print-color-adjust:exact;print-color-adjust:exact}.balance-cell.positive{color:#059669!important}.balance-cell.negative{color:#dc2626!important}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.section-title{align-items:center;display:flex;gap:12px}.section-subtitle{color:var(--color-text-muted);font-size:14px}.average-cards-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.large-stat-card{min-height:500px!important;width:100%}.item-details-list{display:flex;flex:1 1;flex-direction:column;margin-top:20px}.details-title{border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);font-size:16px;font-weight:700;margin-bottom:16px;padding-bottom:8px}.detail-item{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:12px;margin-bottom:8px;padding:12px;transition:all .2s}.detail-item:hover{background-color:#1a237e0d;background-color:rgba(var(--color-primary-rgb),.05);border-color:#1a237e;border-color:var(--color-primary)}.item-header{align-items:center;display:flex;gap:12px;margin-bottom:8px}.item-rank{align-items:center;border-radius:6px;display:flex;height:24px;justify-content:center;width:24px}.item-code-badge,.item-rank{background-color:#1a237e;background-color:var(--color-primary);color:#fff;font-size:12px;font-weight:700}.item-code-badge{border-radius:20px;padding:4px 10px}.item-name{color:var(--color-text-secondary);font-size:13px;font-weight:500}.item-specs{justify-content:space-between;padding-left:36px}.coil-badge,.item-specs{align-items:center;display:flex}.coil-badge{background-color:#1a237e1a;background-color:rgba(var(--color-primary-rgb),.1);border-radius:20px;color:#1a237e;color:var(--color-primary);font-size:11px;font-weight:600;gap:4px;padding:4px 10px}.avg-value{color:#059669;color:var(--color-success);font-size:14px;font-weight:700}.days-count{background-color:var(--color-border);border-radius:12px;color:var(--color-text-muted);font-size:11px;padding:2px 8px}.tabs-container{background-color:var(--color-background);border-radius:12px;display:flex;gap:8px;padding:4px}.tab-btn{background-color:initial;border:none;border-radius:10px;color:var(--color-text-secondary);cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s}.tab-btn.active{background-color:#1a237e;background-color:var(--color-primary);color:#fff!important}.charts-grid-large{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr}.chart-card-large{background-color:var(--color-card);border:1px solid var(--color-border);border-radius:20px;min-height:400px;padding:24px}.chart-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:12px;margin-bottom:20px;padding-bottom:12px}.chart-icon{color:#1a237e;color:var(--color-primary);font-size:20px}.chart-header h3{color:var(--color-text-primary);font-size:18px;font-weight:600;margin:0}.chart-container{height:320px;width:100%}@media (max-width:1200px){.average-cards-grid{grid-template-columns:1fr}.large-stat-card{min-height:450px!important}}@media (max-width:768px){.section-header{align-items:flex-start;flex-direction:column;gap:12px}.tabs-container{overflow-x:auto;padding:4px;width:100%}.tab-btn{padding:8px 16px;white-space:nowrap}.item-header,.item-specs{flex-wrap:wrap}.item-specs{gap:8px}}.average-usage-section{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:24px;box-shadow:var(--shadow-lg);margin-bottom:30px;padding:24px}.section-header{border-bottom:2px solid var(--color-border);gap:16px;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.section-header,.section-title-wrapper{align-items:center;display:flex;flex-wrap:wrap}.section-title-wrapper{gap:12px}.section-icon{color:#1a237e;color:var(--color-primary);font-size:24px}.section-title{color:var(--color-text-primary);font-size:22px;font-weight:700;margin:0}.section-badge{background-color:#1a237e1a;background-color:rgba(var(--color-primary-rgb),.1);border-radius:30px;color:#1a237e;color:var(--color-primary);font-size:13px;font-weight:600;padding:6px 14px}.section-controls{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.range-select{background-color:var(--color-input-bg);border:1px solid var(--color-border);border-radius:12px;color:var(--color-text-primary);cursor:pointer;font-size:14px;outline:none;padding:10px 16px}.department-toggle{background-color:var(--color-background);border-radius:12px;display:flex;gap:8px;padding:4px}.dept-btn{background-color:initial;border:none;border-radius:10px;color:var(--color-text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.dept-btn.active{background-color:#1a237e;background-color:var(--color-primary);color:#fff!important}.item-search-container{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.item-search-wrapper{flex:1 1;min-width:300px;position:relative}.item-search-icon{color:var(--color-text-muted);font-size:18px;left:16px;position:absolute;top:50%;transform:translateY(-50%)}.item-search-input{background-color:var(--color-input-bg);border:2px solid var(--color-border);border-radius:16px;color:var(--color-text-primary);font-size:15px;outline:none;padding:14px 20px 14px 48px;transition:all .2s;width:100%}.item-search-input:focus{border-color:#1a237e;border-color:var(--color-primary);box-shadow:0 0 0 4px #1a237e1a;box-shadow:0 0 0 4px rgba(var(--color-primary-rgb),.1)}.clear-search-btn{align-items:center;background:none;border:none;border-radius:50%;color:var(--color-text-muted);cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.clear-search-btn:hover{background-color:var(--color-border);color:var(--color-text-primary)}.selected-count-badge{background-color:#1a237e;background-color:var(--color-primary);border-radius:30px;color:#fff;font-size:14px;font-weight:600;padding:8px 20px;white-space:nowrap}.department-cards-container{margin-bottom:32px}.department-header{align-items:center;background:linear-gradient(145deg,var(--color-surface),var(--color-background));border-left:6px solid #2563eb;border-left:6px solid var(--color-info);border-radius:16px;display:flex;gap:12px;margin-bottom:20px;padding:12px 20px}.department-header .spiral{border-left-color:#d97706;border-left-color:var(--color-warning)}.dept-header-icon{color:#2563eb;color:var(--color-info);font-size:24px}.dept-header-icon.spiral{color:#d97706;color:var(--color-warning)}.department-header h3{color:var(--color-text-primary);flex:1 1;font-size:18px;font-weight:700;margin:0}.items-count{background-color:#1a237e;background-color:var(--color-primary);border-radius:20px;color:#fff;font-size:13px;font-weight:600;padding:4px 12px}.large-cards-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(450px,1fr));margin-bottom:24px}.large-stat-card{background:linear-gradient(145deg,var(--color-card),var(--color-surface));border:1px solid var(--color-border);border-radius:24px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;min-height:500px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.large-stat-card:hover{border-color:#1a237e;border-color:var(--color-primary);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.large-stat-card.selected{background:linear-gradient(145deg,var(--color-card),#1a237e0d);background:linear-gradient(145deg,var(--color-card),rgba(var(--color-primary-rgb),.05));border:2px solid #1a237e;border:2px solid var(--color-primary)}.large-stat-card.spiral-card.selected{border-color:#d97706;border-color:var(--color-warning)}.large-stat-card .card-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:16px;margin-bottom:20px;padding-bottom:16px;position:relative}.item-badge{align-items:center;background:linear-gradient(135deg,#2563eb,#1a237e);background:linear-gradient(135deg,var(--color-info),var(--color-primary));border-radius:18px;color:#fff;display:flex;font-size:28px;height:56px;justify-content:center;width:56px}.item-badge.spiral{background:linear-gradient(135deg,#d97706,#b45309);background:linear-gradient(135deg,var(--color-warning),#b45309)}.item-code-section{display:flex;flex:1 1;flex-direction:column}.item-code-label{color:var(--color-text-muted);font-size:12px;letter-spacing:.5px;text-transform:uppercase}.item-code-value{color:var(--color-text-primary);font-size:24px;font-weight:700;line-height:1.2}.item-rank-badge{background-color:#1a237e1a;background-color:rgba(var(--color-primary-rgb),.1);border:1px solid var(--color-border);border-radius:30px;color:#1a237e;color:var(--color-primary);font-size:14px;font-weight:700;padding:6px 14px}.large-stat-card .card-body{display:flex;flex:1 1;flex-direction:column;gap:20px}.item-details-grid{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:16px;display:flex;flex-direction:column;gap:12px;padding:16px}.detail-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.detail-icon{color:var(--color-text-muted);font-size:16px}.detail-label{color:var(--color-text-secondary);font-size:13px;font-weight:600;min-width:80px}.detail-value{color:var(--color-text-primary);flex:1 1;font-size:14px;font-weight:500;word-break:break-word}.coil-badge,.raw-badge{background-color:#1a237e1a;background-color:rgba(var(--color-primary-rgb),.1);border-radius:20px;color:#1a237e;color:var(--color-primary);display:inline-block;font-size:12px;font-weight:600;padding:4px 12px}.raw-badge{background-color:#d977061a;color:#d97706;color:var(--color-warning)}.stats-grid-large{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-top:8px}.progress-indicator{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:16px;margin-top:16px;padding:16px}.progress-label{align-items:center;color:var(--color-text-secondary);display:flex;font-size:13px;justify-content:space-between;margin-bottom:8px}.progress-value{color:#1a237e;color:var(--color-primary);font-weight:700}.progress-bar-container{background-color:var(--color-border);border-radius:10px;height:10px;margin-bottom:8px;overflow:hidden;width:100%}.progress-bar-fill{border-radius:10px;height:100%;transition:width .5s ease}.progress-bar-fill.flattening{background:linear-gradient(90deg,#2563eb,#1a237e);background:linear-gradient(90deg,var(--color-info),var(--color-primary))}.progress-bar-fill.spiral{background:linear-gradient(90deg,#d97706,#b45309);background:linear-gradient(90deg,var(--color-warning),#b45309)}.days-info{color:var(--color-text-muted);font-size:12px;text-align:right}.large-stat-card .card-footer{border-top:1px solid var(--color-border);margin-top:20px;padding-top:16px}.select-item-btn{align-items:center;background-color:initial;border:2px solid #1a237e;border:2px solid var(--color-primary);border-radius:14px;color:#1a237e;color:var(--color-primary);cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:14px;transition:all .2s;width:100%}.select-item-btn.selected,.select-item-btn:hover{background-color:#1a237e;background-color:var(--color-primary);color:#fff}.select-item-btn.spiral-btn{border-color:#d97706;border-color:var(--color-warning);color:#d97706;color:var(--color-warning)}.select-item-btn.spiral-btn.selected,.select-item-btn.spiral-btn:hover{background-color:#d97706;background-color:var(--color-warning);color:#fff}.analysis-charts-section{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:24px;margin-top:40px;padding:24px}.charts-title-group{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.charts-main-icon{color:#1a237e;color:var(--color-primary);font-size:28px}.selected-items-badge{background-color:#059669;background-color:var(--color-success);border-radius:30px;color:#fff;font-size:13px;font-weight:600;padding:6px 16px}.chart-tabs{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;display:flex;gap:8px;padding:4px}.chart-tab{align-items:center;background-color:initial;border:none;border-radius:10px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.chart-tab.active{background-color:#1a237e;background-color:var(--color-primary);color:#fff!important}.chart-container-large{border:1px solid var(--color-border);border-radius:20px;min-height:450px}.chart-container-large,.selected-items-list{background-color:var(--color-surface);margin-top:24px;padding:20px}.selected-items-list{border:1px solid var(--color-border);border-radius:16px}.selected-items-list h4{color:var(--color-text-primary);font-size:16px;font-weight:700;margin:0 0 16px}.selected-items-grid{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.selected-item-chip{align-items:center;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:30px;display:flex;font-size:13px;gap:8px;padding:8px 16px}.chip-dot{border-radius:50%;height:10px;width:10px}.chip-dot.flattening{background-color:#2563eb;background-color:var(--color-info)}.chip-dot.spiral{background-color:#d97706;background-color:var(--color-warning)}.chip-code{color:var(--color-text-primary);font-weight:700}.chip-value{color:var(--color-text-secondary)}.chip-remove{align-items:center;background:none;border:none;border-radius:50%;color:var(--color-text-muted);cursor:pointer;display:flex;justify-content:center;padding:2px}.chip-remove:hover{background-color:var(--color-border)}.chip-remove:hover,.clear-all-btn{color:#dc2626;color:var(--color-error)}.clear-all-btn{background-color:initial;border:1px solid #dc2626;border:1px solid var(--color-error);border-radius:30px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 20px;transition:all .2s}.clear-all-btn:hover{background-color:#dc2626;background-color:var(--color-error);color:#fff}@media (max-width:1200px){.large-cards-grid{grid-template-columns:1fr}.stats-grid-large{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.section-header{align-items:flex-start;flex-direction:column}.section-controls{flex-direction:column;width:100%}.department-toggle,.range-select{width:100%}.dept-btn{flex:1 1}.item-search-container{flex-direction:column}.item-search-wrapper{width:100%}.selected-count-badge{text-align:center;width:100%}.stats-grid-large{grid-template-columns:1fr}.chart-tabs{overflow-x:auto;width:100%}.chart-tab{flex:1 1;white-space:nowrap}}@media (max-width:576px){.large-stat-card{min-height:auto;padding:20px}.large-stat-card .card-header{flex-wrap:wrap}.item-rank-badge{margin-left:auto}.detail-row{align-items:flex-start;flex-direction:column;gap:4px}.detail-label{min-width:auto}.selected-items-grid{align-items:stretch;flex-direction:column}.selected-item-chip{justify-content:space-between;width:100%}.clear-all-btn{width:100%}}.enhanced-summary-container{grid-gap:24px;background:var(--card-bg);border-radius:24px;box-shadow:var(--card-shadow);display:grid;gap:24px;grid-template-columns:1fr 380px;margin-bottom:32px;padding:24px}.summary-metrics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.summary-metric-card{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;display:flex;gap:16px;padding:20px;transition:all .3s ease}.summary-metric-card:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-2px)}.metric-icon-wrapper{align-items:center;border-radius:18px;display:flex;font-size:28px;height:60px;justify-content:center;width:60px}.summary-metric-card.net-balance .metric-icon-wrapper{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.summary-metric-card.production .metric-icon-wrapper{background:linear-gradient(135deg,#10b981,#059669);color:#fff}