:root{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#14233a;background:#f1f4f8;line-height:1.45;--green:#0b2a55;--accent:#f7a800;--border:#d5dce6}
*{box-sizing:border-box}body{margin:0;min-height:100vh}.topbar{background:#fff;color:var(--green);border-top:5px solid var(--accent);padding:9px max(18px,calc((100% - 1080px)/2));display:flex;align-items:center;justify-content:space-between;gap:18px;box-shadow:0 2px 9px #0b2a5524}.brand{display:flex;align-items:center;gap:14px}.brand img{width:83px;height:58px;object-fit:contain}.brand strong,.brand span{display:block}.brand span{font-size:.78rem;color:#65748a}.brand>div{border-left:1px solid #d7dee8;padding-left:14px}main{max-width:1080px;margin:24px auto;padding:0 18px 48px}.card{background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:0 3px 12px #0b2a550b}.import-card{padding:22px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:3px solid var(--accent)}h1{font-size:1.35rem;margin:0 0 5px;color:var(--green)}.import-card p{margin:0;color:#5f6e82}.upload-button,button{border:0;border-radius:9px;background:var(--green);color:#fff;font-weight:700;padding:12px 17px;cursor:pointer;text-align:center;white-space:nowrap}.upload-button:hover,button:hover:not(:disabled){background:#103a73}.upload-button input{display:none}button:disabled{opacity:.45;cursor:not-allowed}.secondary{background:var(--green);color:#fff;padding:9px 13px}.progress-box{margin-top:14px;padding:16px}.progress-label{display:flex;justify-content:space-between;font-size:.9rem;margin-bottom:7px}progress{width:100%;accent-color:var(--accent)}.search-card{margin-top:18px;padding:20px;display:grid;grid-template-columns:1fr 1.65fr auto;gap:14px;align-items:end}.field label{display:block;font-size:.8rem;font-weight:700;margin:0 0 6px;color:#41516a}.field input,.field select{width:100%;border:1px solid #bdc7d5;background:#fff;border-radius:9px;padding:11px 12px;font:inherit;min-height:46px}.field input:focus,.field select:focus{outline:3px solid #e3ebf5;border-color:var(--green)}.message{margin:15px 0;padding:13px 16px;border-radius:9px;background:#fff5d9;border:1px solid #e7c975}.employee-heading{margin-top:18px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between}.employee-heading span{font-size:.75rem;color:#68778b}.employee-heading h2{margin:2px 0 0;font-size:1.18rem;color:var(--green)}.employee-heading>strong{background:#e6edf6;color:var(--green);padding:8px 12px;border-radius:8px}.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.epi-card{padding:18px}.epi-title{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.epi-title .code{font-size:.72rem;color:#708097}.epi-title h3{font-size:1rem;margin:3px 0 0;color:var(--green)}.status-pill{font-size:.72rem;font-weight:800;padding:6px 9px;border-radius:20px;white-space:nowrap}.valid{background:#dff3e7;color:#17633a}.soon{background:#fff0c9;color:#785300}.expired{background:#f8dddd;color:#8b2727}.undefined{background:#e7e9e8;color:#4c5753}dl{display:grid;grid-template-columns:1fr 1fr;margin:17px 0 10px;border-top:1px solid #e2e7ed}dl div{padding:11px 6px 7px;border-bottom:1px solid #e2e7ed}dt{font-size:.7rem;text-transform:uppercase;letter-spacing:.03em;color:#738096}dd{margin:3px 0 0;font-weight:700}details{margin-top:10px}summary{cursor:pointer;color:var(--green);font-weight:700;font-size:.85rem}.history{overflow:auto;margin-top:10px}.history table{width:100%;border-collapse:collapse;font-size:.8rem}.history th,.history td{text-align:left;padding:7px;border-bottom:1px solid #e2e7ed;white-space:nowrap}.history th{color:#64738a}
@media(max-width:720px){.topbar{padding:12px 15px}.brand span{display:none}main{margin-top:15px;padding:0 12px 35px}.import-card{display:block}.upload-button{display:block;margin-top:16px}.search-card{grid-template-columns:1fr}.result-grid{grid-template-columns:1fr}.employee-heading{align-items:flex-start}.employee-heading h2{font-size:1rem}.epi-title{display:block}.status-pill{display:inline-block;margin-top:10px}}