.sample-config-page-root{color:#1e293b;background-color:#f8fafc;min-height:calc(100vh - 4rem);padding:1.5rem 2rem;font-family:inherit}.scc-header-area{background:#fff;border:1px solid #e2e8f0;border-radius:.875rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;margin-bottom:1.5rem;padding:1.25rem 1.75rem;display:flex;box-shadow:0 1px 3px #0000000a}.scc-title-left{align-items:center;gap:1rem;display:flex}.scc-icon-box{color:#4f46e5;background:linear-gradient(135deg,#e0e7ff 0%,#c7d2fe 100%);border-radius:.75rem;justify-content:center;align-items:center;width:3.25rem;height:3.25rem;display:flex;box-shadow:0 2px 4px #4f46e51a}.scc-title{color:#0f172a!important;margin:0!important;font-size:1.375rem!important;font-weight:700!important}.scc-subtitle{color:#64748b!important;margin-top:.2rem!important;font-size:.875rem!important}.scc-tab-content{margin-top:1rem}.scc-alert{margin-bottom:1.25rem!important}.scc-card{margin-bottom:1.5rem;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:.75rem!important;box-shadow:0 1px 3px #0000000a!important}.scc-section-title{color:#0f172a!important;margin-bottom:.5rem!important;font-size:1.05rem!important;font-weight:700!important}.scc-desc{color:#64748b!important;margin-bottom:1rem!important;font-size:.8125rem!important}.scc-chips-wrap{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;padding:.75rem;display:flex}.scc-add-row{align-items:center;gap:.75rem;display:flex}.scc-btn-primary{color:#fff!important;text-transform:none!important;background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%)!important;border-radius:.5rem!important;padding:.45rem 1rem!important;font-weight:600!important}.scc-btn-primary:hover{background:linear-gradient(135deg,#4338ca 0%,#3730a3 100%)!important}.config-container{max-width:1440px;margin:0 auto;padding:32px 40px}.config-breadcrumb{color:#64748b;align-items:center;gap:8px;margin-bottom:6px;font-size:13px;display:flex}.config-header{margin-bottom:28px}.config-title{color:#0f172a;letter-spacing:-.02em;margin:0 0 6px;font-size:26px;font-weight:700}.config-subtitle{color:#64748b;max-width:800px;margin:0;font-size:14px;line-height:1.5}.config-section-title{color:#334155;letter-spacing:.01em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:16px;font-size:14px;font-weight:600;display:flex}.mt-8{margin-top:36px}.config-grid{grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:24px;display:grid}.roadmap-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.config-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px -2px #0000000a,0 1px 4px -1px #00000005}.primary-card{cursor:pointer;border-color:#e2e8f0}.primary-card:hover{border-color:#cbd5e1;transform:translateY(-3px);box-shadow:0 12px 24px -6px #0f172a14,0 4px 12px -2px #0f172a0a}.card-top{justify-content:space-between;align-items:center;padding:24px 24px 16px;display:flex}.icon-wrapper{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .2s;display:flex}.primary-card:hover .icon-wrapper{transform:scale(1.05)}.lab-icon{color:#059669;background:#ecfdf5}.dept-icon{color:#2563eb;background:#eff6ff}.future-icon{color:#94a3b8;background:#f8fafc}.status-badge{border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.active-badge{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.future-badge{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0}.card-body{flex:1;padding:0 24px 20px}.card-heading{color:#0f172a;margin:0 0 8px;font-size:18px;font-weight:700}.card-desc{color:#64748b;margin:0 0 16px;font-size:13.5px;line-height:1.55}.card-meta-list{background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.meta-row{justify-content:space-between;align-items:center;font-size:12.5px;display:flex}.meta-label{color:#64748b;font-weight:500}.meta-value{color:#1e293b;text-align:right;font-weight:600}.badge-subtle{color:#0369a1;background:#e0f2fe;border-radius:6px;padding:2px 8px;font-size:11.5px}.card-stats-row{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.stat-pill{text-align:center;background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;padding:10px 8px}.stat-number{color:#0f172a;font-size:18px;font-weight:700;display:block}.stat-label{color:#64748b;font-size:11px;font-weight:500}.card-footer{background:#fafafa;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.action-text{color:#0f172a;font-size:13.5px;font-weight:600}.action-btn{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.primary-card:hover .action-btn{color:#fff;background:#0f172a;border-color:#0f172a}.future-card{opacity:.88;background:#fafafa}.future-text{color:#94a3b8;font-size:12px;font-weight:500}.text-primary{color:#10b981}.text-muted{color:#94a3b8}@media (width<=768px){.config-container{padding:20px 16px}.config-grid{grid-template-columns:1fr}}.lab-config-container{max-width:1320px;margin:0 auto;padding:32px 40px}.lab-config-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.back-link-btn{color:#64748b;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:8px;padding:0;font-size:13px;font-weight:500;transition:color .2s;display:inline-flex}.back-link-btn:hover{color:#0f172a}.lab-config-title{color:#0f172a;letter-spacing:-.01em;margin:0 0 6px;font-size:24px;font-weight:700}.lab-config-subtitle{color:#64748b;margin:0;font-size:13.5px}.header-actions{align-items:center;gap:12px;display:flex}.btn{cursor:pointer;border:1px solid #0000;border-radius:9px;align-items:center;gap:8px;padding:10px 18px;font-size:13.5px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{color:#fff;background:#0f172a}.btn-primary:hover:not(:disabled){background:#1e293b;box-shadow:0 4px 12px #0f172a26}.btn-secondary{color:#475569;background:#fff;border-color:#cbd5e1}.btn-secondary:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8}.btn-danger-subtle{color:#dc2626;background:#fff;border-color:#fecaca}.btn-danger-subtle:hover{background:#fef2f2}.btn:disabled{opacity:.6;cursor:not-allowed}.tabs-nav-bar{scrollbar-width:none;-ms-overflow-style:none;border-bottom:1px solid #e2e8f0;align-items:center;gap:8px;margin-bottom:24px;padding-bottom:2px;display:flex;overflow-x:auto}.tabs-nav-bar::-webkit-scrollbar{display:none}.tab-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:6px 6px 0 0;align-items:center;gap:8px;padding:12px 18px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.tab-btn.active{color:#0f172a;background:#f8fafc;border-bottom-color:#0f172a;font-weight:600}.pane-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin-bottom:24px;padding:28px 32px;box-shadow:0 1px 3px #00000005}.pane-card-header{border-bottom:1px solid #f1f5f9;margin-bottom:24px;padding-bottom:16px}.pane-card-header h3{color:#0f172a;margin:0 0 4px;font-size:17px;font-weight:700}.pane-card-header p{color:#64748b;margin:0;font-size:13px}.lab-logo-uploader-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:24px;margin-bottom:24px;padding:20px 24px;display:flex}.logo-preview-box{background:#fff;border:1px dashed #cbd5e1;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:180px;height:90px;padding:8px;display:flex}.logo-preview-img{object-fit:contain;max-width:100%;max-height:100%}.logo-placeholder{text-align:center;color:#94a3b8;flex-direction:column;align-items:center;gap:4px;font-size:11px;display:flex}.logo-upload-controls{flex:1}.logo-upload-controls h4{color:#0f172a;margin:0 0 4px;font-size:15px;font-weight:700}.logo-upload-controls p{color:#64748b;margin:0 0 12px;font-size:12.5px;line-height:1.45}.logo-btn-row{align-items:center;gap:10px;display:flex}.address-header{justify-content:space-between;align-items:center;display:flex}.card-badge-pill{text-transform:uppercase;letter-spacing:.05em;color:#475569;background:#f1f5f9;border-radius:4px;margin-bottom:6px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.copy-btn-group{gap:8px;display:flex}.copy-from-btn{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:7px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:600;transition:all .2s;display:inline-flex}.copy-from-btn:hover{color:#fff;background:#0f172a;border-color:#0f172a}.form-row-2{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:18px;display:grid}.form-row-3{grid-template-columns:1fr 1fr 1fr;gap:20px;margin-bottom:18px;display:grid}.address-fields-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.col-span-2{grid-column:span 3}.form-field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-field label{color:#334155;font-size:13px;font-weight:600}.req{color:#ef4444}.form-field input,.form-field select,.form-field textarea{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:9px 13px;font-family:inherit;font-size:13.5px;transition:all .2s}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#0f172a;outline:none;box-shadow:0 0 0 3px #0f172a14}.form-field textarea{resize:vertical}.input-error{border-color:#ef4444!important}.field-error-text{color:#ef4444;font-size:12px;font-weight:500}.field-hint{color:#64748b;margin-top:2px;font-size:11.5px}.input-icon-group{align-items:center;display:flex;position:relative}.input-icon{color:#94a3b8;pointer-events:none;position:absolute;left:12px}.input-icon-group input{width:100%;padding-left:36px}.supervisor-section-box{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;margin-top:20px;padding:20px}.supervisor-box-header{align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.supervisor-box-header h4{color:#166534;margin:0 0 2px;font-size:14.5px;font-weight:700}.supervisor-box-header p{color:#15803d;margin:0;font-size:12.5px}.text-emerald{color:#16a34a}.security-notice-box{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:10px;margin-top:10px;padding:12px 16px;font-size:12.5px;display:flex}.accreditations-cards-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:20px;display:grid}.accreditation-item-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;padding:20px;transition:all .2s;display:flex;box-shadow:0 1px 3px #00000005}.accreditation-item-card:hover{border-color:#cbd5e1;box-shadow:0 6px 16px -4px #0000000f}.accred-card-top{align-items:flex-start;gap:14px;margin-bottom:12px;display:flex}.accred-logo-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;padding:4px;display:flex}.accred-logo-img{object-fit:contain;max-width:100%;max-height:100%}.accred-logo-fallback{color:#2563eb}.accred-meta{flex:1}.accred-status-row{align-items:center;gap:8px;margin-bottom:4px;display:flex}.validity-tag{color:#64748b;font-size:11px;font-weight:500}.accred-body-title{color:#0f172a;margin:0 0 2px;font-size:14px;font-weight:700;line-height:1.3}.accred-cert-badge{color:#475569;font-size:11.5px}.accred-scope-text{color:#475569;background:#f8fafc;border-radius:6px;margin:0 0 10px;padding:8px 10px;font-size:12px;line-height:1.45}.accred-standards-row{flex-wrap:wrap;gap:5px;margin-bottom:14px;display:flex}.std-chip{color:#1d4ed8;background:#eff6ff;border:1px solid #dbeafe;border-radius:4px;padding:2px 7px;font-size:11px;font-weight:600}.accred-card-actions{border-top:1px solid #f1f5f9;align-items:center;gap:8px;margin-top:auto;padding-top:12px;display:flex}.accred-logo-upload-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:16px;margin-bottom:18px;padding:14px 18px;display:flex}.accred-modal-logo-preview{background:#fff;border:1px dashed #cbd5e1;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;padding:4px;display:flex}.accred-modal-logo-preview img{object-fit:contain;max-width:100%;max-height:100%}.accred-logo-empty{color:#94a3b8;flex-direction:column;align-items:center;gap:2px;font-size:10px;display:flex}.accred-logo-details{flex:1}.accred-logo-details label{color:#0f172a;font-size:13px;font-weight:700;display:block}.accred-logo-details p{color:#64748b;margin:2px 0 8px;font-size:12px}.accred-logo-btn-group{gap:8px;display:flex}.config-toast{z-index:1000;border-radius:10px;align-items:center;gap:10px;padding:12px 20px;font-size:14px;font-weight:500;animation:.3s cubic-bezier(.16,1,.3,1) slideIn;display:flex;position:fixed;top:24px;right:24px;box-shadow:0 10px 25px -5px #0000001a}.toast-success{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.toast-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.toast-info{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.loading-screen{text-align:center;color:#64748b;padding:100px}.spinner{border:3px solid #e2e8f0;border-top-color:#0f172a;border-radius:50%;width:36px;height:36px;margin:0 auto 16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=900px){.lab-config-container{padding:20px 16px}.form-row-2,.form-row-3,.address-fields-grid{grid-template-columns:1fr}.col-span-2{grid-column:span 1}.lab-config-header{flex-direction:column;align-items:stretch}.header-actions{justify-content:flex-end}.lab-logo-uploader-card{flex-direction:column;align-items:flex-start}}.dept-list-container{max-width:1440px;margin:0 auto;padding:32px 40px}.dept-page-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.dept-page-title{color:#0f172a;letter-spacing:-.01em;margin:0 0 6px;font-size:24px;font-weight:700}.dept-page-subtitle{color:#64748b;max-width:800px;margin:0;font-size:13.5px}.dept-stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px;display:grid}.dept-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:14px;padding:16px 20px;display:flex;box-shadow:0 1px 3px #00000005}.stat-card-icon{border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.stat-icon-blue{color:#2563eb;background:#eff6ff}.stat-icon-green{color:#059669;background:#ecfdf5}.stat-icon-purple{color:#9333ea;background:#faf5ff}.stat-icon-amber{color:#d97706;background:#fffbeb}.stat-card-num{color:#0f172a;font-size:20px;font-weight:700;line-height:1.2;display:block}.stat-card-label{color:#64748b;font-size:12px;font-weight:500}.dept-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.search-box{flex:1;align-items:center;min-width:280px;max-width:480px;display:flex;position:relative}.search-icon{color:#94a3b8;pointer-events:none;position:absolute;left:12px}.search-box input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:9px 36px;font-size:13.5px;transition:all .2s}.search-box input:focus{border-color:#0f172a;box-shadow:0 0 0 3px #0f172a14}.clear-search-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;position:absolute;right:10px}.toolbar-filters{align-items:center;gap:10px;display:flex}.filter-select{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:9px 12px;font-size:13px;font-weight:500}.table-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;box-shadow:0 1px 3px #00000005}.dept-table{border-collapse:collapse;text-align:left;width:100%;font-size:13.5px}.dept-table th{color:#475569;text-transform:uppercase;letter-spacing:.03em;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:14px 18px;font-size:12.5px;font-weight:600}.dept-table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 18px}.dept-table tr:hover td{background:#fafbfc}.code-badge{color:#0f172a;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:3px 8px;font-family:monospace;font-size:12px;font-weight:700}.dept-name-cell{flex-direction:column;display:flex}.dept-name{color:#0f172a;font-weight:600}.dept-desc-preview{color:#64748b;white-space:nowrap;text-overflow:ellipsis;max-width:320px;margin-top:2px;font-size:12px;overflow:hidden}.category-tag{color:#475569;background:#f1f5f9;border-radius:6px;padding:3px 8px;font-size:12px;font-weight:500}.head-info-pill{color:#1e40af;background:#eff6ff;border:1px solid #dbeafe;border-radius:6px;align-items:center;gap:6px;padding:3px 9px;font-size:12px;font-weight:500;display:inline-flex}.inactive-dot{background:#ef4444;border-radius:50%;width:6px;height:6px}.text-muted-italic{color:#94a3b8;font-size:12.5px;font-style:italic}.head-count-badge{color:#64748b;align-items:center;gap:5px;font-size:12.5px;font-weight:500;display:inline-flex}.location-text{color:#64748b;font-size:12.5px}.status-pill{border-radius:12px;padding:3px 9px;font-size:11.5px;font-weight:600;display:inline-block}.pill-active{color:#059669;background:#ecfdf5}.pill-inactive{color:#dc2626;background:#fef2f2}.action-button-group{justify-content:flex-end;align-items:center;gap:8px;display:flex}.action-btn-sm{cursor:pointer;border:1px solid #0000;border-radius:7px;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.btn-view{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.btn-view:hover{color:#fff;background:#0f172a;border-color:#0f172a}.btn-deactivate{color:#dc2626;background:#fff;border-color:#fecaca}.btn-deactivate:hover{background:#fef2f2}.btn-activate{color:#16a34a;background:#fff;border-color:#bbf7d0}.btn-activate:hover{background:#f0fdf4}.btn-delete{color:#94a3b8;background:#fff;border-color:#e2e8f0;padding:6px 8px}.btn-delete:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.spinning-icon{animation:.8s linear infinite spin}.text-right{text-align:right}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{background:#fff;border-radius:16px;width:100%;max-width:640px;animation:.25s cubic-bezier(.16,1,.3,1) modalScale;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@keyframes modalScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:flex-start;padding:22px 28px;display:flex}.modal-header h3{color:#0f172a;margin:0 0 4px;font-size:18px;font-weight:700}.modal-header p{color:#64748b;margin:0;font-size:13px}.modal-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px}.modal-close-btn:hover{color:#0f172a;background:#f1f5f9}.modal-form{padding:24px 28px}.modal-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;align-items:center;gap:12px;margin-top:24px;padding-top:18px;display:flex}.dept-toast{z-index:1100;border-radius:10px;align-items:center;gap:10px;padding:12px 20px;font-size:14px;font-weight:500;display:flex;position:fixed;top:24px;right:24px;box-shadow:0 10px 25px #0000001a}.empty-state{text-align:center;padding:60px 20px}.empty-icon{color:#cbd5e1;margin-bottom:12px}.empty-state h3{color:#0f172a;margin:0 0 6px;font-size:16px;font-weight:700}.empty-state p{color:#64748b;margin:0 0 16px;font-size:13px}.table-loading{text-align:center;color:#64748b;padding:80px 20px}@media (width<=768px){.dept-list-container{padding:20px 16px}.dept-toolbar{flex-direction:column;align-items:stretch}.toolbar-filters{flex-wrap:wrap}}.dept-detail-container{max-width:1320px;margin:0 auto;padding:32px 40px}.dept-detail-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.title-with-badge{flex-wrap:wrap;align-items:center;gap:12px;margin:4px 0 6px;display:flex}.dept-detail-title{color:#0f172a;margin:0;font-size:24px;font-weight:700}.code-badge-lg{color:#0f172a;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:4px 10px;font-family:monospace;font-size:13px;font-weight:700}.dept-detail-subtitle{color:#64748b;margin:0;font-size:13.5px}.subtabs-bar{border-bottom:1px solid #e2e8f0;align-items:center;gap:8px;margin-bottom:24px;display:flex}.subtab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:12px 18px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.subtab-btn:hover{color:#0f172a}.subtab-btn.active{color:#0f172a;background:#f8fafc;border-bottom-color:#0f172a;border-radius:6px 6px 0 0;font-weight:600}.heads-section-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:28px 32px;box-shadow:0 1px 3px #00000005}.section-card-header{border-bottom:1px solid #f1f5f9;margin-bottom:24px;padding-bottom:16px}.section-card-header h3{color:#0f172a;margin:0 0 4px;font-size:17px;font-weight:700}.section-card-header p{color:#64748b;margin:0;font-size:13px}.heads-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:20px;display:grid}.head-user-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;padding:20px;transition:all .2s;display:flex;box-shadow:0 1px 4px #00000005}.head-user-card:hover{border-color:#cbd5e1;box-shadow:0 6px 16px -4px #0000000f}.primary-head-card{background:linear-gradient(#f8fbff 0%,#fff 100%);border-color:#93c5fd}.head-card-top{align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.user-avatar-badge{color:#2563eb;background:#eff6ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.primary-head-card .user-avatar-badge{color:#fff;background:#2563eb}.head-user-meta{flex:1}.name-crown-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.head-fullname{color:#0f172a;font-size:14.5px;font-weight:700}.primary-pill{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;align-items:center;gap:4px;padding:2px 7px;font-size:11px;font-weight:700;display:inline-flex}.head-username{color:#64748b;font-family:monospace;font-size:12.5px}.account-status-badge{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;align-items:center;gap:6px;padding:3px 8px;font-size:11.5px;font-weight:600;display:flex}.user-status-dot{border-radius:50%;width:7px;height:7px}.user-status-dot.active{background:#10b981}.user-status-dot.inactive{background:#ef4444}.head-card-details{background:#f8fafc;border-radius:8px;flex-direction:column;gap:6px;margin-bottom:14px;padding:10px 12px;display:flex}.detail-item{color:#475569;align-items:center;gap:8px;font-size:12.5px;display:flex}.permissions-preview-box{margin-bottom:16px}.permissions-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.perm-tags-list{flex-wrap:wrap;gap:5px;display:flex}.perm-tag{color:#334155;background:#f1f5f9;border-radius:5px;padding:2px 7px;font-size:11px;font-weight:500}.perm-tag-more{color:#64748b;padding:2px 5px;font-size:11px;font-weight:600}.head-card-actions{border-top:1px solid #f1f5f9;flex-wrap:wrap;align-items:center;gap:6px;margin-top:auto;padding-top:14px;display:flex}.btn-head-action{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:5px;padding:5px 10px;font-size:11.5px;font-weight:600;transition:all .15s;display:inline-flex}.btn-head-action:hover{color:#fff;background:#0f172a;border-color:#0f172a}.btn-make-primary:hover{background:#1d4ed8;border-color:#1d4ed8}.btn-deact{color:#dc2626;border-color:#fecaca}.btn-deact:hover{color:#b91c1c;background:#fef2f2;border-color:#fca5a5}.btn-act{color:#16a34a;border-color:#bbf7d0}.btn-act:hover{color:#15803d;background:#f0fdf4;border-color:#86efac}.empty-heads-box{text-align:center;padding:48px 20px}.empty-heads-box h4{color:#0f172a;margin:10px 0 4px;font-size:16px;font-weight:700}.empty-heads-box p{color:#64748b;margin:0 0 16px;font-size:13px}.btn-sm{padding:8px 14px;font-size:12.5px}.modal-lg{max-width:740px!important}.permissions-selector-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-top:16px;padding:16px 20px}.permissions-section-header{justify-content:space-between;align-items:flex-start;margin-bottom:14px;display:flex}.permissions-section-header h4{color:#0f172a;margin:0 0 2px;font-size:13.5px;font-weight:700}.permissions-section-header p{color:#64748b;margin:0;font-size:12px}.perm-toggle-buttons{gap:8px;display:flex}.btn-text-sm{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:12px;font-weight:600}.btn-text-sm:hover{text-decoration:underline}.permissions-checklist-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;max-height:280px;padding-right:4px;display:grid;overflow-y:auto}.perm-checkbox-card{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:flex-start;gap:10px;padding:10px 12px;transition:all .15s;display:flex}.perm-checkbox-card:hover{background:#fafbfc;border-color:#cbd5e1}.perm-checkbox-card.selected{background:#f0fdf4;border-color:#a7f3d0}.perm-title{color:#0f172a;font-size:12.5px;font-weight:600;display:block}.perm-desc{color:#64748b;margin-top:1px;font-size:11px;line-height:1.35;display:block}.checkbox-field-box{background:#eff6ff;border:1px solid #dbeafe;border-radius:8px;margin-bottom:12px;padding:10px 14px}.checkbox-label{color:#1e40af;cursor:pointer;align-items:center;gap:10px;font-size:13px;display:flex}.label-with-action{justify-content:space-between;align-items:center;display:flex}.text-action-btn{color:#2563eb;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:11.5px;font-weight:600;display:inline-flex}.text-action-btn:hover{text-decoration:underline}.pwd-toggle-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:0;position:absolute;right:12px}.dept-form-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;margin-top:20px;padding-top:16px;display:flex}.employee-select-input{color:#0f172a;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:13.5px;transition:border-color .2s,box-shadow .2s}.employee-select-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.loading-field-notice{color:#64748b;background:#f1f5f9;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex}.employee-preview-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;gap:16px;margin-bottom:16px;padding:16px 18px;display:flex}.emp-preview-avatar{background:#eff6ff;border:1px solid #bfdbfe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.emp-preview-info{flex:1}.emp-name-id-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px;display:flex}.emp-fullname{color:#0f172a;margin:0;font-size:15px;font-weight:700}.emp-badge{color:#334155;background:#e2e8f0;border-radius:4px;padding:2px 8px;font-family:monospace;font-size:11.5px;font-weight:700}.emp-meta-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:6px 16px;margin-bottom:12px;display:grid}.emp-meta-item{color:#475569;align-items:center;gap:6px;font-size:12.5px;display:flex}.role-promotion-notice{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;align-items:flex-start;gap:8px;padding:8px 12px;font-size:12px;line-height:1.4;display:flex}.role-promotion-notice .notice-icon{flex-shrink:0;margin-top:1px}.role-promotion-notice strong{color:#1d4ed8;font-weight:600}.role-promotion-notice code{background:#dbeafe;border-radius:4px;padding:1px 4px;font-size:11.5px}.checkbox-subtext{color:#64748b;margin:4px 0 0 24px;font-size:11.5px;line-height:1.35}.head-submeta-row{align-items:center;gap:6px;margin-top:2px;display:flex}.head-empid{color:#475569;background:#f1f5f9;border-radius:4px;padding:1px 6px;font-family:monospace;font-size:11.5px;font-weight:700}.dot-divider{color:#cbd5e1;font-size:11px}.head-designation{color:#64748b;font-size:12px;font-weight:500}.secondary-head-pill{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.btn-remove-head{color:#dc2626!important;background:#fef2f2!important;border-color:#fecaca!important}.btn-remove-head:hover{background:#fee2e2!important;border-color:#fca5a5!important}@media (width<=768px){.dept-detail-container{padding:20px 16px}.heads-grid,.permissions-checklist-grid{grid-template-columns:1fr}}.template-manager-page{max-width:1380px;margin:0 auto}.counter-pill{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:14px;padding:3px 10px;font-size:12px;font-weight:600}.template-toolbar-row{flex-direction:column;gap:14px;margin-bottom:24px;display:flex}.search-box-wrapper{width:100%;max-width:450px;position:relative}.search-box-wrapper input{background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:10px 36px;font-size:13.5px;transition:all .15s}.search-box-wrapper input:focus{border-color:var(--primary-color,#16a34a);box-shadow:0 0 0 3px #16a34a1a}.search-box-wrapper .search-icon{color:#94a3b8;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.clear-search-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.category-pills-bar{align-items:center;gap:6px;padding-bottom:6px;display:flex;overflow-x:auto}.cat-pill{color:#475569;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #cbd5e1;border-radius:20px;padding:6px 14px;font-size:12.5px;font-weight:500;transition:all .15s}.cat-pill:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8}.cat-pill.active{color:#fff;background:#0f172a;border-color:#0f172a;font-weight:600}.template-card:hover{border-color:#cbd5e1;box-shadow:0 6px 20px -4px #00000012}.template-type-badge{color:#0f172a;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.template-code-tag{color:#334155;background:#e2e8f0;border-radius:6px;padding:2px 7px;font-family:monospace;font-size:11px;font-weight:700}.template-card-body{flex-direction:column;flex:1;gap:12px;padding:18px;display:flex}.template-title{color:#0f172a;margin:0;font-size:15px;font-weight:700}.template-desc{color:#64748b;margin:0;font-size:12.5px;line-height:1.4}.template-specs-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.spec-item{justify-content:space-between;font-size:12px;display:flex}.spec-lbl{color:#64748b;font-weight:500}.spec-val{color:#1e293b;text-align:right;font-weight:600}.template-financials-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.financial-pill{background:#f1f5f9;border-radius:6px;flex-direction:column;padding:5px 8px;font-size:11.5px;display:flex}.f-lbl{color:#64748b;font-size:10px}.f-val{color:#0f172a;font-weight:600}.parameters-preview-box{margin-top:4px}.param-header-text{color:#64748b;text-transform:uppercase;letter-spacing:.03em;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.param-tags-list{flex-wrap:wrap;gap:4px;display:flex}.param-tag{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;padding:2px 7px;font-size:10.5px;font-weight:500}.param-tag.more{color:#475569;background:#f1f5f9;border-color:#e2e8f0}.btn-card-action{cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.btn-card-action.edit{color:#0f172a}.btn-card-action.edit:hover{color:#fff;background:#0f172a;border-color:#0f172a}.btn-card-action.delete{color:#dc2626;padding:6px 10px}.btn-card-action.delete:hover{background:#fee2e2;border-color:#fca5a5}.template-modal-card{width:100%;max-width:780px}.form-section-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:16px;padding:16px}.section-title{color:#0f172a;border-bottom:1px solid #e2e8f0;align-items:center;gap:8px;margin:0 0 14px;padding-bottom:8px;font-size:13.5px;font-weight:700;display:flex}.add-param-row{align-items:center;gap:8px;display:flex}.add-param-row input{border:1px solid #cbd5e1;border-radius:6px;outline:none;padding:7px 10px;font-size:12.5px}.params-mini-table{border-collapse:collapse;width:100%;font-size:12px}.params-mini-table th{text-align:left;color:#334155;background:#e2e8f0;padding:6px 10px;font-weight:600}.params-mini-table td{border-bottom:1px solid #e2e8f0;padding:6px 10px}.btn-trash-sm{cursor:pointer;background:0 0;border:none;padding:2px 4px}.export-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1050;background:#0f172aa6;justify-content:center;align-items:center;padding:1.25rem;animation:.2s cubic-bezier(.16,1,.3,1) modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.export-modal-card{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:620px;max-height:92vh;font-family:inherit;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 0 1px #0000000d}.export-modal-header{background:#f8fafc;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.export-modal-title-wrap{align-items:center;gap:.875rem;display:flex}.export-modal-icon-badge{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 6px -1px #10b98140}.export-modal-title{color:#0f172a;margin:0;font-size:1.15rem;font-weight:700;line-height:1.25}.export-modal-subtitle{color:#64748b;margin:.15rem 0 0;font-size:.8125rem}.export-modal-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.export-modal-close-btn:hover{color:#0f172a;background:#e2e8f0}.export-modal-body{flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex;overflow-y:auto}.export-section-title{text-transform:uppercase;letter-spacing:.05em;color:#475569;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.8125rem;font-weight:700;display:flex}.export-presets-row{flex-wrap:wrap;align-items:center;gap:.375rem;margin-bottom:.75rem;display:flex}.export-preset-chip{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;padding:.3rem .65rem;font-size:.75rem;font-weight:600;transition:all .15s}.export-preset-chip:hover{color:#0f172a;background:#e2e8f0}.export-preset-chip.active{color:#fff;background:#0284c7;border-color:#0284c7;box-shadow:0 2px 4px #0284c733}.export-mode-toggle{background:#f1f5f9;border-radius:8px;margin-bottom:.75rem;padding:.25rem;display:flex}.export-mode-btn{color:#64748b;cursor:pointer;text-align:center;background:0 0;border:none;border-radius:6px;flex:1;padding:.4rem .75rem;font-size:.8125rem;font-weight:600;transition:all .15s}.export-mode-btn.active{color:#0f172a;background:#fff;box-shadow:0 1px 3px #00000014}.export-form-grid{grid-template-columns:1fr 1fr;gap:.875rem;display:grid}.export-field-group{flex-direction:column;gap:.375rem;display:flex}.export-field-label{color:#334155;align-items:center;gap:.35rem;font-size:.8125rem;font-weight:600;display:flex}.export-input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:.55rem .75rem;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.export-input:focus{border-color:#0284c7;box-shadow:0 0 0 3px #0284c726}.export-format-grid{grid-template-columns:1fr 1fr;gap:.875rem;display:grid}.export-format-card{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:12px;flex-direction:column;padding:1rem;transition:all .2s;display:flex;position:relative}.export-format-card:hover{background:#f8fafc;border-color:#cbd5e1}.export-format-card.selected.excel{background:#f0fdf4;border-color:#10b981}.export-format-card.selected.csv{background:#f0f9ff;border-color:#0284c7}.export-format-card-top{justify-content:space-between;align-items:center;margin-bottom:.625rem;display:flex}.export-format-icon{border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;display:flex}.export-format-card.excel .export-format-icon{color:#15803d;background:#dcfce7}.export-format-card.csv .export-format-icon{color:#0369a1;background:#e0f2fe}.export-format-badge{text-transform:uppercase;border-radius:4px;padding:.2rem .5rem;font-size:.6875rem;font-weight:700}.export-format-card.excel .export-format-badge{color:#166534;background:#bbf7d0}.export-format-card.csv .export-format-badge{color:#075985;background:#bae6fd}.export-format-title{color:#0f172a;margin:0 0 .25rem;font-size:.9375rem;font-weight:700}.export-format-desc{color:#64748b;margin:0;font-size:.75rem;line-height:1.35}.export-summary-box{color:#475569;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.8125rem;display:flex}.export-summary-item{flex-direction:column;display:flex}.export-summary-label{text-transform:uppercase;color:#94a3b8;font-size:.6875rem;font-weight:600}.export-summary-val{color:#0f172a;font-weight:700}.export-modal-footer{background:#f8fafc;border-top:1px solid #f1f5f9;justify-content:flex-end;align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex}.export-btn-cancel{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:.55rem 1.15rem;font-size:.875rem;font-weight:600;transition:all .15s}.export-btn-cancel:hover{color:#0f172a;background:#f1f5f9}.export-btn-download{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border:1px solid #0284c7;border-radius:8px;align-items:center;gap:.5rem;padding:.55rem 1.35rem;font-size:.875rem;font-weight:600;transition:all .15s;display:flex;box-shadow:0 2px 4px #0284c740}.export-btn-download:hover:not(:disabled){background:linear-gradient(135deg,#0369a1 0%,#075985 100%);box-shadow:0 4px 8px #0284c759}.export-btn-download:disabled{opacity:.6;cursor:not-allowed}.export-btn-download.excel{background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-color:#10b981;box-shadow:0 2px 4px #10b98140}.export-btn-download.excel:hover:not(:disabled){background:linear-gradient(135deg,#059669 0%,#047857 100%);box-shadow:0 4px 8px #10b98159}.attendance-page-container{color:#0f172a;max-width:1440px;margin:0 auto;padding:1.75rem 2rem 4rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.attendance-header-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.25rem;margin-bottom:1.5rem;display:flex}.attendance-breadcrumb{color:#64748b;align-items:center;gap:.4rem;margin-bottom:.5rem;font-size:.8125rem;font-weight:600;text-decoration:none;transition:color .15s,transform .15s;display:inline-flex}.attendance-breadcrumb:hover{color:#1d4ed8;transform:translate(-2px)}.attendance-title-group{align-items:center;gap:1rem;display:flex}.attendance-title-icon-badge{color:#fff;background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 12px #1d4ed840}.attendance-page-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:800}.attendance-page-desc{color:#64748b;margin:.2rem 0 0;font-size:.875rem}.attendance-header-actions{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.btn-att-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);border:1px solid #1e40af;border-radius:10px;align-items:center;gap:.5rem;padding:.6rem 1.15rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex;box-shadow:0 2px 6px #1d4ed840}.btn-att-primary:hover:not(:disabled){background:linear-gradient(135deg,#1e40af 0%,#172554 100%);transform:translateY(-1px);box-shadow:0 4px 10px #1d4ed859}.btn-att-secondary{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;align-items:center;gap:.5rem;padding:.6rem 1.1rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #0000000a}.btn-att-secondary:hover:not(:disabled){color:#0f172a;background:#f8fafc;border-color:#94a3b8;box-shadow:0 2px 4px #0000000f}.btn-att-secondary:disabled{opacity:.6;cursor:not-allowed}.att-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.att-metric-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:1rem;padding:1rem 1.25rem;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 1px 3px #00000005}.att-metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0000000d}.att-metric-icon-wrap{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.att-metric-icon-wrap.blue{color:#1d4ed8;background:#eff6ff}.att-metric-icon-wrap.green{color:#16a34a;background:#f0fdf4}.att-metric-icon-wrap.amber{color:#d97706;background:#fffbeb}.att-metric-icon-wrap.rose{color:#e11d48;background:#fff1f2}.att-metric-info{flex-direction:column;display:flex}.att-metric-value{color:#0f172a;font-size:1.35rem;font-weight:800;line-height:1.15}.att-metric-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin-top:.2rem;font-size:.75rem;font-weight:600}.att-main-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #00000008,0 4px 6px -2px #00000005}.att-card-header{background:#fff;border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.att-card-title-wrap{align-items:center;gap:.6rem;display:flex}.att-card-title{color:#0f172a;margin:0;font-size:1.1rem;font-weight:700}.att-record-count-badge{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:20px;padding:.2rem .65rem;font-size:.75rem;font-weight:700}.att-filter-toolbar{background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-direction:column;gap:1rem;padding:1.15rem 1.5rem;display:flex}.att-filter-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.att-filter-controls{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.att-mode-segmented{background:#e2e8f0;border-radius:8px;padding:3px;display:inline-flex}.att-mode-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.35rem .75rem;font-size:.75rem;font-weight:600;transition:all .15s}.att-mode-btn.active{color:#1d4ed8;background:#fff;box-shadow:0 1px 2px #00000014}.att-input-group{align-items:center;gap:.4rem;display:flex}.att-input-label{color:#64748b;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;font-size:.75rem;font-weight:600}.att-date-input,.att-select-input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:.45rem .75rem;font-size:.8125rem;transition:all .15s}.att-date-input:focus,.att-select-input:focus{border-color:#1d4ed8;box-shadow:0 0 0 3px #1d4ed826}.att-preset-chips{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.att-preset-chip{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:20px;padding:.25rem .6rem;font-size:.75rem;font-weight:600;transition:all .15s}.att-preset-chip:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8}.att-preset-chip.active{color:#fff;background:#1d4ed8;border-color:#1d4ed8;box-shadow:0 1px 3px #1d4ed84d}.att-search-box{align-items:center;display:flex;position:relative}.att-search-icon{color:#94a3b8;pointer-events:none;position:absolute;left:.75rem}.att-search-input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:220px;padding:.45rem .75rem .45rem 2.15rem;font-size:.8125rem;transition:all .15s}.att-search-input:focus{border-color:#1d4ed8;width:260px;box-shadow:0 0 0 3px #1d4ed826}.btn-att-danger-subtle{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.75rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-att-danger-subtle:hover{color:#b91c1c;background:#fee2e2;border-color:#fca5a5}.att-table-responsive{width:100%;overflow-x:auto}.att-table{border-collapse:collapse;text-align:left;width:100%;font-size:.8125rem}.att-table th{color:#475569;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.85rem 1rem;font-size:.75rem;font-weight:700}.att-table td{vertical-align:middle;color:#1e293b;border-bottom:1px solid #f1f5f9;padding:.85rem 1rem}.att-table tbody tr{transition:background-color .15s}.att-table tbody tr:hover{background-color:#f8fafc}.att-emp-cell{align-items:center;gap:.75rem;display:flex}.att-emp-badge{color:#1d4ed8;white-space:nowrap;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;padding:.15rem .5rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;font-weight:700;display:inline-block}.att-emp-name{color:#0f172a;font-weight:700;line-height:1.25}.att-time-cell{color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:.2rem .5rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8125rem;font-weight:700;display:inline-block}.att-duration-badge{color:#0f172a;background:#f1f5f9;border-radius:6px;padding:.2rem .6rem;font-weight:700;display:inline-block}.att-punch-trail{flex-wrap:wrap;align-items:center;gap:.35rem;max-width:280px;display:flex}.att-punch-chip{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:4px;padding:.1rem .4rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;font-weight:600}.att-punch-chip.out{color:#1e40af;background:#eff6ff;border-color:#bfdbfe}.att-status-pill{text-transform:capitalize;white-space:nowrap;letter-spacing:.01em;border-radius:20px;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.75rem;font-weight:700;display:inline-flex}.att-status-pill.present{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.att-status-pill.late{color:#d97706;background:#fffbeb;border:1px solid #fde68a}.att-status-pill.half-day{color:#ea580c;background:#fff7ed;border:1px solid #fed7aa}.att-status-pill.absent{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.att-status-pill.leave{color:#7c3aed;background:#faf5ff;border:1px solid #e9d5ff}.att-actions-cell{align-items:center;gap:.35rem;display:flex}.btn-row-action{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex}.btn-row-action:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.btn-row-action.delete:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.bio-device-container{max-width:1400px;min-height:calc(100vh - 70px);margin:0 auto;padding:1.75rem 2rem}.bio-device-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:1.75rem;display:flex}.bio-back-link{color:#64748b;align-items:center;gap:.4rem;margin-bottom:.5rem;font-size:.8125rem;font-weight:600;text-decoration:none;transition:color .15s,transform .15s;display:inline-flex}.bio-back-link:hover{color:#0f172a;transform:translate(-2px)}.bio-title-wrap{align-items:center;gap:1rem;display:flex}.bio-title-icon{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex;box-shadow:0 4px 12px #10b98140}.bio-main-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:800}.bio-main-desc{color:#64748b;margin:.25rem 0 0;font-size:.875rem}.bio-header-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.btn-bio-secondary{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;align-items:center;gap:.5rem;padding:.6rem 1.1rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #0000000d}.btn-bio-secondary:hover:not(:disabled){color:#0f172a;background:#f8fafc;border-color:#94a3b8;box-shadow:0 2px 4px #0000000f}.btn-bio-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-bio-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:1px solid #059669;border-radius:10px;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 2px 6px #10b9814d}.btn-bio-primary:hover:not(:disabled){background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.bio-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.bio-metric-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:1rem;padding:1.15rem 1.25rem;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 1px 3px #00000008}.bio-metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0000000d}.bio-metric-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.bio-metric-icon.green{color:#059669;background:#ecfdf5}.bio-metric-icon.blue{color:#0284c7;background:#f0f9ff}.bio-metric-icon.purple{color:#7c3aed;background:#faf5ff}.bio-metric-icon.amber{color:#d97706;background:#fffbeb}.bio-metric-data{flex-direction:column;display:flex}.bio-metric-num{color:#0f172a;font-size:1.25rem;font-weight:800;line-height:1.2}.bio-metric-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin-top:.15rem;font-size:.75rem;font-weight:600}.bio-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.bio-section-title-wrap{align-items:center;gap:.5rem;display:flex}.bio-section-title{color:#0f172a;margin:0;font-size:1.0625rem;font-weight:700}.bio-section-badge{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:20px;padding:.2rem .6rem;font-size:.75rem;font-weight:700}.bio-link-action{color:#0284c7;align-items:center;gap:.35rem;font-size:.8125rem;font-weight:600;text-decoration:none;transition:color .15s;display:inline-flex}.bio-link-action:hover{color:#0369a1;text-decoration:underline}.bio-cards-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1.5rem;display:grid}.bio-device-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #00000008,0 4px 6px -2px #00000005}.bio-device-card:hover{border-color:#cbd5e1;transform:translateY(-3px);box-shadow:0 10px 20px -3px #0000000f,0 4px 6px -2px #00000008}.bio-card-top-stripe{background:linear-gradient(90deg,#10b981 0%,#059669 100%);height:4px}.bio-card-main{flex-direction:column;flex:1;gap:1.15rem;padding:1.35rem 1.5rem;display:flex}.bio-card-header{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.bio-device-identity{align-items:center;gap:.875rem;display:flex}.bio-device-icon{color:#059669;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.bio-device-name{color:#0f172a;margin:0;font-size:1.05rem;font-weight:700;line-height:1.3}.bio-device-model-badge{color:#475569;background:#f1f5f9;border-radius:6px;margin-top:.25rem;padding:.15rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.bio-status-pill{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:20px;flex-shrink:0;align-items:center;gap:.4rem;padding:.25rem .65rem;font-size:.75rem;font-weight:700;display:inline-flex}.bio-pulse-dot{background:#10b981;border-radius:50%;width:7px;height:7px;position:relative}.bio-pulse-dot:after{content:"";opacity:.4;background:#10b981;border-radius:50%;animation:2s cubic-bezier(.4,0,.6,1) infinite pulseDot;position:absolute;inset:-3px}@keyframes pulseDot{0%,to{opacity:.4;transform:scale(1)}50%{opacity:0;transform:scale(1.6)}}.bio-device-info-list{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;flex-direction:column;gap:.65rem;padding:.875rem 1rem;display:flex}.bio-info-row{justify-content:space-between;align-items:center;font-size:.8125rem;display:flex}.bio-info-label{color:#64748b;align-items:center;gap:.45rem;font-weight:500;display:flex}.bio-ip-pill{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:.15rem .5rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8125rem;font-weight:700}.bio-info-val{color:#1e293b;font-weight:600}.bio-card-footer{background:#f8fafc;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:.5rem;padding:.875rem 1.5rem;display:flex}.btn-card-sync{color:#059669;cursor:pointer;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.8125rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-card-sync:hover:not(:disabled){color:#047857;background:#d1fae5}.btn-card-edit{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.8125rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-card-edit:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8}.bio-empty-card{text-align:center;background:#fff;border:2px dashed #cbd5e1;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:3.5rem 2rem;display:flex}.bio-empty-icon-wrap{color:#94a3b8;background:#f1f5f9;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:1.25rem;display:flex}.bio-empty-title{color:#0f172a;margin:0 0 .5rem;font-size:1.15rem;font-weight:700}.bio-empty-desc{color:#64748b;max-width:440px;margin:0 auto 1.5rem;font-size:.875rem;line-height:1.5}.bio-modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1050;background:#0f172aa6;justify-content:center;align-items:center;padding:1.25rem;animation:.2s cubic-bezier(.16,1,.3,1) bioModalFadeIn;display:flex;position:fixed;inset:0}@keyframes bioModalFadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.bio-modal-card{background:#fff;border-radius:18px;flex-direction:column;width:100%;max-width:580px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 35px -5px #00000026,0 10px 10px -5px #0000000a,0 0 0 1px #0000000d}.bio-modal-header{background:#f8fafc;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.bio-modal-title-group{align-items:center;gap:.875rem;display:flex}.bio-modal-icon-badge{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:0 3px 6px #10b98140}.bio-modal-title{color:#0f172a;margin:0;font-size:1.15rem;font-weight:700}.bio-modal-subtitle{color:#64748b;margin:.15rem 0 0;font-size:.8125rem}.bio-modal-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.bio-modal-close-btn:hover{color:#0f172a;background:#e2e8f0}.bio-modal-body{flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex;overflow-y:auto}.bio-modal-section-label{text-transform:uppercase;letter-spacing:.05em;color:#475569;margin-bottom:.5rem;font-size:.75rem;font-weight:700}.bio-form-row-2{grid-template-columns:2fr 1fr;gap:.875rem;display:grid}.bio-form-group{flex-direction:column;gap:.35rem;display:flex}.bio-form-label{color:#334155;align-items:center;gap:.35rem;font-size:.8125rem;font-weight:600;display:flex}.bio-form-label .req{color:#ef4444}.bio-form-input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:.6rem .85rem;font-size:.875rem;transition:all .15s}.bio-form-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b98126}.bio-info-tip{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;align-items:flex-start;gap:.65rem;padding:.75rem 1rem;font-size:.8125rem;line-height:1.4;display:flex}.bio-toggle-box{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.bio-toggle-info{flex-direction:column;display:flex}.bio-toggle-title{color:#0f172a;font-size:.875rem;font-weight:600}.bio-toggle-desc{color:#64748b;font-size:.75rem}.bio-modal-footer{background:#f8fafc;border-top:1px solid #f1f5f9;justify-content:flex-end;align-items:center;gap:.75rem;padding:1.15rem 1.5rem;display:flex}.config-page-container{color:#0f172a;max-width:1400px;margin:0 auto;padding:24px 32px 80px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.config-header-row{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.btn-back{color:#0284c7;align-items:center;gap:6px;margin-bottom:8px;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.btn-back:hover{color:#0369a1;transform:translate(-2px)}.config-header-title{color:#0f172a;letter-spacing:-.02em;margin:0 0 4px;font-size:22px;font-weight:800}.config-header-desc{color:#64748b;max-width:820px;margin:0;font-size:13.5px;line-height:1.45}.config-header-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.btn-primary-lab{color:#fff;cursor:pointer;background:#2563eb;border:1px solid #2563eb;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #2563eb33}.btn-primary-lab:hover:not(:disabled){background:#1d4ed8;border-color:#1d4ed8}.btn-secondary-lab{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.btn-secondary-lab:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8}.alert-message-box{border-radius:8px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;font-size:13px;display:flex}.success-alert{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.error-alert{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.info-alert-banner{color:#0369a1;background:#f0f9ff;border:1px solid #bae6fd;border-radius:10px;align-items:flex-start;gap:10px;margin-bottom:20px;padding:12px 16px;font-size:12.5px;line-height:1.45;display:flex}.config-tabs-nav{background:#fff;border:1px solid #e2e8f0;border-radius:10px;gap:8px;margin-bottom:24px;padding:6px;display:flex}.tab-link{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.tab-link:hover{color:#0f172a;background:#f8fafc}.tab-link.active{color:#065f46;background:#ecfdf5;border:1px solid #86efac}.config-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin-bottom:24px;padding:22px 24px;box-shadow:0 1px 3px #0f172a08}.config-card-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:12px;display:flex}.section-title{color:#0f172a;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:700;display:flex}.section-subtitle{color:#64748b;margin:2px 0 0;font-size:12px}.badge-sum{color:#0369a1;background:#e0f2fe;border-radius:14px;padding:3px 10px;font-size:11.5px;font-weight:600}.dash-two-column-grid{grid-template-columns:1fr 1.15fr;align-items:flex-start;gap:24px;display:grid}@media (width<=1100px){.dash-two-column-grid{grid-template-columns:1fr}}.policy-selector-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;padding:14px 18px;display:flex;box-shadow:0 1px 3px #00000008}.policy-label-group{align-items:center;gap:12px;display:flex}.policy-title-text{color:#0f172a;font-size:13.5px;font-weight:700;display:block}.policy-subtitle-hint{color:#64748b;margin-top:1px;font-size:11px;display:block}.policy-controls-wrapper{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.segmented-control{background:#fff;border:1px solid #cbd5e1;border-radius:8px;gap:3px;padding:3px;display:inline-flex;box-shadow:0 1px 2px #00000005}.segment-btn{color:#475569;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .15s}.segment-btn:hover{color:#0f172a;background:#f1f5f9}.segment-btn.active{color:#fff;background:#2563eb;font-weight:700;box-shadow:0 1px 3px #2563eb40}.policy-actions-wrap{align-items:center;gap:8px;display:flex}.policy-unsaved-badge{color:#b45309;background:#fef3c7;border:1px solid #fde68a;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:700;animation:1.5s infinite pulseBadge;display:inline-flex}.policy-saved-badge{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:700;display:inline-flex}.btn-save-policy{color:#fff;cursor:pointer;background:#2563eb;border:1px solid #2563eb;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:700;transition:all .18s;display:inline-flex;box-shadow:0 1px 2px #2563eb26}.btn-save-policy:hover:not(:disabled){background:#1d4ed8;border-color:#1d4ed8;box-shadow:0 2px 6px #2563eb40}.btn-save-policy.has-changes{background:#1d4ed8;border-color:#1d4ed8;box-shadow:0 2px 8px #2563eb40}.btn-save-policy.has-changes:hover:not(:disabled){background:#1e40af;border-color:#1e40af}.btn-save-policy:disabled{opacity:.65;cursor:not-allowed}@keyframes pulseBadge{0%,to{opacity:1}50%{opacity:.7}}.calendar-summary-bar{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}.cal-stat-card{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.cal-stat-card .stat-k{color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-size:11px;font-weight:600}.cal-stat-card .stat-v{color:#0f172a;font-size:17px;font-weight:800}.cal-stat-card.stat-working .stat-v{color:#2563eb}.cal-stat-card.stat-weeklyoff .stat-v{color:#d97706}.cal-stat-card.stat-holidays .stat-v{color:#6366f1}.calendar-weekdays-header{text-align:center;color:#64748b;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:6px;padding:4px 0;font-size:11.5px;font-weight:700;display:grid}.month-grid-calendar{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.day-cell-box{text-align:center;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-height:60px;padding:8px 6px;transition:all .15s;display:flex;position:relative}.day-cell-box:hover{transform:translateY(-1px);box-shadow:0 2px 5px #0000000d}.day-cell-box.day-working{background:#fff;border-color:#e2e8f0}.day-cell-box.day-weeklyoff{background:#fffbeb;border-color:#fde68a}.day-cell-box.day-holiday{background:#f5f3ff;border-color:#ddd6fe}.day-cell-box.day-cell-empty{opacity:.45;pointer-events:none;cursor:default;background:#f8fafc;border:1px dashed #e2e8f0}.day-cell-box.day-cell-empty:hover{box-shadow:none;transform:none}.day-num{color:#0f172a;font-size:14px;font-weight:800;line-height:1}.day-cell-box.day-weeklyoff .day-num{color:#b45309}.day-cell-box.day-holiday .day-num{color:#5b21b6}.day-name-sub{color:#94a3b8;text-transform:uppercase;margin-top:2px;font-size:10px;font-weight:600}.day-status-sub{text-overflow:ellipsis;white-space:nowrap;border-radius:4px;max-width:100%;margin-top:3px;padding:1px 4px;font-size:9.5px;font-weight:600;overflow:hidden}.day-working .day-status-sub{color:#1d4ed8;background:#eff6ff}.day-weeklyoff .day-status-sub{color:#b45309;background:#fef3c7}.day-holiday .day-status-sub{color:#6d28d9;background:#ede9fe}.lims-clean-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.lims-clean-table th{color:#475569;text-transform:uppercase;letter-spacing:.04em;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 14px;font-size:11.5px;font-weight:700}.lims-clean-table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px 14px}.lims-clean-table tbody tr:hover{background:#f8fafc}.action-buttons-group{justify-content:flex-end;gap:6px;display:flex}.btn-action-icon{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:inline-flex}.btn-action-icon:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.btn-action-icon.text-danger:hover{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.device-cards-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:18px;display:grid}.device-card-box{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:14px;padding:18px 20px;transition:all .15s;display:flex;box-shadow:0 1px 3px #0f172a08}.device-card-box:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0f172a0d}.device-card-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.device-title-wrap{align-items:center;gap:10px;display:flex}.device-icon-box{color:#047857;background:#ecfdf5;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.device-name{color:#0f172a;font-size:14px;font-weight:700}.device-meta-list{flex-direction:column;gap:8px;font-size:12.5px;display:flex}.device-meta-list .meta-row{color:#64748b;justify-content:space-between;align-items:center;display:flex}.device-meta-list .meta-row strong{color:#1e293b}.device-actions-bar{border-top:1px solid #f1f5f9;gap:8px;padding-top:12px;display:flex}.simulator-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:18px 20px;display:flex}.simulator-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.simulator-chip{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600;transition:all .15s}.simulator-chip:hover{color:#16a34a;border-color:#16a34a}.simulator-chip.active{color:#065f46;background:#ecfdf5;border-color:#86efac}.template-card-box{background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin-bottom:24px;overflow:hidden;box-shadow:0 1px 4px #0f172a0a}.template-breakdown-grid{grid-template-columns:1fr 1fr;gap:20px;padding:20px 22px;display:grid}@media (width<=900px){.template-breakdown-grid{grid-template-columns:1fr}}.breakdown-table-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.breakdown-table-header{color:#334155;background:#f1f5f9;justify-content:space-between;align-items:center;padding:10px 14px;font-size:12px;font-weight:700;display:flex}.formula-tag{color:#475569;background:#e2e8f0;border-radius:4px;padding:2px 6px;font-size:10.5px;font-weight:600}.template-footer-summary{background:#f0fdf4;border-top:1px solid #bbf7d0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 22px;display:flex}.summary-stats-group{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.summary-stat-pill{color:#334155;font-size:12.5px}.summary-stat-pill strong{color:#0f172a;font-size:14.5px}.spin{animation:1s linear infinite spin}.align-selector-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px;display:grid}.align-option-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:10px 8px;font-size:11.5px;font-weight:600;transition:all .15s;display:flex}.align-option-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.align-option-btn.active{color:#0284c7;background:#eff6ff;border-color:#0284c7;box-shadow:0 0 0 2px #0284c726}.media-upload-card{background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:8px;align-items:center;gap:14px;margin-bottom:14px;padding:12px;display:flex}.media-preview-box{background:#fff;border:1px solid #e2e8f0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:52px;display:flex;overflow:hidden}.media-preview-img{object-fit:contain;max-width:100%;max-height:100%}.sig-upload-box{background:#fff;border:1px dashed #cbd5e1;border-radius:6px;align-items:center;gap:10px;margin-top:8px;padding:8px 12px;display:flex}.sig-preview-thumbnail{background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;justify-content:center;align-items:center;width:90px;height:38px;padding:2px;display:flex;overflow:hidden}.pr-container{color:#0f172a;background-color:#f8fafc;min-height:calc(100vh - 70px);padding:24px;font-family:Inter,system-ui,-apple-system,sans-serif}.pr-header{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;padding:22px 28px;display:flex;box-shadow:0 1px 3px #0000000a}.pr-title-section h1{color:#0f172a;letter-spacing:-.02em;align-items:center;gap:10px;margin:6px 0 4px;font-size:22px;font-weight:800;display:flex}.pr-title-section p{color:#64748b;margin:0;font-size:13.5px}.pr-tag-pill{color:#166534;text-transform:uppercase;letter-spacing:.04em;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:9999px;align-items:center;gap:6px;padding:3px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.pr-header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pr-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:7px;padding:9px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s ease-in-out;display:inline-flex}.pr-btn-primary{color:#fff;background:#16a34a}.pr-btn-primary:hover{background:#15803d;box-shadow:0 4px 12px #16a34a40}.pr-btn-secondary{color:#334155;background:#fff;border:1px solid #cbd5e1}.pr-btn-secondary:hover{background:#f8fafc;border-color:#94a3b8}.pr-btn-accent{color:#fff;background:#2563eb}.pr-btn-accent:hover{background:#1d4ed8}.pr-btn-warning{color:#fff;background:#f59e0b}.pr-btn-warning:hover{background:#d97706}.pr-btn-danger{color:#fff;background:#dc2626}.pr-btn-danger:hover{background:#b91c1c}.pr-btn-sm{padding:5px 10px;font-size:12px}.pr-btn:disabled{opacity:.55;cursor:not-allowed}.pr-tabs-bar{border-bottom:2px solid #e2e8f0;gap:6px;margin-bottom:22px;display:flex;overflow-x:auto}.pr-tab-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-2px;padding:10px 18px;font-size:13.5px;font-weight:600;transition:all .15s;display:inline-flex}.pr-tab-btn:hover{color:#0f172a}.pr-tab-btn.active{color:#16a34a;border-bottom-color:#16a34a;font-weight:700}.pr-tab-count{color:#475569;background:#f1f5f9;border-radius:9999px;justify-content:center;align-items:center;margin-left:6px;padding:1px 7px;font-size:11px;font-weight:700;transition:all .15s;display:inline-flex}.pr-tab-btn.active .pr-tab-count{color:#15803d;background:#dcfce7}.pr-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin-bottom:24px;display:grid}.pr-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:14px;padding:18px 20px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 1px 3px #00000008}.pr-kpi-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000000f}.pr-kpi-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.pr-kpi-info{flex-direction:column;display:flex}.pr-kpi-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:11.5px;font-weight:700}.pr-kpi-val{color:#0f172a;margin-top:2px;font-size:20px;font-weight:800}.pr-kpi-sub{color:#94a3b8;font-size:11.5px}.pr-stepper-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:22px;padding:18px 24px;box-shadow:0 1px 3px #00000008}.pr-stepper{justify-content:space-between;align-items:center;gap:8px;padding:6px 0;display:flex;overflow-x:auto}.pr-step-item{flex-shrink:0;align-items:center;gap:8px;display:flex}.pr-step-circle{color:#64748b;background:#f1f5f9;border:2px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;transition:all .2s;display:flex}.pr-step-item.completed .pr-step-circle{color:#fff;background:#16a34a;border-color:#16a34a}.pr-step-item.active .pr-step-circle{color:#fff;background:#2563eb;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb2e}.pr-step-label{color:#64748b;white-space:nowrap;font-size:12.5px;font-weight:600}.pr-step-item.active .pr-step-label{color:#0f172a;font-weight:700}.pr-step-line{background:#e2e8f0;flex:1;min-width:24px;height:2px;margin:0 4px}.pr-step-line.filled{background:#16a34a}.pr-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:22px;overflow:hidden;box-shadow:0 1px 3px #00000008}.pr-card-header{border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.pr-card-header h3{color:#0f172a;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:700;display:flex}.pr-table-wrap{overflow-x:auto}.pr-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.pr-table th{color:#475569;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-size:11.5px;font-weight:700}.pr-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:13px 16px}.pr-table tbody tr:hover{background-color:#f8fafc}.pr-status-badge{white-space:nowrap;border-radius:9999px;align-items:center;gap:5px;padding:3px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.pr-status-draft{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1}.pr-status-calculating{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.pr-status-review{color:#854d0e;background:#fefce8;border:1px solid #fef08a}.pr-status-pending{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa}.pr-status-approved{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.pr-status-locked{color:#6b21a8;background:#f3e8ff;border:1px solid #e9d5ff}.pr-status-paid{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.pr-status-failed{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.pr-status-reconciled{color:#0f766e;background:#f0fdfa;border:1px solid #99f6e4}.pr-filter-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.pr-search-box{background:#fff;border:1px solid #cbd5e1;border-radius:8px;flex:1;align-items:center;gap:8px;min-width:220px;padding:8px 14px;display:flex}.pr-search-box input{border:none;outline:none;width:100%;font-size:13px}.pr-select{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:8px 12px;font-size:13px}.pr-modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;background:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.pr-modal-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;width:100%;max-width:620px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.pr-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.pr-modal-header h3{color:#0f172a;margin:0;font-size:16px;font-weight:700}.pr-modal-body{padding:22px}.pr-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;border-bottom-right-radius:14px;border-bottom-left-radius:14px;justify-content:flex-end;gap:10px;padding:16px 22px;display:flex}.pr-form-group{margin-bottom:16px}.pr-form-group label{color:#334155;margin-bottom:6px;font-size:12.5px;font-weight:600;display:block}.pr-form-group input,.pr-form-group select,.pr-form-group textarea{border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:9px 12px;font-family:inherit;font-size:13.5px}.pr-form-group input:focus,.pr-form-group select:focus,.pr-form-group textarea:focus{border-color:#16a34a;box-shadow:0 0 0 3px #16a34a26}.pr-breakdown-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px;display:grid}.pr-breakdown-col{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:16px}.pr-breakdown-col h4{color:#0f172a;justify-content:space-between;margin:0 0 10px;font-size:13px;font-weight:700;display:flex}.pr-breakdown-item{border-bottom:1px dashed #e2e8f0;justify-content:space-between;padding:5px 0;font-size:12.5px;display:flex}.pr-breakdown-item:last-child{border-bottom:none}.email-templates-container{max-width:1200px;margin:0 auto;padding:24px}.et-header-section{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.btn-back-link{color:#64748b;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:8px;padding:0;font-size:13px;font-weight:600;display:flex}.btn-back-link:hover{color:#0284c7}.et-icon-badge{color:#0284c7;background:#e0f2fe;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.et-page-title{color:#0f172a;margin:0;font-size:22px;font-weight:800}.et-page-subtitle{color:#64748b;margin:2px 0 0;font-size:13px}.et-filter-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:12px 16px;display:flex}.et-search-box{background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;flex:1;align-items:center;gap:8px;max-width:450px;padding:6px 12px;display:flex}.et-search-box input{background:0 0;border:none;outline:none;width:100%;font-size:13px}.et-module-tabs{gap:6px;display:flex}.et-tab-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #0000;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s}.et-tab-btn:hover{color:#0f172a;background:#e2e8f0}.et-tab-btn.active{color:#fff;background:#0284c7}.et-list-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:18px;display:grid}.et-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;padding:16px;display:flex;box-shadow:0 1px 3px #0000000d}.et-card-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.et-code-tag{color:#0284c7;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:4px;padding:3px 6px;font-family:monospace;font-size:11px;font-weight:700}.et-badge-default{color:#15803d;background:#dcfce7;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.et-status-dot{align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex}.et-status-dot.active{color:#16a34a}.et-status-dot.inactive{color:#94a3b8}.et-card-actions{gap:4px;display:flex}.btn-icon-action{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px}.btn-icon-action:hover{color:#0f172a;background:#f1f5f9}.btn-icon-action.text-danger:hover{color:#dc2626;background:#fee2e2}.et-card-title{color:#0f172a;margin:0 0 4px;font-size:15px;font-weight:700}.et-card-desc{color:#64748b;margin:0 0 10px;font-size:12px;line-height:1.4}.et-subject-preview{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;gap:6px;margin-bottom:8px;padding:6px 10px;display:flex}.et-body-preview-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;max-height:120px;margin-bottom:12px;padding:8px 10px;overflow-y:auto}.et-body-preview-box pre{color:#334155;white-space:pre-wrap;word-break:break-word;margin:0;font-family:inherit;font-size:11.5px}.et-card-footer{border-top:1px solid #f1f5f9;margin-top:auto;padding-top:8px}.et-empty-card{text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:12px;grid-column:1/-1;padding:40px}.placeholder-pill-grid{flex-wrap:wrap;gap:4px;display:flex}.placeholder-pill-btn{color:#0284c7;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:10.5px;font-weight:600;transition:all .15s}.placeholder-pill-btn:hover{color:#fff;background:#0284c7;border-color:#0284c7}.email-preview-container{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:12px}.ep-row{border-bottom:1px solid #f1f5f9;gap:8px;margin-bottom:6px;padding-bottom:4px;font-size:12.5px;display:flex}.ep-label{color:#64748b;width:90px;font-weight:700}.ep-val{color:#0f172a}.ep-body-card{background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;margin-top:10px;padding:12px}.ep-body-card pre{color:#1e293b;white-space:pre-wrap;margin:0;font-family:inherit;font-size:12px;line-height:1.5}.form-grid-2col{grid-template-columns:1fr 1fr;gap:12px;display:grid}.report-config-container{color:#1e293b;max-width:1440px;min-height:calc(100vh - 70px);margin:0 auto;padding:1.75rem 2.25rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.report-config-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:1.5rem;display:flex}.report-config-breadcrumb{color:#64748b;align-items:center;gap:.5rem;margin-bottom:.4rem;font-size:.8125rem;display:flex}.report-config-breadcrumb a,.breadcrumb-link{color:#0284c7;font-weight:500;text-decoration:none}.report-config-breadcrumb a:hover,.breadcrumb-link:hover{color:#0369a1;text-decoration:underline}.breadcrumb-separator{color:#cbd5e1}.breadcrumb-current{color:#0f172a;font-weight:600}.report-config-title{color:#0f172a;letter-spacing:-.02em;align-items:center;gap:10px;margin:0 0 .35rem;font-size:1.625rem;font-weight:800;display:flex}.report-config-badge-iso{color:#1d4ed8;text-transform:uppercase;letter-spacing:.04em;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;padding:3px 8px;font-size:.6875rem;font-weight:700}.report-config-subtitle{color:#64748b;max-width:820px;margin:0;font-size:.875rem;line-height:1.5}.report-config-header-actions{align-items:center;gap:.75rem;display:flex}.btn-save-master{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:none;border-radius:8px;align-items:center;gap:8px;padding:9px 18px;font-size:.875rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 2px 4px #2563eb40}.btn-save-master:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);transform:translateY(-1px);box-shadow:0 4px 8px #2563eb59}.btn-save-master:disabled{opacity:.6;cursor:not-allowed}.report-config-tabs{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;gap:6px;margin-bottom:1.75rem;padding:5px;display:flex;overflow-x:auto}.tab-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:8px;padding:8px 16px;font-size:.8125rem;font-weight:600;transition:all .15s;display:inline-flex;position:relative}.tab-btn:hover{color:#0f172a;background:#fff9}.tab-btn.active{color:#1d4ed8;background:#fff;border-color:#cbd5e1;font-weight:750;box-shadow:0 1px 3px #0000000f}.tab-dirty-dot{background:#f59e0b;border-radius:50%;width:7px;height:7px;margin-left:-2px}.grid-2col{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media (width<=1080px){.grid-2col{grid-template-columns:1fr}}.config-box{background:#fff;border:1px solid #e2e8f0;border-radius:12px;transition:border-color .2s;overflow:hidden;box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005}.config-box:focus-within{border-color:#cbd5e1}.config-box-header{background:#f8fafc;border-bottom:1px solid #f1f5f9;padding:1.125rem 1.375rem}.box-icon-wrap{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.box-title{color:#0f172a;margin:0;font-size:.9375rem;font-weight:750;line-height:1.25}.box-subtitle{color:#64748b;margin:2px 0 0;font-size:.75rem;line-height:1.4}.config-box-body{padding:1.375rem}.mode-toggle-group{flex-direction:column;gap:.75rem;display:flex}.mode-card{cursor:pointer;-webkit-user-select:none;user-select:none;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:9px;align-items:flex-start;gap:.875rem;padding:.875rem 1.125rem;transition:all .2s;display:flex}.mode-card:hover{background:#f1f5f9;border-color:#cbd5e1}.mode-card.selected{background:#eff6ff;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.mode-card input[type=radio]{cursor:pointer;accent-color:#2563eb;flex-shrink:0;width:16px;height:16px;margin-top:3px}.mode-card-content{flex-direction:column;display:flex}.mode-title{color:#0f172a;font-size:.84375rem;font-weight:700}.mode-desc{color:#64748b;margin-top:2px;font-size:.71875rem;line-height:1.4}.hidden-file-input{opacity:0;pointer-events:none;position:absolute;display:none!important}.upload-dropzone{cursor:pointer;text-align:center;box-sizing:border-box;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:10px;width:100%;padding:1.5rem 1.25rem;transition:all .2s;position:relative;flex-direction:column!important;justify-content:center!important;align-items:center!important;display:flex!important}.upload-dropzone:hover{background:#eff6ff;border-color:#3b82f6}.dropzone-title{color:#0f172a;margin-top:4px;font-size:.84375rem;font-weight:750}.dropzone-desc{color:#64748b;margin-top:2px;font-size:.71875rem;line-height:1.4}.dropzone-badge{color:#2563eb;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:4px;margin-top:8px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex;box-shadow:0 1px 2px #0000000a}.asset-preview-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;box-shadow:0 1px 3px #00000008}.asset-preview-image-wrap{background:#f8fafc;border-bottom:1px solid #f1f5f9;justify-content:center;align-items:center;min-height:90px;max-height:150px;padding:10px;display:flex;overflow:hidden}.letterhead-preview-img{object-fit:contain;border-radius:4px;width:100%;height:auto;max-height:130px}.asset-meta-row{background:#fff;justify-content:space-between;align-items:center;padding:.625rem .875rem;display:flex}.signature-preview-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.75rem;display:grid}.signature-preview-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;justify-content:space-between;padding:.75rem;transition:all .15s;display:flex}.signature-preview-card:hover{border-color:#cbd5e1;box-shadow:0 1px 3px #0000000a}.sig-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:.78125rem;font-weight:750;overflow:hidden}.sig-role{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin-bottom:.4rem;font-size:.6875rem;overflow:hidden}.sig-img-wrap{background:#fafbfc;border:1px solid #f1f5f9;border-radius:6px;justify-content:center;align-items:center;height:48px;padding:4px;display:flex}.sig-preview-img{object-fit:contain;max-width:95%;max-height:40px}.sig-missing-badge{color:#94a3b8;text-align:center;background:#f8fafc;border:1px dashed #e2e8f0;border-radius:6px;padding:.5rem 0;font-size:.65625rem;font-style:italic}.certificate-simulator-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-top:12px;padding:16px}.certificate-sheet-mock{background:#fff;border:1.5px solid #cbd5e1;border-radius:6px;padding:20px 24px;position:relative;box-shadow:0 4px 12px #0000000f}.certificate-mock-header{border-bottom:2px solid #0f172a;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;padding-bottom:14px;display:flex}.certificate-mock-center{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:48px;display:flex}.certificate-mock-title{color:#0f172a;letter-spacing:.06em;text-transform:uppercase;font-family:Times New Roman,Times,serif;font-size:1.125rem;font-weight:900;line-height:1.25}.certificate-mock-subtitle{color:#0284c7;letter-spacing:.08em;text-transform:uppercase;margin-top:3px;font-size:.75rem;font-weight:700;line-height:1.25}.certificate-mock-tagline{color:#64748b;margin-top:2px;font-size:.65rem;font-style:italic;line-height:1.25}.certificate-mock-meta{color:#475569;background:#f8fafc;border:1px solid #f1f5f9;border-radius:4px;justify-content:space-between;margin-bottom:12px;padding:6px 10px;font-family:ui-monospace,Menlo,Monaco,Consolas,monospace;font-size:.6875rem;display:flex}.certificate-mock-barcode-sim{flex-direction:column;justify-content:center;align-items:flex-start;width:85px;display:flex}.barcode-bars{background:repeating-linear-gradient(90deg,#0f172a 0 2px,#0000 2px 4px,#0f172a 4px 7px,#0000 7px 9px,#0f172a 9px 12px);border-radius:2px;width:70px;height:22px}.barcode-label{color:#64748b;letter-spacing:.05em;margin-top:2px;font-family:monospace;font-size:.5625rem}.nabl-mock-badge{color:#1e3a8a;text-align:center;letter-spacing:.05em;background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;padding:3px 6px;font-size:.625rem;font-weight:800}.certificate-mock-two-col{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px;display:grid}.certificate-mock-panel{background:#fff;border:1px solid #e2e8f0;border-radius:4px;overflow:hidden}.mock-panel-header{color:#0f172a;letter-spacing:.02em;background:#f1f5f9;padding:4px 8px;font-size:.625rem;font-weight:700}.mock-panel-body{flex-direction:column;gap:4px;padding:6px 8px;display:flex}.mock-row{justify-content:space-between;gap:6px;font-size:.625rem;display:flex}.mock-lbl{color:#64748b;flex-shrink:0;min-width:95px;font-size:.59375rem}.mock-val{color:#0f172a;text-align:left;flex:1}.certificate-mock-desc-panel{background:#fff;border:1px solid #e2e8f0;border-radius:4px;margin-bottom:8px;overflow:hidden}.mock-desc-body{color:#1e293b;padding:6px 8px;font-size:.625rem;line-height:1.35}.certificate-mock-alert{color:#1d4ed8;text-align:left;background:#eff6ff;border:1px solid #93c5fd;border-radius:4px;padding:5px 8px;font-size:.625rem;font-weight:600}.cfg-input{color:#1e293b;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:7px;outline:none;width:100%;height:36px;padding:6px 10px;font-size:.8125rem;transition:all .15s}.cfg-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.cfg-input-mono{color:#312e81;background:#fbfbfe;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:700}.cfg-input-mono:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.category-bulk-strip{background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;padding:.875rem 1rem}.category-bulk-pill{background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:.5rem;padding:.35rem .625rem;font-size:.75rem;display:inline-flex}.cat-name{color:#334155;font-weight:600}.bulk-toggle-btn{cursor:pointer;border:none;border-radius:4px;padding:.2rem .5rem;font-size:.6875rem;font-weight:700;transition:all .15s}.bulk-toggle-btn.btn-acc{color:#15803d;background:#dcfce7}.bulk-toggle-btn.btn-non-acc{color:#475569;background:#f1f5f9}.accreditation-switch-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:20px;align-items:center;gap:.4rem;padding:.35rem .875rem;font-size:.75rem;font-weight:700;transition:all .15s;display:inline-flex}.accreditation-switch-btn.active{color:#166534;background:#f0fdf4;border-color:#86efac}.row-accredited{background-color:#fcfdfc}.config-table{border-collapse:collapse;width:100%;font-size:.8125rem}.config-table th{text-align:left;color:#475569;text-transform:uppercase;letter-spacing:.03em;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.75rem .875rem;font-size:.75rem;font-weight:700}.config-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:.75rem .875rem}.config-table tbody tr:hover{background:#f8fafc}.tab-section-header{background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1.125rem 1.375rem;display:flex;box-shadow:0 1px 3px #00000008}.templates-grid{grid-template-columns:repeat(auto-fill,minmax(480px,1fr));gap:1.5rem;display:grid}@media (width<=768px){.templates-grid{grid-template-columns:1fr}}.template-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;flex-direction:column;transition:all .2s;display:flex;overflow:hidden;box-shadow:0 2px 4px #00000008}.template-card:hover{border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 6px 16px #0000000f}.template-card.is-default-card{background:#fff;border-color:#86efac;box-shadow:0 4px 12px #22c55e14}.template-card-header{background:#f8fafc;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:1.125rem 1.375rem;display:flex}.template-card-icon{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.template-title{color:#0f172a;margin:0;font-size:.9375rem;font-weight:800;line-height:1.3}.template-meta-category{color:#64748b;font-size:.6875rem;font-weight:500;display:block}.template-card-body{flex:1;padding:1.25rem 1.375rem}.template-desc{color:#475569;background:#f8fafc;border-left:3px solid #3b82f6;border-radius:0 6px 6px 0;margin:0 0 1rem;padding:8px 12px;font-size:.78125rem;line-height:1.45}.clauses-summary{background:#fafbfc;border:1px solid #e2e8f0;border-radius:9px;padding:1rem}.clauses-summary-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;display:flex}.clause-mini-list{flex-direction:column;gap:.625rem;margin:0;padding:0;list-style:none;display:flex}.clause-mini-item{background:#fff;border:1px solid #f1f5f9;border-radius:6px;flex-direction:column;gap:2px;padding:6px 8px;display:flex}.clause-tag{color:#1e3a8a;font-size:.6875rem;font-weight:750;display:inline-block}.clause-text-body{color:#334155;font-size:.75rem;line-height:1.4}.template-card-footer{background:#f8fafc;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:.875rem 1.375rem;display:flex}.empty-templates-box{text-align:center;background:#fff;border:2px dashed #cbd5e1;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:3rem 2rem;display:flex}.empty-templates-icon{color:#2563eb;background:#eff6ff;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:1rem;display:flex}.rule-toggle-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:.875rem 1rem;transition:all .15s;display:flex}.rule-label{color:#1e293b;font-size:.8125rem;font-weight:700;display:block}.rule-hint{color:#64748b;margin-top:2px;font-size:.71875rem;line-height:1.4;display:block}.config-alert{border-radius:8px;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding:.875rem 1.25rem;font-size:.875rem;font-weight:600;animation:.2s fadeInOverlay;display:flex}.alert-success{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.alert-danger{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.form-label-bold{color:#1e293b;margin-bottom:.35rem;font-size:.8125rem;font-weight:700;display:block}.form-hint{color:#64748b;margin-top:.25rem;font-size:.6875rem;line-height:1.35;display:block}.badge-subtle{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:2px 6px;font-weight:600}.modal-overlay-custom{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0f172a99;justify-content:center;align-items:center;padding:1.5rem;animation:.15s fadeInOverlay;display:flex;position:fixed;inset:0}.modal-card-custom{background:#fff;border:1px solid #e2e8f0;border-radius:14px;width:100%;max-width:820px;animation:.2s slideUpModal;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header-custom{background:#f8fafc;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:1.125rem 1.5rem;display:flex}.modal-title-custom{color:#0f172a;margin:0;font-size:1rem;font-weight:750}.btn-close-custom{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:1.125rem;transition:all .15s}.btn-close-custom:hover{color:#0f172a;background:#f1f5f9}.modal-body-custom{padding:1.5rem}.modal-grid-top{grid-template-columns:2fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.modal-toggles-row{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.25rem;display:grid}@media (width<=640px){.modal-grid-top,.modal-toggles-row{grid-template-columns:1fr}}.clause-section-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:.875rem;padding-bottom:.5rem;display:flex}.modal-footer-custom{background:#f8fafc;border-top:1px solid #f1f5f9;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.clause-editor-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;padding:1rem 1.25rem}.clause-card-row{background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:flex-start;gap:.875rem;margin-bottom:.875rem;padding:.875rem;display:flex;box-shadow:0 1px 3px #00000008}.clause-row-controls{flex-direction:column;align-items:center;gap:4px;padding-top:2px;display:flex}.clause-number{color:#64748b;margin:2px 0;font-size:.6875rem;font-weight:750}.btn-order{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;transition:all .15s;display:flex}.btn-order:hover:not(:disabled){color:#0f172a;background:#e2e8f0}.btn-order:disabled{opacity:.4;cursor:not-allowed}.clause-row-inputs{flex-direction:column;flex:1;gap:.5rem;display:flex}.clause-row-actions{padding-top:2px}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes slideUpModal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.signatory-tab-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;margin-bottom:1rem;display:flex}.signatory-header-info{align-items:center;gap:.75rem;display:flex}.signatory-header-icon{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.signatory-tab-title{color:#0f172a;margin:0;font-size:1.0625rem;font-weight:700;line-height:1.25}.signatory-tab-desc{color:#64748b;margin:.2rem 0 0;font-size:.8125rem}.signatory-tab-actions{flex-wrap:wrap;align-items:center;gap:.625rem;display:flex}.btn-add-sig-block{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:.4rem;padding:.5rem .9rem;font-size:.8125rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-add-sig-block:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8}.signatory-info-banner{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;align-items:flex-start;gap:.75rem;margin-bottom:1.25rem;padding:.75rem 1rem;display:flex}.signatory-info-banner-text{color:#15803d;font-size:.8125rem;line-height:1.45}.signatory-blocks-container{flex-direction:column;gap:1.25rem;margin-bottom:1.5rem;display:flex}.signatory-config-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;transition:all .2s;overflow:hidden;box-shadow:0 1px 3px #0000000a}.signatory-config-card:hover{border-color:#cbd5e1;box-shadow:0 4px 6px -1px #0000000f}.signatory-config-card.is-disabled{opacity:.7;background:#fafafa;border-style:dashed}.signatory-card-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.25rem;display:flex}.signatory-card-header-left{align-items:center;gap:.625rem;display:flex}.signatory-badge-num{color:#fff;letter-spacing:.02em;background:#0284c7;border-radius:5px;padding:2px 8px;font-size:.75rem;font-weight:800}.signatory-card-title{color:#0f172a;font-size:.875rem;font-weight:700}.signatory-card-header-right{align-items:center;gap:.75rem;display:flex}.btn-toggle-pdf{cursor:pointer;border:1px solid #0000;border-radius:6px;align-items:center;gap:.35rem;padding:.35rem .65rem;font-size:.75rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-toggle-pdf.active{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.btn-toggle-pdf:not(.active){color:#64748b;background:#f1f5f9;border-color:#cbd5e1}.signatory-card-actions{border-left:1px solid #cbd5e1;align-items:center;gap:.25rem;padding-left:.5rem;display:flex}.btn-card-action{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:5px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:inline-flex}.btn-card-action:hover:not(:disabled){color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.btn-card-action:disabled{opacity:.35;cursor:not-allowed}.btn-card-delete{color:#ef4444}.btn-card-delete:hover:not(:disabled){color:#b91c1c;background:#fee2e2;border-color:#fca5a5}.signatory-card-body{padding:1.25rem}.signatory-form-grid{grid-template-columns:1fr 1fr;align-items:start;gap:1.125rem 1.5rem;display:grid}@media (width<=800px){.signatory-form-grid{grid-template-columns:1fr}}.signatory-field-group{flex-direction:column;gap:.3rem;display:flex}.signatory-field-group label{color:#334155;align-items:center;gap:.25rem;margin-bottom:.15rem;font-size:.78125rem;font-weight:700;display:flex}.signatory-field-group input,.signatory-field-group select{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:6px;width:100%;height:38px;padding:0 .75rem;font-size:.8125rem;transition:border-color .15s,box-shadow .15s}.signatory-field-group input:focus,.signatory-field-group select:focus{border-color:#0284c7;outline:none;box-shadow:0 0 0 2px #0284c71f}.signatory-field-helper{color:#64748b;font-size:.71875rem;line-height:1.35}.signatory-specimen-section{border-top:1px solid #f1f5f9;grid-column:1/-1;margin-top:.25rem;padding-top:1rem}.signatory-specimen-container{flex-wrap:wrap;align-items:center;gap:1.25rem;margin-top:.35rem;display:flex}.signatory-specimen-box{box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:190px;height:64px;padding:4px 8px;display:flex;overflow:hidden}.signatory-specimen-box.is-empty{background:#f8fafc;border-style:dashed}.signatory-specimen-img{object-fit:contain;max-width:100%;max-height:54px}.signatory-upload-controls{flex-direction:column;align-items:flex-start;gap:.4rem;display:flex}.signatory-btn-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.btn-upload-sig{color:#1e293b;cursor:pointer;white-space:nowrap;background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:.45rem;padding:.45rem .85rem;font-size:.78125rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-upload-sig:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8}.btn-remove-sig{color:#b91c1c;cursor:pointer;white-space:nowrap;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;align-items:center;gap:.35rem;padding:.45rem .75rem;font-size:.75rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-remove-sig:hover{background:#fee2e2;border-color:#f87171}.live-pdf-simulator-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-top:1.5rem;padding:1.25rem 1.5rem}.simulator-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.simulator-header-left{align-items:center;gap:.5rem;display:flex}.simulator-title{color:#0f172a;margin:0;font-size:.9375rem;font-weight:700}.simulator-mode-pill{color:#1d4ed8;white-space:nowrap;background:#eff6ff;border:1px solid #bfdbfe;border-radius:9999px;padding:4px 10px;font-size:.75rem;font-weight:700}.simulator-report-sheet{background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:1.5rem;box-shadow:0 1px 4px #0000000d}.simulator-divider-line{text-align:center;border-top:1px dashed #cbd5e1;margin-bottom:1.25rem;position:relative}.simulator-divider-text{color:#94a3b8;letter-spacing:.06em;text-transform:uppercase;background:#fff;padding:0 12px;font-size:.65625rem;font-weight:700;position:relative;top:-9px}.sim-grid-1{justify-content:center;display:flex}.sim-grid-1 .sim-sign-box{width:100%;max-width:360px}.sim-grid-2{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.sim-grid-3{grid-template-columns:1fr 1fr 1fr;gap:1rem;display:grid}.sim-grid-multi{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}@media (width<=680px){.sim-grid-2,.sim-grid-3{grid-template-columns:1fr}}.sim-sign-box{box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:6px;flex-direction:column;justify-content:space-between;min-height:110px;padding:.85rem 1rem;display:flex}.sim-sign-box.is-auth{background:#f8fafc;border-color:#94a3b8}.sim-sign-role{color:#1e293b;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;margin-bottom:.4rem;font-size:.71875rem;font-weight:750;overflow:hidden}.sim-sign-box.is-auth .sim-sign-role{color:#1e40af}.sim-sign-img-wrap{align-items:center;height:38px;margin-bottom:.4rem;display:flex}.sim-sign-img{object-fit:contain;max-width:140px;max-height:36px}.sim-sign-missing{color:#94a3b8;font-size:.6875rem;font-style:italic}.sim-sign-name{color:#0f172a;font-size:.8125rem;font-weight:750;line-height:1.2}.sim-sign-desig{color:#64748b;margin-top:2px;font-size:.71875rem;line-height:1.2}.simulator-microprint{color:#94a3b8;border-top:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-top:1.25rem;padding-top:.75rem;font-size:.65625rem;display:flex}.simulator-microprint-badge{color:#64748b;letter-spacing:.04em;font-weight:700}.simulator-footer-actions{border-top:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:1rem;padding-top:.85rem;display:flex}.simulator-footer-note{color:#64748b;font-size:.75rem;font-style:italic}@media (width<=768px){.org-mode-grid{grid-template-columns:1fr}}.org-mode-card{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:10px;flex-direction:column;justify-content:space-between;padding:1.25rem;transition:all .2s;display:flex;position:relative}.org-mode-card:hover{border-color:#93c5fd;box-shadow:0 4px 10px #0000000d}.org-mode-card-header{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.org-mode-card-icon{color:#0284c7;background:#e0f2fe;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.org-mode-card-title{color:#0f172a;font-size:.9375rem;font-weight:750}.org-mode-badge{border-radius:9999px;align-items:center;gap:.35rem;width:fit-content;padding:3px 8px;font-size:.71875rem;font-weight:700;display:inline-flex}.org-mode-card.is-active .org-mode-badge{color:#fff;background:#0284c7}.org-mode-card:not(.is-active) .org-mode-badge{color:#64748b;background:#f1f5f9}.org-mode-grid{grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1.5rem;display:grid}@media (width<=768px){.org-mode-grid{grid-template-columns:1fr}}.org-mode-card{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:12px;flex-direction:column;justify-content:space-between;padding:1.25rem 1.4rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 1px 3px #0000000a}.org-mode-card:hover{border-color:#93c5fd;transform:translateY(-1px);box-shadow:0 6px 16px #0e749014}.org-mode-card.is-active{background:#f8fafc;border-color:#0284c7;box-shadow:0 0 0 1px #0284c7,0 4px 12px #0284c714}.org-mode-card-header{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;display:flex}.org-mode-header-left{align-items:center;gap:.75rem;display:flex}.org-mode-card-icon{color:#0284c7;background:#e0f2fe;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:inset 0 1px 1px #fff9}.org-mode-card.is-active .org-mode-card-icon{color:#fff;background:#0284c7}.org-mode-card-title{color:#0f172a;font-size:.9375rem;font-weight:750;line-height:1.25}.org-mode-scope-tag{text-transform:uppercase;letter-spacing:.04em;color:#0284c7;margin-top:.15rem;font-size:.6875rem;font-weight:700}.org-mode-card-desc{color:#475569;margin-bottom:.85rem;font-size:.8125rem;line-height:1.45}.org-mode-features-list{border-top:1px solid #f1f5f9;flex-direction:column;gap:.35rem;margin-bottom:1rem;padding-top:.5rem;display:flex}.org-mode-feature-item{color:#334155;align-items:center;gap:.45rem;font-size:.75rem;font-weight:500;display:flex}.org-mode-feature-item svg{color:#059669;flex-shrink:0}.org-mode-badge{border-radius:9999px;align-items:center;gap:.4rem;width:fit-content;padding:5px 12px;font-size:.75rem;font-weight:700;transition:all .15s;display:inline-flex}.org-mode-card.is-active .org-mode-badge{color:#fff;background:#0284c7;box-shadow:0 1px 2px #0284c74d}.org-mode-card:not(.is-active) .org-mode-badge{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0}.org-mode-card:not(.is-active):hover .org-mode-badge{color:#1e293b;background:#e2e8f0}.rule-toggles-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}@media (width<=900px){.rule-toggles-grid{grid-template-columns:1fr}}.rule-toggle-card{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:1rem 1.15rem;transition:all .2s;display:flex}.rule-toggle-card:hover{background:#f8fafc;border-color:#cbd5e1}.rule-toggle-card.is-active{background:#f0f9ff;border-color:#0284c7;box-shadow:0 1px 3px #0284c714}.rule-toggle-info{align-items:flex-start;gap:.75rem;display:flex}.rule-toggle-icon{color:#475569;background:#f1f5f9;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.rule-toggle-card.is-active .rule-toggle-icon{color:#0284c7;background:#e0f2fe}.rule-toggle-title{color:#0f172a;margin-bottom:.2rem;font-size:.8125rem;font-weight:700;line-height:1.3}.rule-toggle-desc{color:#64748b;font-size:.71875rem;line-height:1.35}.toggle-switch-widget{background:#cbd5e1;border-radius:9999px;flex-shrink:0;width:38px;height:22px;transition:background .2s;position:relative}.toggle-switch-widget.is-checked{background:#0284c7}.toggle-switch-handle{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s cubic-bezier(.16,1,.3,1);position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.toggle-switch-widget.is-checked .toggle-switch-handle{transform:translate(16px)}.section-headings-grid{grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1.5rem;display:grid}@media (width<=800px){.section-headings-grid{grid-template-columns:1fr}}.section-heading-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:.95rem;padding:1.25rem;transition:all .2s;display:flex;box-shadow:0 1px 3px #00000008}.section-heading-card.is-accredited{border-top:3px solid #0284c7}.section-heading-card.is-nonaccredited{border-top:3px solid #d97706}.section-heading-card.is-dimmed{opacity:.75;background:#fafafa}.section-card-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.section-card-title{color:#0f172a;align-items:center;gap:.5rem;font-size:.875rem;font-weight:750;display:flex}.badge-accredited-pill{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:9999px;padding:2px 8px;font-size:.6875rem;font-weight:700}.badge-nonaccredited-pill{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:9999px;padding:2px 8px;font-size:.6875rem;font-weight:700}.btn-reset-default{color:#64748b;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:5px;align-items:center;gap:.35rem;padding:3px 8px;font-size:.6875rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-reset-default:hover{color:#0f172a;background:#e2e8f0}.banner-notice-disabled{color:#92400e;background:#fef3c7;border:1px solid #fde68a;border-radius:6px;align-items:center;gap:.45rem;padding:6px 10px;font-size:.75rem;display:flex}.sim-paper-sheet{background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:1.25rem;box-shadow:0 4px 14px #0000000d}.sim-sheet-top-header{border-bottom:2px solid #0f172a;justify-content:space-between;align-items:flex-end;gap:.75rem;margin-bottom:.75rem;padding-bottom:.5rem;display:flex}.sim-sheet-lab-title{color:#0f172a;text-transform:uppercase;letter-spacing:.03em;font-size:.78125rem;font-weight:800}.sim-sheet-lab-sub{color:#64748b;margin-top:1px;font-size:.65625rem}.sim-sheet-meta-badges{align-items:center;gap:.4rem;display:flex}.sim-sheet-pill-ulr{color:#334155;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:.625rem;font-weight:700}.sim-sheet-pill-nabl{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:4px;padding:2px 6px;font-size:.625rem;font-weight:700}.mock-sec-banner-acc{background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;margin-bottom:8px;padding:6px 10px}.mock-sec-banner-acc-title{color:#1e3a8a;letter-spacing:.02em;font-size:.75rem;font-weight:800}.mock-sec-banner-acc-sub{color:#2563eb;margin-top:2px;font-size:.65625rem}.mock-sec-banner-nonacc{background:#fffbeb;border:1px solid #fde68a;border-radius:4px;margin-bottom:8px;padding:6px 10px}.mock-sec-banner-nonacc-title{color:#b45309;letter-spacing:.02em;font-size:.75rem;font-weight:800}.mock-sec-banner-nonacc-sub{color:#d97706;margin-top:2px;font-size:.65625rem}.mock-cat-header-strip{color:#fff;letter-spacing:.01em;background:#1e293b;border-radius:4px;justify-content:space-between;align-items:center;margin-bottom:4px;padding:6px 10px;font-size:.71875rem;font-weight:750;display:flex}.mock-cat-badge-nonacc{color:#fef3c7;background:#78350f;border-radius:3px;padding:1px 6px;font-size:.625rem;font-weight:700}.mock-cat-badge-acc{color:#dbeafe;background:#1e3a8a;border-radius:3px;padding:1px 6px;font-size:.625rem;font-weight:700}.mock-table-wrap{border:1px solid #e2e8f0;border-radius:4px;margin-bottom:6px;overflow:hidden}.mock-table{border-collapse:collapse;width:100%;font-size:.6875rem}.mock-table th{text-align:left;color:#334155;background:#f8fafc;border-bottom:1px solid #cbd5e1;padding:4px 8px;font-size:.65625rem;font-weight:700}.mock-table td{color:#475569;border-bottom:1px solid #f1f5f9;padding:4px 8px}.mock-table tr:last-child td{border-bottom:none}.mock-engineer-strip{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:5px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:6px 10px;font-size:.6875rem;display:flex}.mock-engineer-left{color:#1e293b;align-items:center;gap:.45rem;font-weight:600;display:flex}.mock-engineer-sig-visual{color:#0284c7;background:#fff;border:1px solid #e2e8f0;border-radius:4px;align-items:center;gap:.35rem;padding:2px 6px;font-family:serif;font-style:italic;display:inline-flex}.mock-page-break-divider{justify-content:center;align-items:center;margin:14px 0;display:flex;position:relative}.mock-page-break-line{border-top:2px dashed #f59e0b;position:absolute;left:0;right:0}.mock-page-break-badge{color:#b45309;background:#fffbeb;border:1px solid #fde68a;border-radius:9999px;align-items:center;gap:.35rem;padding:3px 12px;font-size:.6875rem;font-weight:700;display:inline-flex;position:relative;box-shadow:0 1px 3px #0000000d}.invoice-management-container{color:#0f172a;box-sizing:border-box;background:#f8fafc;min-height:calc(100vh - 64px);padding:18px 24px 36px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.invoice-page-header{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;padding:16px 20px;display:flex;box-shadow:0 1px 3px #0f172a0a,0 2px 4px -2px #0f172a05}.invoice-page-title h1{color:#0f172a;letter-spacing:-.02em;align-items:center;gap:10px;margin:0 0 3px;font-size:1.35rem;font-weight:800;display:flex}.invoice-page-title p{color:#64748b;margin:0;font-size:.8125rem}.invoice-header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.invoice-kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.invoice-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;padding:14px 16px;transition:transform .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0f172a08,0 2px 4px -2px #0f172a05}.invoice-kpi-card:hover{transform:translateY(-2px);box-shadow:0 6px 14px -3px #0f172a12}.invoice-kpi-card:before{content:"";height:3px;position:absolute;top:0;left:0;right:0}.invoice-kpi-card.kpi-total:before{background:#2563eb}.invoice-kpi-card.kpi-paid:before{background:#059669}.invoice-kpi-card.kpi-outstanding:before{background:#d97706}.invoice-kpi-card.kpi-overdue:before{background:#dc2626}.invoice-kpi-card.kpi-duesoon:before{background:#7c3aed}.invoice-kpi-card.kpi-draft:before{background:#64748b}.invoice-kpi-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.invoice-kpi-header span{color:#64748b;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;font-size:.725rem;font-weight:700;overflow:hidden}.invoice-kpi-icon{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.kpi-total .invoice-kpi-icon{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.kpi-paid .invoice-kpi-icon{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.kpi-outstanding .invoice-kpi-icon{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.kpi-overdue .invoice-kpi-icon{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.kpi-duesoon .invoice-kpi-icon{color:#7c3aed;background:#f5f3ff;border:1px solid #ddd6fe}.kpi-draft .invoice-kpi-icon{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.invoice-kpi-value{color:#0f172a;letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;margin-bottom:3px;font-size:1.25rem;font-weight:800;line-height:1.15;overflow:hidden}.invoice-kpi-subtext{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:.725rem;overflow:hidden}.invoice-filter-bar{background:#fff;border:1px solid #e2e8f0;border-bottom:none;border-radius:10px 10px 0 0;flex-direction:column;gap:12px;padding:14px 18px;display:flex}.invoice-status-tabs{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;gap:6px;padding-bottom:10px;display:flex}.invoice-tab-btn{color:#475569;cursor:pointer;white-space:nowrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9999px;align-items:center;gap:5px;padding:5px 12px;font-size:.775rem;font-weight:600;transition:all .15s;display:inline-flex}.invoice-tab-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.invoice-tab-btn.active{color:#fff;background:#0f172a;border-color:#0f172a;box-shadow:0 1px 2px #0f172a1f}.invoice-tab-badge{background:#ffffff40;border-radius:9999px;padding:0 6px;font-size:.7rem;font-weight:700;line-height:1.4}.invoice-tab-btn:not(.active) .invoice-tab-badge{color:#475569;background:#e2e8f0}.invoice-search-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.invoice-search-input-wrapper{flex:1;min-width:240px;position:relative}.invoice-search-input-wrapper svg{color:#94a3b8;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.invoice-search-input{color:#0f172a;box-sizing:border-box;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:7px 12px 7px 34px;font-size:.8125rem;transition:all .15s}.invoice-search-input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1f}.invoice-date-filters{align-items:center;gap:8px;display:flex}.invoice-date-group{background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.invoice-date-label{color:#64748b;text-transform:uppercase;font-size:.7rem;font-weight:700}.invoice-date-input{color:#1e293b;background:0 0;border:none;outline:none;padding:4px 0;font-family:inherit;font-size:.785rem}.invoice-date-sep{color:#94a3b8;font-size:.75rem;font-weight:600}.invoice-clear-btn{border-radius:6px;padding:4px 10px;font-size:.75rem}.invoice-table-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:0 0 10px 10px;overflow-x:auto;box-shadow:0 1px 3px #0f172a08}.invoice-table-wrapper::-webkit-scrollbar{height:6px}.invoice-table-wrapper::-webkit-scrollbar-track{background:#f8fafc}.invoice-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.invoice-table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.invoice-table{border-collapse:collapse;text-align:left;width:100%;min-width:980px;font-size:.8125rem}.invoice-table th{color:#475569;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 14px;font-size:.7rem;font-weight:700}.invoice-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:10px 14px}.invoice-table tr:hover td{background:#fbfcfe}.invoice-number-cell{flex-direction:column;gap:2px;min-width:150px;display:flex;white-space:nowrap!important}.invoice-number-link{color:#1e40af;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8125rem;font-weight:700;text-decoration:none;white-space:nowrap!important;word-break:keep-all!important}.invoice-number-link:hover{color:#1d4ed8;text-decoration:underline}.invoice-po-badge{color:#64748b;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.6875rem}.invoice-customer-cell{flex-direction:column;min-width:180px;max-width:260px;display:flex}.invoice-customer-name{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.invoice-customer-code{color:#64748b;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.7rem}.invoice-status-pill{text-transform:capitalize;white-space:nowrap;border-radius:9999px;align-items:center;gap:4px;padding:2px 8px;font-size:.725rem;font-weight:700;display:inline-flex}.status-draft{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.status-issued{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.status-unpaid,.status-partially-paid{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.status-paid{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.status-overdue{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.status-cancelled{color:#94a3b8;background:#f8fafc;border:1px solid #e2e8f0}.invoice-amount-text{color:#0f172a;font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.invoice-outstanding-text{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.text-danger{color:#dc2626}.text-success{color:#16a34a}.text-warning{color:#d97706}.invoice-actions-cell{white-space:nowrap;align-items:center;gap:5px;min-width:100px;display:flex}.btn-icon-action{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;padding:5px;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #0f172a05}.btn-icon-action:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8;transform:translateY(-1px)}.btn-icon-action.btn-pay{color:#059669;background:#ecfdf5;border-color:#a7f3d0}.btn-icon-action.btn-pay:hover{color:#047857;background:#d1fae5;border-color:#047857}.invoice-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a8c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.invoice-modal-box{background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;max-width:740px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0f172a26,0 8px 10px -6px #0f172a1a}.invoice-modal-box.modal-large{max-width:880px}.invoice-modal-header{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.invoice-modal-header h3{color:#0f172a;margin:0;font-size:1.15rem;font-weight:800}.invoice-modal-body{padding:20px}.invoice-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;border-radius:0 0 12px 12px;justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}.form-grid-2{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;display:grid}.form-group-item{flex-direction:column;gap:5px;display:flex}.form-group-item label{color:#334155;font-size:.785rem;font-weight:700}.form-group-item input,.form-group-item select,.form-group-item textarea{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;padding:7px 10px;font-size:.8125rem;transition:all .15s}.form-group-item input:focus,.form-group-item select:focus,.form-group-item textarea:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1f}.modal-line-items-header{justify-content:space-between;align-items:center;margin:16px 0 10px;display:flex}.modal-line-item-row{grid-template-columns:3fr 1fr 1.5fr 1fr 1fr auto;align-items:center;gap:8px;margin-bottom:8px;display:grid}.modal-totals-summary-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:6px;max-width:300px;margin-top:14px;margin-left:auto;padding:14px;display:flex}.totals-row-item{color:#475569;justify-content:space-between;font-size:.785rem;display:flex}.totals-row-item.grand-total{color:#1e3a8a;border-top:1px solid #cbd5e1;margin-top:4px;padding-top:8px;font-size:.9rem;font-weight:800}@media (width<=1440px){.invoice-management-container{padding:14px 16px 24px}.invoice-kpi-grid{gap:10px}.invoice-kpi-card{padding:12px 14px}.invoice-kpi-value{font-size:1.15rem}.invoice-table th,.invoice-table td{padding:8px 10px}}.invoice-detail-layout{box-sizing:border-box;grid-template-columns:minmax(0,1fr) 290px;align-items:start;gap:16px;width:100%;max-width:100%;display:grid}.invoice-detail-sidebar{box-sizing:border-box;flex-direction:column;gap:14px;width:100%;max-width:290px;display:flex;position:sticky;top:14px}.invoice-document-card{box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:10px;flex-direction:column;justify-content:space-between;width:100%;min-height:1050px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #0f172a0d}.invoice-sheet-letterhead-header{box-sizing:border-box;background:#fff;border-bottom:2px solid #e2e8f0;border-top-left-radius:9px;border-top-right-radius:9px;justify-content:flex-end;align-items:flex-start;width:100%;min-height:140px;padding:16px 20px 14px;display:flex;position:relative;overflow:hidden}.invoice-sheet-letterhead-bg{pointer-events:none;z-index:0;width:100%;height:auto;position:absolute;top:0;left:0}.invoice-header-meta-right{z-index:1;text-align:right;margin-left:auto;position:relative}.invoice-sheet-letterhead-top{background:#fff;border-top-left-radius:9px;border-top-right-radius:9px;width:100%;height:135px;position:relative;overflow:hidden}.invoice-sheet-letterhead-art-top{width:100%;height:auto;display:block;position:absolute;top:0;left:0}.invoice-sheet-letterhead-bottom{background:#fff;border-bottom-right-radius:9px;border-bottom-left-radius:9px;flex-shrink:0;width:calc(100% + 40px);height:155px;margin:auto -20px -18px;position:relative;overflow:hidden}.invoice-sheet-letterhead-art-bottom{width:100%;height:auto;display:block;position:absolute;bottom:0;left:0}.invoice-sheet-content-body{flex-direction:column;flex:1 0 auto;padding:12px 20px 18px;display:flex}.invoice-corp-footer-bar{flex-shrink:0;margin-top:auto}.invoice-sheet-signature-block{margin-top:auto;padding-top:14px}.invoice-sheet-table-wrap{-webkit-overflow-scrolling:touch;border:1px solid #e2e8f0;border-radius:6px;width:100%;margin-bottom:14px;overflow-x:auto}.invoice-doc-table{border-collapse:collapse;width:100%;min-width:600px;font-size:11.5px}.invoice-doc-table th{color:#475569;text-transform:uppercase;letter-spacing:.02em;background:#f8fafc;border-bottom:2px solid #cbd5e1;padding:7px 8px;font-size:10px;font-weight:700}.invoice-doc-table td{vertical-align:middle;padding:7px 8px}@media (width<=1366px){.invoice-detail-layout{grid-template-columns:minmax(0,1fr) 270px;gap:12px}.invoice-detail-sidebar{gap:12px;max-width:270px}.invoice-sheet-content-body{padding:14px 16px 16px}.invoice-page-header{margin-bottom:12px;padding:12px 16px}}@media (width<=1080px){.invoice-detail-layout{grid-template-columns:1fr;gap:16px}.invoice-detail-sidebar{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));max-width:100%;display:grid;position:static}}@media (width<=1200px){.invoice-kpi-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.invoice-management-container{padding:12px}.invoice-page-header{flex-direction:column;align-items:flex-start;gap:12px}.invoice-kpi-grid,.form-grid-2,.modal-line-item-row{grid-template-columns:1fr}}@media print{@page{size:A4 portrait;margin:0!important}html,body{background:#fff!important;width:210mm!important;height:100%!important;margin:0!important;padding:0!important}body *{visibility:hidden!important}#invoice-document-sheet,#invoice-document-sheet *,#quotation-print-area,#quotation-print-area *{visibility:visible!important}#invoice-document-sheet,#quotation-print-area{box-sizing:border-box!important;width:210mm!important;max-width:210mm!important;min-height:297mm!important;box-shadow:none!important;page-break-inside:avoid!important;break-inside:avoid!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;border:none!important;border-radius:0!important;flex-direction:column!important;justify-content:space-between!important;margin:0!important;padding:0!important;display:flex!important;position:absolute!important;top:0!important;left:0!important}.invoice-sheet-letterhead-top{border-radius:0!important;flex-shrink:0!important;width:100%!important;height:130px!important}.invoice-sheet-content-body{box-sizing:border-box!important;flex-direction:column!important;flex:1 0 auto!important;justify-content:space-between!important;padding:6px 12mm 10px!important;display:flex!important}.invoice-sheet-letterhead-bottom{page-break-inside:avoid!important;break-inside:avoid!important;border-radius:0!important;flex-shrink:0!important;width:100%!important;height:155px!important;margin:auto 0 0!important}.invoice-corp-footer-bar{box-sizing:border-box!important;page-break-inside:avoid!important;break-inside:avoid!important;border-radius:0!important;width:100%!important;margin:auto 0 0!important;padding:10px 12mm!important}.invoice-sheet-signature-block{page-break-inside:avoid!important;break-inside:avoid!important;margin-top:auto!important;padding-top:10px!important}.invoice-detail-sidebar,.invoice-page-header,.modal-footer,.btn-mkt-secondary,.btn-mkt-primary,nav,header,aside,.btn-icon-action{display:none!important}}