@media print{body{background:#fff!important;color:#000!important;margin:0!important;padding:0!important}.no-print{display:none!important}.print-page{page-break-after:always;box-shadow:none!important;margin:0!important;border:none!important}@page{size:A4 portrait;margin:10mm}}.sticker-container{width:100%;max-width:210mm;min-height:297mm;background:#fff;color:#0f172a;border:4px solid #0f172a;border-radius:8px;box-sizing:border-box;padding:16mm 14mm;font-family:Prompt,IBM Plex Sans Thai,sans-serif;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 10px 30px #00000026;margin:0 auto}.sticker-header{display:flex;align-items:center;justify-content:space-between;border-bottom:4px solid #0f172a;padding-bottom:12px}.sticker-logo-img{height:75px;object-fit:contain}.sticker-title-block{text-align:right}.sticker-company-th{font-size:20px;font-weight:700;color:#0f172a}.sticker-company-en{font-size:13px;font-weight:600;color:#475569;letter-spacing:.5px}.sticker-system-badge{display:inline-block;background:#0284c7;color:#fff;font-size:13px;font-weight:700;padding:4px 12px;border-radius:4px;margin-top:4px}.sticker-hero-section{display:flex;justify-content:space-between;align-items:center;background:#f8fafc;border:3px solid #0f172a;border-radius:8px;padding:18px 22px;margin:16px 0}.sticker-partno-label{font-size:16px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:1px}.sticker-partno-val{font-size:68px;font-weight:800;line-height:1;color:#0f172a;font-family:JetBrains Mono,Prompt,monospace}.sticker-qr-block{text-align:center;background:#fff;padding:8px;border:2px solid #cbd5e1;border-radius:6px}.sticker-code-sub{font-size:12px;font-weight:700;font-family:JetBrains Mono,monospace;margin-top:4px;color:#334155}.sticker-spec-grid{display:grid;grid-template-columns:1.6fr 1.2fr 1fr .8fr;gap:10px;margin-bottom:16px}.sticker-spec-box{border:2px solid #334155;border-radius:6px;padding:12px 14px;background:#fff}.sticker-spec-label{font-size:14px;font-weight:600;color:#64748b;margin-bottom:4px}.sticker-spec-val-lg{font-size:26px;font-weight:700;color:#0f172a;line-height:1.2}.sticker-spec-val-md{font-size:22px;font-weight:700;color:#0284c7}.sticker-details-table{width:100%;border-collapse:collapse;border:2px solid #334155;margin-bottom:16px}.sticker-details-table th,.sticker-details-table td{border:1.5px solid #64748b;padding:10px 12px;font-size:16px}.sticker-details-table th{background:#f1f5f9;font-weight:700;color:#1e293b;width:25%}.sticker-details-table td{font-weight:600;color:#0f172a}.sticker-pass-banner{border:3px solid #16a34a;background:#f0fdf4;color:#15803d;padding:12px 16px;border-radius:6px;font-size:20px;font-weight:800;display:flex;align-items:center;justify-content:space-between}.sticker-rework-banner{border:3px solid #dc2626;background:#fef2f2;color:#b91c1c;padding:12px 16px;border-radius:6px;font-size:18px;font-weight:800;margin-top:8px}.sticker-footer{border-top:3px solid #0f172a;padding-top:12px;display:flex;justify-content:space-between;align-items:flex-end;font-size:13px;color:#64748b}.compact-sticker-container{width:100mm;min-height:150mm;background:#fff;color:#0f172a;border:1px solid #cbd5e1;border-radius:8px;box-sizing:border-box;padding:10mm 10mm 8mm;font-family:Prompt,IBM Plex Sans Thai,sans-serif;display:flex;flex-direction:column;box-shadow:0 10px 30px #0000001f;margin:0 auto}.compact-header-row{display:flex;justify-content:flex-end;align-items:center;margin-bottom:2mm}.itc-circular-stamp{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1.5px dashed #475569;border-radius:50%;padding:2px}.itc-stamp-ring{width:30px;height:30px;border:1px solid #64748b;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12px;color:#1e293b;letter-spacing:.5px}.compact-qr-section{display:flex;justify-content:center;align-items:center;margin:2mm 0 4mm}.compact-qr-img{width:48mm;height:48mm;display:block}.compact-details-list{display:flex;flex-direction:column;gap:2.5mm;padding:0 2mm}.compact-project-title{font-size:16px;font-weight:800;color:#0f172a;margin-bottom:1.5mm;line-height:1.3}.compact-field-row{display:flex;align-items:baseline;font-size:13.5px;color:#1e293b;line-height:1.3}.compact-label{width:68px;color:#334155;font-weight:500;flex-shrink:0}.compact-value{font-weight:600;color:#0f172a;word-break:break-word}.compact-part-bold{font-weight:800;font-size:15px;color:#0f172a}.compact-footer-box{margin-top:auto;padding-top:3mm;display:flex;flex-direction:column;align-items:flex-start;gap:2px}.compact-print-box{border:1px solid #64748b;border-radius:4px;padding:2px 8px;font-size:10.5px;color:#334155;font-family:JetBrains Mono,Prompt,monospace;font-weight:600}.compact-print-caption{font-size:9px;color:#94a3b8;margin-left:2px}.confirm-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172aa6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1200;display:flex;align-items:center;justify-content:center;padding:16px;animation:confirmFadeIn .18s cubic-bezier(.16,1,.3,1)}@keyframes confirmFadeIn{0%{opacity:0}to{opacity:1}}.confirm-modal-card{width:480px;max-width:95vw;background:#fff;border-radius:16px;box-shadow:0 20px 40px -8px #0f172a40,0 0 0 1px #0000000f;display:flex;flex-direction:column;overflow:hidden;animation:confirmScaleIn .2s cubic-bezier(.16,1,.3,1);font-family:var(--font-body, "IBM Plex Sans Thai", sans-serif)}@keyframes confirmScaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.confirm-modal-header{padding:20px 24px 12px;display:flex;align-items:flex-start;gap:14px}.confirm-icon-box{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.confirm-icon-box.danger{background:#fee2e2;color:#dc2626;border:1px solid #fecdd3}.confirm-icon-box.warning{background:#fef3c7;color:#d97706;border:1px solid #fde68a}.confirm-icon-box.success{background:#dcfce7;color:#16a34a;border:1px solid #bbf7d0}.confirm-icon-box.primary{background:#e0f2fe;color:#0284c7;border:1px solid #bae6fd}.confirm-title-block{flex:1;display:flex;flex-direction:column;gap:4px}.confirm-title{margin:0;font-family:var(--font-heading, "Prompt", sans-serif);font-size:17px;font-weight:700;color:#0f172a;line-height:1.3}.confirm-subtitle{font-size:12.5px;color:#64748b}.btn-confirm-close{background:transparent;border:none;color:#94a3b8;width:28px;height:28px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.btn-confirm-close:hover{background:#f1f5f9;color:#0f172a}.confirm-modal-body{padding:4px 24px 20px}.confirm-message-text{margin:0;font-size:13.5px;line-height:1.55;color:#334155;background:#f8fafc;padding:12px 14px;border-radius:10px;border:1px solid #e2e8f0}.confirm-modal-actions{padding:14px 24px 18px;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;align-items:center;justify-content:flex-end;gap:10px}.btn-cancel-action{padding:9px 18px;border-radius:8px;font-size:13.5px;font-weight:600;background:#fff;border:1px solid #cbd5e1;color:#475569;cursor:pointer;transition:all .15s ease}.btn-cancel-action:hover{background:#f1f5f9;color:#0f172a}.btn-execute-action{padding:9px 20px;border-radius:8px;font-size:13.5px;font-weight:700;color:#fff;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .15s ease}.btn-execute-action.danger{background:#dc2626;box-shadow:0 2px 6px #dc262640}.btn-execute-action.danger:hover{background:#b91c1c}.btn-execute-action.warning{background:#d97706;box-shadow:0 2px 6px #d9770640}.btn-execute-action.warning:hover{background:#b45309}.btn-execute-action.success{background:#16a34a;box-shadow:0 2px 6px #16a34a40}.btn-execute-action.success:hover{background:#15803d}.btn-execute-action.primary{background:#0284c7;box-shadow:0 2px 6px #0284c740}.btn-execute-action.primary:hover{background:#0369a1}.toast-floating-container{position:fixed;top:20px;right:20px;z-index:1300;display:flex;flex-direction:column;gap:10px;max-width:420px;width:calc(100vw - 40px);pointer-events:none}.toast-item-card{pointer-events:auto;background:#fff;border-radius:12px;padding:12px 16px;box-shadow:0 10px 25px -4px #0f172a26,0 0 0 1px #0000000f;display:flex;align-items:flex-start;gap:12px;animation:toastSlideIn .25s cubic-bezier(.16,1,.3,1);border-left:4px solid #cbd5e1;font-family:var(--font-body, "IBM Plex Sans Thai", sans-serif)}@keyframes toastSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-item-card.success{border-left-color:#22c55e}.toast-item-card.warn{border-left-color:#f59e0b}.toast-item-card.error{border-left-color:#ef4444}.toast-item-card.info{border-left-color:#0284c7}.toast-icon-wrapper{margin-top:1px;flex-shrink:0}.toast-icon-wrapper.success{color:#16a34a}.toast-icon-wrapper.warn{color:#d97706}.toast-icon-wrapper.error{color:#dc2626}.toast-icon-wrapper.info{color:#0284c7}.toast-content-wrapper{flex:1;display:flex;flex-direction:column;gap:2px}.toast-title{font-family:var(--font-heading, "Prompt", sans-serif);font-size:13px;font-weight:700;color:#0f172a}.toast-message{font-size:12.5px;color:#475569;line-height:1.4}.btn-toast-dismiss{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:2px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.btn-toast-dismiss:hover{background:#f1f5f9;color:#0f172a}:root{--font-body: "IBM Plex Sans Thai", "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading: "Prompt", "IBM Plex Sans Thai", sans-serif;--font-mono: "JetBrains Mono", "IBM Plex Sans Thai", monospace;--text-xs: 12px;--text-sm: 13px;--text-base: 14px;--text-md: 15px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 20px;--text-3xl: 24px;--text-4xl: 30px;--lh-tight: 1.25;--lh-snug: 1.35;--lh-normal: 1.5;--lh-relaxed: 1.625}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--lh-normal);background-color:#f8fafc;color:#0f172a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.2px}code,.code-font,[data-mono]{font-family:var(--font-mono)}button,select,input,textarea{font-family:var(--font-body)}::selection{background:#0284c7;color:#fff}input,textarea{caret-color:#0284c7}:focus-visible{outline:2px solid #0284c7;outline-offset:2px}.tabular-nums,code,.code-font,[data-numeric],.kpi-number,.stat-value{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.kpi-cards-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;padding:14px 20px;background:#f8fafc;border-bottom:1px solid #e2e8f0}@media (max-width: 1440px){.kpi-cards-grid{grid-template-columns:repeat(3,1fr);gap:10px;padding:12px 16px}}@media (max-width: 768px){.kpi-cards-grid{grid-template-columns:repeat(2,1fr);gap:8px;padding:10px 12px}}@media (max-width: 480px){.kpi-cards-grid{grid-template-columns:1fr;gap:8px;padding:10px}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.nav-btn-text-short{display:none}@media (max-width: 1200px){.nav-btn-text-full{display:none!important}.nav-btn-text-short{display:inline!important}}@media (max-width: 820px){.nav-hide-compact{display:none!important}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.95) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes floatSlow{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-16px) rotate(2deg)}}@keyframes pulseGlow{0%,to{opacity:.18;transform:scale(1)}50%{opacity:.35;transform:scale(1.08)}}@keyframes flyoutSlideIn{0%{opacity:0;transform:translate(-8px) scale(.98)}to{opacity:1;transform:translate(0) scale(1)}}