body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#0b3f1f;--primary-hover-color:#0f5a2b;--text-on-primary:#fff;--background-color:#f5f7fa}body,html{margin:0;padding:0;scroll-behavior:smooth}#root,body,html{height:100%;min-height:100vh}#root{display:flex;flex-direction:column}.dashboardPage,.homePage,.loginPage{flex:1 1;min-height:100vh}body{background-color:#f5f7fa;min-height:111.11vh;overflow-x:hidden;transform:scale(.9);transform-origin:top left;width:111.11%}*{scroll-margin:0}.detentionForm{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:0 auto;max-width:1000px}.detentionForm,.formSection{height:auto;overflow:visible;padding:20px}.formSection{background:#fafafa;border:1px solid #e0e0e0;border-radius:6px;margin-bottom:30px}.formSection h3{border-bottom:2px solid #0b3f1f;border-bottom:2px solid var(--primary-color);color:#0b3f1f;color:var(--primary-color);margin:0 0 20px;padding-bottom:10px}.formSubsection{background:#fff;border-left:4px solid #0b3f1f;border-left:4px solid var(--primary-color);border-radius:4px;height:auto;margin-bottom:25px;overflow:visible;padding:15px}.formSubsection h4{color:#333;font-size:16px;margin:0 0 15px}.formRow{flex-wrap:wrap;gap:20px;margin-bottom:15px}.formGroup{min-width:250px}.formGroup label{color:#333;display:block}.checkboxGroup{flex-direction:column;gap:10px}.checkboxLabel{align-items:center;background:#f8f9fa;border-radius:4px;cursor:pointer;display:flex;gap:8px;padding:8px;transition:background-color .2s}.checkboxLabel:hover{background:#e9ecef;border-color:#dee2e6;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.checkboxLabel input[type=checkbox]{margin:0;transform:scale(1.2)}.subCheckboxes{display:flex;flex-direction:column;gap:8px;margin-left:20px;margin-top:10px}.subCheckboxes .checkboxLabel{background:#e8f4f8;border-left:3px solid #0b3f1f;border-left:3px solid var(--primary-color)}.formActions{border-top:2px solid #e0e0e0;margin-top:30px;padding-top:20px;text-align:center}.detentionDashboard{height:auto!important;margin:0 auto;max-height:none!important;overflow:visible!important;width:100%}.detentionHeader{background:linear-gradient(135deg,#0b3f1f,#0f5a2b);background:linear-gradient(135deg,var(--primary-color),var(--primary-hover-color));border-radius:8px;color:#fff;margin-bottom:20px;padding:20px;text-align:center}.detentionHeader h1{font-size:24px;font-weight:600;margin:0 0 10px}.roleInfo{font-size:14px;font-style:italic;margin:0;opacity:.9}.filtersSection{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;margin-bottom:20px;padding:20px}.filterRow{align-items:end;display:flex;flex-wrap:wrap;gap:20px}.filterGroup{flex:1 1;min-width:200px}.filterGroup label{color:#333;display:block;font-weight:500;margin-bottom:5px}.filterActions{display:flex;gap:10px}.toggleLabel{align-items:center;cursor:pointer;display:flex!important;flex-direction:row!important;gap:8px;margin-bottom:0!important}.toggleLabel input[type=checkbox]{flex-shrink:0;margin:0}.toggleDescription{color:#666;font-size:12px;font-weight:400;margin-left:4px}.toggleFilterGroup{flex:1 1;margin-top:10px;min-width:100%}.filtersSection .filterRow+.filterRow{border-top:1px solid #e0e0e0;margin-top:15px;padding-top:15px}.modern-btn.secondary{background:#6c757d;color:#fff}.modern-btn.secondary:hover{background:#5a6268}.facilityType{border-radius:4px;font-size:12px;font-weight:500;padding:4px 8px;text-transform:uppercase}.facilityType.county_jail{background:#e3f2fd;color:#1976d2}.facilityType.fdoc{background:#f3e5f5;color:#7b1fa2}.statusBadge{border-radius:4px;font-size:12px;font-weight:500;padding:4px 8px;text-transform:uppercase}.statusBadge.yes{background:#e8f5e8;color:#2e7d32}.statusBadge.no{background:#ffebee;color:#c62828}.record-type-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:700;padding:4px 8px;text-transform:uppercase}.record-type-badge.immigrant{background-color:#e3f2fd;border:1px solid #bbdefb;color:#1976d2}.record-type-badge.detention{background-color:#fff3e0;border:1px solid #ffcc02;color:#f57c00}@media (max-width:768px){.detentionForm{margin:10px;padding:15px}.formRow{flex-direction:column;gap:15px}.formGroup{min-width:auto}.detentionTabPanel{margin:10px;padding:15px}.detentionHeader{margin-bottom:15px;padding:15px}.detentionHeader h1{font-size:20px}}.monthlySummary{height:auto!important;margin:0;max-height:none!important;overflow:visible!important;padding:20px;width:100%}.summaryHeader{border-bottom:2px solid #0b3f1f;border-bottom:2px solid var(--primary-color);justify-content:space-between;margin-bottom:30px;padding:0 20px 20px}.summaryHeader,.summaryHeaderLeft{align-items:center;display:flex}.viewModeToggle{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;display:flex;gap:10px;padding:4px}.filterSelector{display:flex;flex-direction:column;gap:5px}.filterSelector label{color:#495057;font-size:14px;font-weight:500}.filterSelector select{min-width:250px}.monthSelector{gap:5px}.monthSelector label{color:#495057;font-size:14px}.monthSelector select{min-width:200px}.toggleBtn{background:#0000;border:none;border-radius:6px;color:#6c757d;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.toggleBtn:hover{background:#e9ecef;color:#0b3f1f;color:var(--primary-color)}.toggleBtn.active{background:#0b3f1f;background:var(--primary-color);box-shadow:0 2px 4px #0000001a;color:#fff}.summaryHeaderActions{align-items:center;display:flex;gap:20px}.summaryActions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.summaryHeader h2{color:#0b3f1f;color:var(--primary-color);margin:0}.monthSelector{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.monthSelector label{color:#333;font-weight:500}.printPdfBtn{align-items:center;background:#0b3f1f;background:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.printPdfBtn:hover:not(:disabled){background:var(--primary-dark);box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.printPdfBtn:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.printPdfBtn .spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;height:14px;width:14px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.summaryActions .btn{align-items:center;border:none;border-radius:5px;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;text-decoration:none;transition:all .2s;white-space:nowrap}.summaryActions .btn-secondary{background:#6c757d;color:#fff}.summaryActions .btn-secondary:hover{background:#5a6268;transform:translateY(-1px)}.exportDropdown{display:inline-block;position:relative}.exportDropdown .dropdown-toggle{background:#17a2b8;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s;white-space:nowrap}.exportDropdown .dropdown-toggle:hover{background:#138496;transform:translateY(-1px)}.exportDropdown .dropdown-menu{background:#fff;border:1px solid #dee2e6;border-radius:5px;box-shadow:0 4px 8px #0000001a;display:none;margin-top:5px;min-width:150px;position:absolute;right:0;top:100%;z-index:1000}.exportDropdown .dropdown-menu.show{display:block}.exportDropdown .dropdown-item{background:none;border:none;color:#495057;cursor:pointer;display:block;font-size:13px;padding:8px 16px;text-align:left;transition:background-color .2s;width:100%}.exportDropdown .dropdown-item:hover{background:#f8f9fa;color:#0b3f1f;color:var(--primary-color)}.exportDropdown .dropdown-item:disabled{cursor:not-allowed;opacity:.6}.spinner-small{animation:spin 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;display:inline-block;height:12px;margin-right:5px;width:12px}@media print{.summaryHeader{border-bottom:2px solid #000!important;margin-bottom:20px!important;page-break-after:avoid}.summaryHeaderActions{display:none!important}.summaryContent{height:auto!important;margin:0!important;max-height:none!important;max-width:none!important;min-height:auto!important;overflow:visible!important}.summaryContent,.summarySection{box-shadow:none!important;padding:20px!important;width:100%!important}.summarySection{border:1px solid #ddd!important;border-radius:0!important;margin:0 0 30px!important}.summaryGrid{grid-gap:20px!important;display:grid!important;gap:20px!important;grid-template-columns:1fr 1fr!important;width:100%!important}.summaryCard{border:1px solid #ddd!important;border-radius:0!important;box-shadow:none!important}.facilitiesTable,.summaryCard{width:100%!important}.facilitiesTable table{border-collapse:collapse!important;width:100%!important}.facilitiesTable td,.facilitiesTable th{border:1px solid #ddd!important;padding:8px!important}.reportFooter{border-top:1px solid #ddd!important;margin-top:30px!important;padding-top:20px!important}.reportFooter,.reportTitle{text-align:center!important;width:100%!important}.reportTitle{margin:0 0 30px!important}.offenseBreakdown{break-before:page!important;-webkit-break-before:page!important;break-inside:avoid!important;page-break-before:always!important;page-break-inside:avoid!important}}.summaryContent{height:auto!important;margin:0 auto!important;max-height:none!important;max-width:1200px!important;min-height:auto!important;overflow:visible!important;width:100%!important}.offenseBreakdown{break-before:page!important;-webkit-break-before:page!important;break-inside:avoid!important;page-break-before:always!important;page-break-inside:avoid!important}.reportFooter,.reportTitle,.summarySection{height:auto!important;overflow:visible!important}@media print,screen{.summaryCard,.summaryContent,.summaryGrid,.summarySection{box-sizing:border-box!important}}.reportTitle{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:5px solid #0b3f1f;border-left:5px solid var(--primary-color);border-radius:8px;margin:0 20px 30px;padding:20px;text-align:center}.reportTitle h3{color:#0b3f1f;color:var(--primary-color);font-size:24px;margin:0 0 10px}.reportSubtitle{color:#666;font-style:italic;margin:0}.currentMonthBadge{background:linear-gradient(135deg,#28a745,#20c997);border-radius:20px;box-shadow:0 2px 4px #28a7454d;color:#fff;display:inline-block;font-size:12px;font-weight:500;margin:8px 0;padding:6px 12px}.summarySection{background:#fff;border-left:4px solid #0b3f1f;border-left:4px solid var(--primary-color);border-radius:8px;box-shadow:0 2px 8px #0000001a;height:auto!important;margin:0 20px 40px;max-height:none!important;overflow:visible!important;padding:25px}.summarySection h4{border-bottom:1px solid #e0e0e0;color:#0b3f1f;color:var(--primary-color);font-size:20px;margin:0 0 20px;padding-bottom:10px}.summaryGrid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:20px}.summaryCard{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;height:auto;overflow:visible;padding:20px}.summaryCard h5{border-bottom:1px solid #dee2e6;color:#333;font-size:16px;font-weight:600;margin:0 0 15px;padding-bottom:8px}.statRow{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:8px 0}.statRow:last-child{border-bottom:none}.statValue{color:#0b3f1f;color:var(--primary-color);font-weight:600}.statValue.negative{color:#dc3545}.statValue.positive{color:#28a745}.offenseBreakdown{background:#f8f9fa;border-radius:6px;height:auto;margin-top:20px;overflow:visible;padding:20px}.offenseBreakdown h5{color:#333;margin:0 0 15px}.offenseGrid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.offenseItem{background:#fff;border:1px solid #e0e0e0;border-radius:4px;display:flex;justify-content:space-between;padding:8px 12px}.offenseCount{color:#0b3f1f;color:var(--primary-color);font-weight:600}.facilitiesTable{overflow-x:auto}.facilitiesTable table{border-collapse:collapse;margin-top:10px;width:100%}.facilitiesTable td,.facilitiesTable th{border-bottom:1px solid #e0e0e0;padding:12px;text-align:left}.facilitiesTable th{background:#f8f9fa;color:#333;font-weight:600}.reportFooter{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;margin:40px 20px 0;padding:20px;text-align:center}.reportFooter p{color:#666;margin:5px 0}@media (max-width:768px){.monthlySummary{margin:10px;padding:15px}.summaryHeader,.summaryHeaderActions{align-items:flex-start;flex-direction:column;gap:15px}.summaryHeaderActions{width:100%}.summaryActions{flex-direction:column;gap:10px;width:100%}.summaryActions .btn{justify-content:center;width:100%}.filterSelector{align-items:flex-start;width:100%}.filterSelector select{min-width:100%}.monthSelector{align-items:flex-start;width:100%}.printPdfBtn{justify-content:center;width:100%}.summaryGrid{gap:15px;grid-template-columns:1fr}.summarySection{margin-bottom:25px;padding:20px}.offenseGrid{grid-template-columns:1fr}.facilitiesTable{font-size:14px}.facilitiesTable td,.facilitiesTable th{padding:8px}.reportTitle h3{font-size:20px}}.loginPage{align-items:center;background-color:#0b3f1f;background-color:var(--primary-color);box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow-y:auto;padding:20px;position:relative}.loginForm{background-color:#fff;border:none;border-radius:12px;box-shadow:0 10px 25px #0000001a;margin:20px auto;min-width:320px;overflow:visible;padding:25px;transition:all .3s ease;width:100%}.loginDisclaimer,.loginForm{max-width:550px;text-align:center}.loginDisclaimer{color:#fff;font-size:12px;line-height:1.4;margin:0 auto 10px}@media (max-width:576px){.loginDisclaimer{font-size:11px;padding:0 8px}}.loginForm h2{color:#0b3f1f;color:var(--primary-color);font-size:28px;font-weight:600;margin-bottom:15px}.loginForm .modern-input{box-sizing:border-box;margin-bottom:5px;width:100%}.loginForm label{display:block;font-weight:700;margin-bottom:5px;text-align:left}.loginForm div[style*="display: flex"]{display:flex;gap:15px;margin-bottom:5px}.loginForm div[style*="display: flex"]>div{flex:1 1;min-width:0}.logo{display:block;height:auto;margin-bottom:20px;max-width:300px;transition:all .3s ease}@media (max-width:768px){.loginPage{justify-content:center;min-height:100vh;padding:15px}.loginForm{margin:15px auto;max-width:85%}.loginForm h2{font-size:26px}.logo{max-width:220px}}@media (max-width:576px){.loginPage{justify-content:flex-start;padding:15px 10px}.loginForm{margin:8px auto;max-width:92%;padding:18px}.loginForm h2{font-size:22px}.logo{margin-bottom:12px;max-width:180px}.loginForm .form-control,.loginForm label{font-size:14px}.loginForm div[style*="display: flex"]{flex-direction:column!important;gap:8px!important}}@media (max-width:400px){.loginPage{padding:15px 8px 8px}.loginForm{margin:5px auto;max-width:98%;padding:15px}.loginForm h2{font-size:22px}.logo{max-width:180px}}@media (max-width:320px){.loginForm{padding:12px}.loginForm h2{font-size:20px}.logo{max-width:160px}}@media (max-height:800px){.loginPage{justify-content:flex-start;padding-bottom:25px;padding-top:25px}.logo{margin-bottom:15px;max-width:250px}}@media (max-height:700px){.loginPage{padding-bottom:15px;padding-top:15px}.logo{margin-bottom:12px;max-width:200px}.loginForm{margin:8px auto;padding:20px}}@media (max-height:600px){.loginPage{padding-bottom:10px;padding-top:10px}.logo{margin-bottom:8px;max-width:170px}.loginForm{margin:5px auto;padding:18px}.loginForm h2{font-size:24px;margin-bottom:12px}}@media (max-height:500px){.loginPage{height:auto;justify-content:flex-start;min-height:100vh;padding:8px}.loginForm{margin:3px auto;padding:15px}.logo{margin-bottom:6px;max-width:140px}.loginForm h2{font-size:20px;margin-bottom:10px}}.loginForm form{width:100%}.loginForm .modern-btn{font-size:15px;margin-bottom:8px;margin-top:12px;padding:10px;width:100%}.password-toggle-btn{font-size:11px;min-width:35px;white-space:nowrap;z-index:10}.loginForm select.modern-input{box-sizing:border-box;width:100%!important}.loginForm>form>div{margin-bottom:12px}.loginForm>form>div:last-of-type{margin-bottom:8px}@media (max-height:700px){.loginForm>form>div{margin-bottom:8px}.loginForm .modern-btn{margin-top:8px;padding:8px}}@media (max-height:600px){.loginForm>form>div{margin-bottom:6px}.loginForm label{font-size:13px;margin-bottom:3px}.loginForm .modern-input{font-size:14px;padding:8px 12px}}.modern-input{background-clip:padding-box;border:1px solid #ced4da;border-radius:6px;box-sizing:border-box;display:block;font-size:15px;line-height:1.4;margin-bottom:8px;padding:12px 15px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.modern-input,.modern-input:focus{background-color:#fff;color:#495057}.modern-input:focus{border-color:#4a7c59;box-shadow:0 0 0 .2rem #0b3f1f40;outline:0}textarea.modern-input{min-height:80px;resize:vertical}select.modern-input{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23495057' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:16px;padding-right:25px}.password-toggle-btn{transition:color .2s ease,opacity .2s ease}.password-toggle-btn:hover{color:#0b3f1f!important;color:var(--primary-color)!important}.password-toggle-btn:disabled{cursor:not-allowed;opacity:.5}.password-toggle-btn:disabled:hover{color:#666!important}input[type=date].modern-input{scroll-margin:0;scroll-snap-align:none}input[type=date].modern-input:focus{scroll-margin:0}.county-dropdown-container{position:relative;width:100%}.county-dropdown-list{background-color:#fff;border:1px solid #ced4da;border-radius:0 0 6px 6px;border-top:none;box-shadow:0 2px 8px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.county-dropdown-item{border-bottom:1px solid #f0f0f0;color:#495057;cursor:pointer;font-size:15px;padding:10px 15px;transition:background-color .2s ease}.county-dropdown-item:last-child{border-bottom:none}.county-dropdown-item:hover{background-color:#f8f9fa;color:#0b3f1f;color:var(--primary-color)}.county-dropdown-no-results{background-color:#fff;border:1px solid #ced4da;border-radius:0 0 6px 6px;border-top:none;box-shadow:0 2px 8px #0000001a;color:#6c757d;font-size:14px;font-style:italic;left:0;padding:10px 15px;position:absolute;right:0;top:100%;z-index:1000}.modern-btn{background-color:#0b3f1f;background-color:var(--primary-color);border:none;border-radius:6px;box-shadow:0 2px 5px #0000001a;box-sizing:border-box;cursor:pointer;display:inline-block;font-size:16px;font-weight:600;letter-spacing:.5px;margin:10px 0;padding:12px 20px;text-align:center;transition:all .3s ease;width:100%}.modern-btn,.modern-btn:hover{color:#fff;color:var(--text-on-primary);text-decoration:none}.modern-btn:hover{background-color:#0f5a2b;background-color:var(--primary-hover-color);box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.modern-btn:active{box-shadow:0 1px 3px #0000001a;transform:translateY(1px)}.modern-btn:disabled{background-color:#a0a0a0;box-shadow:none;cursor:not-allowed;transform:none}.dashboardPage{background-color:#f5f7fa;min-height:100vh}.dashboardHeader{align-items:center;background-color:#0b3f1f;background-color:var(--primary-color);box-shadow:0 3px 15px #00000026;color:#fff;color:var(--text-on-primary);display:flex;justify-content:space-between;padding:20px 40px}.dashboardHeader h1{font-size:32px;font-weight:600;margin:0}.dashLogo{height:60px;width:auto}.logoutBtn{background-color:#ffffff1a;border:1px solid #fff;border-radius:6px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;padding:8px 16px;transition:all .3s ease}.logoutBtn:hover{background-color:#fff3;box-shadow:0 2px 5px #0003;transform:translateY(-1px)}.tabNavigation{background-color:#fff;border-bottom:2px solid #eef2f7;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:center;margin:0;padding:0}.tabBtn{background-color:initial;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:16px;font-weight:500;padding:15px 30px;position:relative;transition:all .3s ease}.tabBtn.active,.tabBtn:hover{background-color:#f8f9fa;color:#0b3f1f;color:var(--primary-color)}.tabBtn.active{border-bottom-color:#0b3f1f;border-bottom-color:var(--primary-color);font-weight:600}@media (max-width:768px){.tabNavigation{flex-direction:column}.tabBtn{border-bottom:none;border-right:3px solid #0000;font-size:14px;padding:12px 20px}.tabBtn.active{border-bottom:none;border-right-color:#0b3f1f;border-right-color:var(--primary-color)}}.dashboardContent{display:flex;justify-content:center;margin:0 auto;max-width:100%;padding:20px}.tabPanel{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;display:flex;flex-direction:column;height:auto!important;max-height:none!important;max-width:1200px;overflow:visible!important;padding:25px;scroll-behavior:smooth;width:100%}.tabPanel:has(.detentionForm){max-height:none;overflow:visible}.detentionTabPanel{display:flex;flex-direction:column;height:auto!important;max-height:none!important;max-width:1200px;min-height:auto!important;overflow:visible!important;scroll-behavior:smooth;width:100%}.approvedPanel,.detentionTabPanel,.mainPanel,.sidePanel{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;padding:25px}.approvedPanel,.mainPanel,.sidePanel{flex:1 1;min-width:400px}.sidePanel{height:auto!important;max-height:none!important;overflow:visible!important;scroll-behavior:smooth}.mainPanel{overflow:hidden}.approvedPanel,.mainPanel{display:flex;flex-direction:column}.approvedPanel{height:auto!important;max-height:none!important;overflow:visible!important}.approvedPanel h2,.mainPanel h2,.sidePanel h2,.tabPanel h2{border-bottom:2px solid #eef2f7;color:#0b3f1f;color:var(--primary-color);font-size:22px;margin-bottom:25px;margin-top:0;padding-bottom:10px;text-align:center}.dataEntryForm{display:flex;flex-direction:column;gap:20px}.dataEntryForm h3{border-bottom:1px solid #eee;color:#0b3f1f;color:var(--primary-color);font-size:16px;margin-bottom:5px;margin-top:10px;padding-bottom:5px}.formRow{gap:15px}.formGroup,.formRow{display:flex;width:100%}.formGroup{flex:1 1;flex-direction:column;margin-bottom:10px}.formGroup label{color:#555;font-size:14px;font-weight:500;margin-bottom:5px}.checkboxGroup{align-items:center;display:flex;flex-direction:row}.checkboxGroup input[type=checkbox]{margin-right:8px}.fullWidth{width:100%}.searchBar{margin-bottom:20px}.recordsTable{margin-bottom:15px;overflow-x:auto}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.record-approved{animation:fadeOut .5s ease forwards}@keyframes fadeIn{0%{background-color:#388e3c33;opacity:0}to{background-color:#388e3c00;opacity:1}}.record-newly-approved{animation:fadeIn 1.5s ease forwards}table{border-collapse:collapse;font-size:14px;width:100%}td,th{border-bottom:1px solid #eee;padding:8px 10px;text-align:left;white-space:nowrap}th{color:#0b3f1f;color:var(--primary-color);font-weight:600}th,tr:hover{background-color:#f8f9fa}.actionBtn{border:none;border-radius:4px;cursor:pointer;font-size:12px;margin-right:5px;padding:5px 10px}.viewBtn{background-color:#e3f2fd;color:#1976d2}.editBtn{background-color:#e8f5e9;color:#388e3c}.pagination{align-items:center;display:flex;gap:15px;justify-content:center;margin-top:20px}.paginationBtn{background-color:#f0f2f5;border:none;border-radius:4px;color:#0b3f1f;color:var(--primary-color);cursor:pointer;padding:6px 12px}.paginationBtn:disabled{cursor:not-allowed;opacity:.5}.errorMessage{background-color:#ffebee;border-radius:4px;color:#d32f2f;font-size:14px;margin-top:15px;padding:10px;text-align:center}.field-error{animation:errorPulse .5s ease-in-out;background-color:#fff5f5!important;border-color:#dc3545!important;box-shadow:0 0 0 .2rem #dc354540!important}.field-error:focus{border-color:#dc3545!important;box-shadow:0 0 0 .2rem #dc354566!important}@keyframes errorPulse{0%{box-shadow:0 0 0 .2rem #dc354540}50%{box-shadow:0 0 0 .4rem #dc354580}to{box-shadow:0 0 0 .2rem #dc354540}}.field-error-highlight{background-color:#fff5f5!important;border-color:#dc3545!important;box-shadow:0 0 10px 2px #dc354599!important;transition:box-shadow .3s ease,border-color .3s ease!important}@media (max-width:1400px){.approvedPanel,.mainPanel,.sidePanel{min-width:30%}}@media (max-width:1200px){.dashboardContent{flex-direction:column}.approvedPanel,.mainPanel,.sidePanel{margin-bottom:20px;min-width:100%;width:100%}}@media (max-width:768px){.formRow{flex-direction:column;gap:10px}.dataEntryForm{gap:15px}.dataEntryForm h3{font-size:15px}}.copyright-notice{color:#fff;font-size:14px;line-height:1.5;margin:20px auto;max-width:90%;text-align:center}.modalOverlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modalContent{background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:1100px;overflow:hidden;width:95%}.modalHeader{align-items:center;background-color:#0b3f1f;background-color:var(--primary-color);border-bottom:1px solid #eee;color:#fff;color:var(--text-on-primary);display:flex;justify-content:space-between;padding:15px 20px}.modalHeader h2{color:#fff!important;font-size:20px;margin:0}.closeBtn{background:none;border:none;color:#fff;cursor:pointer;font-size:24px;line-height:1;margin:0;padding:0}.modalBody{max-height:calc(90vh - 130px);overflow-y:auto;padding:20px;scrollbar-color:#c1c1c1 #f1f1f1;scrollbar-width:thin}.modalBody::-webkit-scrollbar{width:8px}.modalBody::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.modalBody::-webkit-scrollbar-thumb{background-color:#c1c1c1;border:2px solid #f1f1f1;border-radius:4px}.modalFooter{border-top:1px solid #eee;display:flex;justify-content:flex-end;padding:15px 20px}.modalFooter .modern-btn{margin:0;width:auto}.recordDetails h3{border-bottom:1px solid #eee;color:#0b3f1f;color:var(--primary-color);font-size:16px;margin-bottom:10px;margin-top:20px;padding-bottom:5px}.recordDetails h3:first-child{margin-top:0}.detailRow{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:10px}.detailItem{flex:1 1;min-width:250px}.detailItem.fullWidth{flex:0 0 100%;width:100%}.detailLabel{color:#555;display:block;font-size:14px;font-weight:500;margin-bottom:3px}.detailValue{display:block;font-size:15px}.photoContainer{margin-top:10px;text-align:center}.recordPhoto{border:1px solid #eee;border-radius:4px;max-height:300px;max-width:100%}.loadingMessage{color:#666;padding:30px;text-align:center}@media (max-width:768px){.modalContent{width:95%}.detailItem{min-width:100%}}.userManagement{padding:20px}.userManagementHeader{align-items:center;display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.userManagementHeader h2{color:#0b3f1f;color:var(--primary-color);margin:0;text-align:center}.headerButtons{gap:10px}.audit-btn,.headerButtons{align-items:center;display:flex}.audit-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .3s ease}.audit-btn:hover:not(:disabled){background:linear-gradient(135deg,#5a6fd8,#6a4190);box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.audit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.audit-dashboard-btn{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .3s ease}.audit-dashboard-btn:hover{background:linear-gradient(135deg,#218838,#1ea085);box-shadow:0 4px 12px #28a7454d;transform:translateY(-1px)}.refresh-btn{max-width:200px;width:auto}.usersTable{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;overflow:hidden}.usersTable table{border-collapse:collapse;width:100%}.usersTable th{background:#0b3f1f;background:var(--primary-color);color:#fff;font-weight:600;padding:12px;text-align:left}.usersTable td{border-bottom:1px solid #eee;padding:12px;vertical-align:middle}.usersTable tr:hover{background-color:#f8f9fa}.roleTag{border-radius:4px;font-size:12px;font-weight:600;padding:4px 8px;text-transform:uppercase}.roleOfficer{background-color:#e3f2fd;color:#1976d2}.roleSupervisor{background-color:#fff3e0;color:#f57c00}.roleAdmin{background-color:#fce4ec;color:#c2185b}.agencyTag{background-color:#f5f5f5;border:1px solid #ddd;border-radius:3px;color:#666;display:inline-block;font-size:11px;font-weight:500;max-width:150px;overflow:hidden;padding:3px 6px;text-overflow:ellipsis;white-space:nowrap}.statusTag{border-radius:4px;font-size:12px;font-weight:600;padding:4px 8px;text-transform:uppercase}.statusCONFIRMED{background-color:#e8f5e8;color:#2e7d32}.statusUNCONFIRMED{background-color:#fff3e0;color:#f57c00}.statusFORCE_CHANGE_PASSWORD{background-color:#ffebee;color:#d32f2f}.editActions{display:flex;gap:8px}.saveBtn{background-color:#4caf50;color:#fff}.saveBtn:hover{background-color:#45a049}.cancelBtn{background-color:#f44336;color:#fff}.cancelBtn:hover{background-color:#da190b}.editBtn{background-color:#0b3f1f;background-color:var(--primary-color);color:#fff}.editBtn:hover{background-color:#0f5a2b;background-color:var(--primary-hover-color)}.dioToggleBtn{border:none;border-radius:4px;cursor:pointer;font-size:11px;font-weight:500;min-width:60px;padding:4px 8px;transition:all .3s ease}.dioToggleBtn:disabled{cursor:not-allowed;opacity:.5}.dioActive{background-color:#28a745;color:#fff}.dioActive:hover:not(:disabled){background-color:#218838}.dioInactive{background-color:#6c757d;color:#fff}.dioInactive:hover:not(:disabled){background-color:#5a6268}.userStats{color:#666;display:flex;font-size:14px;gap:20px}.userStats p{margin:0}.searchAndFilter{align-items:center;display:flex;gap:15px;margin-bottom:20px}.searchBar{flex:2 1}.filterBar{flex:1 1}.approvalTag{border-radius:4px;font-size:12px;font-weight:600;padding:4px 8px;text-transform:uppercase}.approvalpending{background-color:#fff3e0;color:#f57c00}.approvalapproved{background-color:#e8f5e8;color:#2e7d32}.approvalrejected{background-color:#ffebee;color:#d32f2f}.actionButtons{display:flex;flex-wrap:wrap;gap:5px}.alertOverlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.alertContainer{animation:alertSlideIn .3s ease-out;background-color:#fff;border-radius:8px;box-shadow:0 10px 25px #0000004d;max-width:500px;overflow:hidden;width:100%}@keyframes alertSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.alertHeader{align-items:center;border-bottom:1px solid #eee;display:flex;gap:12px;padding:20px 20px 15px}.alertIcon{font-size:24px;font-weight:700;min-width:24px;text-align:center}.alertTitle{flex:1 1;font-size:18px;font-weight:600;margin:0}.alertBody{padding:15px 20px 20px}.alertMessage{color:#333;font-size:16px;line-height:1.5;margin:0}.alertFooter{border-top:1px solid #eee;display:flex;gap:10px;justify-content:flex-end;padding:15px 20px 20px}.alertBtn{background-color:#0b3f1f;background-color:var(--primary-color);border:none;border-radius:6px;box-shadow:0 2px 5px #0000001a;color:#fff;color:var(--text-on-primary);cursor:pointer;font-size:14px;font-weight:600;min-width:80px;padding:10px 20px;transition:all .3s ease}.alertBtn:hover{background-color:#0f5a2b;background-color:var(--primary-hover-color);box-shadow:0 4px 8px #0003;transform:translateY(-1px)}.alertBtn:active{box-shadow:0 1px 3px #0000001a;transform:translateY(0)}.alertBtn.secondary{background-color:#6c757d;color:#fff}.alertBtn.secondary:hover{background-color:#5a6268}.alertSuccess .alertHeader{background-color:#e8f5e8;color:#2e7d32}.alertSuccess .alertIcon{color:#2e7d32}.alertError .alertHeader{background-color:#ffebee;color:#d32f2f}.alertError .alertIcon{color:#d32f2f}.alertWarning .alertHeader{background-color:#fff3e0;color:#f57c00}.alertWarning .alertIcon{color:#f57c00}.alertInfo .alertHeader{background-color:#e3f2fd;color:#1976d2}.alertInfo .alertIcon{color:#1976d2}.approveBtn{background-color:#4caf50;color:#fff;font-size:11px;padding:4px 8px}.approveBtn:hover{background-color:#45a049}.rejectBtn{background-color:#f44336;color:#fff;font-size:11px;padding:4px 8px}.rejectBtn:hover{background-color:#da190b}.deleteBtn{background-color:#dc3545;color:#fff;font-size:11px;padding:4px 8px}.deleteBtn:hover{background-color:#c82333}.pendingRequestsSection{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border:2px solid #ff9800;border-radius:8px;box-shadow:0 4px 12px #ff98001a;margin-bottom:30px;padding:20px}.pendingHeader{margin-bottom:20px;text-align:center}.pendingHeader h3{color:#e65100;font-size:18px;margin:0 0 5px}.pendingHeader p{color:#bf360c;font-size:14px;margin:0}.pendingRequestsTable{background:#fff;border-radius:6px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.pendingRequestsTable table{border-collapse:collapse;width:100%}.pendingRequestsTable th{background:#ff9800;color:#fff;font-weight:600;padding:12px;text-align:left}.pendingRow{background:#fff8f0;border-bottom:1px solid #ffcc80}.pendingRow:hover{background:#fff3e0}.pendingRow td{padding:12px;vertical-align:middle}.pendingActions{display:flex;gap:8px}.pendingActions .approveBtn,.pendingActions .deleteBtn,.pendingActions .rejectBtn{font-size:12px;font-weight:600;padding:6px 12px}.allUsersSection{margin-top:20px}.sectionHeader{background:linear-gradient(135deg,#e8f5e8,#c8e6c9);border:1px solid #4caf50;border-radius:8px;margin-bottom:20px;padding:15px;text-align:center}.sectionHeader h3{color:#2e7d32;font-size:18px;margin:0 0 5px}.sectionHeader p{color:#388e3c;font-size:14px;margin:0}@media (max-width:768px){.searchAndFilter{flex-direction:column;gap:10px}.filterBar,.searchBar{flex:1 1;width:100%}.actionButtons,.pendingActions{flex-direction:column;gap:3px}.pendingRequestsTable,.usersTable{overflow-x:auto}.pendingRequestsTable table,.usersTable table{min-width:600px}.pendingRequestsSection{margin-bottom:20px;padding:15px}.pendingHeader h3,.sectionHeader h3{font-size:16px}}.csvImportSection{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:20px;padding:20px}.csvImportSection .sectionHeader{margin-bottom:20px}.csvImportSection .sectionHeader h3{color:#0b3f1f;color:var(--primary-color);font-size:20px;margin:0 0 5px}.csvImportSection .sectionHeader p{color:#666;font-size:14px;margin:0}.csvImportControls{align-items:end;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.csvFileInput{flex:1 1;min-width:250px}.csvFileInput label{color:#555;display:block;font-size:14px;font-weight:500;margin-bottom:5px}.csvFileInput input[type=file]{background-color:#fff;border:2px dashed #ced4da;border-radius:6px;cursor:pointer;padding:10px;transition:all .3s ease;width:100%}.csvFileInput input[type=file]:hover{background-color:#f8f9fa;border-color:#0b3f1f;border-color:var(--primary-color)}.fileInfo{color:#666;font-size:12px;font-style:italic;margin-top:5px}.csvActions{display:flex;flex-wrap:wrap;gap:10px}.csvActions .modern-btn{margin:0;min-width:150px;white-space:nowrap}.template-btn{background-color:#6c757d!important}.template-btn:hover{background-color:#5a6268!important}.import-btn{background-color:#0b3f1f!important;background-color:var(--primary-color)!important}.import-btn:hover{background-color:#0f5a2b!important;background-color:var(--primary-hover-color)!important}.import-btn:disabled{background-color:#a0a0a0!important;cursor:not-allowed}.importResults{background-color:#fff;border:1px solid #e9ecef;border-radius:8px;margin-bottom:20px;padding:20px}.importResults h4{color:#0b3f1f;color:var(--primary-color);font-size:18px;margin:0 0 15px}.resultsSummary{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.resultStat{border-radius:6px;font-weight:500;padding:15px;text-align:center}.resultStat.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.resultStat.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.resultStat.total{background-color:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.errorDetails,.successDetails{margin-top:15px}.errorDetails h5,.successDetails h5{color:#0b3f1f;color:var(--primary-color);font-size:16px;margin:0 0 10px}.errorList,.successList{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;max-height:200px;overflow-y:auto;padding:10px}.errorItem,.successItem{border-bottom:1px solid #e9ecef;font-size:14px;padding:5px 0}.errorItem:last-child,.successItem:last-child{border-bottom:none}.moreErrors,.moreSuccess{color:#666;font-style:italic;padding:5px 0;text-align:center}.csvInstructions{background-color:#fff;border:1px solid #e9ecef;border-radius:8px;padding:20px}.csvInstructions h4{color:#0b3f1f;color:var(--primary-color);font-size:16px;margin:0 0 15px}.csvInstructions ul{margin:0;padding-left:20px}.csvInstructions li{color:#555;font-size:14px;line-height:1.4;margin-bottom:8px}@media (max-width:768px){.csvImportControls{align-items:stretch;flex-direction:column}.csvActions{justify-content:stretch}.csvActions .modern-btn{flex:1 1}.resultsSummary{grid-template-columns:1fr}}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0009;bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:1000}.export-modal{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;max-height:85vh;max-width:700px;overflow:hidden;position:relative;width:95%}.modal-header{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px 25px}.modal-header h3{font-size:20px;margin:0}.modal-close-btn{background:#fff3;border:none;color:#fff}.modal-close-btn:hover:not(:disabled){background:#ffffff4d}.modal-body{display:flex;flex:1 1;flex-direction:column}.export-options,.modal-body{min-height:0;overflow-y:auto}.export-options{flex:1 1;padding:20px}.export-month-selection{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:4px solid #28a745;border-radius:8px;margin-bottom:20px;padding:15px}.export-month-selection h4{color:#333;font-size:15px;font-weight:600;margin:0 0 8px}.export-help-text{color:#666;font-size:13px;font-style:italic;margin:0 0 12px}.month-input{border:2px solid #ddd;border-radius:6px;font-size:14px;margin-right:10px;padding:10px 15px;transition:border-color .3s ease}.month-input:focus{border-color:#28a745;box-shadow:0 0 0 3px #28a7451a;outline:none}.clear-month-btn{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 15px;transition:background-color .3s ease}.clear-month-btn:hover:not(:disabled){background:#c82333}.export-section{background-color:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:18px;padding:15px}.export-section h4{border-bottom:2px solid #e9ecef;color:#333;font-size:16px;font-weight:600;margin:0 0 15px;padding-bottom:8px}.export-format-group{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr}.format-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:12px}.format-section h5{color:#495057;font-size:13px;font-weight:600;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.export-buttons{display:flex;flex-direction:column;gap:6px}.export-buttons .btn{border:none;border-radius:5px;cursor:pointer;font-size:13px;font-weight:500;line-height:1.3;padding:10px 14px;text-align:center;transition:all .3s ease;width:100%}.export-buttons .btn:disabled{cursor:not-allowed;opacity:.6}.export-buttons .btn-primary{background:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 2px 4px #28a74533;color:#fff}.export-buttons .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#218838,#1ea085);box-shadow:0 4px 8px #28a7454d;transform:translateY(-1px)}.export-buttons .btn-secondary{background:linear-gradient(135deg,#6c757d,#5a6268);box-shadow:0 2px 4px #6c757d33;color:#fff}.export-buttons .btn-secondary:hover:not(:disabled){background:linear-gradient(135deg,#5a6268,#495057);box-shadow:0 4px 8px #6c757d4d;transform:translateY(-1px)}.export-modal .modern-btn{border-radius:5px;font-size:13px;line-height:1.3;padding:10px 14px}.exportBtn{background:linear-gradient(135deg,#17a2b8,#138496);border:none;border-radius:6px;box-shadow:0 2px 4px #17a2b833;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-left:10px;padding:12px 20px;transition:all .3s ease}.exportBtn:hover:not(:disabled){background:linear-gradient(135deg,#138496,#117a8b);box-shadow:0 4px 8px #17a2b84d;transform:translateY(-1px)}.exportBtn:disabled{cursor:not-allowed;opacity:.6}.exportBtn .spinner{animation:spin 1s ease-in-out infinite;border:2px solid #fff;border-radius:50%;border-top-color:#0000;display:inline-block;height:12px;margin-right:8px;width:12px}.fdleBtn{background:linear-gradient(135deg,#28a745,#218838);border:none;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-left:10px;padding:12px 20px}.fdleBtn:hover:not(:disabled){background:linear-gradient(135deg,#218838,#1e7e34);transform:translateY(-1px)}.export-loading{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:10px;margin-top:20px;padding:30px;text-align:center}.loading-spinner{animation:spin 1s ease-in-out infinite;border:4px solid #e9ecef;border-radius:50%;border-top-color:#28a745;display:inline-block;height:40px;margin-bottom:15px;width:40px}.export-loading p{color:#666;font-size:16px;font-weight:500;margin:0}@media (max-width:768px){.modal-overlay{padding:15px}.export-modal{margin:0;max-height:90vh;width:100%}.modal-header{padding:12px 15px}.modal-header h3{font-size:16px}.export-options{padding:15px}.export-format-group{gap:12px;grid-template-columns:1fr}.export-section{margin-bottom:15px;padding:12px}.export-section h4{font-size:15px;margin-bottom:12px}.export-month-selection{margin-bottom:15px;padding:12px}.month-input{margin-bottom:8px;margin-right:0}.clear-month-btn,.month-input{font-size:13px;padding:8px 12px;width:100%}.format-section{padding:10px}.format-section h5{font-size:12px;margin-bottom:8px}.export-buttons .btn,.export-modal .modern-btn{font-size:12px;padding:8px 12px}}@media (max-width:480px){.modal-overlay{padding:10px}.export-modal{border-radius:8px;margin:0;max-height:95vh;width:100%}.modal-header{border-radius:8px 8px 0 0;padding:10px 12px}.modal-header h3{font-size:15px}.export-options{padding:12px}.export-section{margin-bottom:12px;padding:10px}.export-section h4{font-size:14px;margin-bottom:10px}.export-month-selection{margin-bottom:12px;padding:10px}.export-month-selection h4{font-size:14px}.export-help-text{font-size:12px}.format-section{padding:8px}.format-section h5{font-size:11px;margin-bottom:6px}.export-buttons .btn,.export-modal .modern-btn{font-size:11px;line-height:1.2;padding:6px 10px}.clear-month-btn,.month-input{font-size:12px;padding:6px 10px}}.summaryActionsRow{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;margin:20px 20px 30px;padding:20px}.summaryActionsLeft,.summaryActionsRight{align-items:center;display:flex;gap:15px}.fdleBtn{background:linear-gradient(135deg,#28a745,#20c997)!important;border:none!important;border-radius:6px;box-shadow:0 2px 4px #28a74533;color:#fff!important;font-size:16px;font-weight:700;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.fdleBtn:hover:not(:disabled){background:linear-gradient(135deg,#218838,#1ea085)!important;box-shadow:0 4px 8px #28a7454d;color:#fff!important;transform:translateY(-2px)}.fdleBtn:disabled{background:#6c757d!important;cursor:not-allowed;opacity:.6;transform:none}.modal-content{background:#fff!important;border-radius:12px!important;box-shadow:0 10px 30px #0000004d;overflow:hidden}.modal-body{background:#fff!important;border-radius:0;padding:25px!important}.modal-info{background:#fff;border:1px solid #e9ecef;border-radius:6px;margin:15px 0;padding:15px}.modal-info p{color:#333;font-weight:600;margin:0 0 10px}.modal-info ul{margin:0;padding-left:20px}.modal-info li{color:#555;font-size:14px;margin-bottom:5px}.form-group{margin-bottom:20px}.form-group label{font-size:16px;margin-bottom:8px}.modal-footer{background:#fff!important;border-radius:0 0 12px 12px;border-top:1px solid #e9ecef;display:flex;gap:15px;justify-content:flex-end;padding:20px 25px!important}.modal-footer .btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-width:120px;padding:12px 24px;transition:all .3s ease}.modal-footer .btn-secondary{background:#6c757d;color:#fff}.modal-footer .btn-secondary:hover:not(:disabled){background:#5a6268;box-shadow:0 2px 4px #0003;transform:translateY(-1px)}.modal-footer .btn-success{background:#0b3f1f!important;background:var(--primary-color)!important;color:#fff!important}.modal-footer .btn-success:hover:not(:disabled){background:#0f5a2b!important;background:var(--primary-hover-color)!important;box-shadow:0 2px 4px #0b3f1f4d;color:#fff!important;transform:translateY(-1px)}.modal-footer .btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.fdle-form-modal{max-height:90vh;max-width:900px;overflow-y:auto}.fdle-form-container{padding:10px 0}.form-section{background:#f8f9fa;border-left:4px solid #0b3f1f;border-left:4px solid var(--primary-color);border-radius:8px;margin-bottom:30px;padding:20px}.form-section h4{align-items:center;color:#0b3f1f;color:var(--primary-color);display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 20px}.form-row{display:flex;gap:20px;margin-bottom:15px}.form-row:last-child{margin-bottom:0}.form-group{flex:1 1;min-width:0}.form-group label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:6px}.modern-input.readonly{background:#e9ecef;border:1px solid #ced4da;color:#495057;cursor:not-allowed}.progress-modal{max-width:500px}.progress-container{padding:20px 0}.progress-bar{background:#e9ecef;border-radius:10px;height:20px;margin-bottom:15px;overflow:hidden;width:100%}.progress-fill{border-radius:10px;height:100%;transition:width .5s ease}.progress-fill.info{background:linear-gradient(90deg,#0b3f1f,#20c997);background:linear-gradient(90deg,var(--primary-color),#20c997)}.progress-fill.success{background:linear-gradient(90deg,#28a745,#20c997)}.progress-fill.error{background:linear-gradient(90deg,#dc3545,#fd7e14)}.progress-text{align-items:center;display:flex;justify-content:space-between}.progress-percent{color:#0b3f1f;color:var(--primary-color);font-size:18px;font-weight:600}.progress-message{color:#666;flex:1 1;font-size:14px;margin-left:15px;text-align:right}.modal-header{background:#0b3f1f!important;background:var(--primary-color)!important;border-radius:12px 12px 0 0!important;color:#fff!important;padding:20px 25px!important}.modal-header h3{color:#fff!important;font-weight:600;margin:0!important}.modal-close-btn{align-items:center;background:#fff3!important;border:none!important;border-radius:50%;color:#fff!important;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:32px;justify-content:center;transition:all .3s ease;width:32px}.modal-close-btn:hover:not(:disabled){background:#ffffff4d!important;transform:scale(1.1)}.modal-close-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.summaryActionsRow{align-items:stretch;flex-direction:column;gap:15px;margin:15px 10px 25px;padding:15px}.summaryActionsLeft,.summaryActionsRight{justify-content:center;width:100%}.summaryActionsLeft{order:2}.summaryActionsRight{order:1}.fdleBtn{font-size:15px;justify-content:center;padding:14px 20px;width:100%}.exportBtn,.printPdfBtn{flex:1 1;min-width:120px}}.audit-dashboard{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1400px;padding:20px}.audit-dashboard.loading{align-items:center;color:#666;display:flex;font-size:18px;height:400px;justify-content:center}.dashboard-header{border-bottom:2px solid #e9ecef;margin-bottom:20px;padding-bottom:20px}.dashboard-header h2{color:#2c3e50;font-size:28px;font-weight:600;margin:0}.dashboard-actions{display:flex;gap:10px;margin-bottom:30px}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:10px 16px;text-decoration:none;transition:all .2s ease}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover:not(:disabled){background-color:#0056b3}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#545b62}.btn-success{background-color:#28a745;color:#fff}.btn-success:hover:not(:disabled){background-color:#1e7e34}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover:not(:disabled){background-color:#c82333}.btn-warning{background-color:#ffc107;color:#212529}.btn-warning:hover:not(:disabled){background-color:#e0a800}.dashboard-tabs{border-bottom:1px solid #dee2e6;display:flex;margin-bottom:30px}.tab{background:none;border:none;border-bottom:3px solid #0000;color:#6c757d;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .2s ease}.tab:hover{color:#495057}.tab.active,.tab:hover{background-color:#f8f9fa}.tab.active{border-bottom-color:#007bff;color:#007bff}.dashboard-content{min-height:500px}.summary-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.summary-card{background:#fff;border-left:4px solid #007bff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:24px}.summary-card h3{color:#6c757d;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.metric-value{color:#2c3e50;font-size:32px;font-weight:700;margin:0}.charts-section{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr}.chart-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:24px}.chart-container h4{color:#2c3e50;font-size:18px;font-weight:600;margin:0 0 20px}.daily-trends,.top-users{display:flex;flex-direction:column;gap:12px}.trend-item,.user-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:16px;transition:all .2s ease}.trend-item:hover,.user-item:hover{background:#e9ecef;border-color:#dee2e6}.trend-item{align-items:center;display:flex;justify-content:space-between}.trend-date{color:#2c3e50;font-size:15px;font-weight:600;min-width:100px}.trend-stats{align-items:center;display:flex;gap:20px}.events-count{color:#007bff}.events-count,.failures-count{font-size:14px;font-weight:500}.failures-count{color:#6c757d}.failures-count.has-failures{color:#dc3545;font-weight:600}.user-item{align-items:center;display:flex;justify-content:space-between}.user-email{flex:1 1;font-size:14px;margin-right:15px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-stats{align-items:center;display:flex;flex-shrink:0;gap:20px}.health-summary{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:30px;padding:20px}.health-summary h3{color:#2c3e50;font-size:24px;margin:0}.health-status{font-weight:700;margin-left:10px}.health-metrics{grid-gap:16px;display:grid;gap:16px}.health-metric{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.metric-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.metric-name{color:#2c3e50;font-size:16px;font-weight:600}.metric-status{background:#0000001a;border-radius:4px;font-size:14px;font-weight:700;padding:4px 8px}.health-metric .metric-value{color:#495057;font-size:18px;font-weight:600;margin:8px 0}.metric-recommendation{color:#6c757d;font-size:14px;font-style:italic}.anomalies-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.anomalies-header h3{color:#2c3e50;font-size:24px;margin:0}.anomalies-list{display:flex;flex-direction:column;gap:16px}.anomaly-item{background:#fff;border-left:4px solid #ffc107;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.anomaly-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.user-email{color:#2c3e50;font-size:16px;font-weight:600}.risk-level{background:#0000001a;border-radius:4px;font-size:12px;font-weight:700;padding:4px 8px}.anomaly-details{color:#6c757d;display:flex;font-size:14px;gap:20px;margin-bottom:12px}.anomaly-recommendation{background:#f8f9fa;border-left:3px solid #007bff;border-radius:4px;color:#495057;font-size:14px;font-weight:500;padding:12px}.no-anomalies{color:#6c757d;font-size:16px;padding:60px 20px;text-align:center}.service-status{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:30px;padding:20px}.service-status h3{color:#2c3e50;font-size:24px;margin:0 0 16px}.status-indicator{align-items:center;display:flex;font-size:16px;font-weight:500;gap:10px}.status-dot{background-color:#6c757d;border-radius:50%;height:12px;width:12px}.status-dot.running{animation:pulse 2s infinite;background-color:#28a745}.status-dot.stopped{background-color:#dc3545}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.service-controls{display:flex;gap:12px;margin-bottom:30px}.service-config{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.service-config h4{color:#2c3e50;font-size:18px;margin:0 0 16px}.config-item{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:8px 0}.config-item:last-child{border-bottom:none}.config-item span:first-child{color:#495057;font-weight:500}.config-item span:last-child{color:#6c757d}@media (max-width:768px){.dashboard-header{align-items:flex-start;flex-direction:column;gap:20px}.dashboard-actions{justify-content:flex-start;width:100%}.charts-section,.summary-cards{grid-template-columns:1fr}.anomaly-details{gap:8px}.anomaly-details,.service-controls{flex-direction:column}}
/*# sourceMappingURL=main.cb48e87d.css.map*/