:root{--clr-primary: #4F46E5;--clr-primary-hover: #4338CA;--clr-primary-light: #EEF2FF;--clr-primary-mid: #818CF8;--clr-success: #059669;--clr-success-bg: #ECFDF5;--clr-success-border: #A7F3D0;--clr-danger: #DC2626;--clr-danger-hover: #B91C1C;--clr-danger-bg: #FEF2F2;--clr-danger-border: #FECACA;--clr-warning: #D97706;--clr-warning-bg: #FFFBEB;--clr-warning-border: #FDE68A;--clr-bg: #F1F5F9;--clr-surface: #FFFFFF;--clr-border: rgba(0, 0, 0, .1);--clr-border-focus: #4F46E5;--clr-text: #0F172A;--clr-text-muted: #64748B;--clr-text-subtle: #94A3B8;--shadow-sm: 0 1px 3px rgba(0,0,0,.07), 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 12px rgba(0,0,0,.08), 0 1px 3px rgba(0,0,0,.05);--shadow-lg: 0 10px 30px rgba(0,0,0,.1), 0 2px 8px rgba(0,0,0,.06);--shadow-glow: 0 0 0 3px rgba(79,70,229,.2);font-family:Inter,system-ui,-apple-system,Helvetica,Arial,sans-serif;line-height:1.6;font-weight:400;color-scheme:light;color:var(--clr-text);background-color:var(--clr-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}a{font-weight:500;color:var(--clr-primary);text-decoration:inherit;transition:color .15s}a:hover{color:var(--clr-primary-hover)}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(79,70,229,.12) 0%,transparent 60%),var(--clr-bg)}input,textarea,select{font:inherit;padding:10px 12px;border-radius:8px;border:1.5px solid rgba(0,0,0,.14);background:var(--clr-surface);color:var(--clr-text);transition:border-color .18s,box-shadow .18s;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--clr-border-focus);box-shadow:var(--shadow-glow)}input:disabled,textarea:disabled,select:disabled{background:#f8fafc;color:var(--clr-text-muted);cursor:not-allowed}textarea{resize:vertical}button{border-radius:8px;border:1.5px solid rgba(0,0,0,.14);padding:.55em 1.1em;font-size:.9375em;font-weight:600;font-family:inherit;background:var(--clr-surface);color:var(--clr-text);cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s,transform .1s,color .15s;letter-spacing:.01em}button:hover:not(:disabled){border-color:var(--clr-primary);color:var(--clr-primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0);box-shadow:none}button:disabled{pointer-events:none;opacity:.52}button:focus-visible{outline:none;box-shadow:var(--shadow-glow)}.app{width:min(1100px,calc(100vw - 32px));margin:28px auto 100px;display:flex;flex-direction:column;gap:20px;animation:appFadeIn .35s ease both}.app.appWide{width:min(1250px,calc(100vw - 32px))}@keyframes appFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;border-radius:16px;background:linear-gradient(135deg,#5853b1,#7f4fd2);box-shadow:0 4px 24px #4f46e559,0 1px 4px #0000001f;color:#fff}.title{font-size:22px;font-weight:800;letter-spacing:-.3px;color:#fff}.subtitle{font-size:13px;opacity:.75;color:#fff;margin-top:2px}.headerActions{display:flex;align-items:center;gap:10px}.header .muted{color:#fffc;font-size:13px;opacity:1}.header button{background:#ffffff26;color:#fff;border-color:#ffffff4d;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.header button:hover:not(:disabled){background:#ffffff40;border-color:#ffffff8c;color:#fff;transform:translateY(-1px)}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;background:var(--clr-surface);border:1.5px solid var(--clr-border);border-radius:12px;box-shadow:var(--shadow-sm)}.menuBtn{background:transparent;border:1.5px solid transparent;color:var(--clr-text-muted);font-weight:600;padding:8px 16px;border-radius:8px;transition:all .15s}.menuBtn:hover:not(:disabled){background:var(--clr-primary-light);color:var(--clr-primary);border-color:transparent;transform:none;box-shadow:none}.menuBtn.active{background:var(--clr-primary);color:#fff!important;border-color:var(--clr-primary);box-shadow:0 2px 8px #4f46e54d}.menuBtn.active:hover:not(:disabled){background:var(--clr-primary-hover);color:#fff}.card{border:1.5px solid var(--clr-border);border-radius:16px;background:var(--clr-surface);box-shadow:var(--shadow-md);transition:box-shadow .2s}.card:hover{box-shadow:var(--shadow-lg)}.muted{color:var(--clr-text-muted);font-size:13.5px}.error{border:1.5px solid var(--clr-danger-border);background:var(--clr-danger-bg);color:var(--clr-danger);padding:14px 16px;border-radius:12px;white-space:pre-wrap;font-size:14px;animation:shake .35s ease}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.closeBtn{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:none;padding:11px 22px;font-weight:700;letter-spacing:.02em;box-shadow:0 2px 10px #dc262659}.closeBtn:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c,#991b1b);color:#fff;border-color:transparent;box-shadow:0 4px 14px #dc262673;transform:translateY(-2px)}.closeBtn:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 4px #dc26264d}.closeBtn:disabled{background:#fecaca;color:#f87171;box-shadow:none;opacity:1;pointer-events:none}.reportClosedBadge{display:inline-flex;align-items:center;gap:7px;background:linear-gradient(135deg,#059669,#047857);color:#fff;padding:10px 22px;border-radius:8px;font-size:.875rem;font-weight:700;letter-spacing:.03em;box-shadow:0 2px 10px #0596694d;-webkit-user-select:none;user-select:none;pointer-events:none}.row{display:flex}.between{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:14px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:820px){.grid2{grid-template-columns:1fr}}.field{display:flex;flex-direction:column;gap:6px;text-align:left}.label{font-size:12px;font-weight:700;color:var(--clr-text-muted);text-transform:uppercase;letter-spacing:.05em}.verifEmailCard{background:var(--clr-surface);border:1.5px solid rgba(79,70,229,.15);border-left:4px solid var(--clr-primary);border-radius:12px;padding:16px 18px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow-sm)}.verifEmailHeader{display:flex;align-items:flex-start;gap:12px}.verifEmailIcon{font-size:22px;line-height:1;flex-shrink:0;margin-top:1px}.verifEmailTitle{font-size:.9375rem;font-weight:700;color:var(--clr-text);line-height:1.3}.verifEmailSub{font-size:.8125rem;color:var(--clr-text-muted);margin-top:2px}.verifEmailRow{display:flex;align-items:center;gap:10px}.verifEmailInputBar{flex:1;min-width:0;margin-bottom:0!important}.verifEmailSendBtn{flex-shrink:0;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;border-radius:8px;padding:9px 20px;font-size:.875rem;font-weight:700;white-space:nowrap;box-shadow:0 2px 10px #4f46e54d;transition:background .18s,box-shadow .18s,transform .18s}.verifEmailSendBtn:hover:not(:disabled){background:linear-gradient(135deg,#4338ca,#6d28d9);color:#fff;box-shadow:0 4px 16px #4f46e566;transform:translateY(-1px)}.verifEmailSendBtn:disabled{background:#c7d2fe;color:#818cf8;box-shadow:none;cursor:not-allowed}.verifEmailNote{width:100%;box-sizing:border-box;border:1.5px solid var(--clr-border);border-radius:8px;padding:8px 12px;font-size:.8125rem;color:var(--clr-text);background:#f8fafc;resize:vertical;min-height:58px;font-family:inherit;transition:border-color .18s,box-shadow .18s;outline:none}.verifEmailNote:focus{border-color:var(--clr-primary);box-shadow:0 0 0 3px #4f46e51a;background:#fff}.verifEmailNote::placeholder{color:var(--clr-text-muted);font-style:italic}.searchBar{display:flex;align-items:center;gap:0;background:#f8fafc;border:1.5px solid #E2E8F0;border-radius:10px;padding:0 12px;transition:border-color .18s,box-shadow .18s}.searchBar:focus-within{border-color:var(--clr-primary);box-shadow:0 0 0 3px #4f46e51a;background:#fff}.searchIcon{font-size:14px;color:var(--clr-text-muted);flex-shrink:0;pointer-events:none;margin-right:8px;line-height:1}.searchInput{flex:1;border:none!important;background:transparent!important;box-shadow:none!important;outline:none!important;padding:9px 0!important;font-size:.875rem;color:var(--clr-text);min-width:0}.searchInput::placeholder{color:var(--clr-text-muted)}.searchClearBtn{background:none;border:none;box-shadow:none;color:var(--clr-text-muted);font-size:13px;padding:0 0 0 8px;cursor:pointer;flex-shrink:0;line-height:1;transition:color .15s}.searchClearBtn:hover{background:none!important;box-shadow:none!important;color:var(--clr-text)!important;transform:none!important}.tableWrap{overflow:auto}.dashboardCard{display:flex;flex-direction:column;max-height:calc(100vh - 210px);overflow:hidden}.dashboardTableWrap{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:transparent transparent;transition:scrollbar-color .2s}.dashboardTableWrap:hover{scrollbar-color:#CBD5E1 transparent}.dashboardTableWrap::-webkit-scrollbar{width:6px;height:6px}.dashboardTableWrap::-webkit-scrollbar-track{background:transparent}.dashboardTableWrap::-webkit-scrollbar-thumb{background:transparent;border-radius:999px;transition:background .2s}.dashboardTableWrap:hover::-webkit-scrollbar-thumb{background:#cbd5e1}.dashboardTableWrap:hover::-webkit-scrollbar-thumb:hover{background:#94a3b8}.dashboardTableWrap::-webkit-scrollbar-corner{background:transparent}.table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.table th{padding:10px 13px;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--clr-text-muted);background:#f8fafc;border-bottom:2px solid #E2E8F0;white-space:nowrap;position:sticky;top:0;z-index:1}.table td{padding:11px 13px;border-bottom:1px solid #F1F5F9;white-space:nowrap;color:var(--clr-text);vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.clickRow{cursor:pointer;transition:background .12s}.clickRow:hover{background:var(--clr-primary-light)}.clickRow:hover td{color:var(--clr-primary-hover)}.statusBadge{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;letter-spacing:.05em;padding:4px 10px;border-radius:999px;text-transform:uppercase;white-space:nowrap}.statusBadge:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.statusBadge.open{background:#eff6ff;color:#1d4ed8;border:1px solid #BFDBFE}.statusBadge.closed{background:#ecfdf5;color:#059669;border:1px solid #A7F3D0}.toggle{display:inline-flex;border:1.5px solid rgba(0,0,0,.12);border-radius:999px;overflow:hidden;background:#f8fafc;box-shadow:inset 0 1px 3px #0000000f}.toggle button{border-radius:0;border:none;padding:7px 16px;background:transparent;color:var(--clr-text-muted);font-weight:600;font-size:13.5px;min-width:52px;transition:background .15s,color .15s;transform:none!important;box-shadow:none!important}.toggle button+button{border-left:1.5px solid rgba(0,0,0,.1)}.toggle button.active{background:var(--clr-primary);color:#fff}.toggle button:hover:not(.active):not(:disabled){background:var(--clr-primary-light);color:var(--clr-primary);border-color:transparent}.toggle button:disabled{opacity:1;cursor:not-allowed}.toggle button.active:disabled{background:#818cf8;color:#fffc}.toggleLabel{font-size:13px;font-weight:700;color:var(--clr-text-muted)}.sigBox{border:2px dashed rgba(0,0,0,.13);border-radius:12px;background:#fafafa;padding:8px;transition:border-color .18s,background .18s,box-shadow .18s}.sigBox:not(.disabled):hover{border-color:var(--clr-primary-mid);background:#fafaff;box-shadow:0 0 0 3px #4f46e514}.sigBox.disabled{background:#f8fafc;border-style:solid;border-color:#00000014}.sigCanvas{display:block;width:100%;height:120px;border-radius:8px;touch-action:none;cursor:crosshair}.sigBox.disabled .sigCanvas{cursor:default}.sigActions{display:flex;justify-content:flex-end;margin-top:6px}.sectionHeaderSticky{position:sticky;top:10px;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;margin:-4px -4px 16px;border-radius:12px;background:#fffffff7;border:1.5px solid rgba(79,70,229,.14);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 14px #4f46e514}.countPill{font-size:12px;font-weight:700;padding:5px 12px;border-radius:999px;border:1.5px solid rgba(0,0,0,.11);background:#f1f5f9;color:var(--clr-text-muted);white-space:nowrap;transition:all .18s}.countPill.hot{background:var(--clr-primary);color:#fff;border-color:var(--clr-primary-hover);box-shadow:0 2px 8px #4f46e54d;animation:pulsePill 2s ease infinite}@keyframes pulsePill{0%,to{box-shadow:0 2px 8px #4f46e54d}50%{box-shadow:0 2px 18px #4f46e58f}}.verificationTag{display:inline-flex;align-items:center;font-size:13px;font-weight:800;letter-spacing:.2px;padding:5px 14px;border-radius:999px;border:1.5px solid rgba(79,70,229,.22);background:var(--clr-primary-light);color:var(--clr-primary)}.floatingActionBar{position:sticky;top:0;left:0;right:0;z-index:100;display:flex;justify-content:center;padding:10px 16px;background:transparent;animation:fabFadeIn .22s ease both}.floatingActionBarInner{display:flex;align-items:center;gap:12px;padding:6px 8px;background:transparent;border-radius:999px}.fabBackBtn{display:inline-flex;align-items:center;gap:7px;background:#f1f5f9f2;color:#374151;border:1.5px solid rgba(0,0,0,.1);border-radius:999px;padding:9px 20px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .18s,box-shadow .18s,transform .18s,border-color .18s;white-space:nowrap}.fabBackBtn .fabIcon{font-style:normal;font-size:1rem;line-height:1;transition:transform .18s}.fabBackBtn:hover:not(:disabled){background:#fff;border-color:#4f46e54d;color:#4f46e5;box-shadow:0 2px 10px #4f46e51f;transform:translateY(-1px)}.fabBackBtn:hover:not(:disabled) .fabIcon{transform:translate(-3px)}.fabBackBtn:disabled{opacity:.45;cursor:not-allowed}.fabSaveBtn{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;border-radius:999px;padding:9px 24px;font-size:.875rem;font-weight:700;letter-spacing:.02em;cursor:pointer;box-shadow:0 3px 16px #4f46e573;transition:background .18s,box-shadow .18s,transform .18s;white-space:nowrap}.fabSaveBtn:hover:not(:disabled){background:linear-gradient(135deg,#4338ca,#6d28d9);color:#fff;box-shadow:0 5px 22px #4f46e58c;transform:translateY(-2px)}.fabSaveBtn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #4f46e559}.fabSaveBtn:disabled{background:linear-gradient(135deg,#c7d2fe,#ddd6fe);color:#a5b4fc;box-shadow:none;cursor:not-allowed}.fabSaveBtn+.fabBackBtn:before,.fabBackBtn+.fabSaveBtn:before{content:"";width:1px;height:22px;background:#0000001a;margin:0 2px;display:inline-block;align-self:center}@keyframes slideUpIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fabFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.pdfBtn{background:#f8fafc;color:var(--clr-text);border:1.5px solid rgba(0,0,0,.14);padding:10px 16px;font-weight:600}.pdfBtn:hover:not(:disabled){background:#f1f5f9;border-color:#0000003d;color:var(--clr-text)}.pdfBtnCompact{padding:5px 12px;font-size:13px}.checkbox{display:flex;gap:8px;align-items:center;-webkit-user-select:none;user-select:none}.spinner{width:20px;height:20px;border-radius:999px;border:2.5px solid rgba(79,70,229,.18);border-top-color:var(--clr-primary);animation:spin .65s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.card h2{font-size:15.5px;font-weight:800;color:var(--clr-text);letter-spacing:-.2px;margin-top:0;padding-bottom:14px;border-bottom:2px solid #F1F5F9;margin-bottom:18px}@media(max-width:600px){.app{margin:16px auto 80px;gap:14px}.header{padding:12px 16px}.title{font-size:18px}.toolbar{flex-wrap:wrap}}
