*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f4f7fb;color:#1d2939}header{background:#102a43;color:#fff;padding:18px 24px;display:flex;justify-content:space-between;align-items:center}h1{margin:0;font-size:22px}main{max-width:1250px;margin:22px auto;padding:0 16px}.card{background:#fff;border-radius:12px;padding:18px;box-shadow:0 2px 10px #0001}.loginGrid{max-width:900px;margin:60px auto;display:grid;grid-template-columns:1fr 1fr;gap:18px}.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.metrics span{color:#667085;font-size:13px}.metrics b{display:block;font-size:26px;margin-top:5px}.who{margin-bottom:12px;font-weight:700}nav{display:flex;gap:8px;margin:18px 0}button{background:#163a63;color:#fff;border:0;border-radius:7px;padding:9px 13px;font-weight:600;cursor:pointer}.ghost{background:#ffffff22}nav button{background:#dfe7ef;color:#163a63}nav .active{background:#163a63;color:#fff}label{display:flex;flex-direction:column;gap:5px;margin:10px 0;font-size:13px;font-weight:600}.ack{flex-direction:row;align-items:center}input,select{padding:9px;border:1px solid #cfd8e3;border-radius:7px;background:#fff}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:15px}.toolbar{display:flex;gap:10px;margin-bottom:12px}table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden}th,td{padding:10px;border-bottom:1px solid #edf0f4;text-align:left;font-size:13px}th{background:#eef3f8}.badge{padding:4px 7px;border-radius:12px;font-size:11px;font-weight:700}.Completed{background:#dcfce7;color:#166534}.Overdue{background:#fee2e2;color:#991b1b}.Assigned{background:#fef3c7;color:#92400e}.modal{position:fixed;inset:0;background:#0008;display:flex;align-items:center;justify-content:center;padding:15px}.dialog{position:relative;background:#fff;border-radius:12px;width:min(650px,100%);padding:22px}.x{position:absolute;right:10px;top:10px;background:#eee;color:#333}.sig{width:100%;height:180px;border:1px solid #aaa;border-radius:8px;touch-action:none}.note,.empty{font-size:12px;color:#667085}pre{white-space:pre-wrap;max-height:300px;overflow:auto}@media(max-width:850px){.metrics{grid-template-columns:1fr 1fr}.grid2,.loginGrid{grid-template-columns:1fr}}

[hidden]{display:none!important}

.Current{background:#dcfce7;color:#166534}.Expired{background:#f3f4f6;color:#4b5563}.Due-Soon{background:#dbeafe;color:#1d4ed8}

.signaturePreview{margin-top:8px;min-height:44px}.signaturePreview img{display:block;object-fit:contain}