body{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{--patient-card-min-width:495px}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}.patient-grid-wrapper{width:100%;margin-top:20px;padding:0 24px;box-sizing:border-box}.patient-grid{display:grid;grid-gap:24px;gap:24px;width:100%;max-width:2000px;margin:0 auto;grid-template-columns:repeat(auto-fit,minmax(495px,1fr));grid-template-columns:repeat(auto-fit,minmax(var(--patient-card-min-width),1fr))}.user-panel{position:absolute;top:20px;right:30px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;grid-gap:12px;gap:12px}body{margin:0;font-family:"Red Hat Text",system-ui,sans-serif;background-color:#f4f8fb;color:#1f2d3d}.top-bar{position:fixed;top:0;left:0;width:100%;height:70px;background-color:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 2px 8px rgba(0,0,0,.04);-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;padding:0 32px;box-sizing:border-box}.nav-left,.top-bar{display:-webkit-flex;display:flex}.nav-left{grid-gap:30px;gap:30px}.nav-link{text-decoration:none;font-weight:500;color:#2c3e50;transition:color .2s ease}.nav-link:hover{color:#1e90ff}.nav-right{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;grid-gap:12px;gap:12px}.role-badge{display:-webkit-flex;display:flex;padding:0 14px;text-transform:capitalize;letter-spacing:.3px}.logout-button,.role-badge{-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;height:34px;font-weight:600}.logout-button,.role-badge{display:-webkit-inline-flex;display:inline-flex;padding:0 16px;font-size:.85rem;line-height:1;border-radius:10px}.role-badge{padding:0 12px;font-size:.8rem;font-weight:700;background:#333;color:#fff}.role-volunteer{background-color:#d3d3d3;color:#000}.role-officestaff,.role-receptionist{background-color:#2ecc71;color:#fff}.role-medicalpersonnel,.role-nurse{background-color:#3498db;color:#fff}.role-doctor,.role-physician{background-color:#9b59b6;color:#fff}.role-admin{background-color:#f1c40f;color:#000}.logout-button:hover{background-color:#d63031}.page-content{padding:110px 40px 40px}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.patient-card{min-width:var(--patient-card-min-width);background-color:#fff;border-radius:6px;box-shadow:0 4px 14px rgba(0,0,0,.05);font-family:"Red Hat Text",system-ui,sans-serif;transition:box-shadow .2s ease}.patient-card:hover{box-shadow:0 8px 20px rgba(0,0,0,.08)}.patient-accent{height:4px;background:#003da5}.patient-body{padding:18px 22px 22px}.patient-header{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.patient-name{font-size:1.1rem;font-weight:700;color:#1f2d3d}.patient-id{font-size:.75rem;font-weight:600;color:#003da5;background:#e6efff;padding:4px 10px;border-radius:4px}.patient-subheader{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin-top:8px;font-size:.85rem;color:#6b7280}.patient-divider{height:1px;background:#e5e7eb;margin:14px 0}.patient-card-inner-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px 18px;gap:14px 18px}.chart-item{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.chart-item.full-width{grid-column:span 2}.chart-label{font-size:.7rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.chart-value{font-size:.9rem;font-weight:500;color:#111827;word-break:break-word}.login-container{min-width:320px;max-width:380px;background:#fff;border-radius:14px;box-shadow:0 8px 24px rgba(0,0,0,.08);overflow:hidden;font-family:"Red Hat Text",system-ui,sans-serif}.login-accent{height:6px;background:#003da5}.login-content{padding:24px}.form-group{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;margin-bottom:14px}.login-container label{font-size:.8rem;color:#374151;margin-bottom:4px}input{padding:8px 10px;border-radius:6px;border:1px solid #d1d5db;font-size:.9rem}input:focus{outline:none;border-color:#003da5;box-shadow:0 0 0 1px #003da5}.login-container button{margin-top:12px;padding:10px;background:#003da5;color:#fff;border:none;border-radius:8px;font-size:.9rem;cursor:pointer}.login-container button:hover{background:#002f80}.login-error{margin-top:12px;color:#b91c1c;font-size:.85rem}.search-card{min-width:600px;max-width:900px;background:#fff;border-radius:6px;box-shadow:0 6px 20px rgba(0,0,0,.06);padding:24px;margin:0 auto 32px}.search-header{font-size:1rem;font-weight:700;margin-bottom:20px;color:#1f2d3d}.label-with-tooltip{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;grid-gap:6px;gap:6px}.tooltip-wrapper{position:relative;cursor:pointer;font-size:.85rem;color:#666}.tooltip-content{visibility:hidden;opacity:0;position:absolute;top:125%;left:0;width:220px;background-color:#222;color:#fff;text-align:left;padding:8px;border-radius:6px;font-size:.8rem;line-height:1.4;transition:opacity .2s ease;z-index:10}.tooltip-wrapper:hover .tooltip-content{visibility:visible;opacity:1}.search-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:20px;gap:20px}.field{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.field label{font-size:.75rem;font-weight:600;color:#6b7280;margin-bottom:6px;text-transform:uppercase}.field input,.field select{padding:8px 10px;border-radius:4px;border:1px solid #d1d5db;font-size:.85rem}.field input:focus,.field select:focus{outline:none;border-color:#003da5;box-shadow:0 0 0 1px #003da5}.apply-button{margin-top:24px;padding:10px 18px;background:#003da5;color:#fff;border:none;border-radius:4px;font-weight:600;cursor:pointer}.apply-button:hover{background:#002f80}.audit-container{padding:24px;background-color:#111;color:#d4d4d4;font-family:Consolas,"Courier New",monospace;border-radius:10px;box-shadow:0 0 20px rgba(0,0,0,.6);border:1px solid #222}.search-btn,.verify-btn{background-color:#0078d4;color:#fff;border:none;padding:6px 14px;border-radius:4px;cursor:pointer;font-family:inherit;font-size:.85rem;transition:background-color .2s ease}.search-btn:hover,.verify-btn:hover{background-color:#2899f5}.search-btn:active,.verify-btn:active{background-color:#005a9e}.audit-header{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;margin-bottom:16px}.audit-header h2{color:#0078d4;font-weight:400;letter-spacing:1px}.verify-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:flex-end;align-items:flex-end;min-width:280px}.verify-fail,.verify-ok{margin-top:6px;text-align:right;font-size:.8rem}.verify-ok{color:#4ec9b0;font-weight:700}.verify-fail{color:#f44747;font-weight:700}.audit-filters{-webkit-flex-direction:column;flex-direction:column;margin-bottom:20px}.audit-filters,.filter-row{display:-webkit-flex;display:flex;grid-gap:12px;gap:12px}.date-row label,.filter-row{-webkit-align-items:center;align-items:center}.date-row label{display:-webkit-flex;display:flex;grid-gap:8px;gap:8px;color:#888;font-size:.8rem}.audit-filters input{background:#1e1e1e;border:1px solid #333;color:#d4d4d4;padding:6px 8px;border-radius:4px}.audit-table{width:100%;border-collapse:collapse;font-size:.85rem;table-layout:auto}.audit-table th{text-align:left;padding-bottom:8px;color:#569cd6;border-bottom:1px solid #333}.audit-table td{padding:4px 8px;vertical-align:top;border-bottom:1px solid #1e1e1e}.audit-table tbody tr{transition:background-color .15s ease}.audit-table tbody tr:hover{background-color:#1e1e1e}.audit-table td:first-child,.audit-table td:nth-child(2),.audit-table td:nth-child(3),.audit-table td:nth-child(4),.audit-table th:first-child,.audit-table th:nth-child(2),.audit-table th:nth-child(3),.audit-table th:nth-child(4){white-space:nowrap}.audit-table td:nth-child(5),.audit-table th:nth-child(5){width:100%}.audit-table td:nth-child(3),.audit-table th:nth-child(3){padding-right:14px}.details pre{margin:0;white-space:pre-wrap;color:#ce9178}.action-success{color:#4ec9b0}.action-attempt{color:#dcdcaa}.action-fail{color:#f44747;font-weight:700}.action-error{color:red;font-weight:700}.action-auth{color:#c586c0}.action-audit{color:#9cdcfe}
/*# sourceMappingURL=main.ff0b4a28.chunk.css.map */