:root{--bg-color: #f0f4f8;--card-bg: #fff;--text-primary: #333;--text-secondary: #666;--border-color: #ccc;--header-bg: #007bff;--header-text: #fff;--hover-bg: #f1f1f1;--success-color: #28a745;--danger-color: #dc3545;--warning-color: #ffc107;--info-color: #17a2b8;--button-bg: linear-gradient(135deg, #3498db, #2980b9);--button-hover: linear-gradient(135deg, #2980b9, #1c6ea4);--shadow-color: rgba(0, 0, 0, .1);--modal-bg: rgba(0, 0, 0, .5);--call-count-bg: #e6f2ff;--modern-label-bg: #fff;--modern-label-border: #d0eaff}.dark-theme{--bg-color: #121212;--card-bg: #1e1e1e;--text-primary: #e0e0e0;--text-secondary: #b0b0b0;--border-color: #333;--header-bg: #37474f;--header-text: #e0e0e0;--hover-bg: #2a2a2a;--success-color: #66bb6a;--danger-color: #ef5350;--warning-color: #ffca28;--info-color: #42a5f5;--button-bg: linear-gradient(135deg, #455a64, #546e7a);--button-hover: linear-gradient(135deg, #546e7a, #455a64);--shadow-color: rgba(0, 0, 0, .3);--modal-bg: rgba(0, 0, 0, .7);--call-count-bg: #263238;--modern-label-bg: #2d2d2d;--modern-label-border: #455a64}.dark-theme .yellow-light{background:#2e7d32!important;color:#fff!important}.dark-theme .pink-pastel{background:#7b1fa2!important;color:#fff!important}body{font-family:Prompt,sans-serif;background-color:var(--bg-color);color:var(--text-primary);margin:0;padding:20px;transition:background-color .3s ease,color .3s ease}.sync-status{width:24px;height:24px;margin-right:12px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;color:#999;transition:all .3s ease}.sync-status.syncing{color:var(--info-color);animation:spin 1s linear infinite}.sync-status.syncing:before{content:"";width:14px;height:14px;border:2px solid rgba(23,162,184,.3);border-top-color:var(--info-color);border-radius:50%;box-sizing:border-box}.sync-status.success{color:var(--success-color);animation:pulse .5s ease}.sync-status.success:before{content:"";font-family:"Font Awesome 5 Free";font-weight:900}.sync-status.error{color:var(--danger-color)}.sync-status.error:before{content:"";font-family:"Font Awesome 5 Free";font-weight:900}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}#loginModal{display:flex;position:fixed;z-index:10000;left:0;top:0;width:100%;height:100%;background:var(--modal-bg);justify-content:center;align-items:center;animation:fadeIn .3s ease}#loginModal.hidden{display:none}.login-content{background:var(--card-bg);padding:30px;border-radius:12px;width:90%;max-width:400px;box-shadow:0 8px 16px var(--shadow-color);position:relative;color:var(--text-primary)}.login-content h2{text-align:center;margin-bottom:20px;color:var(--header-bg)}.login-group{margin-bottom:15px;position:relative}.login-group label{display:block;margin-bottom:5px;font-weight:700;color:var(--text-primary)}.login-group input{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:8px;background:var(--card-bg);color:var(--text-primary);font-size:16px;transition:border-color .3s ease}.login-group input:focus{border-color:var(--info-color);outline:none}.password-toggle{position:absolute;right:12px;top:45px;cursor:pointer;color:var(--text-secondary)}.remember-me{display:flex;align-items:center;margin-bottom:20px;gap:10px}.remember-me input[type=checkbox]{width:auto}#errorMessage{color:var(--danger-color);text-align:center;margin-bottom:15px;font-size:14px;display:none}.login-button{width:100%;padding:12px;background:var(--button-bg);color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:all .3s ease}.login-button:hover{background:var(--button-hover)}.dark-theme .login-content{background:var(--card-bg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.loading{display:none;position:relative;width:100%;height:400px;background:transparent;z-index:10;justify-content:center;align-items:center;flex-direction:column;margin-top:50px}.loading.show{display:flex}.spinner-container{display:flex;flex-direction:column;align-items:center;gap:20px;padding:40px;background:var(--card-bg);border-radius:20px;box-shadow:0 10px 30px var(--shadow-color);transform:translateY(-20px);animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(-20px)}50%{transform:translateY(-30px)}}.cute-spinner{position:relative;width:80px;height:80px;display:flex;justify-content:center;align-items:center}.cute-spinner i.fa-cog{font-size:80px;color:var(--info-color);opacity:.8}.cute-spinner i.fa-tools{position:absolute;font-size:30px;color:var(--warning-color);animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.2);opacity:1}}.loading p{margin:0;font-size:18px;font-weight:600;color:var(--info-color);letter-spacing:1px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinReverse{to{transform:rotate(-360deg)}}.report-title{font-size:24px;font-weight:700;color:var(--text-primary);text-align:center;background-color:var(--card-bg);padding:15px;border-radius:12px;box-shadow:0 4px 8px var(--shadow-color);margin-bottom:20px;transition:all .3s ease}@media(max-width:768px){.report-title{font-size:20px;padding:10px}}#searchContainer{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:20px}.filter-row{display:flex;align-items:center;margin-bottom:10px}.search-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px}#employeeFilterLabel,#pendingFilterLabel,#stockFilterLabel,#statusCallFilterLabel{font-size:16px;color:var(--text-primary)}#employeeFilter,#pendingFilter,#stockFilter,#statusCallFilter{margin-left:5px;border-radius:8px;font-size:16px;background:transparent;color:var(--text-primary);transition:all .3s ease;border:none}#searchInput{width:300px;padding:12px;border-radius:12px;border:1px solid var(--border-color);font-size:16px;background:var(--card-bg);color:var(--text-primary);transition:all .3s ease}#searchInput:focus{border-color:var(--info-color);box-shadow:0 0 8px #17a2b84d;outline:none}.action-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--button-bg);color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;box-shadow:0 4px 8px var(--shadow-color)}.action-button i{font-size:18px}.action-button:hover{background:var(--button-hover);transform:scale(1.05);box-shadow:0 6px 12px var(--shadow-color)}.action-button:active{transform:scale(.95)}.logout-button{background:linear-gradient(135deg,#dc3545,#c82333)}.logout-button:hover{background:linear-gradient(135deg,#c82333,#b02a37)}.table-container{overflow-x:auto;width:100%}table{width:max-content;border-collapse:collapse;background:var(--card-bg);box-shadow:0 4px 6px var(--shadow-color);border-radius:12px;overflow:hidden;table-layout:fixed;border:1px solid var(--border-color);font-size:12px}th,td{padding:1px 3px;text-align:left;border:1px solid var(--border-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary);font-size:12px;line-height:1.2;vertical-align:middle;height:24px;max-height:24px}th{background:var(--header-bg);color:var(--header-text)!important;text-align:center;font-size:10px;padding:2px}th[data-column=DayRepair],td[data-column=DayRepair],th[data-column="Call Type"],td[data-column="Call Type"],th[data-column=Team],td[data-column=Team],th[data-column=PR],td[data-column=PR],th[data-column=PO],td[data-column=PO],th[data-column=Nawa],td[data-column=Nawa],th[data-column=จำนวน],td[data-column=จำนวน],th[data-column=Vipa],td[data-column=Vipa],th[data-column=Request],td[data-column=Request],th[data-column=QtyPlant],td[data-column=QtyPlant],th[data-column=OtherPlant],td[data-column=OtherPlant],th[data-column=Rebuilt],td[data-column=Rebuilt],th[data-column=PendingStockDays],td[data-column=PendingStockDays]{width:38px;max-width:38px;min-width:38px;text-align:center}th[data-column=TeamPlant],td[data-column=TeamPlant]{width:55px;max-width:55px;min-width:55px;text-align:center}th[data-column=ค้างหน่วยงาน],td[data-column=ค้างหน่วยงาน]{width:60px;max-width:60px;min-width:60px}th[data-column=Material],td[data-column=Material]{width:65px;max-width:65px;min-width:65px}th[data-column=UserAns],td[data-column=UserAns]{width:52px;max-width:52px;min-width:52px}th[data-column=DateTime],td[data-column=DateTime],th[data-column=StockStartDate],td[data-column=StockStartDate],th[data-column=วันที่ตอบ],td[data-column=วันที่ตอบ]{width:72px;max-width:72px;min-width:72px;text-align:center}th[data-column=StatusGroup],td[data-column=StatusGroup]{width:88px;max-width:88px;min-width:88px;text-align:center;overflow:visible;height:auto;max-height:none}th[data-column=StatusCall],td[data-column=StatusCall]{width:80px;max-width:80px;min-width:80px;text-align:center;overflow:visible;height:auto;max-height:none}th[data-column=คลังตอบ],td[data-column=คลังตอบ]{width:72px;max-width:72px;min-width:72px;text-align:center}th[data-column=Brand],td[data-column=Brand]{width:75px;max-width:75px;min-width:75px}th[data-column="Ticket Number"],td[data-column="Ticket Number"]{width:85px;max-width:85px;min-width:85px}th[data-column=Description],td[data-column=Description]{width:220px;max-width:220px;min-width:120px;text-align:left}td[data-column=Description]{color:#000!important;font-weight:400!important}td[data-column=Rebuilt] .request-pill{background-color:#0d6efd;color:#fff!important;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}td[data-column=Rebuilt] .request-pill:hover{transform:translateY(-1px);box-shadow:0 2px 6px #0d6efd66}td[data-column=Rebuilt]{color:#000!important}th[data-column=Answer1],td[data-column=Answer1]{width:200px;max-width:200px;min-width:100px;text-align:left}th[data-column=detail],td[data-column=detail]{width:75px;max-width:75px;min-width:75px;text-align:center}td[data-column=Rebuilt],td[data-column=PR],td[data-column=PO],td[data-column=Nawa],td[data-column=Vipa],td[data-column=Request],td[data-column=QtyPlant],td[data-column=OtherPlant]{color:inherit}td.request-cell{background:transparent;color:var(--text-primary)}.request-pill{display:inline-flex;align-items:center;padding:1px 5px;border-radius:999px;background:#1e88e5;color:#fff;font-weight:700;font-size:11px;min-width:20px;justify-content:center}th.sortable,th[data-column]{cursor:pointer}th.sortable:hover,th[data-column]:hover{background:var(--info-color)}.arrow{font-size:8px;margin-left:2px}.premium-modal-content{background:var(--card-bg);margin:2% auto;padding:0;border-radius:20px;width:95%;animation:premiumZoomIn .4s cubic-bezier(.165,.84,.44,1);overflow:hidden;position:relative;color:var(--text-primary);box-shadow:0 25px 50px -12px #00000040;border:1px solid var(--border-color)}@keyframes premiumZoomIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.premium-modal-header{padding:20px 25px;background:var(--header-bg);color:#fff;display:flex;justify-content:space-between;align-items:center}.premium-modal-header h3{margin:0;font-size:20px;font-weight:600;display:flex;align-items:center}.premium-modal-body{padding:25px;background:var(--bg-color)}.premium-modal-close{cursor:pointer;font-size:28px;opacity:.8;transition:opacity .2s}.premium-modal-close:hover{opacity:1}.summary-stat-grid{display:grid;gap:20px;margin-bottom:25px}.stat-card-inner{display:flex;align-items:center;gap:20px}.summary-pivot-table thead th{background-color:#f8f9fa!important;color:#2d3748!important;font-weight:600!important;font-size:13px!important;border-bottom:2px solid #dee2e6!important;padding:15px 10px!important}.dark-theme .summary-pivot-table thead th{background-color:#2d2d2d!important;color:#e0e0e0!important;border-bottom:2px solid #444!important}.row-group-even{background-color:#fce4ec}.row-group-odd{background-color:#e8f5e9}tr:hover,.row-group-even:hover,.row-group-odd:hover{background:var(--hover-bg)}.detail-button{padding:3px 6px;background:var(--info-color);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:10px;white-space:nowrap}.detail-button:hover{background:var(--warning-color);transform:translateY(-1px);box-shadow:0 2px 6px var(--shadow-color)}.modal{position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background:var(--modal-bg)}.modal-content{background:var(--card-bg);margin:10% auto;padding:20px;border-radius:12px;width:90%;max-width:1200px;animation:zoomIn .4s ease;overflow-x:auto;position:relative;color:var(--text-primary);box-shadow:0 8px 16px var(--shadow-color)}#spareSummaryModal .modal-content{max-width:98vw;background:var(--card-bg);border:1px solid var(--border-color);overflow:hidden;padding:0}.spare-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--card-bg);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:2}.spare-title{margin:0;font-size:18px;font-weight:800;color:var(--text-primary);display:flex;align-items:center;gap:10px}.spare-body{padding:16px 20px 20px;background:var(--card-bg)}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#007bff1a;color:var(--info-color);font-weight:600;font-size:13px;border:1px solid rgba(0,123,255,.2)}.spare-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:12px 0 18px}.stat-card{background:#ffffffe6;border:1px solid var(--border-color);border-radius:12px;padding:10px 12px;box-shadow:0 4px 10px var(--shadow-color)}.premium-modal-content{background:var(--card-bg);margin:5% auto;padding:0;border-radius:16px;width:95%;animation:zoomIn .3s cubic-bezier(.34,1.56,.64,1);position:relative;color:var(--text-primary);box-shadow:0 20px 40px #0003;border:1px solid var(--border-color);overflow:hidden}.premium-modal-header{padding:16px 24px;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;display:flex;justify-content:space-between;align-items:center}.dark-theme .premium-modal-header{background:linear-gradient(135deg,#37474f,#263238)}.premium-modal-header h3{margin:0;font-size:18px;font-weight:600;letter-spacing:.5px}.premium-modal-body{padding:20px}.premium-modal-close{color:#fffc;font-size:28px;font-weight:700;cursor:pointer;line-height:1;transition:color .2s}.premium-modal-close:hover{color:#fff}.compact-table-wrapper{border-radius:12px;border:1px solid var(--border-color);overflow:hidden;box-shadow:0 2px 8px var(--shadow-color)}.compact-table{width:100%!important;border-collapse:collapse!important;background:var(--card-bg)!important;font-size:13px!important;table-layout:auto!important;border:none!important;box-shadow:none!important}.compact-table th{background:#f8f9fa!important;color:#495057!important;font-weight:600!important;text-transform:uppercase!important;font-size:11px!important;letter-spacing:.5px!important;padding:12px 15px!important;border-bottom:2px solid var(--border-color)!important;text-align:left!important}.dark-theme .compact-table th{background:#2d2d2d!important;color:#e0e0e0!important;border-bottom:2px solid #444!important}.compact-table td{padding:10px 15px!important;border-bottom:1px solid var(--border-color)!important;color:var(--text-primary)!important;font-size:13px!important;height:auto!important;max-height:none!important;white-space:normal!important;word-break:break-word!important}.dark-theme .compact-table td{border-bottom:1px solid #333!important}.compact-table tr:last-child td{border-bottom:none!important}.compact-table tr:hover{background-color:#007bff08!important}.dark-theme .compact-table tr:hover{background-color:#ffffff08!important}.compact-table.ultra-compact th,.compact-table.ultra-compact td{white-space:nowrap!important;word-break:keep-all!important;padding:4px 8px!important}.compact-table.ultra-compact th{font-size:10.5px!important;padding:6px 8px!important}.compact-table.ultra-compact td{font-size:12px!important}.compact-table.ultra-compact .narrow-cell{padding:1px 6px!important;min-width:40px!important;max-width:none!important;width:auto!important;text-align:center!important;overflow:visible!important;white-space:nowrap!important}.compact-table.ultra-compact th.narrow-cell{font-size:10px!important;font-weight:700!important;padding:3px 6px!important;white-space:nowrap!important}.modal-info-bar{display:flex;gap:20px;margin-bottom:15px;padding:10px 15px;background:#007bff0d;border-radius:8px;font-size:14px}.dark-theme .modal-info-bar{background:#ffffff0d}.modal-info-item{display:flex;align-items:center;gap:8px}.modal-info-label{font-weight:600;color:var(--text-secondary)}.modal-info-value{font-weight:700;color:var(--text-primary)}.stat-label{font-size:12px;color:var(--text-secondary);margin:0 0 4px}.stat-value{font-size:18px;font-weight:800;color:var(--text-primary)}.spare-table{border-radius:12px;overflow:hidden;border:1px solid var(--border-color);box-shadow:0 6px 14px var(--shadow-color)}#spareSummaryModal .detail-table{font-size:13px;background:var(--card-bg)}#spareSummaryModal .detail-table th,#spareSummaryModal .detail-table td{padding:6px 8px;border:1px solid var(--border-color)}#spareSummaryModal .detail-table th{background:#007bff1f;color:var(--text-primary);font-size:13px}#spareSummaryModal .detail-table td:nth-child(2),#spareSummaryModal .detail-table th:nth-child(2){max-width:none;text-align:left}#spareSummaryModal .detail-table th:not(:first-child),#spareSummaryModal .detail-table td:not(:first-child){min-width:40px;max-width:60px;width:8%;text-align:center}#spareSummaryModal .detail-table th:first-child,#spareSummaryModal .detail-table td:first-child{min-width:80px;width:12%}#spareSummaryModal .detail-table th:nth-child(2),#spareSummaryModal .detail-table td:nth-child(2){width:46%}#spareSummaryModal .detail-table th:nth-child(3),#spareSummaryModal .detail-table td:nth-child(3){width:10%;min-width:70px}@media(max-width:768px){#spareSummaryModal .modal-content{width:98%;margin:5% auto}#spareSummaryModal .detail-table{font-size:12px}#spareSummaryModal .detail-table th,#spareSummaryModal .detail-table td{padding:4px 6px}#spareSummaryModal .detail-table th:not(:first-child),#spareSummaryModal .detail-table td:not(:first-child){width:7%;min-width:40px}#spareSummaryModal .detail-table th:nth-child(2),#spareSummaryModal .detail-table td:nth-child(2){width:54%}}#summaryModal .modal-content{max-width:1100px;padding:0;overflow:hidden;border:1px solid var(--border-color);box-shadow:0 10px 24px var(--shadow-color)}.summary-shell{background:linear-gradient(120deg,#007bff14,#28a7450f)}.summary-topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border-color);background:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.summary-title{margin:0;font-size:20px;font-weight:800;color:var(--text-primary);display:flex;align-items:center;gap:10px}.summary-badge{padding:6px 10px;border-radius:999px;background:var(--info-color);color:#fff;font-weight:700;font-size:12px;box-shadow:0 4px 10px var(--shadow-color)}.summary-body{padding:16px;background:var(--card-bg)}.summary-body table.detail-table{margin-top:0;box-shadow:0 4px 10px var(--shadow-color);border-radius:10px;overflow:hidden}.summary-body .detail-table th{background:#007bff1f;color:var(--text-primary)}@media(max-width:768px){#summaryModal .modal-content{width:98%;margin:5% auto}.summary-topbar{flex-direction:column;align-items:flex-start;gap:8px}}.graph-modal-content{background:var(--card-bg);margin:10% auto;padding:20px;border-radius:12px;width:95%;max-width:1200px;animation:zoomIn .4s ease;position:relative;color:var(--text-primary)}.close{color:var(--text-secondary);float:right;font-size:24px;font-weight:700;cursor:pointer}.close:hover{color:var(--text-primary)}.print-button{float:right;margin-right:10px;padding:10px 16px;background:var(--info-color);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:16px}.order-button{float:right;margin-right:10px;padding:10px 16px;background:var(--success-color);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:16px}.order-button:hover{background:#218838;transform:translateY(-2px);box-shadow:0 4px 10px var(--shadow-color)}.print-button:hover{background:var(--warning-color);transform:translateY(-2px);box-shadow:0 4px 10px var(--shadow-color)}#modalContent .label{color:var(--info-color);font-weight:700}#modalContent .value{color:var(--text-primary)}#graphWarning{color:var(--danger-color);font-size:14px;margin-top:10px;text-align:center}.pagination{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-top:20px}.pagination button,.pagination select{padding:8px 12px;background:var(--info-color);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:16px;margin:0 5px;transition:all .3s ease}.pagination button:hover,.pagination select:hover{background:var(--warning-color)}.pagination .page-number{width:36px;height:36px;background:var(--info-color);color:#fff;border-radius:50%;display:inline-flex;justify-content:center;align-items:center;margin:0 5px;cursor:pointer;font-size:16px;border:none;transition:all .3s ease}.pagination .page-number:hover{background:var(--warning-color);transform:scale(1.1)}.pagination .page-number.active{background:var(--warning-color);color:#fff}.items-per-page{margin-left:10px;font-size:16px;color:var(--text-primary)}tr{opacity:0;transform:translateY(10px);animation:fadeInUp .5s ease forwards}tr:nth-child(2n){animation-delay:.1s}tr:nth-child(odd){animation-delay:.2s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}th:nth-child(1),td:nth-child(1){min-width:60px}th:nth-child(2),td:nth-child(2){min-width:70px}th:nth-child(3),td:nth-child(3){min-width:110px}th:nth-child(4),td:nth-child(4){min-width:140px}th:nth-child(5),td:nth-child(5){min-width:170px}th:nth-child(6),td:nth-child(6){min-width:70px}th:nth-child(7),td:nth-child(7){min-width:100px}th:nth-child(8),td:nth-child(8){min-width:110px}th:nth-child(9),td:nth-child(9){min-width:110px}th:nth-child(10),td:nth-child(10){min-width:110px}th:nth-child(11),td:nth-child(11){min-width:320px}th:nth-child(12),td:nth-child(12){min-width:70px;text-align:left}td:nth-child(12){color:var(--text-primary)}th:nth-child(13),td:nth-child(13){min-width:70px;text-align:center}th:nth-child(14),td:nth-child(14){min-width:70px;text-align:center}th:nth-child(15),td:nth-child(15){min-width:70px;text-align:center}th:nth-child(16),td:nth-child(16){min-width:70px;text-align:center}th:nth-child(17),td:nth-child(17){min-width:70px;text-align:center}th:nth-child(18),td:nth-child(18){min-width:90px}th:nth-child(19),td:nth-child(19){min-width:100px}th:nth-child(20),td:nth-child(20){min-width:100px}th:nth-child(21),td:nth-child(21){min-width:170px}th:nth-child(22),td:nth-child(22){min-width:110px;text-align:center}@media(max-width:768px){th,td{padding:4px;font-size:12px}th:nth-child(1),td:nth-child(1){min-width:50px}th:nth-child(2),td:nth-child(2){min-width:50px}th:nth-child(3),td:nth-child(3){min-width:90px}th:nth-child(4),td:nth-child(4){min-width:110px}th:nth-child(5),td:nth-child(5){min-width:140px}th:nth-child(6),td:nth-child(6){min-width:55px}th:nth-child(7),td:nth-child(7){min-width:80px}th:nth-child(8),td:nth-child(8){min-width:90px}th:nth-child(9),td:nth-child(9){min-width:95px}th:nth-child(10),td:nth-child(10){min-width:95px}th:nth-child(11),td:nth-child(11){min-width:200px}th:nth-child(12),td:nth-child(12){min-width:45px;text-align:center}th:nth-child(13),td:nth-child(13){min-width:45px;text-align:center}th:nth-child(14),td:nth-child(14){min-width:45px;text-align:center}th:nth-child(15),td:nth-child(15){min-width:45px;text-align:center}th:nth-child(16),td:nth-child(16){min-width:45px;text-align:center}th:nth-child(17),td:nth-child(17){min-width:45px;text-align:center}th:nth-child(18),td:nth-child(18){min-width:70px}.round-success-toast.swal2-popup{width:60px!important;height:60px!important;padding:0!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#fff;box-shadow:0 4px 12px #00000026;overflow:hidden}.round-success-toast .swal2-success-circular-line-left,.round-success-toast .swal2-success-circular-line-right,.round-success-toast .swal2-success-fix{background:transparent!important}.round-success-toast .swal2-icon{margin:0!important;transform:scale(.8)}.round-success-toast .swal2-title{display:none!important}th:nth-child(19),td:nth-child(19){min-width:80px}th:nth-child(20),td:nth-child(20){min-width:85px}th:nth-child(21),td:nth-child(21){min-width:110px}th:nth-child(21),td:nth-child(21){min-width:90px;text-align:center}#searchInput{width:100%;max-width:300px}.search-row{flex-direction:column;align-items:flex-start}.action-button{width:100%;max-width:150px;justify-content:center}}.yellow-light{background:#c9ffc4}.pink-pastel{background:#fce4ec}.text-left{text-align:left}.text-center{text-align:center}.call-count-box{margin-left:20px;padding:10px 16px;background:var(--call-count-bg);color:var(--info-color);border-radius:10px;font-size:16px;font-weight:700;display:inline-flex;align-items:center;box-shadow:0 2px 4px var(--shadow-color);transition:background .3s ease}.call-count-box span{color:var(--danger-color);margin:0 4px;font-size:18px}.date-update-inline{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text-primary);margin-left:8px;padding:6px 10px;border:1px solid var(--border-color);border-radius:10px;background:var(--call-count-bg);box-shadow:0 2px 6px var(--shadow-color)}.modern-label{display:inline-block;padding:10px 16px;background:var(--modern-label-bg);color:var(--info-color);border-radius:10px;font-size:16px;font-weight:700;box-shadow:0 2px 6px var(--shadow-color);border:1px solid var(--modern-label-border);transition:all .3s ease;margin-right:8px}.modern-label:hover{background:var(--hover-bg);color:var(--warning-color)}.detail-table{width:100%;border-collapse:collapse;margin-top:10px;border:1px solid var(--border-color)}.detail-table th,.detail-table td{padding:8px;border:1px solid var(--border-color);text-align:center;color:var(--text-primary)}.detail-table th{background:var(--header-bg);color:var(--header-text)}.detail-table tr:nth-child(2n){background:var(--hover-bg)}.detail-table th:not(:first-child),.detail-table td:not(:first-child){width:80px;min-width:80px;max-width:80px}.detail-table th:first-child,.detail-table td:first-child{width:auto;min-width:120px}.detail-table th:nth-child(2),.detail-table td:nth-child(2){width:50%;min-width:250px;max-width:none;white-space:nowrap;overflow:visible;text-overflow:clip;text-align:left}.summary-table th:nth-child(2),.summary-table td:nth-child(2){text-align:center!important}@media print{.report-title,.close,.print-button,.order-button,#printTableButton,#searchButton,#excelButton,#summaryButton,#spareSummaryButton,#searchInput,.pagination,#searchContainer,.modal,.table-container,.loading{display:none}.modal-content{margin:0;padding:0;width:100%;max-width:none;border-radius:0;box-shadow:none}.sticker{width:80mm;height:100mm;border:1px solid #000;padding:2mm;box-sizing:border-box;font-size:13pt;line-height:1.3;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;page-break-after:always}.sticker div{margin-bottom:1.5mm;overflow-wrap:break-word}.sticker div.description{flex:1}.sticker .label{font-weight:700;color:#000;font-size:14pt}.sticker .value{color:#000}h2{font-size:14pt;color:#000;margin:1.5mm 0}@page{size:80mm 100mm;margin:0}body{margin:0;padding:0}.detail-table th,.detail-table td{text-align:center}.detail-table th:not(:first-child),.detail-table td:not(:first-child){width:80px;min-width:80px;max-width:80px}.detail-table th:first-child,.detail-table td:first-child{width:auto;min-width:120px}.detail-table td:nth-child(2),.detail-table th:nth-child(2){white-space:normal;overflow:visible;text-overflow:clip;max-width:none}}.green-text{color:var(--success-color)}.red-text{color:var(--danger-color)}.timeline-table{width:100%;border-collapse:collapse;margin-top:20px;border:1px solid var(--border-color)}.timeline-table th,.timeline-table td{padding:8px;border:1px solid var(--border-color);text-align:left;white-space:pre-wrap;word-wrap:break-word;color:var(--text-primary)}.timeline-table th{background:var(--header-bg);color:var(--header-text)}.timeline-table tr:nth-child(2n){background:var(--hover-bg)}.detail-table th:nth-child(1),.detail-table td:nth-child(1){width:20%;min-width:50px;max-width:80px;white-space:normal}.detail-table th:nth-child(2),.detail-table td:nth-child(2){width:40%;min-width:200px;max-width:350px;white-space:normal;text-align:left}.detail-table th:nth-child(3),.detail-table td:nth-child(3){width:10%;min-width:80px;max-width:100px;text-align:center}.detail-table th:nth-child(n+4),.detail-table td:nth-child(n+4){width:10%;min-width:80px;max-width:100px;text-align:center}th:nth-child(12),td:nth-child(12){font-weight:700;color:var(--danger-color)}th:nth-child(13),td:nth-child(13){font-weight:700;color:var(--text-primary)}.date-update{text-align:center;background:var(--card-bg);padding:10px;border-radius:8px;box-shadow:0 2px 4px var(--shadow-color);margin-bottom:10px;font-size:16px;color:var(--text-primary);font-weight:500}.date-update span{color:var(--info-color);font-weight:700}.setting-modal-content{max-width:400px}.theme-option{display:flex;align-items:center;margin-bottom:10px;padding:10px;background:var(--hover-bg);border-radius:8px;cursor:pointer;transition:background .3s ease}.theme-option:hover{background:var(--info-color);color:#fff}.theme-option input[type=radio]{margin-right:10px}.dashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:12px;margin-bottom:24px;padding:5px}.dashboard-card{padding:10px;border-radius:10px;box-shadow:0 4px 8px var(--shadow-color);text-align:center;transition:all .25s cubic-bezier(.4,0,.2,1);color:#fff;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;min-height:65px;position:relative;will-change:transform,box-shadow;border:1px solid transparent}.dashboard-card:hover{transform:translateY(-5px)}.dashboard-card.active{transform:scale(1.05) translateY(-4px)!important;box-shadow:0 0 0 3px #fff,0 12px 24px #0006!important;z-index:10;filter:brightness(1.1)}.gm-card.active{box-shadow:0 0 0 3px #fff,0 15px 35px #00000080!important;transform:scale(1.08) translateY(-6px)!important}.dashboard-card h3{margin-bottom:4px;font-size:11px}.dashboard-card .value{font-size:1.3em;font-weight:700}.total-card{background:linear-gradient(135deg,#007bff,#0056b3)}.exceed-leadtime-card{background:linear-gradient(135deg,#8b0000,#4a0000)}.pending-card{background:linear-gradient(135deg,#dc3545,#c82333)}.other-plant-card{background:linear-gradient(135deg,#3f51b5,#303f9f)}.success-card{background:linear-gradient(135deg,#28a745,#1e7e34)}.new-card{background:linear-gradient(135deg,#ffc107,#e0a800)}.over7-card{background:linear-gradient(135deg,#fd7e14,#f06c00)}.request-card{background:linear-gradient(135deg,#20c997,#0d9488)}.new-part-card{background:linear-gradient(135deg,#e83e8c,#c2185b)}.nawa-card{background:linear-gradient(135deg,#6f42c1,#5a2d91)}.max-card{background:linear-gradient(135deg,#6c757d,#545b62)}.graph-card{background:linear-gradient(135deg,#6f42c1,#5a2d91)}.spare-card{background:linear-gradient(135deg,#28a745,#20c09d)}.gm-summary-card{background:linear-gradient(135deg,#1e3c72,#2a5298)}.calltype-p-card{background:linear-gradient(135deg,#4caf50,#2e7d32)}.calltype-c-card{background:linear-gradient(135deg,#f44336,#d32f2f)}.calltype-b-card{background:linear-gradient(135deg,#2196f3,#1976d2)}.calltype-u-card{background:linear-gradient(135deg,#ffeb3b,#fbc02d)}.calltype-other-card{background:linear-gradient(135deg,#9e9e9e,#757575)}.calltype-p-card{background:linear-gradient(135deg,#28a745,#1e7e34)}.calltype-r-card{background:linear-gradient(135deg,#17a2b8,#117a8b)}.calltype-q-card{background:linear-gradient(135deg,#fd7e14,#d96d00)}.calltype-b-card{background:linear-gradient(135deg,#007bff,#0056b3)}.gm-card{background:linear-gradient(135deg,#6c757d,#495057)}.gm-card:nth-child(4n+1){background:linear-gradient(135deg,#007bff,#0056b3)}.gm-card:nth-child(4n+2){background:linear-gradient(135deg,#6610f2,#4b0bb1)}.gm-card:nth-child(4n+3){background:linear-gradient(135deg,#e83e8c,#c2185b)}.gm-card:nth-child(4n+4){background:linear-gradient(135deg,#6f42c1,#563d7c)}.dept-card{background:linear-gradient(135deg,#0d6efd,#0b5ed7);transition:all .25s cubic-bezier(.18,.89,.32,1.28)}.dept-card.active{box-shadow:0 0 0 3px #fff,0 15px 35px #0d6efd73!important;transform:scale(1.08) translateY(-6px)!important;filter:brightness(1.1)}.dept-stock-card{background:linear-gradient(135deg,#0d6efd,#084298)}.dept-วิศวกรรม-card{background:linear-gradient(135deg,#6610f2,#4b0bb1)}.dept-repair-card{background:linear-gradient(135deg,#fd7e14,#c85a00)}.dept-จัดซื้อ-card{background:linear-gradient(135deg,#20c997,#0e8663)}.dept-ลูกค้า-card{background:linear-gradient(135deg,#e83e8c,#ad1457)}.dept-sale-card{background:linear-gradient(135deg,#6f42c1,#482384)}.group-card{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.3)}.dark-theme .total-card{background:linear-gradient(135deg,#42a5f5,#1976d2)}.dark-theme .exceed-leadtime-card{background:linear-gradient(135deg,#b71c1c,#7f0000)}.dark-theme .pending-card{background:linear-gradient(135deg,#ef5350,#d32f2f)}.dark-theme .other-plant-card{background:linear-gradient(135deg,#5c6bc0,#3949ab)}.dark-theme .success-card{background:linear-gradient(135deg,#66bb6a,#388e3c)}.dark-theme .new-card{background:linear-gradient(135deg,#ffca28,#ffb300)}.dark-theme .over7-card{background:linear-gradient(135deg,#ff9800,#f57c00)}.dark-theme .request-card{background:linear-gradient(135deg,#26a69a,#00796b)}.dark-theme .new-part-card{background:linear-gradient(135deg,#ec407a,#ad1457)}.dark-theme .nawa-card{background:linear-gradient(135deg,#ab47bc,#8e24aa)}.dark-theme .max-card{background:linear-gradient(135deg,#90a4ae,#78909c)}.dark-theme .graph-card{background:linear-gradient(135deg,#ab47bc,#8e24aa)}.dark-theme .spare-card{background:linear-gradient(135deg,#66bb6a,#4caf50)}.dark-theme .calltype-p-card{background:linear-gradient(135deg,#81c784,#66bb6a)}.dark-theme .calltype-c-card{background:linear-gradient(135deg,#e57373,#ef5350)}.dark-theme .calltype-b-card{background:linear-gradient(135deg,#64b5f6,#42a5f5)}.dark-theme .calltype-u-card{background:linear-gradient(135deg,#fff176,#ffca28)}.dark-theme .calltype-other-card{background:linear-gradient(135deg,#b0bec5,#90a4ae)}@media(max-width:768px){.dashboard{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.dashboard-card .value{font-size:1.5em}}#callTypeDashboard{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px;margin-bottom:8px}#callTypeDashboard .dashboard-card{padding:8px}#callTypeDashboard .dashboard-card h3{font-size:1em;margin-bottom:4px}#callTypeDashboard .dashboard-card .value{font-size:1.2em;font-weight:700}#callTypeDashboard .dashboard-card.active{transform:scale(1.08) translateY(-2px)!important}#callTypeDashboard .dashboard-card:hover{transform:translateY(-2px)}@media(max-width:768px){#callTypeDashboard{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:6px}#callTypeDashboard .dashboard-card{padding:6px}#callTypeDashboard .dashboard-card h3{font-size:.9em}#callTypeDashboard .dashboard-card .value{font-size:1em}}.call-type-table-container{display:flex;justify-content:flex-start;margin-bottom:20px;background:var(--card-bg);border-radius:12px;box-shadow:0 4px 8px var(--shadow-color);padding:15px;border:2px solid var(--border-color);overflow:hidden;position:relative}.call-type-table-container:before{position:absolute;top:-10px;left:20px;background:var(--header-bg);color:var(--header-text);padding:5px 15px;border-radius:20px;font-size:14px;font-weight:700;z-index:1}.dark-theme .call-type-table-container{border-color:var(--border-color);background:var(--card-bg)}#callTypeDashboard{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%;max-width:500px;margin:0}#callTypeDashboard .dashboard-card{border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:8px;transition:all .3s ease}#callTypeDashboard .dashboard-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}@media(max-width:768px){.call-type-table-container{padding:10px;margin-bottom:15px;justify-content:flex-start}#callTypeDashboard{grid-template-columns:repeat(2,1fr);max-width:100%;gap:6px;margin:0}#callTypeDashboard .dashboard-card{padding:6px;border-width:1px}.call-type-table-container:before{left:10px;font-size:12px;padding:3px 10px}}#callTypeDashboard:has(.dashboard-card:nth-child(5)){grid-template-columns:repeat(5,1fr)}.detail-table td:nth-child(2),.detail-table th:nth-child(2){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px;min-width:150px;width:25%;text-align:left}@media(max-width:768px){.detail-table{font-size:12px}.detail-table th,.detail-table td{padding:4px 6px}.detail-table td:nth-child(2),.detail-table th:nth-child(2){white-space:normal;overflow:visible;text-overflow:clip;max-width:none;min-width:120px;width:35%}.detail-table th:not(:first-child),.detail-table td:not(:first-child){min-width:60px;max-width:60px;width:8%}.detail-table th:first-child,.detail-table td:first-child{min-width:80px}#spareSummaryModal .modal-content{width:98%;margin:5% auto;padding:10px}}#spareSummaryModal .detail-table{font-size:12px}#spareSummaryModal .detail-table th,#spareSummaryModal .detail-table td{padding:4px 6px;border:.5px solid var(--border-color)}#spareSummaryModal .detail-table th{white-space:normal;overflow:visible;text-overflow:clip;height:auto;max-height:none;vertical-align:bottom}#spareSummaryModal .detail-table td:nth-child(2),#spareSummaryModal .detail-table th:nth-child(2){max-width:none;min-width:250px;width:50%;white-space:nowrap;overflow:visible;text-overflow:clip;text-align:left}#spareSummaryModal .detail-table th:not(:first-child),#spareSummaryModal .detail-table td:not(:first-child){min-width:40px;max-width:50px;width:7%}#spareSummaryModal .detail-table th:first-child,#spareSummaryModal .detail-table td:first-child{min-width:60px}@media(max-width:768px){#spareSummaryModal .detail-table{font-size:11px}#spareSummaryModal .detail-table th,#spareSummaryModal .detail-table td{padding:2px 4px}#spareSummaryModal .detail-table td:nth-child(2),#spareSummaryModal .detail-table th:nth-child(2){min-width:180px;width:55%}}#spareSummaryModal .detail-table th:nth-child(1),#spareSummaryModal .detail-table td:nth-child(1){width:8%;min-width:40px;max-width:50px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#spareSummaryModal .detail-table th:nth-child(2),#spareSummaryModal .detail-table td:nth-child(2){width:50%;min-width:250px;max-width:none;white-space:nowrap;overflow:visible;text-overflow:clip;text-align:left;line-height:1.3}#spareSummaryModal .detail-table th:nth-child(3),#spareSummaryModal .detail-table td:nth-child(3){width:8%;min-width:50px}#spareSummaryModal .detail-table th:nth-child(4),#spareSummaryModal .detail-table td:nth-child(4){width:8%;min-width:50px}#spareSummaryModal .detail-table th:nth-child(n+5),#spareSummaryModal .detail-table td:nth-child(n+5){width:8%;min-width:40px;text-align:center}#spareSummaryModal .detail-table th:nth-child(n+6),#spareSummaryModal .detail-table td:nth-child(n+6){width:6%;min-width:35px;max-width:none}@media(max-width:768px){#spareSummaryModal .detail-table th:nth-child(1),#spareSummaryModal .detail-table td:nth-child(1){width:10%;min-width:30px}#spareSummaryModal .detail-table th:nth-child(2),#spareSummaryModal .detail-table td:nth-child(2){width:55%;min-width:200px}#spareSummaryModal .detail-table th:nth-child(n+6),#spareSummaryModal .detail-table td:nth-child(n+6){width:5%;min-width:30px}}@media print{.detail-table td:nth-child(2),.detail-table th:nth-child(2){white-space:normal;overflow:visible;text-overflow:clip;max-width:none}#spareSummaryModal .detail-table{font-size:12px}#spareSummaryModal .detail-table th,#spareSummaryModal .detail-table td{padding:4px 6px;border:1px solid #ccc}#spareSummaryModal .detail-table th:nth-child(1),#spareSummaryModal .detail-table td:nth-child(1){width:10%;min-width:50px}#spareSummaryModal .detail-table th:nth-child(2),#spareSummaryModal .detail-table td:nth-child(2){width:35%;min-width:120px;white-space:normal;word-wrap:break-word;word-break:break-word;line-height:1.3}}.progress-container{margin-top:10px;background-color:#fff3;border-radius:20px;height:8px;overflow:hidden;position:relative}.progress-bar{height:100%;border-radius:20px;transition:width .5s ease-in-out;background:linear-gradient(90deg,#fff,#fffc)}.progress-text{font-size:.8em;margin-top:5px;color:#ffffffe6}.dark-theme .progress-container{background-color:#0003}.dark-theme .progress-bar{background:linear-gradient(90deg,#e0e0e0,#e0e0e0cc)}.dark-theme .progress-text{color:#e0e0e0e6}#callTypeDashboard .progress-container{height:4px;margin-top:3px}#callTypeDashboard .progress-text{font-size:.7em;margin-top:2px}.call-type-table-container{padding:20px;margin-bottom:25px}.call-type-table-container:before{font-size:16px;padding:8px 20px;top:-12px;left:25px}#callTypeDashboard .dashboard-card h3,#callTypeDashboard .dashboard-card .value,#callTypeDashboard .dashboard-card .progress-text{text-shadow:1px 1px 2px rgba(0,0,0,.3);color:#fff!important}.dark-theme #callTypeDashboard .dashboard-card h3,.dark-theme #callTypeDashboard .dashboard-card .value,.dark-theme #callTypeDashboard .dashboard-card .progress-text{text-shadow:1px 1px 2px rgba(0,0,0,.5);color:#e0e0e0!important}#callTypeDashboard{max-width:600px}@media(max-width:768px){.call-type-table-container:before{font-size:14px;padding:5px 15px}#callTypeDashboard{max-width:100%;grid-template-columns:repeat(2,1fr)}}.app-content{position:relative}.app-content.logged-in{display:block}.app-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-radius:16px;background:linear-gradient(120deg,#007bff1f,#17a2b814);box-shadow:0 8px 16px var(--shadow-color);margin-bottom:18px;position:relative}.brand-block{display:flex;align-items:center;gap:12px;min-width:0}.brand-logo{width:48px;height:48px;border-radius:12px;background:var(--header-bg);color:var(--header-text);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;letter-spacing:.5px;box-shadow:0 6px 12px var(--shadow-color);flex-shrink:0}.brand-title{font-size:18px;font-weight:700;color:var(--text-primary);line-height:1.3}.brand-meta{font-size:13px;color:var(--text-secondary);display:flex;align-items:center;gap:8px}.brand-pill{background:var(--card-bg);padding:4px 8px;border-radius:10px;border:1px solid var(--border-color);font-weight:600;color:var(--info-color)}.header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end;position:relative}.quick-setting-popover{position:absolute;top:calc(100% + 15px);right:0;background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);border-radius:20px;box-shadow:0 15px 35px #0000001a,0 5px 15px #0000000d;padding:24px;min-width:320px;z-index:1100;display:none;animation:slideDown .3s cubic-bezier(.175,.885,.32,1.275)}[data-theme=dark] .quick-setting-popover{background:#1e1e1ed9;border:1px solid rgba(255,255,255,.05);box-shadow:0 15px 35px #0006,0 5px 15px #0003}.quick-setting-popover.show{display:block}@keyframes slideDown{0%{transform:translateY(-8px);opacity:0}to{transform:translateY(0);opacity:1}}.sheet-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.sheet-title{font-weight:800;font-size:18px;color:var(--text-primary);letter-spacing:-.3px}.sheet-close{background:#f1f3f5;border:none;font-size:14px;width:32px;height:32px;border-radius:50%;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all .2s ease}.sheet-close:hover{background:#e9ecef;color:var(--danger-color);transform:rotate(90deg)}[data-theme=dark] .sheet-close{background:#2d2d2d}[data-theme=dark] .sheet-close:hover{background:#3d3d3d}.sheet-user{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--border-color)}.sheet-avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;margin-bottom:8px;box-shadow:0 8px 16px #6366f14d;border:3px solid #fff}[data-theme=dark] .sheet-avatar{border-color:var(--card-bg)}.sheet-user .name{font-weight:800;font-size:20px;color:var(--text-primary);line-height:1.2}.sheet-user .meta{font-size:13px;color:var(--text-secondary);display:flex;flex-direction:column;gap:4px;align-items:center;text-align:center}.sheet-badge{background:#6366f11a;color:#6366f1;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;margin-top:4px;border:1px solid rgba(99,102,241,.2)}.sheet-badge.success{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.2)}[data-theme=dark] .sheet-badge{background:#a855f733;color:#e879f9;border:1px solid rgba(168,85,247,.3)}[data-theme=dark] .sheet-badge.success{background:#22c55e33;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.sheet-actions{display:grid;gap:12px}.sheet-actions .header-button{justify-content:center;padding:12px;font-weight:600;border-radius:12px;width:100%}.header-button{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;background:var(--button-bg);color:#fff;border:none;border-radius:12px;cursor:pointer;font-weight:600;transition:all .25s ease;box-shadow:0 4px 8px var(--shadow-color);white-space:nowrap}.header-button.ghost{background:transparent;color:var(--text-primary);border:1px solid var(--border-color);box-shadow:none}.header-button.danger{background:linear-gradient(135deg,#dc3545,#b02a37)}.header-button:hover{transform:translateY(-1px);box-shadow:0 6px 12px var(--shadow-color);background:var(--button-hover)}.header-button.ghost:hover{background:var(--hover-bg)}.header-button.danger:hover{background:linear-gradient(135deg,#b02a37,#8f1f2a)}.user-chip{display:grid;grid-template-columns:auto;gap:2px;padding:8px 12px;border-radius:12px;background:var(--card-bg);border:1px solid var(--border-color);box-shadow:0 2px 6px var(--shadow-color);min-width:160px}.user-name{font-weight:700;color:var(--text-primary);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-meta{font-size:12px;color:var(--text-secondary);display:flex;gap:6px;flex-wrap:wrap;align-items:center}.settings-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--card-bg);border-radius:12px;box-shadow:0 10px 24px var(--shadow-color);padding:15px;display:none;z-index:1000;min-width:220px;border:1px solid var(--border-color)}.settings-dropdown.show{display:block}.settings-dropdown h4{margin:0 0 8px;color:var(--text-primary)}.settings-dropdown .inline-actions{display:flex;gap:8px;flex-wrap:wrap}.dark-theme .settings-dropdown{background:var(--card-bg);border-color:var(--border-color)}.modern-status-btn{padding:12px 20px;font-size:16px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;justify-content:center;align-items:center;color:#fff;box-shadow:0 4px 6px #00000014;position:relative;overflow:hidden}.modern-status-btn:after{content:"";position:absolute;inset:0;background:#ffffff1a;opacity:0;transition:opacity .3s ease}.modern-status-btn:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.modern-status-btn:hover:after{opacity:1}.modern-status-btn:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.btn-pink{background:linear-gradient(135deg,#ec4899,#db2777)}#statusEditButtonGroup.has-selection .modern-status-btn:not(.active){opacity:.5;transform:scale(.98);filter:grayscale(40%)}.modern-status-btn.active{box-shadow:0 0 0 3px var(--card-bg),0 0 0 6px var(--primary-color);transform:scale(1.02)}@media(max-width:768px){.app-header{flex-direction:column;align-items:flex-start}.header-actions{width:100%;justify-content:flex-start}.header-button{padding:9px 12px;font-size:13px}}.spinner{border:4px solid #ffffff50;border-top:4px solid #fff;border-radius:50%;width:35px;height:35px;animation:spin .8s linear infinite;margin:auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#projectModal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background:var(--modal-bg)}.swal2-toast{border-radius:50%!important;width:150px!important;height:150px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;font-size:1.1em!important;box-shadow:0 10px 25px #0000004d!important;padding:15px!important}.swal2-toast .swal2-icon{margin-top:10px!important;transform:scale(1.5)!important}.swal2-toast .swal2-title{margin-top:15px!important;font-weight:700!important}.round-success-toast{background:linear-gradient(135deg,#00e676,#1de9b6)!important;color:#fff!important}.round-info-toast{background:linear-gradient(135deg,#00e5ff,#00b0ff)!important;color:#fff!important}.round-error-toast{background:linear-gradient(135deg,#ff3d00,#dd2c00)!important;color:#fff!important}table#data-table,.detail-table,.timeline-table{table-layout:auto!important;width:max-content!important}table#data-table th,table#data-table td,.detail-table th,.detail-table td,.timeline-table th,.timeline-table td{width:1%!important;min-width:0!important;max-width:none!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important}.modern-filter-btn{position:relative;padding:8px 20px 8px 16px;border:1px solid #e0e0e0;border-radius:20px;background-color:var(--card-bg);color:var(--text-primary);cursor:pointer;font-size:13px;font-family:Prompt,sans-serif;transition:all .2s ease;box-shadow:0 2px 4px #0000000d;margin-bottom:8px;margin-right:8px;overflow:visible}.modern-filter-btn:hover{background-color:var(--hover-bg);border-color:#ccc;transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.modern-filter-btn.active{background-color:#007bff;color:#fff!important;border-color:#007bff;box-shadow:0 4px 8px #007bff4d}.filter-badge{position:absolute;top:-6px;right:-6px;background-color:#dc3545;color:#fff;border-radius:10px;padding:2px 6px;font-size:10px;font-weight:700;box-shadow:0 2px 4px #0003;min-width:16px;text-align:center;line-height:1;border:2px solid #fff}.modern-filter-btn.active .filter-badge{background-color:#fff;color:#007bff}.status-call-option-btn{background-color:#fff!important;color:#333!important;border:1px solid #ddd!important;transition:all .2s ease}.status-call-option-btn:hover{background-color:#f0f0f0!important}.status-call-option-btn.active{background-color:#333!important;color:#fff!important;border-color:#333!important;box-shadow:inset 0 2px 4px #0003}.dashboard-card,.dashboard-card .value,.dashboard-card h3{color:#fff!important}.total-card{background:linear-gradient(135deg,#007bff,#0056b3)!important;color:#fff}.exceedLeadtime-card{background:linear-gradient(135deg,#ef5350,#c62828)!important;color:#fff}.pending-card{background:linear-gradient(135deg,#ffca28,#f57f17)!important;color:#fff}.otherPlant-card{background:linear-gradient(135deg,#7e57c2,#4527a0)!important;color:#fff}.success-card{background:linear-gradient(135deg,#26a69a,#00695c)!important;color:#fff}.nawaVipa-card{background:linear-gradient(135deg,#42a5f5,#1565c0)!important;color:#fff}.project-card{background:linear-gradient(135deg,#78909c,#455a64)!important;color:#fff}.request-card{background:linear-gradient(135deg,#d4e157,#9e9d24)!important;color:#fff}.newPart-card{background:linear-gradient(135deg,#ab47bc,#6a1b9a)!important;color:#fff}@keyframes rowPulseUpdate{0%{background-color:#28a74580}to{background-color:transparent}}@keyframes rowPulseDelete{0%{background-color:#dc354580}to{background-color:transparent}}.manual-indicator{border-left:3px solid #ff4081;padding-left:5px!important}.manual-pill{font-size:8px;background:#ff4081;color:#fff;padding:1px 3px;border-radius:3px;margin-left:4px;vertical-align:middle;font-weight:400}.row-pulse-info{animation:rowPulseDelete 3.5s ease-out forwards!important}.sticker-preview-box{background:#f8f9fa;padding:15px;border-radius:8px;display:flex;justify-content:center;border:1px dashed #ced4da}.sticker-mockup{width:80mm;height:100mm;background:#fff;border:1.5px solid #000;padding:4mm 5mm;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;font-family:Prompt,sans-serif;box-sizing:border-box;transform:scale(.85);transform-origin:top center;overflow:hidden}.sticker-mockup-header{text-align:center;font-weight:800;font-size:14px;border-bottom:2px solid #000;padding-bottom:4px;margin-bottom:5px;line-height:1.2}.sticker-mockup-ticket{font-size:20px;font-weight:900;text-align:center;margin:5px 0 7px;padding:5px;background:#f0f0f0;border:1px solid #ddd;letter-spacing:.5px;line-height:1.2}.sticker-mockup-field{font-size:12.5px;margin-bottom:3px;line-height:1.3;display:flex;align-items:baseline}.sticker-mockup-field strong{display:inline-block;width:65px;min-width:65px;font-weight:700}.sticker-mockup-field.highlight-field{font-size:18.5px;font-weight:900;margin-bottom:5px;line-height:1.2;color:#000}.sticker-mockup-field.highlight-field strong{font-size:17.5px;font-weight:900;width:65px;min-width:65px}.sticker-mockup-field.highlight-field .highlight-value{font-size:18.5px;font-weight:900;word-break:break-word}.sticker-mockup-mat-qr{display:flex;align-items:center;justify-content:space-between;margin:4px 0 5px;padding:4px 7px;background:#fafafa;border:1px solid #e0e0e0;border-radius:4px}.sticker-mockup-mat-qr .mat-info{flex:1;display:flex;flex-direction:column}.sticker-mockup-mat-qr .mat-label{font-size:13px;font-weight:900;color:#333;line-height:1.1}.sticker-mockup-mat-qr .mat-val{font-size:21px;font-weight:900;color:#000;letter-spacing:.5px;line-height:1.2;margin-top:2px}.sticker-mockup-mat-qr .qr-box{width:68px;height:68px;min-width:68px;display:flex;align-items:center;justify-content:center;background:#fff;padding:2px;border:1px solid #ccc;border-radius:3px;margin-left:8px}.sticker-mockup-mat-qr .qr-box img{width:100%;height:100%;object-fit:contain;display:block}.sticker-mockup-desc{display:flex;flex-direction:column;margin-bottom:5px;line-height:1.3}.sticker-mockup-desc .desc-label{font-size:13px;font-weight:900;color:#333;line-height:1.1;margin-bottom:2px}.sticker-mockup-desc .desc-val{font-size:15.5px;font-weight:800;color:#000;line-height:1.3;word-break:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.sticker-mockup-footer{border-top:2px dashed #000;padding-top:6px;margin-top:auto;text-align:center}.sticker-mockup-footer .footer-label{font-size:13px;font-weight:700;margin-bottom:2px;line-height:1.1}.sticker-mockup-footer .footer-value{font-size:24px;font-weight:900;line-height:1.1}.dark-theme .sticker-preview-box{background:#2d2d2d;border-color:#444}.dark-theme .sticker-mockup{background:#fff;color:#000}@media print{.app-content,.modal,.modal-content{display:none!important}}.filter-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 8px;min-width:85px;background:var(--card-bg);border:1.5px solid var(--border-color);border-radius:14px;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 6px #0000000d;margin:4px;position:relative;overflow:visible;text-align:center}.filter-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a;border-color:var(--info-color)}.filter-card.active{background:var(--button-bg);color:#fff!important;border-color:transparent;box-shadow:0 8px 20px #3498db66}.filter-card .filter-card-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;margin-bottom:2px;color:var(--text-primary);transition:color .3s ease}.filter-card.non-sa-variant .filter-card-label{color:#2980b9}.filter-card.sa-variant .filter-card-label{color:#8e44ad}.filter-card.active .filter-card-label{color:#ffffffe6}.filter-card .filter-card-count{font-size:15px;font-weight:800;color:var(--text-primary);transition:color .3s ease}.filter-card.active .filter-card-count{color:#fff}.filter-card.mini{flex-direction:row;padding:6px 14px;min-width:auto;min-height:auto;gap:8px;border-radius:10px;margin:0}.filter-card.mini .filter-card-label{margin-bottom:0;font-size:13px;text-transform:none;opacity:1;color:inherit}.filter-card.mini .filter-card-count{font-size:14px;color:inherit}.filter-card.non-sa-variant{background:linear-gradient(145deg,#fff,#f1f8ff);border:1.5px solid #d1e3fa;color:#2c3e50}.filter-card.sa-variant{background:linear-gradient(145deg,#fdfaff,#f4ebff);border:1.5px solid #e9d8ff;color:#3f2b5c}.filter-card.non-sa-variant:hover{border-color:#3498db;box-shadow:0 6px 12px #3498db26}.filter-card.sa-variant:hover{border-color:#8e44ad;box-shadow:0 6px 12px #8e44ad26}.filter-card.non-sa-variant.active{background:linear-gradient(135deg,#3498db,#2980b9);border-color:transparent;color:#fff!important;box-shadow:0 8px 20px #3498db66}.filter-card.sa-variant.active{background:linear-gradient(135deg,#9b59b6,#8e44ad);border-color:transparent;color:#fff!important;box-shadow:0 8px 20px #8e44ad66}.filter-card.non-sa-variant.active .filter-card-label,.filter-card.non-sa-variant.active .filter-card-count,.filter-card.sa-variant.active .filter-card-label,.filter-card.sa-variant.active .filter-card-count{color:#fff!important}.filter-group-header{font-size:11px;font-weight:800;color:var(--text-secondary);margin:4px 0 4px 4px;display:flex;align-items:center;gap:6px;text-transform:uppercase;letter-spacing:.8px;opacity:.7}.filter-group-header i{font-size:12px}.area-center-row .filter-groups-container{display:flex;flex-direction:column;gap:12px;margin-top:10px}.filter-section{margin-bottom:4px;padding:0 0 5px;background:transparent;border-radius:0;box-shadow:none;border:none}.filter-section-title{font-size:1.2em;font-weight:700;margin-bottom:20px;padding-left:12px;color:var(--text-primary);border-left:4px solid var(--info-color);line-height:1.2}.filter-group-line{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.filter-group-line:last-child{margin-bottom:0}.quick-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:25px}.info-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:15px;display:flex;flex-direction:column;gap:5px;transition:all .3s ease;box-shadow:0 2px 4px var(--shadow-color)}.info-card:hover{box-shadow:0 5px 15px var(--shadow-color);transform:translateY(-2px)}.info-card-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);font-weight:700;opacity:.8}.info-card-value{font-size:15px;font-weight:600;color:var(--text-primary)}.info-card.highlight{border-left:4px solid var(--info-color)}.info-card.success{border-left:4px solid var(--success-color)}.info-card.danger{border-left:4px solid var(--danger-color)}.info-card.warning{border-left:4px solid var(--warning-color)}.timeline-vertical{position:relative;margin:20px 0 20px 30px;padding:0;list-style:none}.timeline-vertical:before{content:"";position:absolute;top:0;bottom:0;left:-20px;width:2px;background:#e2e8f0}.dark-theme .timeline-vertical:before{background:#333}.timeline-v-item{position:relative;margin-bottom:25px}.timeline-v-dot{position:absolute;left:-25px;top:5px;width:12px;height:12px;border-radius:50%;background:var(--info-color);border:2px solid white;box-shadow:0 0 0 3px #3498db33;z-index:1}.dark-theme .timeline-v-dot{border-color:#1e1e1e}.timeline-v-card{background:var(--card-bg);border-radius:12px;padding:15px 20px;margin-left:10px;border:1px solid var(--border-color);box-shadow:0 2px 5px var(--shadow-color);transition:all .2s ease}.timeline-v-card:hover{border-color:var(--info-color)}.timeline-v-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;border-bottom:1px dashed var(--border-color)}.timeline-v-date{font-size:13px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:5px}.timeline-v-duration{font-size:11px;padding:2px 8px;background:#ebf8ff;color:#2b6cb0;border-radius:10px;font-weight:700}.dark-theme .timeline-v-duration{background:#2c5282;color:#bee3f8}.timeline-v-meta{display:flex;gap:20px;margin-bottom:10px;font-size:13px}.timeline-v-meta-item{display:flex;align-items:center;gap:6px}.timeline-v-label{color:var(--text-secondary);font-weight:500}.timeline-v-value{font-weight:600}.timeline-v-status{font-weight:700;font-size:14px;margin-bottom:5px}.timeline-v-details{font-size:13.5px;color:var(--text-primary);line-height:1.5}.badge-pending{color:#2f855a;background:#f0fff4;padding:2px 6px;border-radius:4px;font-weight:600}.dark-theme .badge-pending{color:#9ae6b4;background:#22543d}.badge-unit{color:#c53030;background:#fff5f5;padding:2px 6px;border-radius:4px;font-weight:600}.dark-theme .badge-unit{color:#feb2b2;background:#742a2a}.premium-loader-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;gap:20px}.master-loader{width:60px;aspect-ratio:1;display:grid;color:var(--info-color);background:radial-gradient(farthest-side,currentColor 98%,#0000) center/12px 12px,radial-gradient(farthest-side,currentColor 98%,#0000) center/12px 12px;background-repeat:no-repeat;animation:master-l9 1s infinite}.master-loader:before,.master-loader:after{content:"";grid-area:1/1;background:inherit;opacity:.6;animation:inherit;animation-delay:-.2s}.master-loader:after{opacity:.3;animation-delay:-.4s}@keyframes master-l9{0%{background-position:0% 50%,100% 50%}20%{background-position:20% 50%,80% 50%}40%{background-position:50% 50%,50% 50%}60%{background-position:50% 20%,50% 80%}80%{background-position:50% 40%,50% 60%}to{background-position:50% 50%,50% 50%}}.loader-text-premium{font-size:13px;font-weight:800;color:var(--text-primary);text-transform:uppercase;letter-spacing:3px;position:relative;animation:pulse-text-premium 1.5s ease-in-out infinite;margin-top:10px}@keyframes pulse-text-premium{0%,to{opacity:.5;transform:scale(.95);filter:blur(.5px)}50%{opacity:1;transform:scale(1);filter:blur(0px)}}.warehouse-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin-top:20px}.warehouse-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:12px 15px;display:flex;align-items:center;justify-content:space-between;transition:all .2s ease}.warehouse-card:hover{border-color:var(--info-color);box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}.warehouse-info{display:flex;align-items:center;gap:12px}.warehouse-icon{width:32px;height:32px;border-radius:8px;background:#3498db1a;color:var(--info-color);display:flex;align-items:center;justify-content:center;font-size:14px}.warehouse-card.sa-type .warehouse-icon{background:#9b59b61a;color:#9b59b6}.warehouse-name{font-weight:600;font-size:14px;color:var(--text-primary)}.warehouse-qty{font-weight:800;font-size:16px;color:var(--success-color)}.warehouse-qty.zero{color:var(--text-secondary);opacity:.5}.total-summary-card{margin-top:25px;padding:15px 20px;background:linear-gradient(135deg,#20c9971a,#20c9970d);border:1px solid rgba(32,201,151,.2);border-radius:12px;display:flex;justify-content:space-between;align-items:center}.total-summary-label{font-weight:700;color:#20c997;display:flex;align-items:center;gap:8px}.total-summary-value{font-size:20px;font-weight:800;color:#20c997}.gm-summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.executive-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:30px}.gm-performance-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:15px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.gm-performance-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--info-color)}.gm-performance-card:hover{transform:translateY(-5px);box-shadow:0 12px 24px #0000001a;border-color:var(--info-color)}.gm-card-header{display:flex;justify-content:space-between;align-items:flex-start}.gm-name-group{display:flex;flex-direction:column}.gm-label{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);font-weight:700}.gm-main-name{font-size:20px;font-weight:800;color:var(--text-primary)}.gm-score-ring{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;position:relative;background:#0000000d}.gm-score-ring.high{color:var(--success-color);border:3px solid var(--success-color)}.gm-score-ring.mid{color:var(--info-color);border:3px solid var(--info-color)}.gm-score-ring.low{color:var(--danger-color);border:3px solid var(--danger-color)}.gm-metrics-mini{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mini-stat{padding:8px 12px;border-radius:8px;background:#00000005;display:flex;flex-direction:column}.mini-stat-label{font-size:10px;color:var(--text-secondary);font-weight:600}.mini-stat-value{font-size:15px;font-weight:700}.gm-status-distribution{display:flex;height:8px;border-radius:4px;overflow:hidden;margin:10px 0;background:#0000000d}.dist-segment{height:100%;transition:width .5s ease}.dist-success{background:var(--success-color)}.dist-pending{background:var(--info-color)}.dist-overdue{background:var(--danger-color)}.dist-other{background:#b1b1b1}.gm-backlog-list{margin-top:auto;display:flex;flex-direction:column;gap:6px}.backlog-item{display:flex;justify-content:space-between;align-items:center;font-size:12px;padding:6px 10px;background:#00000008;border-radius:6px}.backlog-unit{font-weight:600;color:var(--text-secondary)}.backlog-count{font-weight:800;color:var(--text-primary)}.gm-summary-fab{position:fixed;bottom:30px;right:30px;width:60px;height:60px;border-radius:50%;background:var(--info-color);color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 8px 20px #0003;cursor:pointer;z-index:1000;transition:all .3s}.gm-summary-fab:hover{transform:scale(1.1) rotate(5deg);background:#2980b9}