:root{--navy:#102232;--gold:#e5bf68;--ink:#14202e;--muted:#5b6574;--line:#dfe3ea;--bg:#f4f5f7;--card:#fff;--ok:#1f7a4d;--err:#b42318;--radius:12px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Arial Hebrew,Arial,sans-serif;font-size:16px;line-height:1.55}.topbar{background:var(--navy);color:#fff;align-items:baseline;gap:10px;padding:12px 16px;display:flex}.brand{font-size:17px;font-weight:700}.brand-sub{color:var(--gold);font-size:14px}.container{max-width:860px;margin:0 auto;padding:16px}h1{margin:8px 0 4px;font-size:22px}h2{margin:0 0 10px;font-size:18px}.muted{color:var(--muted)}.center{text-align:center}.small{font-size:14px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);margin:14px 0;padding:16px}label{margin:12px 0 4px;font-size:15px;font-weight:600;display:block}input[type=text],input[type=email],input[type=password],input[type=tel]{width:100%;font:inherit;background:#fff;border:1px solid #c9ced8;border-radius:10px;padding:11px 12px}input:focus{outline:2px solid var(--gold);border-color:var(--navy)}input.ltr{text-align:right;direction:ltr}.check{align-items:flex-start;gap:10px;margin-top:14px;font-weight:500;display:flex}.check input{flex:none;width:22px;height:22px;margin-top:2px}button,.btn{font:inherit;cursor:pointer;background:var(--navy);color:#fff;border:0;border-radius:10px;padding:12px 18px;font-weight:600;text-decoration:none;display:inline-block}button:disabled{opacity:.55;cursor:default}.btn-gold{background:var(--gold);color:var(--navy)}.btn-light{color:var(--ink);background:#e9ecf1}.btn-wide{width:100%;padding:15px;font-size:17px}button.link,a.link{color:var(--navy);cursor:pointer;background:0 0;padding:0;font-weight:500;text-decoration:underline}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.error{color:var(--err);font-weight:600}.okmsg{color:var(--ok);font-weight:700}.pages{flex-direction:column;gap:6px;display:flex}.page-wrap{margin-bottom:8px}.page{direction:ltr;background:#fff;width:100%;position:relative;box-shadow:0 1px 4px #1022322e}.page canvas{width:100%;height:100%;position:absolute;inset:0}.page.clickable{cursor:crosshair}.page-num{text-align:center;color:var(--muted);margin-top:4px;font-size:13px}.field{border:2px dashed var(--navy);color:var(--navy);direction:rtl;background:#e5bf682e;border-radius:6px;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex;position:absolute;overflow:hidden}.field.owner{background:#4a5a7014;border-color:#4a5a70}.field.active{border-style:solid;box-shadow:0 0 0 3px #e5bf6899}.field.signer-here{cursor:pointer;background:#e5bf6859;animation:1.8s ease-in-out infinite pulse}.field img{max-width:100%;max-height:100%}@keyframes pulse{50%{background:#e5bf681f}}.sigpad{margin-top:12px}.sigpad-head{justify-content:space-between;align-items:center;margin-bottom:4px;font-weight:600;display:flex}.sigpad-canvas{touch-action:none;background:#fff;border:2px solid #c9ced8;border-radius:10px;width:100%;height:180px;display:block}.sigpad-hint{color:var(--muted);margin-top:4px;font-size:13px}.sig-preview{border:1px solid var(--line);background:#fff;border-radius:10px;max-height:110px;padding:8px}table{border-collapse:collapse;width:100%;font-size:15px}th,td{text-align:right;border-bottom:1px solid var(--line);vertical-align:top;padding:10px 6px}th{color:var(--muted);font-size:13px;font-weight:600}.badge{border-radius:999px;padding:2px 10px;font-size:13px;font-weight:700;display:inline-block}.badge.pending{color:#4a5a70;background:#eef1f6}.badge.opened{color:#8a5a00;background:#fff3d6}.badge.signed{color:var(--ok);background:#ddf3e6}.linkbox{text-align:left;word-break:break-all;direction:ltr;background:#f1f3f7;border-radius:8px;padding:10px;font-size:14px}.steps{color:var(--muted);margin:0;padding-inline-start:18px;font-size:14px}@media (max-width:600px){.hide-sm{display:none}td,th{padding:9px 4px}}
