@keyframes obFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes obPopIn{0%{opacity:0;transform:scale(.97)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes obShake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.servicePage,.onboardingPageContainer{width:100%;max-width:100%;animation:obFadeIn var(--transition-base)cubic-bezier(.16,1,.3,1);gap:20px;display:grid}.header-row{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:4px;display:flex}.heading{font-size:var(--font-size-2xl,24px);font-weight:var(--font-weight-bold,700);color:var(--primary-color);letter-spacing:-.02em;align-items:center;gap:10px;margin:0 0 4px;display:flex}.text{font-size:var(--font-size-md,14px);color:var(--text-muted);margin:0;line-height:1.5}.subHeading{font-size:var(--font-size-xl,18px);font-weight:var(--font-weight-bold,700);color:var(--primary-color);letter-spacing:-.01em}.onboardingHeaderBar{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.onboardingHeaderTitle{font-size:var(--font-size-2xl,22px);font-weight:var(--font-weight-bold,700);color:var(--primary-color);letter-spacing:-.02em;align-items:center;gap:10px;margin:0 0 4px;display:flex}.onboardingHeaderSubtext{font-size:var(--font-size-sm,13px);color:var(--text-muted);margin:0}.detailCard,.onboardingCard,.obSectionCard{background:var(--card-bg,var(--white));border-radius:var(--radius-lg,10px);border:1px solid var(--border);box-shadow:var(--shadow-xs);margin-bottom:20px;padding:24px;position:relative}.detailSection{margin-bottom:20px}.detailSectionSeparated{border-top:1px solid var(--border-light);margin-top:20px;padding-top:18px}.detailSectionTitle{color:var(--primary-color);border-bottom:1px solid var(--border-light);letter-spacing:-.01em;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:10px;font-size:16px;font-weight:600;display:flex}.detailFooter{border-top:1px solid var(--border-light);justify-content:flex-end;gap:12px;margin-top:24px;padding-top:18px;display:flex}.detailGrid2{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;display:grid}.detailGrid3{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 24px;display:grid}.detailGrid4{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 24px;display:grid}.obGrid3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px 24px;display:grid}.detailItem,.obDetailItem{box-shadow:none;background:0 0;border:none;flex-direction:column;gap:4px;margin-bottom:8px;padding:0;display:flex}.detailItem:hover,.obDetailItem:hover{box-shadow:none;background:0 0;border:none}.detailLabel,.obDetailLabel{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin:0 0 2px;font-size:11.5px;font-weight:600;line-height:1.3}.detailValue,.obDetailValue{color:var(--text-color);word-break:break-word;margin:0;font-size:14px;font-weight:500;line-height:1.45}.detailValueMultiline{white-space:pre-line;line-height:1.6}.obSectionHeader{border-bottom:1px solid var(--border-light,#f1f5f9);align-items:center;gap:10px;margin-bottom:16px;padding-bottom:10px;display:flex}.obSectionTitle{color:var(--primary-color);letter-spacing:-.01em;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:600;display:flex}.obSectionIcon{background:#f1f5f9;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;display:inline-flex}.obTag{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:6px;width:fit-content;padding:3px 9px;font-size:12px;font-weight:600;line-height:1.3;display:inline-flex}.obTagSuccess{color:#047857!important;background:#ecfdf5!important;border-color:#a7f3d0!important}.obTagWarning{color:#b45309!important;background:#fffbeb!important;border-color:#fde68a!important}.obTagPrimary{color:#1d4ed8!important;background:#eff6ff!important;border-color:#bfdbfe!important}.tableFilterBar{background:var(--card-bg,var(--white));border-radius:var(--radius-lg,10px);border:1px solid var(--border-light);box-shadow:var(--shadow-xs);flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:16px;padding:14px 18px;display:flex}.filterSearch{flex:280px;min-width:240px;max-width:480px}.filterSearchInput{border:1.5px solid var(--border);border-radius:var(--radius-md,8px);background-color:var(--card-bg,var(--white));width:100%;font-size:var(--font-size-sm,13px);color:var(--text-color);transition:all var(--transition-fast);outline:none;padding:10px 14px}.filterSearchInput:hover{border-color:var(--gray-300)}.filterSearchInput:focus{border-color:var(--secondary-color);background:var(--white);box-shadow:0 0 0 3px #49769f1f}.filterSearchInput::placeholder{color:var(--gray-400)}.filterStatus{align-items:center;gap:8px;display:inline-flex}.filterStatus label{font-size:var(--font-size-xs,12px);font-weight:var(--font-weight-semibold,600);color:var(--primary-color);text-transform:uppercase;letter-spacing:.4px;white-space:nowrap}.statusFilterButton{border:1.5px solid var(--border);border-radius:var(--radius-md,8px);font-size:var(--font-size-sm,13px);font-weight:var(--font-weight-medium,500);background-color:var(--card-bg,var(--white));color:var(--text-color);cursor:pointer;transition:all var(--transition-fast);outline:none;padding:9px 14px}.statusFilterButton:hover{border-color:var(--secondary-color);box-shadow:var(--shadow-xs)}.statusFilterButton:focus{border-color:var(--secondary-color);box-shadow:0 0 0 3px #49769f1f}.onboardingChipsRow{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.onboardingChip{border-radius:var(--radius-md,8px);font-size:var(--font-size-sm,13px);font-weight:var(--font-weight-medium,500);cursor:pointer;border:1px solid var(--border);background:var(--card-bg,var(--white));color:var(--gray-600);transition:all var(--transition-fast);align-items:center;gap:8px;padding:8px 16px;display:inline-flex}.onboardingChip:hover{background:var(--surface);color:var(--primary-color);border-color:var(--gray-300);transform:translateY(-1px)}.onboardingChipActive{background:linear-gradient(135deg,var(--primary-color)0%,var(--primary-900)100%);box-shadow:0 2px 8px #2c475f40;color:var(--white)!important;border-color:var(--primary-color)!important}.actionButtonsRow{flex-wrap:wrap;align-items:center;gap:10px;display:flex}td.actionButtonsRow,td .actionButtonsRow,.tableActionsCenter{white-space:nowrap!important;flex-wrap:nowrap!important}.submitButton,.obBtnPrimary,.tablePrimaryButton{background:linear-gradient(135deg,var(--primary-color)0%,var(--secondary-color)100%);color:var(--white);font-weight:var(--font-weight-semibold,600);font-size:var(--font-size-sm,13px);border-radius:var(--radius-md,8px);cursor:pointer;transition:all var(--transition-base);border:none;justify-content:center;align-items:center;gap:8px;padding:9px 20px;text-decoration:none;display:inline-flex;box-shadow:0 1px 4px #2c475f40}.submitButton:hover:not(:disabled),.obBtnPrimary:hover:not(:disabled),.tablePrimaryButton:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 10px #2c475f4d}.submitButton:active:not(:disabled),.obBtnPrimary:active:not(:disabled),.tablePrimaryButton:active:not(:disabled){transform:translateY(0)}.submitButton:disabled,.obBtnPrimary:disabled,.tablePrimaryButton:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.cancelButton,.obBtnSecondary{background:var(--card-bg,var(--white));color:var(--gray-700);font-weight:var(--font-weight-semibold,600);font-size:var(--font-size-sm,13px);border-radius:var(--radius-md,8px);border:1.5px solid var(--border);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;gap:8px;padding:9px 18px;text-decoration:none;display:inline-flex}.cancelButton:hover:not(:disabled),.obBtnSecondary:hover:not(:disabled){background:var(--surface);color:var(--text-color);border-color:var(--gray-400);transform:translateY(-1px)}.formActions{border-top:1px solid var(--border-light);justify-content:flex-end;align-items:center;gap:12px;margin-top:24px;padding-top:20px;display:flex}.formField,.obFormGroup{flex-direction:column;gap:5px;margin-bottom:14px;display:flex;position:relative}.field-label,.obFormLabel{font-size:var(--font-size-xs,12px);font-weight:var(--font-weight-semibold,600);text-transform:uppercase;letter-spacing:.45px;color:var(--gray-600);align-items:center;gap:4px;margin-bottom:2px;display:flex}.formInput,.obFormInput,.formTextarea{border-radius:var(--radius-md,8px);border:1.5px solid var(--border);background:var(--card-bg,var(--white));width:100%;font-size:var(--font-size-sm,13px);color:var(--text-color);transition:all var(--transition-fast);font-family:var(--font-family-base,inherit);outline:none;padding:10px 14px}.formInput:focus,.obFormInput:focus,.formTextarea:focus{border-color:var(--secondary-color);background:var(--card-bg,var(--white));box-shadow:0 0 0 3px #49769f1f}.formInput:disabled,.obFormInput:disabled,.formTextarea:disabled,.formInput[readonly],.input-readonly{background:var(--gray-50);color:var(--text-muted);border-color:var(--border-light);cursor:not-allowed}.errorInput{border-color:var(--error-500)!important;box-shadow:0 0 0 3px #ef444426!important}.formErrorText{font-size:var(--font-size-xs,12px);font-weight:var(--font-weight-semibold,600);color:var(--error-600);animation:obShake var(--transition-base)ease-out;align-items:center;gap:4px;margin-top:4px;display:flex}.requiredMark,.text-danger{color:var(--error-500);font-weight:var(--font-weight-bold,700)}.servicePage .alert:not(.alert-success):not(.alert-danger),.detailCard .alert:not(.alert-success):not(.alert-danger){border-radius:var(--radius-md,8px);width:100%;min-width:0;max-width:100%;box-shadow:none;border:1px solid var(--warning-100);background-color:var(--warning-50);color:var(--warning-700);align-items:center;gap:10px;margin-top:14px;margin-bottom:14px;padding:12px 18px;animation:none;display:flex;position:static}.servicePage .alert-success,.detailCard .alert-success,.alert.alert-success,.alert-success{color:#166534!important;background-color:#f0fdf4!important;border:1px solid #86efac!important}.servicePage .alert-danger,.detailCard .alert-danger,.alert.alert-danger,.alert-danger{color:#991b1b!important;background-color:#fff2f2!important;border:1px solid #fca5a5!important}.servicePage .alert-warning,.detailCard .alert-warning,.alert.alert-warning,.alert-warning{border:1px solid var(--warning-100)!important;background-color:var(--warning-50)!important;color:var(--warning-700)!important}.alert-message{font-size:var(--font-size-sm,13px);font-weight:var(--font-weight-semibold,600)}.tableWrap,.onboardingTableWrap{border-radius:var(--radius-lg,10px);background-color:var(--white);width:100%;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);-webkit-overflow-scrolling:touch;margin-bottom:20px;overflow-x:auto}table,.onboardingTable{border-collapse:collapse;background-color:var(--white);width:100%}th,.onboardingTable th{text-align:left;font-weight:var(--font-weight-semibold,600);white-space:nowrap;text-transform:capitalize;letter-spacing:.15px;font-size:var(--font-size-xs,12px);vertical-align:middle;-webkit-user-select:none;user-select:none;border:none;padding:13px 18px;background-color:var(--secondary-color)!important;color:var(--white)!important}th:first-child,.onboardingTable th:first-child{border-radius:var(--radius-lg,10px)0 0 0}th:last-child,.onboardingTable th:last-child{border-radius:0 var(--radius-lg,10px)0 0}.sortableHeader{padding:0!important}.sortHeaderButton{width:100%;font:inherit;font-weight:var(--font-weight-semibold,600);text-align:left;cursor:pointer;text-transform:capitalize;transition:background-color var(--transition-fast);background:0 0;border:0;justify-content:space-between;align-items:center;gap:6px;padding:13px 18px;display:inline-flex;color:var(--white)!important}.sortHeaderButton:hover{color:var(--white)!important;background-color:#ffffff1f!important}.sortLabel{white-space:nowrap;text-transform:capitalize;min-width:0;color:var(--white)!important}.sortIndicator{opacity:.85;font-size:11px;color:var(--white)!important}td,.onboardingTable td{text-align:left;color:#5b6b7f;font-size:var(--font-size-sm,13px);vertical-align:middle;border:none;border-bottom:1px solid var(--border-light);padding:13px 18px}tbody tr,.onboardingTable tbody tr{border-bottom:1px solid var(--border-light);transition:background-color var(--transition-fast)}tbody tr:last-child td,.onboardingTable tbody tr:last-child td,tbody tr:last-child,.onboardingTable tbody tr:last-child{border-bottom:none}tbody tr:hover,.onboardingTable tbody tr:hover{background-color:var(--gray-50)}tbody tr:hover td,.onboardingTable tbody tr:hover td{color:var(--primary-color)}.tableIconButton,.obActionButton{border-radius:var(--radius-sm,6px);border:1px solid var(--border);background:var(--card-bg,var(--white));width:32px;height:32px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;padding:0;display:inline-flex}.tableIconButton:hover,.obActionButton:hover{box-shadow:var(--shadow-xs);transform:translateY(-1px)}.tableIconButtonView,.obActionButtonView{color:#3b82f6;background:var(--primary-50);border-color:var(--primary-100)}.tableIconButtonView:hover,.obActionButtonView:hover{color:var(--white);background:#2563eb;border-color:#2563eb}.tableIconButtonEdit,.obActionButtonEdit{color:var(--warning-700);background:var(--warning-50);border-color:var(--warning-100)}.tableIconButtonEdit:hover,.obActionButtonEdit:hover{background:var(--warning-600);color:var(--white);border-color:var(--warning-600)}.tableIconButtonDelete{color:var(--error-600);background:var(--error-50);border-color:#fecdd3}.tableIconButtonDelete:hover{background:var(--error-600);color:var(--white);border-color:var(--error-600)}.badge,.obBadge,.statusBadge{border-radius:var(--radius-sm,6px);font-size:11px;font-weight:var(--font-weight-bold,700);letter-spacing:.45px;text-transform:uppercase;white-space:nowrap;transition:all var(--transition-fast);border:1px solid var(--border);background:var(--surface);color:var(--gray-600);flex-shrink:0;align-items:center;gap:6px;padding:4px 10px;line-height:1.4;display:inline-flex}.obBadgeDot{border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.badgeSuccess,.obBadgeOpen{background-color:var(--success-50)!important;color:var(--success-600)!important;border-color:#bbf7d0!important}.obBadgeOpen .obBadgeDot{background-color:var(--success-500)}.badgePrimary,.obBadgeInProgress{background-color:var(--primary-50)!important;color:var(--primary-700)!important;border-color:var(--primary-100)!important}.obBadgeInProgress .obBadgeDot{background-color:var(--secondary-color)}.badgeWarning,.obBadgeOnHold{background-color:var(--warning-50)!important;color:var(--warning-700)!important;border-color:var(--warning-100)!important}.obBadgeOnHold .obBadgeDot{background-color:var(--warning-500)}.badgeDanger,.obBadgeCancelled{background-color:var(--error-50)!important;color:var(--error-600)!important;border-color:#f7d1bb!important}.obBadgeCancelled .obBadgeDot{background-color:var(--error-500)}.obBadgeClosed{color:#475569!important;background-color:#f1f5f9!important;border-color:#cbd5e1!important}.obBadgeClosed .obBadgeDot{background-color:#64748b}.paginationContainer{background:var(--card-bg,var(--white));border-radius:var(--radius-lg,10px);border:1px solid var(--border-light);box-shadow:var(--shadow-xs);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding:14px 18px;display:flex}.paginationInfo{font-size:var(--font-size-sm,13px);font-weight:var(--font-weight-medium,500);color:var(--text-muted);margin:0}.paginationControls{align-items:center;gap:6px;display:flex}.paginationNumbers{align-items:center;gap:4px;display:flex}.paginationButton{border-radius:var(--radius-md,8px);font-size:var(--font-size-sm,13px);font-weight:var(--font-weight-semibold,600);border:1.5px solid var(--border);background:var(--card-bg,var(--white));color:var(--gray-700);cursor:pointer;transition:all var(--transition-fast);padding:7px 14px}.paginationButton:hover:not(.paginationDisabled):not(.paginationActive){background:var(--surface);color:var(--primary-color);border-color:var(--gray-300)}.paginationActive{box-shadow:0 2px 6px #2c475f40;background:linear-gradient(135deg,var(--primary-color)0%,var(--secondary-color)100%)!important;color:var(--white)!important;border-color:var(--primary-color)!important}.paginationDisabled{opacity:.45;cursor:not-allowed}.paginationEllipsis{color:var(--gray-400);font-size:var(--font-size-sm,13px);padding:0 6px}.attachmentGrid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;margin-top:10px;display:grid}.attachmentGrid .detailItem{background:var(--surface,var(--gray-50));border:1.5px solid var(--border);border-radius:var(--radius-md,8px);transition:all var(--transition-fast);cursor:pointer;padding:10px 14px}.attachmentGrid .detailItem:hover{background:var(--gray-100);border-color:var(--secondary-color);transform:translateY(-1px)}.attachmentGrid .detailItem:has(input:checked){background:var(--primary-50);border-color:var(--secondary-color);box-shadow:0 1px 4px #49769f26}.attachmentGrid .detailItem label.detailLabel{cursor:pointer;font-size:var(--font-size-sm,13px);color:var(--text-color);text-transform:none;font-weight:var(--font-weight-semibold,600);letter-spacing:normal;align-items:center;gap:10px;width:100%;margin:0;display:flex}.attachmentGrid .detailItem label.detailLabel input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary-color);cursor:pointer}.attachmentCard{background:var(--card-bg,var(--white));border:1.5px solid var(--border);border-radius:var(--radius-md,8px);transition:all var(--transition-fast);box-shadow:var(--shadow-xs);flex-direction:column;display:flex;overflow:hidden}.attachmentCard:hover{border-color:var(--secondary-color);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.attachmentThumb{background:var(--surface);border-bottom:1px solid var(--border-light);cursor:pointer;justify-content:center;align-items:center;height:110px;display:flex;overflow:hidden}.attachmentThumbImage{object-fit:cover;width:100%;height:100%}.attachmentTypeFallback{color:var(--text-muted);font-size:11px;font-weight:var(--font-weight-bold,700);flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.attachmentTypePdf{background:var(--error-50);color:var(--error-600);border-radius:var(--radius-sm,6px);font-weight:var(--font-weight-bold,700);letter-spacing:.05em;padding:4px 10px;font-size:11px}.attachmentTypeFile{background:var(--gray-200);color:var(--gray-700);border-radius:var(--radius-sm,6px);font-weight:var(--font-weight-bold,700);padding:4px 10px;font-size:11px}.attachmentMetaRow{background:var(--card-bg,var(--white));justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.attachmentName{font-size:12.5px;font-weight:var(--font-weight-semibold,600);color:var(--text-color);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.attachmentDownloadLink{font-size:12px;font-weight:var(--font-weight-semibold,600);color:var(--secondary-color);border-radius:var(--radius-sm,6px);background:var(--primary-50);transition:all var(--transition-fast);padding:3px 8px;text-decoration:none}.attachmentDownloadLink:hover{background:var(--primary-100)}.attachmentActionButton{background:var(--error-50);width:24px;height:24px;color:var(--error-600);cursor:pointer;transition:all var(--transition-fast);border:1px solid #fecdd3;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:14px;line-height:1;display:inline-flex}.attachmentActionButton:hover{background:var(--error-600);color:var(--white);border-color:var(--error-600)}.uploadDropZone{border:2px dashed var(--gray-300);border-radius:var(--radius-lg,10px);text-align:center;cursor:pointer;background-color:var(--surface);transition:all var(--transition-base);padding:24px 20px}.uploadDropZone:hover,.uploadDropZone.drag-over{border-color:var(--secondary-color);background-color:var(--primary-50);box-shadow:0 0 0 3px #49769f1a}.uploadDropLabel{cursor:pointer;display:block}.uploadDropTitle{color:var(--primary-color);font-weight:var(--font-weight-semibold,600);font-size:var(--font-size-md,14px);margin:0 0 6px}.uploadDropHint{font-size:var(--font-size-xs,12px);color:var(--text-muted);margin:0}.activityCard{background:var(--card-bg,var(--white));border:1px solid var(--border);border-left:3px solid var(--primary-500);border-radius:var(--radius-md,8px);box-shadow:var(--shadow-xs);transition:var(--transition-fast);margin-bottom:12px;padding:12px 16px}.activityCard:hover{box-shadow:var(--shadow-sm);border-color:var(--gray-300);border-left-color:var(--primary-color);transform:translate(2px)}.logAvatar{background:linear-gradient(135deg,var(--primary-color)0%,var(--secondary-color)100%);width:32px;height:32px;color:var(--white);font-size:var(--font-size-xs,12px);font-weight:var(--font-weight-bold,700);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-right:10px;display:flex}.logActivityHeader{font-size:var(--font-size-md,14px);font-weight:var(--font-weight-semibold,600);color:var(--primary-color);margin-bottom:14px}.mutedText{font-size:var(--font-size-xs,12px);color:var(--text-muted);font-weight:var(--font-weight-medium,500)}.modalOverlay{z-index:1200;-webkit-backdrop-filter:blur(3px);animation:obFadeIn var(--transition-fast)ease-out;background-color:#0a1220b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow-y:auto}.modalBox{background-color:var(--white);border:1px solid var(--border-light);border-radius:var(--radius-lg,10px);width:min(700px,100%);max-height:calc(100vh - 32px);animation:obPopIn var(--transition-base)cubic-bezier(.34,1.18,.64,1);box-shadow:var(--shadow-xl);will-change:transform,opacity;gap:0;padding:0;display:grid;overflow:hidden}.modalLarge{width:min(800px,100%);max-width:800px}.modalCompact{width:min(460px,100%)}.modalHeader{border-radius:var(--radius-lg,10px)var(--radius-lg,10px)0 0;z-index:10;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;display:flex;position:sticky;top:0;color:var(--white)!important;background:linear-gradient(135deg,#2c475ff2 0%,#49769ff2 100%)!important}.modalHeader .subHeading,.modalHeader h2,.modalHeader span{font-size:clamp(.95rem,.9rem + .2vw,1.08rem);font-weight:var(--font-weight-semibold,600);letter-spacing:-.2px;margin-bottom:0;line-height:1.35;color:var(--white)!important}.modalClose{border-radius:var(--radius-sm,6px);cursor:pointer;font-weight:var(--font-weight-medium,500);font-size:var(--font-size-xs,12px);transition:all var(--transition-fast);letter-spacing:.2px;justify-content:center;align-items:center;width:auto;height:auto;padding:5px 12px;display:inline-flex;color:#ffffffd9!important;background-color:#ffffff1a!important;border:1px solid #ffffff40!important}.modalClose:hover{color:var(--white)!important;background-color:#fff3!important;border-color:#fff6!important;transform:none!important}.modalBox .requestForm,.modalBox .detailsPanel{background-color:var(--white);gap:16px;max-height:calc(100vh - 180px);padding:20px 24px;overflow-y:auto}.modalBox .detailGrid2,.modalBox .detailsGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 22px;display:grid}.modalBox .detailGrid2>p,.modalBox .detailsGrid>p,.modalBox .detailGrid2>div,.modalBox .detailsGrid>div{border:1.5px solid var(--border);border-radius:var(--radius-md,8px);background-color:var(--surface,var(--gray-50));transition:all var(--transition-fast);font-size:var(--font-size-sm,13px);color:var(--text-color);flex-wrap:wrap;align-items:baseline;margin:0;padding:10px 14px;line-height:1.5;display:flex}.modalBox .detailGrid2>p:hover,.modalBox .detailsGrid>p:hover,.modalBox .detailGrid2>div:hover,.modalBox .detailsGrid>div:hover{border-color:var(--secondary-color);background-color:var(--white);box-shadow:0 2px 6px #49769f1a}.modalBox .detailGrid2 b,.modalBox .detailGrid2 strong,.modalBox .detailsGrid b,.modalBox .detailsGrid strong{color:var(--primary-color);font-weight:var(--font-weight-semibold,600);margin-right:6px}@media (max-width:900px){.detailGrid4,.detailGrid3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.detailGrid2,.detailGrid3,.detailGrid4{grid-template-columns:1fr;gap:12px}.tableFilterBar{flex-direction:column;align-items:stretch}.filterSearch{max-width:100%}.filterStatus{justify-content:space-between;width:100%}.statusFilterButton{flex:1}.header-row{flex-direction:column;align-items:flex-start}.actionButtonsRow{justify-content:space-between;width:100%}}.popupOverlay{z-index:999999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a73;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.popupMsgBox{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;align-items:center;width:min(400px,90%);padding:30px 24px 24px;display:flex;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000d}.popupMsgIcon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:16px;display:flex}.popupMsgTitle{color:#0f172a;letter-spacing:-.01em;margin:0 0 8px;font-size:19px;font-weight:700}.popupMsgText{color:#475569;word-break:break-word;margin:0 0 24px;font-size:14px;line-height:1.55}.popupMsgBtn{background-color:var(--secondary-color,#1f2d3a);color:#fff;cursor:pointer;border:none;border-radius:8px;min-width:120px;padding:10px 36px;font-size:14px;font-weight:600;transition:all .15s;box-shadow:0 4px 6px -1px #0000001a}.popupMsgBtn:hover{filter:brightness(1.15);transform:translateY(-1px)}
.chatbotModalOverlay{z-index:1001;transform-origin:100% 100%;animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards modalEnter;position:fixed;bottom:20px;right:20px}@keyframes modalEnter{0%{opacity:0;transform:scale(.8)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.chatbotModalOverlay.closing{animation:.3s cubic-bezier(.175,.885,.32,1) forwards modalExit}@keyframes modalExit{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.8)translateY(20px)}}.chatbotModalBox{background:color-mix(in srgb,var(--card-bg)95%,transparent);-webkit-backdrop-filter:blur(16px);width:550px;max-width:calc(100vw - 40px);height:550px;max-height:calc(100vh - 100px);color:var(--text-color);box-shadow:0 20px 40px #0000001a,0 0 0 1px color-mix(in srgb,var(--primary-color)20%,transparent),inset 0 1px 0 color-mix(in srgb,var(--white)30%,transparent);border:none;border-radius:12px;flex-direction:column;font-family:Consolas,Courier New,Monaco,monospace;display:flex;overflow:hidden}.chatbotHeader{background:color-mix(in srgb,var(--bg-body)90%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid color-mix(in srgb,var(--border)60%,transparent);color:var(--text-muted);font-size:13px;font-family:var(--font-family-base,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:12px 20px;display:flex;position:relative;overflow:hidden}.chatbotHeader:before{content:"";background:linear-gradient(to right,transparent,color-mix(in srgb,var(--primary-color)10%,transparent),transparent);width:50%;height:100%;animation:6s infinite shine;position:absolute;top:0;left:-100%}@keyframes shine{0%{left:-100%}20%{left:200%}to{left:200%}}.windowControls{z-index:1;align-items:center;gap:8px;display:flex}.windowControls button{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:12px;height:12px;padding:0;transition:transform .2s,filter .2s;display:flex;position:relative}.windowControls button:before{opacity:0;color:#fff;font-family:sans-serif;font-weight:700;line-height:1;transition:opacity .2s;position:absolute}.windowControls:hover button:before{opacity:1}.windowControls button:hover{filter:brightness(1.2);transform:scale(1.15)}.windowControls .closeBtn{background:#ff5f56;box-shadow:0 0 6px #ff5f5666}.windowControls .closeBtn:before{content:"✕";margin-top:-1px;font-size:7px}.windowControls .minBtn{background:#ffbd2e;box-shadow:0 0 6px #ffbd2e66}.windowControls .minBtn:before{content:"−";margin-top:2px;font-size:9px}.windowControls .maxBtn{background:#27c93f;box-shadow:0 0 6px #27c93f66}.windowControls .maxBtn:before{content:"⟳";font-size:8px}.chatbotHeader .title{letter-spacing:.5px;z-index:1;text-transform:uppercase;font-size:11px;font-weight:600}.chatbotHeader .status{color:var(--primary-color);z-index:1;align-items:center;gap:6px;font-family:Consolas,Courier New,monospace;font-size:11px;font-weight:700;display:flex}.chatbotHeader .status:before{content:"";background-color:var(--primary-color);width:6px;height:6px;box-shadow:0 0 6px var(--primary-color);border-radius:50%;animation:2s infinite statusPulse;display:inline-block}@keyframes statusPulse{0%{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}to{opacity:.5;transform:scale(.8)}}.chatbotMessages{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--border)80%,transparent)transparent;flex-direction:column;flex:1;gap:16px;padding:24px;display:flex;overflow-y:auto}.chatbotMessages::-webkit-scrollbar{width:6px}.chatbotMessages::-webkit-scrollbar-track{background:0 0}.chatbotMessages::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--border)80%,transparent);border-radius:6px}.chatbotMessages::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.terminalWelcome{margin-bottom:24px;animation:.6s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.asciiArt{white-space:pre;color:var(--primary-color);text-shadow:0 0 10px color-mix(in srgb,var(--primary-color)30%,transparent);margin-bottom:16px;font-size:18px;line-height:1.1;animation:4s ease-in-out infinite alternate asciiBreathe}@keyframes asciiBreathe{0%{text-shadow:0 0 5px color-mix(in srgb,var(--primary-color)20%,transparent)}to{text-shadow:0 0 15px color-mix(in srgb,var(--primary-color)50%,transparent)}}.welcomeText{color:var(--text-color);opacity:.9;line-height:1.6}.terminalRow{word-wrap:break-word;transform-origin:0;flex-direction:column;font-size:14px;line-height:1.6;animation:.3s cubic-bezier(.25,.46,.45,.94) forwards messageSlideUp;display:flex}@keyframes messageSlideUp{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.promptPrefix{color:var(--primary-color);margin-right:8px;font-weight:700}.botPrefix{color:var(--secondary-color);margin-right:8px;font-weight:700}.terminalOutput strong{color:var(--primary-color);font-weight:700}.promptPrefix{background:color-mix(in srgb,var(--text-color)10%,transparent);color:var(--text-color);border-radius:4px;margin-right:8px;padding:2px 6px;font-weight:700}.terminalInputText{color:var(--text-color)}.botPrefix{background:color-mix(in srgb,var(--secondary-color)15%,transparent);color:var(--secondary-color);border-radius:4px;margin-right:8px;padding:2px 6px;font-weight:700}.terminalOutput{color:var(--text-color);white-space:pre-wrap;opacity:.95}.chatInputRow{border-top:1px dashed color-mix(in srgb,var(--border)50%,transparent);align-items:baseline;width:100%;margin-top:12px;padding-top:12px;display:flex;position:relative}.terminalPromptLine{color:var(--primary-color);white-space:nowrap;margin-right:8px;font-size:14px;font-weight:700}.terminalInput{color:var(--text-color);caret-color:var(--primary-color);background:0 0;border:none;outline:none;flex:1;margin:0;padding:0;font-family:Consolas,Courier New,Monaco,monospace;font-size:14px}.terminalInput::placeholder{color:color-mix(in srgb,var(--text-muted)50%,transparent)}.terminalActionRow{flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;display:flex}.terminalPromptText{color:var(--secondary-color);font-size:13px;font-weight:700}.terminalBtn{background:color-mix(in srgb,var(--primary-color)5%,transparent);border:1px solid color-mix(in srgb,var(--primary-color)50%,transparent);color:var(--primary-color);cursor:pointer;font-family:var(--font-family-base,sans-serif);letter-spacing:.3px;border-radius:6px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .25s cubic-bezier(.2,.8,.2,1)}.terminalBtn:hover{background:var(--primary-color);color:var(--white);border-color:var(--primary-color);box-shadow:0 4px 12px color-mix(in srgb,var(--primary-color)30%,transparent);transform:translateY(-2px)}.terminalBtn:active{transform:translateY(0)}.chatbotFloatingButton{background:var(--primary-color);width:64px;height:64px;color:var(--white);cursor:pointer;box-shadow:0 4px 15px color-mix(in srgb,var(--primary-color)40%,transparent),inset 0 -2px 5px #0003,inset 0 2px 5px #fff3;z-index:1000;border:none;border-radius:50%;justify-content:center;align-items:center;font-family:Consolas,Courier New,Monaco,monospace;font-size:24px;font-weight:700;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:fixed;bottom:24px;right:24px}.chatbotFloatingButton:after{content:"";background:inherit;z-index:-1;border-radius:50%;animation:2.5s cubic-bezier(.4,0,.6,1) infinite floatPulse;position:absolute;inset:0}@keyframes floatPulse{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}.chatbotFloatingButton:hover{background:var(--secondary-color);box-shadow:0 8px 25px color-mix(in srgb,var(--secondary-color)50%,transparent);transform:scale(1.08)rotate(5deg)}.chatbotFloatingButton:active{transform:scale(.95)}.blink{animation:1s cubic-bezier(.4,0,.6,1) infinite blinker}@keyframes blinker{50%{opacity:.2}}