@charset "UTF-8";:root{--primary: #1a3c5e;--primary-light: #234d78;--primary-dark: #122840;--accent: #0ea5e9;--accent-light: #e0f2fe;--success: #16a34a;--success-bg: #dcfce7;--warning: #d97706;--warning-bg: #fef3c7;--danger: #dc2626;--danger-bg: #fee2e2;--info: #2563eb;--info-bg: #dbeafe;--purple: #7c3aed;--purple-bg: #ede9fe;--orange: #ea580c;--orange-bg: #ffedd5;--bg: #f0f4f8;--surface: #ffffff;--border: #e2e8f0;--border-light: #f1f5f9;--text: #0f172a;--text-sec: #475569;--text-muted: #94a3b8;--sidebar-w: 240px;--header-h: 60px;--radius: 10px;--radius-sm: 6px;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow: 0 4px 6px rgba(0,0,0,.07), 0 2px 4px rgba(0,0,0,.04);--shadow-md: 0 10px 15px rgba(0,0,0,.08);--shadow-lg: 0 20px 25px rgba(0,0,0,.1);--t: .15s cubic-bezier(.4,0,.2,1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;-webkit-font-smoothing:antialiased}body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}a{text-decoration:none;color:inherit}button,input,select,textarea{font-family:inherit;font-size:inherit}ul,ol{list-style:none}.app-header{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--header-h);background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 60%,var(--primary-light) 100%);display:flex;align-items:center;justify-content:space-between;padding:0 20px 0 0;box-shadow:0 2px 8px #0000004d}.header-brand{display:flex;align-items:center;gap:12px;height:var(--header-h);padding:0 20px;border-right:1px solid rgba(255,255,255,.1);min-width:var(--sidebar-w)}.brand-logo{width:34px;height:34px;border-radius:8px;background:#ffffff26;border:1.5px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12px;color:#fff;letter-spacing:-.5px;flex-shrink:0}.brand-text h2{font-size:14px;font-weight:700;color:#fff;line-height:1.2}.brand-text span{font-size:11px;color:#ffffff8c}.header-right{display:flex;align-items:center;gap:16px;padding-left:20px}.user-badge{display:flex;align-items:center;gap:10px}.user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--accent) 0%,#6366f1 100%);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;border:2px solid rgba(255,255,255,.3);flex-shrink:0}.user-email{font-size:12px;color:#fffc;font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-logout{display:flex;align-items:center;gap:6px;padding:6px 14px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#ffffffe6;cursor:pointer;font-size:12px;font-weight:600;transition:var(--t);letter-spacing:.2px}.btn-logout:hover{background:#fff3;border-color:#fff6}.app-body{display:flex;padding-top:var(--header-h);min-height:100vh}.app-sidebar{width:var(--sidebar-w);position:fixed;top:var(--header-h);left:0;bottom:0;background:var(--surface);border-right:1px solid var(--border);overflow-y:auto;z-index:50;display:flex;flex-direction:column}.sidebar-group{padding:12px 10px 6px}.sidebar-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);padding:0 8px 6px;display:block}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;color:var(--text-sec);font-size:13px;font-weight:500;cursor:pointer;transition:var(--t);margin-bottom:1px}.nav-item .mat-icon{font-size:18px;font-family:Material Icons Round;color:var(--text-muted);transition:var(--t)}.nav-item:hover{background:var(--bg);color:var(--primary)}.nav-item:hover .mat-icon{color:var(--primary)}.nav-item.active{background:var(--info-bg);color:var(--info);font-weight:600}.nav-item.active .mat-icon{color:var(--info)}.app-content{margin-left:var(--sidebar-w);flex:1;padding:24px;min-height:calc(100vh - var(--header-h))}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:12px}.page-title h1{font-size:21px;font-weight:700;color:var(--text)}.page-title p{font-size:13px;color:var(--text-muted);margin-top:3px}.breadcrumb{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted);margin-bottom:5px}.breadcrumb a{color:var(--info)}.breadcrumb a:hover{text-decoration:underline}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.card-header{padding:13px 20px;border-bottom:1px solid var(--border);font-size:13px;font-weight:700;color:var(--text);display:flex;align-items:center;gap:8px;background:var(--border-light)}.card-body{padding:20px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;margin-bottom:20px}.kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden;transition:box-shadow var(--t),transform var(--t)}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.kpi-card:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.kpi-card-total:before{background:var(--info)}.kpi-card-draft:before{background:var(--text-muted)}.kpi-card-sub:before{background:var(--accent)}.kpi-card-hod:before{background:var(--warning)}.kpi-card-oe:before{background:var(--purple)}.kpi-card-rework:before{background:var(--orange)}.kpi-card-approved:before{background:var(--success)}.kpi-card-rejected:before{background:var(--danger)}.kpi-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted)}.kpi-value{font-size:30px;font-weight:800;color:var(--text);margin:6px 0 2px;line-height:1}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th{padding:10px 16px;text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);background:var(--border-light);border-bottom:1px solid var(--border);white-space:nowrap}.data-table td{padding:11px 16px;font-size:13px;color:var(--text);border-bottom:1px solid var(--border-light);vertical-align:middle}.data-table tbody tr{transition:background var(--t)}.data-table tbody tr:hover{background:#f8fafc}.data-table tbody tr:last-child td{border-bottom:none}.table-link{color:var(--info);font-weight:600}.table-link:hover{text-decoration:underline}.badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:700;white-space:nowrap}.badge-draft{background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0}.badge-submitted{background:var(--info-bg);color:var(--info);border:1px solid #bfdbfe}.badge-hod-review{background:var(--warning-bg);color:var(--warning);border:1px solid #fde68a}.badge-oe-review{background:var(--purple-bg);color:var(--purple);border:1px solid #ddd6fe}.badge-rework{background:var(--orange-bg);color:var(--orange);border:1px solid #fed7aa}.badge-approved{background:var(--success-bg);color:var(--success);border:1px solid #bbf7d0}.badge-rejected{background:var(--danger-bg);color:var(--danger);border:1px solid #fecaca}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;border:none;transition:var(--t);white-space:nowrap;letter-spacing:.1px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--info);color:#fff}.btn-primary:hover:not(:disabled){background:#1d4ed8;box-shadow:0 3px 8px #2563eb59}.btn-success{background:var(--success);color:#fff}.btn-success:hover:not(:disabled){background:#15803d;box-shadow:0 3px 8px #16a34a4d}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-outline{background:#fff;color:var(--text-sec);border:1.5px solid var(--border)}.btn-outline:hover:not(:disabled){background:var(--bg);border-color:#cbd5e1}.btn-ghost{background:transparent;color:var(--text-sec)}.btn-ghost:hover:not(:disabled){background:var(--bg)}.btn-sm{padding:5px 12px;font-size:12px}.btn-icon{padding:7px;border-radius:6px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.form-full{grid-column:1/-1}.form-group{display:flex;flex-direction:column;gap:5px}.form-label{font-size:11px;font-weight:700;color:var(--text-sec);text-transform:uppercase;letter-spacing:.5px}.required{color:var(--danger);margin-left:2px}.form-hint{font-size:11px;color:var(--text-muted)}.form-control{padding:9px 12px;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:13px;transition:border-color var(--t),box-shadow var(--t);outline:none;width:100%}.form-control::placeholder{color:var(--text-muted)}.form-control:focus{border-color:var(--info);box-shadow:0 0 0 3px #2563eb1a}.form-control:disabled{background:var(--border-light);color:var(--text-muted);cursor:not-allowed}textarea.form-control{min-height:90px;resize:vertical;line-height:1.5}select.form-control{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;padding-right:32px;cursor:pointer}.section-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:18px;overflow:hidden;box-shadow:var(--shadow-sm)}.section-header{padding:13px 20px;background:linear-gradient(to right,#f8fafc,#f1f5f9);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}.section-header h3{font-size:13px;font-weight:700;color:var(--text)}.section-header .section-icon{font-size:18px;font-family:Material Icons Round;color:var(--info)}.section-body{padding:20px}.filter-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:14px}.filter-bar .form-control{max-width:200px;padding:7px 11px}.filter-bar select.form-control{max-width:160px}.pagination-bar{display:flex;align-items:center;justify-content:space-between;padding:11px 20px;border-top:1px solid var(--border);background:var(--border-light)}.pagination{display:flex;gap:3px}.pagination button{min-width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:5px;background:var(--surface);color:var(--text-sec);font-size:12px;font-weight:600;cursor:pointer;transition:var(--t)}.pagination button:hover:not(:disabled){background:var(--info);color:#fff;border-color:var(--info)}.pagination button.active{background:var(--info);color:#fff;border-color:var(--info)}.pagination button:disabled{opacity:.35;cursor:not-allowed}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-state .empty-icon{font-size:52px;font-family:Material Icons Round;color:var(--text-muted);margin-bottom:14px;display:block}.empty-state h3{font-size:15px;font-weight:600;color:var(--text-sec);margin-bottom:6px}.empty-state p{font-size:13px;color:var(--text-muted)}.empty-state a{color:var(--info);font-weight:600}.empty-state a:hover{text-decoration:underline}.page-loading{display:flex;align-items:center;justify-content:center;padding:80px}.spinner{width:34px;height:34px;border:3px solid var(--border);border-top-color:var(--info);border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.waste-chips{display:flex;flex-wrap:wrap;gap:8px}.waste-chip{padding:6px 14px;border-radius:20px;border:1.5px solid var(--border);background:var(--surface);font-size:12px;font-weight:500;color:var(--text-sec);cursor:pointer;transition:var(--t);-webkit-user-select:none;user-select:none}.waste-chip:hover{border-color:var(--info);color:var(--info)}.waste-chip.active{background:var(--info-bg);color:var(--info);border-color:var(--info);font-weight:700}.action-strip{position:sticky;bottom:0;z-index:20;background:var(--surface);border-top:1px solid var(--border);padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 -4px 12px #0000000f;margin:24px -24px -24px}.detail-pairs{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.dp-item{background:var(--surface);padding:13px 16px}.dp-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:3px}.dp-value{font-size:13px;font-weight:500;color:var(--text)}.timeline{position:relative}.timeline:before{content:"";position:absolute;left:17px;top:36px;bottom:0;width:2px;background:var(--border)}.tl-item{display:flex;gap:14px;padding-bottom:20px;position:relative}.tl-item:last-child{padding-bottom:0}.tl-dot{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:1}.tl-content{flex:1;padding-top:4px}.tl-title{font-size:13px;font-weight:600;color:var(--text)}.tl-meta{font-size:11px;color:var(--text-muted);margin-top:2px}.tl-body{font-size:13px;color:var(--text-sec);margin-top:6px;background:var(--border-light);border-radius:6px;padding:10px 12px}.toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:var(--radius);background:#1e293b;color:#fff;font-size:13px;font-weight:500;box-shadow:var(--shadow-lg);min-width:260px;animation:toast-in .25s ease-out;pointer-events:all}.toast-success{background:var(--success)}.toast-error{background:var(--danger)}.toast-info{background:var(--info)}@keyframes toast-in{0%{transform:translateY(16px) scale(.97);opacity:0}to{transform:none;opacity:1}}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.flex-1{flex:1}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.text-sm{font-size:12px}.text-muted{color:var(--text-muted)}.fw-600{font-weight:600}.divider{height:1px;background:var(--border);margin:12px 0}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-center{display:flex;align-items:center}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.font-medium{font-weight:500}.font-bold{font-weight:700}.text-xs{font-size:11px}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-info{color:var(--info)}.mt-1{margin-top:4px}.mt-3{margin-top:12px}.spinner-dark{width:34px;height:34px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .75s linear infinite}.checkbox-group{display:flex;flex-wrap:wrap;gap:8px}.checkbox-chip{padding:6px 14px;border-radius:20px;border:1.5px solid var(--border);background:var(--surface);font-size:12px;font-weight:500;color:var(--text-sec);cursor:pointer;transition:var(--t);-webkit-user-select:none;user-select:none}.checkbox-chip:hover{border-color:var(--info);color:var(--info)}.checkbox-chip.checked{background:var(--info-bg);color:var(--info);border-color:var(--info);font-weight:700}.btn-warning{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;border:none;transition:var(--t);background:var(--warning);color:#fff}.btn-warning:hover:not(:disabled){background:#b45309}.btn-warning:disabled{opacity:.5;cursor:not-allowed}.timeline-item{display:flex;gap:14px;padding-bottom:20px;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-dot{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:1;background:var(--border-light);color:var(--text-sec);font-size:11px;font-weight:800}.timeline-dot-info{background:var(--info-bg);color:var(--info)}.timeline-dot-success{background:var(--success-bg);color:var(--success)}.timeline-dot-danger{background:var(--danger-bg);color:var(--danger)}.timeline-dot-warning{background:var(--warning-bg);color:var(--warning)}.timeline-dot-muted{background:var(--border-light);color:var(--text-muted)}.timeline-content{flex:1;padding-top:4px}.timeline-title{font-size:13px;font-weight:600;color:var(--text)}.timeline-meta{font-size:11px;color:var(--text-muted);margin-top:2px}.timeline-comment{font-size:13px;color:var(--text-sec);margin-top:6px;background:var(--border-light);border-radius:6px;padding:10px 12px}.upload-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.upload-card{border:2px dashed var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden;transition:var(--t);min-height:160px;display:flex;flex-direction:column}.upload-card--done{border-style:solid;border-color:var(--success)}.upload-card--loading{border-color:var(--accent)}.upload-hidden-input{display:none}.upload-zone{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px 16px;cursor:pointer;transition:var(--t)}.upload-zone:hover{background:var(--bg)}.upload-zone:hover .upload-icon{color:var(--accent);transform:scale(1.1)}.upload-zone--uploading{cursor:default}.upload-icon{font-size:36px;color:#cbd5e1;transition:var(--t)}.upload-label{font-size:13px;font-weight:600;color:var(--text-sec)}.upload-hint{font-size:11px;color:#94a3b8}.upload-spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}.upload-preview{position:relative;height:130px;background:#f8fafc;display:flex;align-items:center;justify-content:center;overflow:hidden}.upload-preview:hover .upload-preview-overlay{opacity:1}.upload-thumb{width:100%;height:100%;object-fit:cover}.upload-doc-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--accent-light)}.upload-preview-overlay{position:absolute;inset:0;background:#0f172a8c;display:flex;align-items:center;justify-content:center;gap:10px;opacity:0;transition:opacity .2s ease}.upload-action-btn{width:36px;height:36px;border-radius:50%;background:#ffffff26;border:1.5px solid rgba(255,255,255,.4);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--t);text-decoration:none}.upload-action-btn .material-icons-round{font-size:18px}.upload-action-btn:hover{background:#ffffff4d}.upload-action-btn--danger:hover{background:#ef4444b3;border-color:transparent}.upload-file-label{display:flex;align-items:center;gap:5px;padding:8px 12px;font-size:12px;font-weight:500;color:var(--text-sec);background:#f0fdf4;border-top:1px solid #bbf7d0}.upload-reupload{margin-left:auto;color:var(--accent);font-weight:600;cursor:pointer;font-size:11px}.upload-reupload:hover{text-decoration:underline}.attachment-gallery{display:flex;gap:14px;flex-wrap:wrap}.attach-card{position:relative;width:160px;border-radius:var(--radius);border:1.5px solid var(--border);overflow:hidden;cursor:pointer;background:var(--surface);box-shadow:var(--shadow-sm);transition:var(--t)}.attach-card:hover{border-color:var(--accent);box-shadow:0 4px 16px #0ea5e92e;transform:translateY(-2px)}.attach-card:hover .attach-hover{opacity:1}.attach-card:hover .attach-thumb img{transform:scale(1.05)}.attach-thumb{height:110px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;overflow:hidden}.attach-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.attach-thumb--doc{background:var(--accent-light)}.attach-doc-icon{font-size:40px;color:var(--accent)}.attach-label{display:flex;align-items:center;gap:5px;padding:8px 10px;font-size:12px;font-weight:600;color:var(--text-sec);border-top:1px solid var(--border)}.attach-hover{position:absolute;inset:0 0 32px;background:#0f172a73;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;color:#fff}.attach-hover .material-icons-round{font-size:32px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.lightbox-overlay{position:fixed;inset:0;background:#080e1cd1;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .18s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lightbox-box{background:#fff;border-radius:14px;overflow:hidden;max-width:900px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px #0006;animation:slideUp .2s ease}@keyframes slideUp{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}.lightbox-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0}.lightbox-title{font-size:14px;font-weight:700;color:var(--text)}.lightbox-actions{display:flex;gap:6px}.lightbox-btn{width:34px;height:34px;border-radius:8px;border:1.5px solid var(--border);background:var(--surface);color:var(--text-sec);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--t);text-decoration:none}.lightbox-btn .material-icons-round{font-size:18px}.lightbox-btn:hover{background:var(--bg);color:var(--text);border-color:#cbd5e1}.lightbox-body{overflow:auto;display:flex;align-items:center;justify-content:center;background:#0f172a;flex:1;min-height:200px}.lightbox-img{max-width:100%;max-height:calc(90vh - 70px);object-fit:contain;display:block}.lightbox-doc-msg{display:flex;flex-direction:column;align-items:center;gap:14px;padding:48px;color:#94a3b8}.lightbox-doc-msg p{font-size:14px}@media (max-width: 768px){.form-grid,.form-grid-3,.grid-2,.grid-3{grid-template-columns:1fr}.app-content{margin-left:0;padding:16px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.upload-grid{grid-template-columns:1fr}.attach-card{width:calc(50% - 7px)}.lightbox-box{max-height:95vh;border-radius:10px}}