:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;min-width:320px;min-height:100vh;overflow-x:hidden;overflow-y:auto;background-color:#f5f5f5}html{scroll-behavior:smooth;overflow-y:auto}#root{width:100%;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;color:#1e293b;line-height:1.6}#root,.app{height:100%}button{font-family:inherit}a{color:#3b82f6;text-decoration:none}a:hover{color:#1e40af}input,select,textarea{font-family:inherit;font-size:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.font-bold{font-weight:600}.font-semibold{font-weight:500}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.p-2{padding:.5rem}.p-4{padding:1rem}.text-red-600{color:#dc2626}.text-green-600{color:#16a34a}.text-blue-600{color:#2563eb}.text-yellow-600{color:#ca8a04}.text-gray-600{color:#4b5563}.bg-red-100{background-color:#fee2e2}.bg-green-100{background-color:#dcfce7}.bg-blue-100{background-color:#dbeafe}.bg-yellow-100{background-color:#fef3c7}.card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.loading{display:flex;justify-content:center;align-items:center;padding:2rem;color:#64748b}.error{color:#dc2626;background-color:#fee2e2;padding:1rem;border-radius:6px;border:1px solid #fecaca;margin:1rem 0}.success{color:#16a34a;background-color:#dcfce7;padding:1rem;border-radius:6px;border:1px solid #bbf7d0;margin:1rem 0}.warning{color:#ca8a04;background-color:#fef3c7;padding:1rem;border-radius:6px;border:1px solid #fed7aa;margin:1rem 0}.layout{display:flex;height:100vh;width:100vw;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;overflow:hidden}.desktop-overlay{position:fixed;inset:0;background-color:#00000080;z-index:998;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mobile-overlay{position:fixed;inset:0;background-color:#00000080;z-index:998;display:none}.sidebar{position:fixed;top:0;left:0;height:100vh;width:280px;background:linear-gradient(180deg,#1e3a8a,#1e40af);color:#fff;overflow-y:auto;box-shadow:2px 0 8px #0000001a;transition:transform .3s ease;z-index:999;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar.collapsed{width:60px;transform:translate(0)}.sidebar-header{padding:1.5rem 1rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;min-height:80px}.header-content{text-align:center;flex:1}.header-title{margin:0;font-size:1.5rem;font-weight:600;color:#fff}.header-subtitle{margin:.25rem 0 0;font-size:.875rem;color:#cbd5e1;font-weight:400}.toggle-btn{background:#ffffff1a;border:none;color:#fff;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:18px;font-weight:700}.toggle-btn:hover{background:#fff3;transform:scale(1.1)}.toggle-icon{display:inline-block;font-size:18px;line-height:1}.desktop-toggle{display:flex}.sidebar-nav{padding:1rem 0}.sidebar-nav ul{list-style:none;margin:0;padding:0}.sidebar-nav li{margin:0}.sidebar-nav a{display:flex;align-items:center;padding:.75rem 1.5rem;color:#e2e8f0;text-decoration:none;font-size:.875rem;line-height:1.25rem;border-left:3px solid transparent;transition:all .2s ease-in-out;min-height:48px}.nav-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-nav a:hover{background-color:#ffffff1a;color:#fff;border-left-color:#60a5fa}.sidebar-nav a.active{background-color:#ffffff26;color:#fff;border-left-color:#3b82f6;font-weight:500}.main-content{flex:1;display:flex;flex-direction:column;background-color:#f8fafc;overflow:hidden;width:100%;margin-left:0;min-width:0}.content-header{background:#fff;padding:1.5rem 2rem;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a;min-height:80px;display:flex;align-items:center}.header-left{display:flex;align-items:center;gap:1rem}.page-title{margin:0;font-size:1.875rem;font-weight:600;color:#1e293b}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;padding:.5rem;border-radius:6px;transition:background-color .2s ease}.desktop-menu-btn{display:flex;background:none;border:none;cursor:pointer;padding:.5rem;border-radius:6px;transition:background-color .2s ease}.mobile-menu-btn:hover,.desktop-menu-btn:hover{background-color:#f3f4f6}.hamburger-icon{display:flex;flex-direction:column;width:24px;height:18px;justify-content:space-between}.hamburger-icon span{height:2px;background-color:#374151;border-radius:1px;transition:all .3s ease}.content-body{flex:1;padding:1rem;overflow-y:auto;width:100%}@media (max-width: 1024px){.content-header{padding:1.25rem 1.5rem}.content-body{padding:1rem}.page-title{font-size:1.5rem}.sidebar-nav a{padding:.625rem 1.25rem;font-size:.8rem}.desktop-menu-btn{display:flex}}@media (max-width: 768px){.content-body{padding:.5rem}.sidebar{width:280px;transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.mobile-overlay{display:block}.desktop-overlay{display:none}.mobile-menu-btn{display:flex}.desktop-menu-btn{display:none}.content-header{padding:1rem 1.5rem}.page-title{font-size:1.25rem}}@media (max-width: 480px){.sidebar{width:100vw}.content-header{padding:.75rem 1rem}.page-title{font-size:1.25rem;line-height:1.4}.content-body{padding:.75rem}.sidebar-nav a{padding:1rem 1.5rem;font-size:.875rem;min-height:52px}.header-title{font-size:1.375rem}.header-subtitle{font-size:.8rem}}@media (min-width: 1440px){.sidebar{width:320px}.sidebar.collapsed{width:90px}.content-header{padding:2rem 3rem}.content-body{padding:2.5rem}}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#ffffff1a}.sidebar::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff80}@media (prefers-reduced-motion: reduce){.sidebar,.toggle-icon,.nav-text,.header-content,.main-content{transition:none}}.toggle-btn:focus,.mobile-menu-btn:focus{outline:2px solid #60a5fa;outline-offset:2px}.sidebar-nav a:focus{outline:2px solid #60a5fa;outline-offset:-2px}.homepage{width:100%;height:100%;display:flex;flex-direction:column;padding:0;margin:0}.homepage-header{margin-bottom:1.5rem;flex-shrink:0}.welcome-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.5rem 2rem;border-radius:12px;text-align:center;box-shadow:0 4px 20px #0000001a}.welcome-section h2{margin:0 0 .5rem;font-size:1.75rem;font-weight:600}.welcome-section p{margin:0 0 1rem;font-size:1rem;opacity:.9}.current-time{background:#ffffff26;padding:.5rem 1rem;border-radius:6px;display:inline-block;font-size:.875rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.stats-section{margin-bottom:2rem;flex-shrink:0}.stats-section h3{margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:#1e293b}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem;width:100%}.stat-card{background:#fff;padding:1.25rem;border-radius:8px;box-shadow:0 2px 8px #0000001a;border:1px solid #e2e8f0;text-align:center}.stat-card h4{margin:0 0 .5rem;font-size:.875rem;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.025em}.stat-number{margin:0;font-size:1.5rem;font-weight:700;color:#1e293b}.stat-number.pending{color:#f59e0b}.stat-number.processing{color:#3b82f6}.stat-number.completed{color:#10b981}.stat-number.delayed{color:#ef4444}.stat-time{margin:0;font-size:.75rem;color:#64748b}.stats-loading,.stats-error{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px #0000001a;border:1px solid #e2e8f0;text-align:center;color:#64748b}.retry-button{margin-top:1rem;padding:.5rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;transition:background-color .2s ease}.retry-button:hover{background:#2563eb}.dashboard-grid{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.25rem;margin-bottom:1.5rem;align-content:start;width:100%}.dashboard-card{background:#fff;border-radius:12px;padding:1.5rem;text-decoration:none;color:inherit;box-shadow:0 2px 10px #00000014;transition:all .3s ease;border:1px solid #e2e8f0;position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:160px;height:100%}.dashboard-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--card-color)}.dashboard-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026;border-color:var(--card-color)}.card-header{flex-shrink:0;margin-bottom:1rem}.card-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#1e293b;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-content{flex:1;display:flex;flex-direction:column;justify-content:space-between}.card-content p{margin:0 0 1.5rem;color:#64748b;line-height:1.6;font-size:.875rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-footer{display:flex;align-items:center;justify-content:flex-end;margin-top:auto}.card-footer span{color:var(--card-color);font-weight:500;font-size:.875rem;transition:transform .2s ease}.dashboard-card:hover .card-footer span{transform:translate(4px)}.system-info{flex-shrink:0;margin-top:auto}.info-card{background:#fff;border-radius:12px;padding:1.5rem 2rem;box-shadow:0 2px 10px #00000014;border:1px solid #e2e8f0}.info-card h4{margin:0 0 1rem;font-size:1.125rem;font-weight:600;color:#1e293b}.info-card ul{margin:0;padding-left:1.5rem;color:#64748b}.info-card li{margin-bottom:.5rem;line-height:1.6}@media (min-width: 1440px){.stats-grid{grid-template-columns:repeat(4,1fr)}.dashboard-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem}.welcome-section{padding:2rem 2.5rem}.welcome-section h2{font-size:2rem}.welcome-section p{font-size:1.125rem}.dashboard-card{min-height:180px;padding:2rem}.card-header h3{font-size:1.25rem}.info-card{padding:2rem 2.5rem}}@media (min-width: 1200px) and (max-width: 1439px){.stats-grid{grid-template-columns:repeat(4,1fr)}.dashboard-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}.dashboard-card{min-height:170px}}@media (min-width: 992px) and (max-width: 1199px){.stats-grid{grid-template-columns:repeat(4,1fr)}.dashboard-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem}.dashboard-card{min-height:160px;padding:1.25rem}.card-header h3{font-size:1rem}.card-content p{font-size:.8rem}}@media (min-width: 768px) and (max-width: 991px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.welcome-section{padding:1.25rem 1.5rem}.welcome-section h2{font-size:1.5rem}.dashboard-card{min-height:150px;padding:1.25rem}.card-header h3{font-size:1rem}.card-content p{font-size:.8rem;-webkit-line-clamp:2}.info-card{padding:1.5rem}}@media (min-width: 576px) and (max-width: 767px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:repeat(2,1fr);gap:.875rem}.welcome-section{padding:1rem 1.25rem}.welcome-section h2{font-size:1.375rem}.welcome-section p{font-size:.9rem}.dashboard-card{min-height:140px;padding:1rem}.card-header h3{font-size:.95rem;-webkit-line-clamp:2}.card-content p{font-size:.75rem;-webkit-line-clamp:2}.card-footer span{font-size:.8rem}.info-card{padding:1.25rem}.info-card h4{font-size:1rem}}@media (max-width: 575px){.homepage{padding:0}.homepage-header{margin-bottom:1rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.stat-card{padding:1rem}.stat-number{font-size:1.25rem}.dashboard-grid{grid-template-columns:1fr;gap:.75rem}.welcome-section{padding:1rem;border-radius:8px}.welcome-section h2{font-size:1.25rem}.welcome-section p{font-size:.875rem}.current-time{padding:.375rem .75rem;font-size:.8rem}.dashboard-card{min-height:120px;padding:1rem;border-radius:8px}.card-header{margin-bottom:.75rem}.card-header h3{font-size:.9rem;line-height:1.3;-webkit-line-clamp:2}.card-content p{font-size:.75rem;line-height:1.5;-webkit-line-clamp:2;margin-bottom:1rem}.card-footer span{font-size:.75rem}.system-info{margin-top:1rem}.info-card{padding:1rem;border-radius:8px}.info-card h4{font-size:.95rem}.info-card ul{padding-left:1.25rem}.info-card li{font-size:.8rem;margin-bottom:.375rem}}@media (max-width: 360px){.stats-grid{grid-template-columns:1fr}.dashboard-card{min-height:110px;padding:.875rem}.card-header h3{font-size:.85rem}.card-content p,.card-footer span{font-size:.7rem}.welcome-section h2{font-size:1.125rem}.welcome-section p{font-size:.8rem}}@media (max-height: 600px){.welcome-section{padding:1rem 1.5rem}.welcome-section h2{font-size:1.375rem;margin-bottom:.25rem}.welcome-section p{margin-bottom:.75rem}.dashboard-card{min-height:130px}.homepage-header,.stats-section{margin-bottom:1rem}.system-info{margin-top:1rem}}@media (prefers-color-scheme: dark){.dashboard-card{background:#1f2937;border-color:#374151;color:#f9fafb}.card-header h3{color:#f9fafb}.card-content p{color:#d1d5db}.stat-card,.info-card{background:#1f2937;border-color:#374151;color:#f9fafb}.info-card h4{color:#f9fafb}.info-card ul{color:#d1d5db}}@media (prefers-reduced-motion: reduce){.dashboard-card,.card-footer span{transition:none}.dashboard-card:hover{transform:none}}.dashboard-card:focus{outline:2px solid #3b82f6;outline-offset:2px}@media print{.dashboard-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.dashboard-card{break-inside:avoid;box-shadow:none;border:1px solid #ccc}.welcome-section{background:none;color:#000;border:1px solid #ccc}}.page-container{width:100%;height:100%;padding:1rem}.dyeing-orders-content{width:100%;margin:0}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem 2rem;background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;border-radius:12px;box-shadow:0 4px 15px #1e40af33}.page-header h2{margin:0;font-size:1.5rem;font-weight:600}.update-info{font-size:.875rem;background:#ffffff26;padding:.5rem 1rem;border-radius:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tables-container{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-bottom:2rem}.table-section{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;border:1px solid #e2e8f0;overflow:hidden}.table-section h3{margin:0;padding:1rem 1.5rem;background:#f8fafc;border-bottom:1px solid #e2e8f0;font-size:1.125rem;font-weight:600;color:#1e293b}.table-wrapper{overflow-x:auto}.summary-table,.composite-table{width:100%;border-collapse:collapse;font-size:.875rem}.summary-table th,.composite-table th{background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;padding:1rem .75rem;text-align:center;font-weight:600;border:1px solid #1e40af;white-space:nowrap}.summary-table td,.composite-table td{padding:.75rem;border:1px solid #e2e8f0;text-align:center;vertical-align:middle}.row-header{background:#f1f5f9!important;font-weight:600;color:#334155;text-align:left!important;white-space:nowrap;min-width:120px}.number-cell{text-align:right!important;font-family:Courier New,monospace;font-weight:500;color:#1e293b}.total-cell{background:#fef3c7!important;font-weight:700;color:#92400e}.highlight-row{background:#fef9c3}.highlight-row .row-header{background:#fef3c7!important}.production-row{background:#f3e8ff}.production-row .row-header{background:#ede9fe!important}.required-days{background:#fef3c7}.required-days .number-cell{font-weight:700;color:#92400e}.working-days{background:#dbeafe}.working-days .row-header{background:#bfdbfe!important}.overtime-row{background:#fecaca}.overtime-row .row-header{background:#fca5a5!important}.overtime-row .number-cell{font-weight:700;color:#991b1b}.total-row{background:#dcfce7;font-weight:700}.total-row .row-header{background:#bbf7d0!important}.total-row .number-cell{color:#166534;font-weight:700}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;border:1px solid #e2e8f0}.retry-button,.refresh-button{padding:.75rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease;margin-top:1rem}.retry-button:hover,.refresh-button:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.refresh-container{text-align:center;padding:1rem}@media (max-width: 1200px){.tables-container{grid-template-columns:1fr;gap:1.5rem}.page-header{flex-direction:column;gap:1rem;text-align:center}}@media (max-width: 768px){.page-container{padding:.5rem}.page-header{padding:1rem;margin-bottom:1rem}.page-header h2{font-size:1.25rem}.tables-container{gap:1rem}.table-section h3{padding:.75rem 1rem;font-size:1rem}.summary-table,.composite-table{font-size:.75rem}.summary-table th,.composite-table th,.summary-table td,.composite-table td{padding:.5rem .25rem}.row-header{min-width:80px;font-size:.7rem}}@media (max-width: 480px){.summary-table,.composite-table{font-size:.7rem}.summary-table th,.composite-table th,.summary-table td,.composite-table td{padding:.375rem .125rem}.page-header h2{font-size:1.125rem}.update-info{font-size:.75rem;padding:.375rem .75rem}}@media (max-width: 640px){.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.summary-table{min-width:700px}.composite-table{min-width:300px}}@media print{.page-container{padding:0}.page-header{background:none!important;color:#000!important;border:1px solid #ccc}.table-section{box-shadow:none;border:1px solid #ccc;break-inside:avoid}.tables-container{grid-template-columns:1fr;gap:1rem}.refresh-container{display:none}}@media (prefers-color-scheme: dark){.table-section{background:#1f2937;border-color:#374151}.table-section h3{background:#374151;color:#f9fafb;border-color:#4b5563}.summary-table td,.composite-table td{border-color:#4b5563;color:#f9fafb}.row-header{background:#374151!important;color:#f9fafb}.number-cell{color:#f9fafb}.loading-container,.error-container{background:#1f2937;border-color:#374151;color:#f9fafb}}.page-container{width:100%;min-height:100vh;padding:1rem;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.page-content{flex:1;display:flex;flex-direction:column;min-height:0}.table-container{flex:1;display:flex;flex-direction:column;min-height:500px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;border:1px solid #e2e8f0;overflow:visible}.control-section{padding:1.5rem 2rem;background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-shrink:0}.filters-row{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap;align-items:center}.filters-row select,.filters-row input{padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;background:#fff;min-width:150px}.filters-row button{padding:.75rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.filters-row button:hover{background:#2563eb;transform:translateY(-1px)}.info-row{display:flex;justify-content:space-between;align-items:center;font-size:1.1rem;font-weight:500;color:#374151}.table-wrapper{flex:1;overflow:auto;padding:0;max-height:none}.data-table{width:100%;border-collapse:collapse;background:#fff;font-size:1rem;margin:1rem;width:calc(100% - 2rem)}.data-table th{background:#f8fafc;border:1px solid #e2e8f0;padding:1rem .75rem;text-align:center;font-weight:600;color:#374151;font-size:1.05rem;position:sticky;top:0;z-index:10}.data-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease}.data-table th.sortable:hover{background:#e2e8f0;color:#1f2937}.data-table th.sortable.active{background:#dbeafe;color:#1e40af}.sort-icon{display:inline-block;margin-left:.375rem;font-size:.875rem;opacity:.6;transition:opacity .2s ease}.data-table th.sortable:hover .sort-icon{opacity:1}.data-table th.sortable.active .sort-icon{opacity:1;font-weight:700}.sort-controls{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.sort-controls label{font-size:.9rem;color:#6b7280;font-weight:500}.sort-controls select{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;background:#fff;min-width:120px}.sort-controls button{padding:.5rem 1rem;background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s ease}.sort-controls button:hover{background:#e5e7eb;border-color:#9ca3af}.search-container{display:flex;flex-direction:column;gap:.25rem;flex:1;max-width:400px}.search-input-wrapper{display:flex;align-items:center;gap:.5rem}.search-input{flex:1;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;background:#fff;transition:all .2s ease}.search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-input::placeholder{color:#9ca3af}.search-clear-btn{padding:.5rem .75rem;background:#f3f4f6;color:#6b7280;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.search-clear-btn:hover{background:#e5e7eb;color:#374151}.search-help{font-size:.8rem;color:#9ca3af;padding-left:.25rem}@media (max-width: 768px){.search-container{max-width:100%}.search-input{font-size:.9rem;padding:.625rem .875rem}}@media (max-width: 480px){.search-input-wrapper{flex-direction:column;align-items:stretch}.search-clear-btn{width:100%}}.stats-summary{display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:8px;margin-bottom:1rem;border:1px solid #e2e8f0}.stats-summary-title{width:100%;font-size:.9rem;font-weight:600;color:#475569;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid #e2e8f0}.stats-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#fff;border-radius:6px;border:1px solid #e2e8f0;font-size:.85rem;transition:all .2s ease}.stats-item:hover{border-color:#3b82f6;box-shadow:0 2px 4px #3b82f61a}.stats-item-label{color:#64748b;font-weight:500}.stats-item-value{color:#1e293b;font-weight:600;background:#f1f5f9;padding:.125rem .5rem;border-radius:4px;min-width:2rem;text-align:center}.data-table td{border:1px solid #e2e8f0;padding:.875rem .75rem;text-align:center;font-size:1rem}.data-table .no-data{text-align:center;color:#6b7280;font-style:italic;font-size:1.1rem;padding:3rem 1.5rem}.loading,.error{text-align:center;color:#6b7280;padding:4rem 1.5rem;font-size:1.2rem;background-color:#f9fafb;border-radius:8px;margin:1rem}.error{text-align:center;color:#dc2626;padding:3rem 1.5rem;font-size:1.2rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;margin:1rem}.pagination{display:flex;justify-content:center;align-items:center;gap:1.5rem;padding:1.5rem 2rem;border-top:1px solid #e2e8f0;background:#f8fafc;flex-shrink:0;flex-wrap:wrap}@media (max-width: 768px){.pagination{gap:.75rem;padding:1rem}.pagination button{padding:.5rem 1rem;font-size:.9rem}.pagination span{font-size:.9rem}}@media (max-width: 480px){.pagination{gap:.5rem;padding:.75rem;flex-direction:column}.pagination button{padding:.5rem .75rem;font-size:.8rem;min-width:80px}.pagination span{font-size:.8rem;order:-1}}.pagination button{padding:.75rem 1.5rem;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .2s ease}.pagination button:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af;transform:translateY(-1px)}.pagination button:disabled{opacity:.5;cursor:not-allowed;transform:none}.pagination span{font-size:1.1rem;font-weight:500;color:#374151}.overdue-date{color:#dc2626!important;font-weight:600}.status,.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-align:center;min-width:60px}.status-pending{background-color:#fef3c7;color:#92400e}.status-processing{background-color:#dbeafe;color:#1e40af}.status-completed{background-color:#d1fae5;color:#065f46}.status-delayed{background-color:#fecaca;color:#991b1b}.status-cancelled{background-color:#f3f4f6;color:#4b5563}.stats-table{width:100%;border-collapse:collapse;background:#fff;font-size:1.1rem;margin:1rem;width:calc(100% - 2rem)}.stats-table th{background:#f8fafc;border:1px solid #e2e8f0;padding:1.25rem 1rem;text-align:center;font-weight:600;color:#374151;font-size:1.15rem}.stats-table td{border:1px solid #e2e8f0;padding:1rem .75rem;text-align:center;font-size:1.1rem}.stats-table .row-label{background:#f1f5f9;font-weight:500;text-align:left;padding-left:1.5rem;min-width:120px;font-size:1.1rem}.stats-table .number-cell{font-weight:600;color:#1f2937;font-size:1.1rem}.stats-table .rate-cell{font-weight:600;color:#059669;font-size:1.1rem}.stats-table tbody tr:nth-child(3n+3){border-bottom:2px solid #d1d5db}.stats-table th[rowspan]{background:#e2e8f0;writing-mode:vertical-lr;text-orientation:mixed;width:60px;font-weight:700;font-size:1.1rem}.progress-bar{width:100px;height:8px;background-color:#e5e7eb;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399);transition:width .3s ease}.chart-section{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 20px #0000001a;border:1px solid #e2e8f0}.chart-container{position:relative;width:100%;height:400px;min-height:300px;overflow:visible}@media (max-width: 768px){.chart-section{padding:1rem}.chart-container{height:300px}}.chart-toggle-controls{margin-bottom:1rem;display:flex;justify-content:center;align-items:center}.chart-toggle-controls:first-of-type{margin-bottom:.75rem}.chart-toggle-controls:last-of-type{margin-bottom:1.5rem}.toggle-buttons{display:flex;background:#f8fafc;border-radius:12px;padding:8px;box-shadow:0 4px 12px #0000001a;border:1px solid #e2e8f0;gap:8px}.toggle-btn{padding:1rem 2rem;border:none;background:transparent;color:#64748b;font-size:1.2rem;font-weight:500;border-radius:10px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.75rem;min-width:160px;justify-content:center;white-space:nowrap}.toggle-btn:hover{background:#e2e8f0;color:#475569}.toggle-btn.active{background:#3b82f6;color:#fff;box-shadow:0 4px 12px #3b82f666}.toggle-btn.active:hover{background:#2563eb}.side-by-side-layout{display:flex;gap:2rem;margin-bottom:2rem;min-height:400px;flex:none}.chart-column{flex:1;background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 20px #0000001a;border:1px solid #e2e8f0;display:flex;flex-direction:column}.table-column{flex:1;background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 20px #0000001a;border:1px solid #e2e8f0;overflow:auto;display:flex;flex-direction:column}.chart-column .chart-container{flex:1;min-height:500px}.table-column .table-wrapper{height:100%;overflow:auto;flex:1;padding:0}.table-column .stats-table{font-size:1.1rem;width:calc(100% - 2rem);margin:1rem}.table-column .stats-table th,.table-column .stats-table td{padding:1rem .75rem;text-align:center;white-space:nowrap}.table-column .stats-table th{background:#f8fafc;font-weight:600;position:sticky;top:0;z-index:10;font-size:1.15rem}.table-column .stats-table .row-label{background:#f1f5f9;font-weight:500;text-align:left;padding-left:1.5rem;min-width:120px;font-size:1.1rem}.table-column .stats-table .number-cell{font-weight:600;color:#1f2937;font-size:1.1rem}.table-column .stats-table .rate-cell{font-weight:600;color:#059669;font-size:1.1rem}.table-column .stats-table th[rowspan]{background:#e2e8f0;writing-mode:vertical-lr;text-orientation:mixed;width:60px;font-weight:700;font-size:1.1rem}@media (max-width: 1200px){.side-by-side-layout{gap:1.5rem}.chart-column,.table-column{padding:1.5rem}.stats-table{font-size:.95rem}.stats-table th,.stats-table td{padding:.6rem .4rem}}@media (max-width: 1024px){.side-by-side-layout{flex-direction:column;gap:1.5rem;min-height:auto}.chart-column,.table-column{flex:none}.chart-column{order:1}.table-column{order:2}.chart-column .chart-container{min-height:350px;height:350px}.table-column .stats-table{font-size:1rem}.table-column .stats-table th,.table-column .stats-table td{padding:.7rem .5rem}.info-row{flex-direction:column;gap:.5rem;text-align:center}.toggle-btn{padding:.875rem 1.75rem;font-size:1.1rem;min-width:140px}.chart-toggle-controls:first-of-type{margin-bottom:.5rem}.chart-toggle-controls:last-of-type{margin-bottom:1rem}}@media (max-width: 768px){.page-container{padding:.5rem}.table-container{border-radius:8px}.control-section,.chart-column,.table-column{padding:1rem}.side-by-side-layout{gap:1rem}.toggle-buttons{width:100%;max-width:400px;padding:6px}.toggle-btn{flex:1;min-width:auto;font-size:1rem;padding:.75rem 1.25rem;gap:.5rem}.chart-container{height:300px;min-height:300px}.stats-table{font-size:.85rem;min-width:100%}.stats-table th,.stats-table td{padding:.5rem .25rem;word-wrap:break-word}.stats-table th{font-size:.8rem}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;padding:0}.info-row{font-size:.9rem;gap:.25rem}.info-row span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chart-toggle-controls:first-of-type{margin-bottom:.5rem}.chart-toggle-controls:last-of-type{margin-bottom:1rem}}@media (max-width: 480px){.page-container{padding:.25rem}.control-section,.chart-column,.table-column{padding:.75rem}.side-by-side-layout{gap:.75rem}.chart-container{height:250px;min-height:250px}.stats-table{font-size:.75rem}.stats-table th,.stats-table td{padding:.4rem .2rem}.stats-table th{font-size:.7rem}.info-row{font-size:.8rem;flex-direction:column;align-items:flex-start}.info-row span:first-child{font-weight:600}}@media (max-width: 900px) and (min-resolution: 1.5dppx){.page-container{padding:.5rem;min-height:auto}.side-by-side-layout{flex-direction:column;gap:1rem;min-height:auto}.chart-column,.table-column{padding:1rem;min-height:auto}.chart-container{height:250px;min-height:250px}.control-section{padding:.75rem}.chart-controls{flex-direction:column;gap:.75rem;padding:.75rem}.control-group .toggle-btn{padding:.4rem .8rem;font-size:.8rem}}@media (max-width: 600px) and (min-resolution: 2dppx){.page-container{padding:.25rem}.table-container{min-height:auto}.side-by-side-layout{gap:.5rem;margin-bottom:1rem}.chart-column,.table-column{padding:.5rem}.chart-container{height:200px;min-height:200px}.stats-table{font-size:.7rem}.stats-table th,.stats-table td{padding:.3rem .15rem}.control-group .toggle-btn{padding:.3rem .6rem;font-size:.7rem}}.high-zoom .page-container{min-height:auto!important;height:auto!important;overflow-y:auto!important}.high-zoom .table-container{min-height:auto!important;overflow:visible!important}.high-zoom .side-by-side-layout{flex-direction:column!important;min-height:auto!important;gap:1rem!important}.high-zoom .chart-container{height:250px!important;min-height:250px!important}.high-zoom .chart-column,.high-zoom .table-column,.high-zoom .control-section{padding:.75rem!important}.chart-controls{display:flex;gap:2rem;margin-bottom:1.5rem;padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.control-group{display:flex;flex-direction:column;gap:.5rem}.control-group h4{margin:0;font-size:.9rem;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px}.control-group .toggle-buttons{display:flex;gap:.5rem}.control-group .toggle-btn{padding:.5rem 1rem;border:1px solid #d1d5db;background:#fff;color:#6b7280;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.control-group .toggle-btn:hover{background:#f3f4f6;border-color:#9ca3af}.control-group .toggle-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.control-group .toggle-btn.active:hover{background:#2563eb}@media (max-width: 1200px){.chart-controls{gap:1.5rem}.control-group .toggle-btn{padding:.45rem .9rem;font-size:.8rem}}@media (max-width: 1024px){.chart-controls{flex-direction:column;gap:1rem;padding:.875rem}.control-group .toggle-buttons{justify-content:center;flex-wrap:wrap}.control-group .toggle-btn{min-width:100px;flex:0 0 auto}}@media (max-width: 768px){.chart-controls{padding:.75rem;gap:.75rem;margin-bottom:1rem}.control-group h4{font-size:.8rem;text-align:center}.control-group .toggle-buttons{gap:.375rem}.control-group .toggle-btn{padding:.4rem .7rem;font-size:.75rem;min-width:80px}}@media (max-width: 480px){.chart-controls{padding:.5rem;gap:.5rem}.control-group h4{font-size:.75rem}.control-group .toggle-buttons{flex-direction:column;gap:.25rem}.control-group .toggle-btn{padding:.5rem;font-size:.7rem;min-width:auto;width:100%}}