:root{color-scheme:light;--bg: #f4f6fb;--card: #ffffff;--text: #0f172a;--muted: #64748b;--accent: #0d9488;--accent-dark: #0f766e;--danger: #b91c1c;--border: #e2e8f0;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:var(--bg);color:var(--text)}#app{max-width:920px;margin:0 auto;padding:1rem 1rem 2.5rem}.signer-layout{display:flex;flex-direction:column;gap:.25rem}.card{background:var(--card);border-radius:14px;padding:1.25rem 1.35rem;box-shadow:0 1px 3px #0f172a14;border:1px solid var(--border);margin-bottom:1rem}h1{font-size:1.35rem;font-weight:700;margin:0 0 .35rem}h2{font-size:1.05rem;font-weight:600;margin:0 0 .75rem}p.lead{margin:0 0 1rem;color:var(--muted);font-size:.95rem;line-height:1.45}.staff-signing-expiry{font-size:.88rem;margin-bottom:.65rem}label{display:block;font-size:.8rem;font-weight:600;color:var(--muted);margin-bottom:.35rem}input[type=text],input[type=email],input[type=password],select,textarea{width:100%;padding:.55rem .65rem;border-radius:8px;border:1px solid var(--border);font:inherit;margin-bottom:.85rem}textarea{min-height:5.5rem;resize:vertical}button{font:inherit;font-weight:600;border:none;border-radius:10px;padding:.65rem 1.1rem;cursor:pointer;background:var(--accent);color:#fff}button.secondary{background:#e2e8f0;color:var(--text)}button:disabled{opacity:.55;cursor:not-allowed}button.danger{background:var(--danger)}.row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:.5rem}.msg{padding:.65rem .75rem;border-radius:8px;font-size:.9rem;margin-bottom:.75rem}.msg.error{background:#fef2f2;color:var(--danger)}.msg.ok{background:#ecfdf5;color:#047857}.pdf-frame{width:100%;height:min(68vh,520px);border:1px solid var(--border);border-radius:10px;background:#fff}.pdf-frame--fallback{display:block}.pdf-toolbar.row{margin-bottom:.5rem;flex-wrap:wrap;gap:.5rem;align-items:center}.pdf-zoom-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin-left:auto}.pdf-zoom-controls button{padding:.45rem .65rem;font-size:.82rem}.pdf-zoom-pct{font-size:.8rem;font-weight:600;color:var(--muted);min-width:3.25rem;text-align:center}.pdf-doc-blurb{margin-bottom:.5rem}.pdf-status{margin:0 0 .5rem;font-size:.9rem;color:var(--muted)}.pdf-viewer{border:1px solid var(--border);border-radius:10px;background:#fff;padding:.5rem;min-height:120px;display:flex;flex-direction:column;gap:.5rem}.pdf-fallback-details{border:1px solid var(--border);border-radius:10px;background:#f8fafc;overflow:hidden}.pdf-fallback-details summary{cursor:pointer;padding:.5rem .65rem;font-size:.88rem;font-weight:600;color:var(--muted);list-style:none}.pdf-fallback-details summary::-webkit-details-marker{display:none}.pdf-fallback-details[open] summary{border-bottom:1px solid var(--border);color:var(--text)}.pdf-fallback-details .pdf-frame{border:none;border-radius:0}.pdf-pages{max-height:min(75dvh,640px);overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.pdf-zoom-slot{position:relative;margin:0 auto}.pdf-zoom-inner{transform-origin:0 0;will-change:transform}.pdf-page-wrap{position:relative;width:100%;margin-bottom:.75rem;line-height:0;z-index:0;isolation:isolate}.pdf-page-canvas{display:block;position:relative;z-index:0;width:100%;height:auto;border-radius:6px;background:#e2e8f0}.pdf-field-overlays{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;pointer-events:none;transform:translateZ(0)}.sig-field-highlight{position:absolute;z-index:101;box-sizing:border-box;border:3px dashed #15803d;background:#16a34a29;border-radius:4px;box-shadow:0 0 0 1px #ffffffd9,0 0 0 3px #16a34a8c,0 0 0 6px #16a34a1f,inset 0 0 0 1px #15803d59;pointer-events:auto;touch-action:none;cursor:grab;transform:translateZ(0)}.sig-field-highlight.is-dragging{cursor:grabbing;z-index:102;box-shadow:0 4px 14px #0f172a2e,0 0 0 1px #ffffffe6,0 0 0 3px #16a34aa6,0 0 0 7px #16a34a2e,inset 0 0 0 1px #15803d73}.sig-field-preview{position:absolute;top:3px;right:3px;bottom:3px;left:3px;width:calc(100% - 6px);height:calc(100% - 6px);display:block;pointer-events:none;border-radius:2px;background:#ffffff59}.pad-wrap{touch-action:none}.sig-tools{margin-bottom:.85rem;padding:.65rem .75rem;border-radius:10px;border:1px solid var(--border);background:#f8fafc}.sig-tool-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-bottom:.5rem}.sig-tool-row:last-child{margin-bottom:0}.sig-tool-row label,.sig-colors-label{font-size:.8rem;font-weight:600;color:var(--muted);min-width:4.5rem}.sig-tool-row input[type=range]{flex:1;min-width:120px;margin-bottom:0}.sig-tip-val{font-size:.8rem;font-weight:600;color:var(--text);min-width:2rem;text-align:right}.sig-color-buttons{display:flex;gap:.5rem}.sig-color-btn{font:inherit;font-size:.82rem;font-weight:600;padding:.35rem .75rem;border-radius:8px;border:2px solid var(--border);background:var(--card);cursor:pointer;color:var(--text)}.sig-color-btn--black{border-color:#0f172a}.sig-color-btn--blue{border-color:#1d4ed8;color:#1d4ed8}.sig-color-btn.is-active{box-shadow:0 0 0 2px var(--accent);border-color:var(--accent-dark)}canvas.sig{width:100%;height:180px;border-radius:10px;border:1px dashed var(--border);background:#fafafa;display:block;touch-action:none}.links-box{font-size:.85rem;word-break:break-all;background:#f8fafc;padding:.75rem;border-radius:8px;border:1px solid var(--border)}.links-box a{color:var(--accent-dark)}.mini-table{width:100%;border-collapse:collapse;font-size:.82rem;margin-bottom:.5rem}.mini-table th,.mini-table td{border:1px solid var(--border);padding:.35rem .45rem;text-align:left;vertical-align:top}.mini-table th{background:#f8fafc;font-weight:600}.audit-list{margin:0;padding-left:1.1rem;font-size:.85rem}.audit-list li{margin-bottom:.5rem}.audit-payload{margin:.35rem 0 0;padding:.45rem;background:#f8fafc;border-radius:6px;border:1px solid var(--border);font-size:.75rem;white-space:pre-wrap;overflow-x:auto;max-height:10rem}