:root{--ink: #0f1419;--muted: #5b6673;--faint: #8b95a1;--line: #e2e7ec;--bg: #f6f8fa;--panel: #fff;--brand: #3499cc;--warn: #a2540a;--err: #b42318;--shadow: 0 1px 2px rgba(15,20,25,.06), 0 8px 24px rgba(15,20,25,.05)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--ink:#e9eef3;--muted:#98a4b0;--faint:#6b7885;--line:#252c34;--bg:#0f1317;--panel:#161b21;--warn:#f0b45e;--err:#f87171;--shadow: 0 1px 2px rgba(0,0,0,.3), 0 8px 24px rgba(0,0,0,.25)}}:root[data-theme=dark]{--ink:#e9eef3;--muted:#98a4b0;--faint:#6b7885;--line:#252c34;--bg:#0f1317;--panel:#161b21;--warn:#f0b45e;--err:#f87171;--shadow: 0 1px 2px rgba(0,0,0,.3), 0 8px 24px rgba(0,0,0,.25)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-text-size-adjust:100%}.wrap,form{max-width:34rem;margin-inline:auto;padding:1rem 1rem 4rem}header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.875rem;border-bottom:1px solid var(--line);margin-bottom:1.25rem}.brand{display:flex;align-items:center;gap:.6rem}.brand small{display:block;color:var(--muted);font-size:.8125rem}.mk{width:30px;height:30px;border-radius:9px;background:var(--brand);flex:none;display:grid;place-items:center;color:#fff;font-size:15px;font-weight:700}.hero{text-align:center;padding:2rem 0 1.5rem}.hero .mk{width:46px;height:46px;border-radius:13px;font-size:22px;margin:0 auto .875rem}.hero h1{font-size:1.5rem;letter-spacing:-.02em;margin:0 0 .2rem}.hero p{color:var(--muted);margin:0;font-size:.9375rem}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:1.25rem 1.25rem .5rem;box-shadow:var(--shadow)}button.block{width:100%;margin-bottom:1rem}h1{font-size:1.375rem;margin:.5rem 0 .25rem}h2{font-size:.8125rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:1.5rem 0 .5rem}h2.later{margin-top:2.5rem}.ref{color:var(--muted);font-variant-numeric:tabular-nums;margin:0 0 1rem}.muted{color:var(--muted)}.note{color:var(--muted);font-style:italic}.card.job{display:grid;grid-template-columns:1fr auto;gap:.125rem .75rem;width:100%;text-align:left;padding:.875rem 1rem;margin-bottom:.625rem;background:none;color:inherit;font:inherit;border:1px solid var(--line);border-radius:12px}.card .ref{grid-column:1;font-size:.8125rem;margin:0}.card .pill{grid-column:2;grid-row:1 / span 2;align-self:center;font-size:.8125rem;padding:.1rem .55rem;border:1px solid var(--line);border-radius:999px}.card .name{font-weight:600}.card .addr{grid-column:1;color:var(--muted);font-size:.9375rem}.card.done{opacity:.55}.panel{border:1px solid var(--line);border-radius:12px;padding:1rem;margin:1rem 0}.panel p{margin:0 0 .75rem}.actions{display:grid;gap:.625rem;margin-top:1.5rem}button,.btn{font:inherit;font-weight:600;padding:.875rem 1rem;border-radius:10px;border:1px solid var(--line);background:none;color:inherit;cursor:pointer;text-align:center;text-decoration:none;display:block}button.primary{background:var(--brand);border-color:var(--brand);color:#fff}.signin .card label:last-of-type{margin-bottom:1.25rem}button.link,.link{border:0;padding:.25rem 0;font-weight:400;color:var(--brand);text-align:left;width:auto}button:disabled{opacity:.5;cursor:default}label{display:block;margin-bottom:1rem;font-size:.875rem;color:var(--muted)}label em{color:var(--warn);font-style:normal}input[type=email],input[type=password],input[type=text],input:not([type]){display:block;width:100%;margin-top:.25rem;padding:.75rem;font:inherit;font-size:16px;color:var(--ink);background:none;border:1px solid var(--line);border-radius:8px}input[type=file]{margin-top:.5rem;font-size:16px;color:var(--ink)}label.check{display:flex;gap:.75rem;align-items:flex-start;padding:.875rem;border-radius:10px;font-size:1rem;color:inherit}label.check.warn{border:1px solid var(--warn);color:var(--warn)}label.check input{width:1.35rem;height:1.35rem;margin:0;flex:none}.sig canvas{width:100%;height:10rem;margin-top:.25rem;border:1px dashed var(--line);border-radius:8px;background:#fff;touch-action:none}.queued{background:color-mix(in srgb,var(--brand) 12%,transparent);border-radius:8px;padding:.625rem .875rem;font-size:.9375rem;cursor:pointer;margin:0 0 1rem}.warn{color:var(--warn);border:1px solid var(--warn);border-radius:8px;padding:.625rem .875rem;font-size:.9375rem}.error{color:var(--err);font-size:.9375rem}.demo-hint{margin-top:1.5rem;padding:.875rem 1rem;font-size:.875rem;line-height:1.6;border:1px solid var(--line);border-left:3px solid var(--brand);border-radius:8px;color:var(--muted);background:#3499cc0f}.demo-hint strong{color:var(--ink)}.demo-hint code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8125rem;padding:.1rem .3rem;border-radius:4px;background:#7f7f7f26;color:var(--ink)}.signin h1{margin-bottom:1.25rem}.field{margin-bottom:1rem}.fieldlabel{display:block;font-size:.875rem;font-weight:550;color:var(--muted);margin-bottom:.28rem}.fieldlabel em{color:var(--warn);font-style:normal}.jobmap{position:relative;z-index:0;isolation:isolate;height:13rem;border-radius:12px;border:1px solid var(--line);overflow:hidden;margin:1rem 0;background:var(--line)}.queued strong{display:block;color:var(--ink)}.btn.secondary{display:block}.themebtn{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:8px;padding:.3rem .55rem;font-size:1rem;line-height:1;cursor:pointer;margin-right:.5rem}header .right{display:flex;align-items:center;gap:.25rem}.signin-top{display:flex;justify-content:flex-end;padding-top:.5rem}
