body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--brand-primary: #1C2E4A;--brand-hover: #162440;--brand-dark: #0D1828;--brand-tint: rgba(28, 46, 74, .08);--brand-muted: rgba(28, 46, 74, .18);--brand-on-dark: #93C5FD;--brand-red: #1C2E4A;--brand-red-hover: #162440;--brand-red-dark: #0D1828;--brand-red-tint: rgba(28, 46, 74, .08);--brand-red-muted: rgba(28, 46, 74, .18);--brand-red-on-dark: #93C5FD;--sidebar-bg: var(--brand-primary);--sidebar-hover: rgba(255, 255, 255, .06);--sidebar-active-bg: rgba(255, 255, 255, .11);--sidebar-active-border: rgba(255, 255, 255, .65);--sidebar-text: rgba(255, 255, 255, .82);--sidebar-muted: rgba(255, 255, 255, .38);--sidebar-divider: rgba(255, 255, 255, .07);--sidebar-width: 240px;--app-bg: #EDEEF2;--surface: #FFFFFF;--border: #E0E3E7;--accent-blue: #1565C0;--accent-blue-light: #E3F2FD;--accent-green: #2E7D32;--accent-green-light: #E8F5E9;--accent-amber: #E65100;--accent-amber-light: #FFF3E0;--text-primary: #1A1A1A;--text-secondary: #5A5A5A;--text-muted: #A0A0A0;--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "DM Mono", "Fira Code", monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--shadow-card: 0 1px 3px rgba(0,0,0,.07), 0 4px 12px rgba(0,0,0,.04);--shadow-elevated: 0 4px 24px rgba(0,0,0,.1), 0 1px 4px rgba(0,0,0,.06)}*,*:before,*:after{box-sizing:border-box}body{font-family:var(--font-sans)!important;background-color:var(--app-bg)!important;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.MuiTypography-root,.MuiButton-root,.MuiInputBase-root,.MuiMenuItem-root,.MuiListItemText-primary{font-family:var(--font-sans)!important}.mono{font-family:var(--font-mono)!important;font-variant-numeric:tabular-nums}.probag-card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid var(--border);overflow:hidden}.kpi-blue{border-top:3px solid var(--accent-blue)}.kpi-green{border-top:3px solid var(--accent-green)}.kpi-amber{border-top:3px solid var(--accent-amber)}.kpi-red{border-top:3px solid var(--brand-red)}.searchButton,.MuiButton-contained.searchButton{background-color:var(--brand-red)!important;color:#fff!important;border-radius:var(--radius-sm)!important}.searchButton:hover,.MuiButton-contained.searchButton:hover{background-color:var(--brand-red-hover)!important}.page-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);letter-spacing:-.3px}.page-enter{animation:fadeSlideIn .22s ease-out both}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.modal-backdrop{z-index:1250!important}.modal{z-index:1260!important}.modal-content{border-radius:var(--radius-lg)!important;border:1px solid var(--border)!important;box-shadow:0 20px 60px #0000002e,0 4px 16px #0000001a!important;overflow:hidden}.modal-header{border-bottom:1px solid var(--border)!important;padding:16px 20px!important;background:var(--surface)!important}.modal-title{font-family:var(--font-sans)!important;font-size:1rem!important;font-weight:700!important;color:var(--text-primary)!important;letter-spacing:-.2px}.modal-body{font-family:var(--font-sans)!important;font-size:.875rem!important;color:var(--text-secondary);padding:20px!important}.modal-footer{border-top:1px solid var(--border)!important;padding:12px 20px!important;background:var(--app-bg)!important;gap:8px}.MuiDialog-paperFullScreen .MuiDialogContent-root>div{max-width:100%!important;width:100%!important}.MuiDialog-paperFullScreen .MuiDialogContent-root>div.ms-3{margin-left:0!important}.MuiDialogContent-root{overflow-x:hidden}@media(max-width:599px){.MuiDialog-paper:not(.MuiDialog-paperFullScreen){margin:8px!important;max-width:calc(100vw - 16px)!important;max-height:calc(100vh - 16px)!important;border-radius:var(--radius-md)!important}.MuiDialog-paperFullScreen{border-radius:0!important}.MuiDialogTitle-root{padding:12px 16px!important;font-size:1rem!important}.MuiDialogContent-root{padding:12px 16px!important}.MuiDialog-paperFullScreen .row{--bs-gutter-x: .75rem}}@media(max-width:599px){.MuiTableCell-root{padding:8px 6px!important;font-size:.78rem!important}.MuiTableCell-head{font-size:.72rem!important;font-weight:700!important}}@media(max-width:599px){.MuiInputBase-input,.MuiSelect-select,.MuiOutlinedInput-input,.MuiInputBase-inputSizeSmall,input,select,textarea{font-size:16px!important}}.MuiAccordionSummary-root,.MuiAccordionSummary-root.Mui-expanded{min-height:44px!important}@media(max-width:599px){.header-filter-wrapper{width:100%;min-width:0;box-sizing:border-box;display:block}}::-webkit-scrollbar{width:6px;height:10px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:10px;border:2px solid #F1F5F9}::-webkit-scrollbar-thumb:hover{background:var(--brand-primary);border-color:#f1f5f9}.MuiDrawer-paper ::-webkit-scrollbar{width:4px!important}.MuiDrawer-paper ::-webkit-scrollbar-track{background:var(--brand-primary)!important;border-radius:0!important}.MuiDrawer-paper ::-webkit-scrollbar-thumb{background:#fff3!important;border-radius:4px!important;border:none!important}.MuiDrawer-paper ::-webkit-scrollbar-thumb:hover{background:#ffffff59!important}div[style*=overflow-x],.MuiTableContainer-root{scrollbar-width:auto;scrollbar-color:#94A3B8 #E2E8F0}div[style*=overflow-x]::-webkit-scrollbar,.MuiTableContainer-root::-webkit-scrollbar{height:14px}div[style*=overflow-x]::-webkit-scrollbar-track,.MuiTableContainer-root::-webkit-scrollbar-track{background:#e2e8f0;border-radius:0 0 10px 10px}div[style*=overflow-x]::-webkit-scrollbar-thumb,.MuiTableContainer-root::-webkit-scrollbar-thumb{background:#64748b;border-radius:10px;border:3px solid #E2E8F0}div[style*=overflow-x]::-webkit-scrollbar-thumb:hover,.MuiTableContainer-root::-webkit-scrollbar-thumb:hover{background:var(--brand-primary)}@media(max-width:599px){div[style*=overflow-x],.MuiTableContainer-root{scrollbar-width:auto;scrollbar-color:#64748B #CBD5E1}div[style*=overflow-x]::-webkit-scrollbar,.MuiTableContainer-root::-webkit-scrollbar{height:22px}div[style*=overflow-x]::-webkit-scrollbar-track,.MuiTableContainer-root::-webkit-scrollbar-track{background:#cbd5e1;border-radius:0 0 8px 8px}div[style*=overflow-x]::-webkit-scrollbar-thumb,.MuiTableContainer-root::-webkit-scrollbar-thumb{background:#475569;border-radius:8px;border:4px solid #CBD5E1}div[style*=overflow-x]::-webkit-scrollbar-thumb:hover,.MuiTableContainer-root::-webkit-scrollbar-thumb:hover{background:var(--brand-primary)}}.fin-table-scroll{border-radius:12px;overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow-card);margin-bottom:1rem}.fin-table-scroll .table{margin-bottom:0!important;border-collapse:collapse!important;width:100%;font-family:var(--font-sans)}.fin-table-scroll thead tr{background:#0f172a}.fin-table-scroll thead th{background-color:#0f172a!important;color:#ffffffb3!important;padding:10px 14px!important;font-size:.6rem!important;font-weight:700!important;letter-spacing:.1em!important;text-transform:uppercase!important;border:none!important;white-space:nowrap!important;vertical-align:middle!important}.fin-table-scroll tbody tr{transition:background .1s}.fin-table-scroll tbody tr:nth-child(2n){background:#f8fafc}.fin-table-scroll tbody tr:hover{background:#eff6ff!important}.fin-table-scroll tbody td{padding:8px 14px!important;color:#374151;border-bottom:1px solid #E2E8F0!important;border-top:none!important;vertical-align:middle!important;font-size:.8rem;font-family:var(--font-sans)}.fin-table-scroll tbody tr:last-child td{border-bottom:none!important}.fin-row-positive{background:#15803d0d!important}.fin-row-positive:hover{background:#15803d1a!important}.fin-row-negative{background:#dc26260d!important}.fin-row-negative:hover{background:#dc26261a!important}.fin-row-diff{background:#eab30812!important}.fin-row-diff:hover{background:#eab30824!important}.fin-pill{display:inline-flex;align-items:center;padding:4px 12px;border-radius:999px;font-size:.72rem;font-weight:700;border:2px solid;white-space:nowrap;letter-spacing:.03em;font-family:var(--font-sans);box-shadow:0 1px 3px #0000001a}.fin-pill-ok{color:#14532d;background:#bbfac8;border-color:#4ade80}.fin-pill-diff{color:#78350f;background:#fef08a;border-color:#facc15}.fin-pill-no{color:#7f1d1d;background:#fecaca;border-color:#f87171}.fin-pill-pending{color:#475569;background:#e2e8f0;border-color:#94a3b8}.fin-num{font-family:var(--font-mono)!important;font-variant-numeric:tabular-nums;font-weight:600;color:#0f172a!important}.fin-dl-btn{background:transparent;border:1.5px solid #E2E8F0;border-radius:8px;padding:5px 10px;cursor:pointer;color:#64748b;display:inline-flex;align-items:center;gap:5px;transition:all .15s;font-size:.7rem;font-weight:600;font-family:var(--font-sans);line-height:1}.fin-dl-btn:hover{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff}.fin-totals-strip{display:flex;gap:24px;flex-wrap:wrap;background:linear-gradient(135deg,#0f172a,#1e3a5f);border-radius:10px;padding:14px 20px;margin-bottom:16px}.fin-totals-item{display:flex;flex-direction:column;gap:2px}.fin-totals-label{font-size:.58rem;font-weight:700;color:#ffffff6b;text-transform:uppercase;letter-spacing:.12em;font-family:var(--font-sans)}.fin-totals-value{font-size:1.15rem;font-weight:700;color:#7dd3fc;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.fin-toolbar{display:flex;align-items:center;justify-content:space-between;padding:9px 14px;background:#fafbfc;border-bottom:1px solid #E2E8F0;flex-wrap:wrap;gap:8px}.fin-toolbar-count{font-size:.72rem;color:#64748b;font-family:var(--font-sans)}.fin-table-scroll .fin-frow th{background:#1e293b!important;padding:4px 8px!important;border-bottom:2px solid rgba(0,0,0,.18)!important}.fin-cf-wrap{position:relative}.fin-cf{width:100%;background:#ffffff12;border:1px solid rgba(255,255,255,.14);border-radius:5px;padding:3px 22px 3px 7px;color:#ffffffe6;font-size:.67rem;outline:none;font-family:var(--font-sans);box-sizing:border-box;transition:background .15s,border-color .15s}.fin-cf::placeholder{color:#ffffff40;font-style:italic}.fin-cf:focus{background:#ffffff21;border-color:#93c5fd80}.fin-cf-clear{position:absolute;right:4px;top:50%;transform:translateY(-50%);color:#ffffff73;font-size:.9rem;cursor:pointer;background:none;border:none;padding:0;line-height:1}.fin-cf-clear:hover{color:#fff}.live-pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 #10b98180;animation:livePulse 2s infinite;flex-shrink:0}.live-pulse.error{background:#ef4444;box-shadow:0 0 #ef444480;animation:livePulseRed 2s infinite}@keyframes livePulse{0%{box-shadow:0 0 #10b98180}70%{box-shadow:0 0 0 7px #10b98100}to{box-shadow:0 0 #10b98100}}@keyframes livePulseRed{0%{box-shadow:0 0 #ef444480}70%{box-shadow:0 0 0 7px #ef444400}to{box-shadow:0 0 #ef444400}}.last-updated{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);letter-spacing:.02em}.status-card-ok{border-left:4px solid #10B981!important;background:#f0fdf4!important}.status-card-error{border-left:4px solid #EF4444!important;background:#fff5f5!important;animation:statusErrorPulse 3s ease-in-out infinite}@keyframes statusErrorPulse{0%,to{background:#fff5f5}50%{background:#fee2e2}}.nav-section-label{font-size:.6rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ffffff4d;padding:7px 18px 3px;font-family:var(--font-sans);pointer-events:none;-webkit-user-select:none;user-select:none}.refresh-countdown{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:.68rem;color:var(--text-muted);background:var(--app-bg);border:1px solid var(--border);border-radius:20px;padding:2px 8px}.monitor-summary{display:flex;align-items:center;gap:20px;padding:10px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:16px}.monitor-summary-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.monitor-summary-stat .value{font-family:var(--font-mono);font-size:1.4rem;font-weight:700;line-height:1}.monitor-summary-stat .label{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.react-datetimerange-picker__wrapper{height:50px;padding:10px}.searchButton{height:50px}.date-picker-section{max-width:345px}@media(max-width:768px){.date-picker-section{max-width:100%;width:100%}.date-picker-section .MuiButtonGroup-root{width:100%;flex-wrap:wrap}.date-picker-section .MuiButtonGroup-root .MuiButton-root{flex:1 1 auto;font-size:12px;padding:4px 6px;min-width:0}.react-datetimerange-picker{width:100%;max-width:100%}.react-datetimerange-picker__wrapper{width:100%;height:auto;min-height:44px;padding:6px 8px;flex-wrap:wrap;gap:4px}.react-datetimerange-picker__inputGroup{min-width:0;flex:1 1 auto;font-size:12px}.react-datetimerange-picker__range-divider{padding:0 4px;align-self:center}.react-datetimerange-picker__button{padding:0 4px}}