:root{--brand:#176b55;--brand2:#0f4e42;--ink:#182a27;--muted:#71817c;--surface:#fff;--bg:#f3f7f6}
body{background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif}.app-nav{background:linear-gradient(115deg,var(--brand2),var(--brand));box-shadow:0 5px 20px #0f4e421c}.navbar-brand{letter-spacing:.2px}
.card{border:1px solid #e7eeeb;border-radius:18px;box-shadow:0 8px 26px #163d3210}.card-header{background:#fff;border-bottom:1px solid #edf1ef;border-radius:18px 18px 0 0!important}.btn{border-radius:11px;font-weight:600}.btn-success{background:var(--brand);border-color:var(--brand)}.btn-success:hover{background:var(--brand2);border-color:var(--brand2)}
.form-control,.form-select{border-radius:11px;padding:.7rem .85rem;border-color:#dce6e2}.form-control:focus,.form-select:focus{border-color:#68a894;box-shadow:0 0 0 .2rem #176b5518}.stat-icon{height:48px;width:48px;border-radius:15px;display:grid;place-items:center;background:#e5f3ed;color:var(--brand);font-size:1.3rem}
.table>:not(caption)>*>*{padding:1rem .8rem;vertical-align:middle}.table thead th{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:#6d7c77;background:#f7faf9}.page-title{font-weight:800;letter-spacing:-.04em}.muted{color:var(--muted)}.login-wrap{max-width:470px;margin:4vh auto}.loading-spinner{display:none;width:1rem;height:1rem;border:.15em solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite;margin-right:.4rem}.btn.is-loading .loading-spinner{display:inline-block}.btn.is-loading .btn-label{opacity:.8}@keyframes spin{to{transform:rotate(360deg)}}.watermark-note{border:2px dashed #dc7777;color:#9c2929;background:#fff5f5;padding:12px;border-radius:12px;font-weight:700;text-align:center}
@media(max-width:576px){main.container{padding-left:14px;padding-right:14px}.table-responsive{font-size:.9rem}.mobile-stack{display:grid;gap:.5rem}.page-title{font-size:1.65rem}}

.record-face-preview{width:110px;height:125px;object-fit:cover;border-radius:12px;border:1px solid #dce6e2}.signature-shell{border:1px solid #dce6e2;border-radius:12px;overflow:hidden;background:#fff;touch-action:none}.signature-shell canvas{display:block;width:100%;height:125px;touch-action:none;cursor:crosshair}.signature-preview{max-width:220px;max-height:80px;object-fit:contain;border:1px solid #e5ebe8;border-radius:8px;background:#fff}